@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

ul, ol {
  padding-left: 0;
  margin: 0;
  list-style-type: none;
}

ul li, ol li {
  list-style-type: none;
}

p {
  margin: 0;
}

a {
  -webkit-tap-highlight-color: transparent;
}

img {
  vertical-align: top;
}

button {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

/*******************
  Utility Classes
*******************/
.hide {
  display: none !important;
}

.left-align {
  text-align: left !important;
}

.right-align {
  text-align: right !important;
}

.center,
.center-align {
  text-align: center;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.clearing:after {
  content: '';
  display: table;
  width: 100%;
}

.circle {
  border-radius: 50%;
}

.no-padding {
  padding: 0 !important;
}

.valign-wrapper {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

/* public */
.hd-area {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -99999px;
  width: 0;
  height: 0;
  line-height: 0;
  color: transparent;
}

.h-1 .card {
  height: 1px !important;
}

.h-2 .card {
  height: 2px !important;
}

.h-3 .card {
  height: 3px !important;
}

.h-4 .card {
  height: 4px !important;
}

.h-5 .card {
  height: 5px !important;
}

.h-6 .card {
  height: 6px !important;
}

.h-7 .card {
  height: 7px !important;
}

.h-8 .card {
  height: 8px !important;
}

.h-9 .card {
  height: 9px !important;
}

.h-10 .card {
  height: 10px !important;
}

.h-11 .card {
  height: 11px !important;
}

.h-12 .card {
  height: 12px !important;
}

.h-13 .card {
  height: 13px !important;
}

.h-14 .card {
  height: 14px !important;
}

.h-15 .card {
  height: 15px !important;
}

.h-16 .card {
  height: 16px !important;
}

.h-17 .card {
  height: 17px !important;
}

.h-18 .card {
  height: 18px !important;
}

.h-19 .card {
  height: 19px !important;
}

.h-20 .card {
  height: 20px !important;
}

.h-21 .card {
  height: 21px !important;
}

.h-22 .card {
  height: 22px !important;
}

.h-23 .card {
  height: 23px !important;
}

.h-24 .card {
  height: 24px !important;
}

.h-25 .card {
  height: 25px !important;
}

.h-26 .card {
  height: 26px !important;
}

.h-27 .card {
  height: 27px !important;
}

.h-28 .card {
  height: 28px !important;
}

.h-29 .card {
  height: 29px !important;
}

.h-30 .card {
  height: 30px !important;
}

.h-31 .card {
  height: 31px !important;
}

.h-32 .card {
  height: 32px !important;
}

.h-33 .card {
  height: 33px !important;
}

.h-34 .card {
  height: 34px !important;
}

.h-35 .card {
  height: 35px !important;
}

.h-36 .card {
  height: 36px !important;
}

.h-37 .card {
  height: 37px !important;
}

.h-38 .card {
  height: 38px !important;
}

.h-39 .card {
  height: 39px !important;
}

.h-40 .card {
  height: 40px !important;
}

.h-41 .card {
  height: 41px !important;
}

.h-42 .card {
  height: 42px !important;
}

.h-43 .card {
  height: 43px !important;
}

.h-44 .card {
  height: 44px !important;
}

.h-45 .card {
  height: 45px !important;
}

.h-46 .card {
  height: 46px !important;
}

.h-47 .card {
  height: 47px !important;
}

.h-48 .card {
  height: 48px !important;
}

.h-49 .card {
  height: 49px !important;
}

.h-50 .card {
  height: 50px !important;
}

.h-51 .card {
  height: 51px !important;
}

.h-52 .card {
  height: 52px !important;
}

.h-53 .card {
  height: 53px !important;
}

.h-54 .card {
  height: 54px !important;
}

.h-55 .card {
  height: 55px !important;
}

.h-56 .card {
  height: 56px !important;
}

.h-57 .card {
  height: 57px !important;
}

.h-58 .card {
  height: 58px !important;
}

.h-59 .card {
  height: 59px !important;
}

.h-60 .card {
  height: 60px !important;
}

.h-61 .card {
  height: 61px !important;
}

.h-62 .card {
  height: 62px !important;
}

.h-63 .card {
  height: 63px !important;
}

.h-64 .card {
  height: 64px !important;
}

.h-65 .card {
  height: 65px !important;
}

.h-66 .card {
  height: 66px !important;
}

.h-67 .card {
  height: 67px !important;
}

.h-68 .card {
  height: 68px !important;
}

.h-69 .card {
  height: 69px !important;
}

.h-70 .card {
  height: 70px !important;
}

.h-71 .card {
  height: 71px !important;
}

.h-72 .card {
  height: 72px !important;
}

.h-73 .card {
  height: 73px !important;
}

.h-74 .card {
  height: 74px !important;
}

.h-75 .card {
  height: 75px !important;
}

.h-76 .card {
  height: 76px !important;
}

.h-77 .card {
  height: 77px !important;
}

.h-78 .card {
  height: 78px !important;
}

.h-79 .card {
  height: 79px !important;
}

.h-80 .card {
  height: 80px !important;
}

.h-81 .card {
  height: 81px !important;
}

.h-82 .card {
  height: 82px !important;
}

.h-83 .card {
  height: 83px !important;
}

.h-84 .card {
  height: 84px !important;
}

.h-85 .card {
  height: 85px !important;
}

.h-86 .card {
  height: 86px !important;
}

.h-87 .card {
  height: 87px !important;
}

.h-88 .card {
  height: 88px !important;
}

.h-89 .card {
  height: 89px !important;
}

.h-90 .card {
  height: 90px !important;
}

.h-91 .card {
  height: 91px !important;
}

.h-92 .card {
  height: 92px !important;
}

.h-93 .card {
  height: 93px !important;
}

.h-94 .card {
  height: 94px !important;
}

.h-95 .card {
  height: 95px !important;
}

.h-96 .card {
  height: 96px !important;
}

.h-97 .card {
  height: 97px !important;
}

.h-98 .card {
  height: 98px !important;
}

.h-99 .card {
  height: 99px !important;
}

.h-100 .card {
  height: 100px !important;
}

.h-101 .card {
  height: 101px !important;
}

.h-102 .card {
  height: 102px !important;
}

.h-103 .card {
  height: 103px !important;
}

.h-104 .card {
  height: 104px !important;
}

.h-105 .card {
  height: 105px !important;
}

.h-106 .card {
  height: 106px !important;
}

.h-107 .card {
  height: 107px !important;
}

.h-108 .card {
  height: 108px !important;
}

.h-109 .card {
  height: 109px !important;
}

.h-110 .card {
  height: 110px !important;
}

.h-111 .card {
  height: 111px !important;
}

.h-112 .card {
  height: 112px !important;
}

.h-113 .card {
  height: 113px !important;
}

.h-114 .card {
  height: 114px !important;
}

.h-115 .card {
  height: 115px !important;
}

.h-116 .card {
  height: 116px !important;
}

.h-117 .card {
  height: 117px !important;
}

.h-118 .card {
  height: 118px !important;
}

.h-119 .card {
  height: 119px !important;
}

.h-120 .card {
  height: 120px !important;
}

.h-121 .card {
  height: 121px !important;
}

.h-122 .card {
  height: 122px !important;
}

.h-123 .card {
  height: 123px !important;
}

.h-124 .card {
  height: 124px !important;
}

.h-125 .card {
  height: 125px !important;
}

.h-126 .card {
  height: 126px !important;
}

.h-127 .card {
  height: 127px !important;
}

.h-128 .card {
  height: 128px !important;
}

.h-129 .card {
  height: 129px !important;
}

.h-130 .card {
  height: 130px !important;
}

.h-131 .card {
  height: 131px !important;
}

.h-132 .card {
  height: 132px !important;
}

.h-133 .card {
  height: 133px !important;
}

.h-134 .card {
  height: 134px !important;
}

.h-135 .card {
  height: 135px !important;
}

.h-136 .card {
  height: 136px !important;
}

.h-137 .card {
  height: 137px !important;
}

.h-138 .card {
  height: 138px !important;
}

.h-139 .card {
  height: 139px !important;
}

.h-140 .card {
  height: 140px !important;
}

.h-141 .card {
  height: 141px !important;
}

.h-142 .card {
  height: 142px !important;
}

.h-143 .card {
  height: 143px !important;
}

.h-144 .card {
  height: 144px !important;
}

.h-145 .card {
  height: 145px !important;
}

.h-146 .card {
  height: 146px !important;
}

.h-147 .card {
  height: 147px !important;
}

.h-148 .card {
  height: 148px !important;
}

.h-149 .card {
  height: 149px !important;
}

.h-150 .card {
  height: 150px !important;
}

.h-151 .card {
  height: 151px !important;
}

.h-152 .card {
  height: 152px !important;
}

.h-153 .card {
  height: 153px !important;
}

.h-154 .card {
  height: 154px !important;
}

.h-155 .card {
  height: 155px !important;
}

.h-156 .card {
  height: 156px !important;
}

.h-157 .card {
  height: 157px !important;
}

.h-158 .card {
  height: 158px !important;
}

.h-159 .card {
  height: 159px !important;
}

.h-160 .card {
  height: 160px !important;
}

.h-161 .card {
  height: 161px !important;
}

.h-162 .card {
  height: 162px !important;
}

.h-163 .card {
  height: 163px !important;
}

.h-164 .card {
  height: 164px !important;
}

.h-165 .card {
  height: 165px !important;
}

.h-166 .card {
  height: 166px !important;
}

.h-167 .card {
  height: 167px !important;
}

.h-168 .card {
  height: 168px !important;
}

.h-169 .card {
  height: 169px !important;
}

.h-170 .card {
  height: 170px !important;
}

.h-171 .card {
  height: 171px !important;
}

.h-172 .card {
  height: 172px !important;
}

.h-173 .card {
  height: 173px !important;
}

.h-174 .card {
  height: 174px !important;
}

.h-175 .card {
  height: 175px !important;
}

.h-176 .card {
  height: 176px !important;
}

.h-177 .card {
  height: 177px !important;
}

.h-178 .card {
  height: 178px !important;
}

.h-179 .card {
  height: 179px !important;
}

.h-180 .card {
  height: 180px !important;
}

.h-181 .card {
  height: 181px !important;
}

.h-182 .card {
  height: 182px !important;
}

.h-183 .card {
  height: 183px !important;
}

.h-184 .card {
  height: 184px !important;
}

.h-185 .card {
  height: 185px !important;
}

.h-186 .card {
  height: 186px !important;
}

.h-187 .card {
  height: 187px !important;
}

.h-188 .card {
  height: 188px !important;
}

.h-189 .card {
  height: 189px !important;
}

.h-190 .card {
  height: 190px !important;
}

.h-191 .card {
  height: 191px !important;
}

.h-192 .card {
  height: 192px !important;
}

.h-193 .card {
  height: 193px !important;
}

.h-194 .card {
  height: 194px !important;
}

.h-195 .card {
  height: 195px !important;
}

.h-196 .card {
  height: 196px !important;
}

.h-197 .card {
  height: 197px !important;
}

.h-198 .card {
  height: 198px !important;
}

.h-199 .card {
  height: 199px !important;
}

.h-200 .card {
  height: 200px !important;
}

.h-201 .card {
  height: 201px !important;
}

.h-202 .card {
  height: 202px !important;
}

.h-203 .card {
  height: 203px !important;
}

.h-204 .card {
  height: 204px !important;
}

.h-205 .card {
  height: 205px !important;
}

.h-206 .card {
  height: 206px !important;
}

.h-207 .card {
  height: 207px !important;
}

.h-208 .card {
  height: 208px !important;
}

.h-209 .card {
  height: 209px !important;
}

.h-210 .card {
  height: 210px !important;
}

.h-211 .card {
  height: 211px !important;
}

.h-212 .card {
  height: 212px !important;
}

.h-213 .card {
  height: 213px !important;
}

.h-214 .card {
  height: 214px !important;
}

.h-215 .card {
  height: 215px !important;
}

.h-216 .card {
  height: 216px !important;
}

.h-217 .card {
  height: 217px !important;
}

.h-218 .card {
  height: 218px !important;
}

.h-219 .card {
  height: 219px !important;
}

.h-220 .card {
  height: 220px !important;
}

.h-221 .card {
  height: 221px !important;
}

.h-222 .card {
  height: 222px !important;
}

.h-223 .card {
  height: 223px !important;
}

.h-224 .card {
  height: 224px !important;
}

.h-225 .card {
  height: 225px !important;
}

.h-226 .card {
  height: 226px !important;
}

.h-227 .card {
  height: 227px !important;
}

.h-228 .card {
  height: 228px !important;
}

.h-229 .card {
  height: 229px !important;
}

.h-230 .card {
  height: 230px !important;
}

.h-231 .card {
  height: 231px !important;
}

.h-232 .card {
  height: 232px !important;
}

.h-233 .card {
  height: 233px !important;
}

.h-234 .card {
  height: 234px !important;
}

.h-235 .card {
  height: 235px !important;
}

.h-236 .card {
  height: 236px !important;
}

.h-237 .card {
  height: 237px !important;
}

.h-238 .card {
  height: 238px !important;
}

.h-239 .card {
  height: 239px !important;
}

.h-240 .card {
  height: 240px !important;
}

.h-241 .card {
  height: 241px !important;
}

.h-242 .card {
  height: 242px !important;
}

.h-243 .card {
  height: 243px !important;
}

.h-244 .card {
  height: 244px !important;
}

.h-245 .card {
  height: 245px !important;
}

.h-246 .card {
  height: 246px !important;
}

.h-247 .card {
  height: 247px !important;
}

.h-248 .card {
  height: 248px !important;
}

.h-249 .card {
  height: 249px !important;
}

.h-250 .card {
  height: 250px !important;
}

.h-251 .card {
  height: 251px !important;
}

.h-252 .card {
  height: 252px !important;
}

.h-253 .card {
  height: 253px !important;
}

.h-254 .card {
  height: 254px !important;
}

.h-255 .card {
  height: 255px !important;
}

.h-256 .card {
  height: 256px !important;
}

.h-257 .card {
  height: 257px !important;
}

.h-258 .card {
  height: 258px !important;
}

.h-259 .card {
  height: 259px !important;
}

.h-260 .card {
  height: 260px !important;
}

.h-261 .card {
  height: 261px !important;
}

.h-262 .card {
  height: 262px !important;
}

.h-263 .card {
  height: 263px !important;
}

.h-264 .card {
  height: 264px !important;
}

.h-265 .card {
  height: 265px !important;
}

.h-266 .card {
  height: 266px !important;
}

.h-267 .card {
  height: 267px !important;
}

.h-268 .card {
  height: 268px !important;
}

.h-269 .card {
  height: 269px !important;
}

.h-270 .card {
  height: 270px !important;
}

.h-271 .card {
  height: 271px !important;
}

.h-272 .card {
  height: 272px !important;
}

.h-273 .card {
  height: 273px !important;
}

.h-274 .card {
  height: 274px !important;
}

.h-275 .card {
  height: 275px !important;
}

.h-276 .card {
  height: 276px !important;
}

.h-277 .card {
  height: 277px !important;
}

.h-278 .card {
  height: 278px !important;
}

.h-279 .card {
  height: 279px !important;
}

.h-280 .card {
  height: 280px !important;
}

.h-281 .card {
  height: 281px !important;
}

.h-282 .card {
  height: 282px !important;
}

.h-283 .card {
  height: 283px !important;
}

.h-284 .card {
  height: 284px !important;
}

.h-285 .card {
  height: 285px !important;
}

.h-286 .card {
  height: 286px !important;
}

.h-287 .card {
  height: 287px !important;
}

.h-288 .card {
  height: 288px !important;
}

.h-289 .card {
  height: 289px !important;
}

.h-290 .card {
  height: 290px !important;
}

.h-291 .card {
  height: 291px !important;
}

.h-292 .card {
  height: 292px !important;
}

.h-293 .card {
  height: 293px !important;
}

.h-294 .card {
  height: 294px !important;
}

.h-295 .card {
  height: 295px !important;
}

.h-296 .card {
  height: 296px !important;
}

.h-297 .card {
  height: 297px !important;
}

.h-298 .card {
  height: 298px !important;
}

.h-299 .card {
  height: 299px !important;
}

.h-300 .card {
  height: 300px !important;
}

.h-301 .card {
  height: 301px !important;
}

.h-302 .card {
  height: 302px !important;
}

.h-303 .card {
  height: 303px !important;
}

.h-304 .card {
  height: 304px !important;
}

.h-305 .card {
  height: 305px !important;
}

.h-306 .card {
  height: 306px !important;
}

.h-307 .card {
  height: 307px !important;
}

.h-308 .card {
  height: 308px !important;
}

.h-309 .card {
  height: 309px !important;
}

.h-310 .card {
  height: 310px !important;
}

.h-311 .card {
  height: 311px !important;
}

.h-312 .card {
  height: 312px !important;
}

.h-313 .card {
  height: 313px !important;
}

.h-314 .card {
  height: 314px !important;
}

.h-315 .card {
  height: 315px !important;
}

.h-316 .card {
  height: 316px !important;
}

.h-317 .card {
  height: 317px !important;
}

.h-318 .card {
  height: 318px !important;
}

.h-319 .card {
  height: 319px !important;
}

.h-320 .card {
  height: 320px !important;
}

.h-321 .card {
  height: 321px !important;
}

.h-322 .card {
  height: 322px !important;
}

.h-323 .card {
  height: 323px !important;
}

.h-324 .card {
  height: 324px !important;
}

.h-325 .card {
  height: 325px !important;
}

.h-326 .card {
  height: 326px !important;
}

.h-327 .card {
  height: 327px !important;
}

.h-328 .card {
  height: 328px !important;
}

.h-329 .card {
  height: 329px !important;
}

.h-330 .card {
  height: 330px !important;
}

.h-331 .card {
  height: 331px !important;
}

.h-332 .card {
  height: 332px !important;
}

.h-333 .card {
  height: 333px !important;
}

.h-334 .card {
  height: 334px !important;
}

.h-335 .card {
  height: 335px !important;
}

.h-336 .card {
  height: 336px !important;
}

.h-337 .card {
  height: 337px !important;
}

.h-338 .card {
  height: 338px !important;
}

.h-339 .card {
  height: 339px !important;
}

.h-340 .card {
  height: 340px !important;
}

.h-341 .card {
  height: 341px !important;
}

.h-342 .card {
  height: 342px !important;
}

.h-343 .card {
  height: 343px !important;
}

.h-344 .card {
  height: 344px !important;
}

.h-345 .card {
  height: 345px !important;
}

.h-346 .card {
  height: 346px !important;
}

.h-347 .card {
  height: 347px !important;
}

.h-348 .card {
  height: 348px !important;
}

.h-349 .card {
  height: 349px !important;
}

.h-350 .card {
  height: 350px !important;
}

.h-351 .card {
  height: 351px !important;
}

.h-352 .card {
  height: 352px !important;
}

.h-353 .card {
  height: 353px !important;
}

.h-354 .card {
  height: 354px !important;
}

.h-355 .card {
  height: 355px !important;
}

.h-356 .card {
  height: 356px !important;
}

.h-357 .card {
  height: 357px !important;
}

.h-358 .card {
  height: 358px !important;
}

.h-359 .card {
  height: 359px !important;
}

.h-360 .card {
  height: 360px !important;
}

.h-361 .card {
  height: 361px !important;
}

.h-362 .card {
  height: 362px !important;
}

.h-363 .card {
  height: 363px !important;
}

.h-364 .card {
  height: 364px !important;
}

.h-365 .card {
  height: 365px !important;
}

.h-366 .card {
  height: 366px !important;
}

.h-367 .card {
  height: 367px !important;
}

.h-368 .card {
  height: 368px !important;
}

.h-369 .card {
  height: 369px !important;
}

.h-370 .card {
  height: 370px !important;
}

.h-371 .card {
  height: 371px !important;
}

.h-372 .card {
  height: 372px !important;
}

.h-373 .card {
  height: 373px !important;
}

.h-374 .card {
  height: 374px !important;
}

.h-375 .card {
  height: 375px !important;
}

.h-376 .card {
  height: 376px !important;
}

.h-377 .card {
  height: 377px !important;
}

.h-378 .card {
  height: 378px !important;
}

.h-379 .card {
  height: 379px !important;
}

.h-380 .card {
  height: 380px !important;
}

.h-381 .card {
  height: 381px !important;
}

.h-382 .card {
  height: 382px !important;
}

.h-383 .card {
  height: 383px !important;
}

.h-384 .card {
  height: 384px !important;
}

.h-385 .card {
  height: 385px !important;
}

.h-386 .card {
  height: 386px !important;
}

.h-387 .card {
  height: 387px !important;
}

.h-388 .card {
  height: 388px !important;
}

.h-389 .card {
  height: 389px !important;
}

.h-390 .card {
  height: 390px !important;
}

.h-391 .card {
  height: 391px !important;
}

.h-392 .card {
  height: 392px !important;
}

.h-393 .card {
  height: 393px !important;
}

.h-394 .card {
  height: 394px !important;
}

.h-395 .card {
  height: 395px !important;
}

.h-396 .card {
  height: 396px !important;
}

.h-397 .card {
  height: 397px !important;
}

.h-398 .card {
  height: 398px !important;
}

.h-399 .card {
  height: 399px !important;
}

.h-400 .card {
  height: 400px !important;
}

.h-401 .card {
  height: 401px !important;
}

.h-402 .card {
  height: 402px !important;
}

.h-403 .card {
  height: 403px !important;
}

.h-404 .card {
  height: 404px !important;
}

.h-405 .card {
  height: 405px !important;
}

.h-406 .card {
  height: 406px !important;
}

.h-407 .card {
  height: 407px !important;
}

.h-408 .card {
  height: 408px !important;
}

.h-409 .card {
  height: 409px !important;
}

.h-410 .card {
  height: 410px !important;
}

.h-411 .card {
  height: 411px !important;
}

.h-412 .card {
  height: 412px !important;
}

.h-413 .card {
  height: 413px !important;
}

.h-414 .card {
  height: 414px !important;
}

.h-415 .card {
  height: 415px !important;
}

.h-416 .card {
  height: 416px !important;
}

.h-417 .card {
  height: 417px !important;
}

.h-418 .card {
  height: 418px !important;
}

.h-419 .card {
  height: 419px !important;
}

.h-420 .card {
  height: 420px !important;
}

.h-421 .card {
  height: 421px !important;
}

.h-422 .card {
  height: 422px !important;
}

.h-423 .card {
  height: 423px !important;
}

.h-424 .card {
  height: 424px !important;
}

.h-425 .card {
  height: 425px !important;
}

.h-426 .card {
  height: 426px !important;
}

.h-427 .card {
  height: 427px !important;
}

.h-428 .card {
  height: 428px !important;
}

.h-429 .card {
  height: 429px !important;
}

.h-430 .card {
  height: 430px !important;
}

.h-431 .card {
  height: 431px !important;
}

.h-432 .card {
  height: 432px !important;
}

.h-433 .card {
  height: 433px !important;
}

.h-434 .card {
  height: 434px !important;
}

.h-435 .card {
  height: 435px !important;
}

.h-436 .card {
  height: 436px !important;
}

.h-437 .card {
  height: 437px !important;
}

.h-438 .card {
  height: 438px !important;
}

.h-439 .card {
  height: 439px !important;
}

.h-440 .card {
  height: 440px !important;
}

.h-441 .card {
  height: 441px !important;
}

.h-442 .card {
  height: 442px !important;
}

.h-443 .card {
  height: 443px !important;
}

.h-444 .card {
  height: 444px !important;
}

.h-445 .card {
  height: 445px !important;
}

.h-446 .card {
  height: 446px !important;
}

.h-447 .card {
  height: 447px !important;
}

.h-448 .card {
  height: 448px !important;
}

.h-449 .card {
  height: 449px !important;
}

.h-450 .card {
  height: 450px !important;
}

.h-451 .card {
  height: 451px !important;
}

.h-452 .card {
  height: 452px !important;
}

.h-453 .card {
  height: 453px !important;
}

.h-454 .card {
  height: 454px !important;
}

.h-455 .card {
  height: 455px !important;
}

.h-456 .card {
  height: 456px !important;
}

.h-457 .card {
  height: 457px !important;
}

.h-458 .card {
  height: 458px !important;
}

.h-459 .card {
  height: 459px !important;
}

.h-460 .card {
  height: 460px !important;
}

.h-461 .card {
  height: 461px !important;
}

.h-462 .card {
  height: 462px !important;
}

.h-463 .card {
  height: 463px !important;
}

.h-464 .card {
  height: 464px !important;
}

.h-465 .card {
  height: 465px !important;
}

.h-466 .card {
  height: 466px !important;
}

.h-467 .card {
  height: 467px !important;
}

.h-468 .card {
  height: 468px !important;
}

.h-469 .card {
  height: 469px !important;
}

.h-470 .card {
  height: 470px !important;
}

.h-471 .card {
  height: 471px !important;
}

.h-472 .card {
  height: 472px !important;
}

.h-473 .card {
  height: 473px !important;
}

.h-474 .card {
  height: 474px !important;
}

.h-475 .card {
  height: 475px !important;
}

.h-476 .card {
  height: 476px !important;
}

.h-477 .card {
  height: 477px !important;
}

.h-478 .card {
  height: 478px !important;
}

.h-479 .card {
  height: 479px !important;
}

.h-480 .card {
  height: 480px !important;
}

.h-481 .card {
  height: 481px !important;
}

.h-482 .card {
  height: 482px !important;
}

.h-483 .card {
  height: 483px !important;
}

.h-484 .card {
  height: 484px !important;
}

.h-485 .card {
  height: 485px !important;
}

.h-486 .card {
  height: 486px !important;
}

.h-487 .card {
  height: 487px !important;
}

.h-488 .card {
  height: 488px !important;
}

.h-489 .card {
  height: 489px !important;
}

.h-490 .card {
  height: 490px !important;
}

.h-491 .card {
  height: 491px !important;
}

.h-492 .card {
  height: 492px !important;
}

.h-493 .card {
  height: 493px !important;
}

.h-494 .card {
  height: 494px !important;
}

.h-495 .card {
  height: 495px !important;
}

.h-496 .card {
  height: 496px !important;
}

.h-497 .card {
  height: 497px !important;
}

.h-498 .card {
  height: 498px !important;
}

.h-499 .card {
  height: 499px !important;
}

.h-500 .card {
  height: 500px !important;
}

.h-501 .card {
  height: 501px !important;
}

.h-502 .card {
  height: 502px !important;
}

.h-503 .card {
  height: 503px !important;
}

.h-504 .card {
  height: 504px !important;
}

.h-505 .card {
  height: 505px !important;
}

.h-506 .card {
  height: 506px !important;
}

.h-507 .card {
  height: 507px !important;
}

.h-508 .card {
  height: 508px !important;
}

.h-509 .card {
  height: 509px !important;
}

.h-510 .card {
  height: 510px !important;
}

.h-511 .card {
  height: 511px !important;
}

.h-512 .card {
  height: 512px !important;
}

.h-513 .card {
  height: 513px !important;
}

.h-514 .card {
  height: 514px !important;
}

.h-515 .card {
  height: 515px !important;
}

.h-516 .card {
  height: 516px !important;
}

.h-517 .card {
  height: 517px !important;
}

.h-518 .card {
  height: 518px !important;
}

.h-519 .card {
  height: 519px !important;
}

.h-520 .card {
  height: 520px !important;
}

.h-521 .card {
  height: 521px !important;
}

.h-522 .card {
  height: 522px !important;
}

.h-523 .card {
  height: 523px !important;
}

.h-524 .card {
  height: 524px !important;
}

.h-525 .card {
  height: 525px !important;
}

.h-526 .card {
  height: 526px !important;
}

.h-527 .card {
  height: 527px !important;
}

.h-528 .card {
  height: 528px !important;
}

.h-529 .card {
  height: 529px !important;
}

.h-530 .card {
  height: 530px !important;
}

.h-531 .card {
  height: 531px !important;
}

.h-532 .card {
  height: 532px !important;
}

.h-533 .card {
  height: 533px !important;
}

.h-534 .card {
  height: 534px !important;
}

.h-535 .card {
  height: 535px !important;
}

.h-536 .card {
  height: 536px !important;
}

.h-537 .card {
  height: 537px !important;
}

.h-538 .card {
  height: 538px !important;
}

.h-539 .card {
  height: 539px !important;
}

.h-540 .card {
  height: 540px !important;
}

.h-541 .card {
  height: 541px !important;
}

.h-542 .card {
  height: 542px !important;
}

.h-543 .card {
  height: 543px !important;
}

.h-544 .card {
  height: 544px !important;
}

.h-545 .card {
  height: 545px !important;
}

.h-546 .card {
  height: 546px !important;
}

.h-547 .card {
  height: 547px !important;
}

.h-548 .card {
  height: 548px !important;
}

.h-549 .card {
  height: 549px !important;
}

.h-550 .card {
  height: 550px !important;
}

.h-551 .card {
  height: 551px !important;
}

.h-552 .card {
  height: 552px !important;
}

.h-553 .card {
  height: 553px !important;
}

.h-554 .card {
  height: 554px !important;
}

.h-555 .card {
  height: 555px !important;
}

.h-556 .card {
  height: 556px !important;
}

.h-557 .card {
  height: 557px !important;
}

.h-558 .card {
  height: 558px !important;
}

.h-559 .card {
  height: 559px !important;
}

.h-560 .card {
  height: 560px !important;
}

.h-561 .card {
  height: 561px !important;
}

.h-562 .card {
  height: 562px !important;
}

.h-563 .card {
  height: 563px !important;
}

.h-564 .card {
  height: 564px !important;
}

.h-565 .card {
  height: 565px !important;
}

.h-566 .card {
  height: 566px !important;
}

.h-567 .card {
  height: 567px !important;
}

.h-568 .card {
  height: 568px !important;
}

.h-569 .card {
  height: 569px !important;
}

.h-570 .card {
  height: 570px !important;
}

.h-571 .card {
  height: 571px !important;
}

.h-572 .card {
  height: 572px !important;
}

.h-573 .card {
  height: 573px !important;
}

.h-574 .card {
  height: 574px !important;
}

.h-575 .card {
  height: 575px !important;
}

.h-576 .card {
  height: 576px !important;
}

.h-577 .card {
  height: 577px !important;
}

.h-578 .card {
  height: 578px !important;
}

.h-579 .card {
  height: 579px !important;
}

.h-580 .card {
  height: 580px !important;
}

.h-581 .card {
  height: 581px !important;
}

.h-582 .card {
  height: 582px !important;
}

.h-583 .card {
  height: 583px !important;
}

.h-584 .card {
  height: 584px !important;
}

.h-585 .card {
  height: 585px !important;
}

.h-586 .card {
  height: 586px !important;
}

.h-587 .card {
  height: 587px !important;
}

.h-588 .card {
  height: 588px !important;
}

.h-589 .card {
  height: 589px !important;
}

.h-590 .card {
  height: 590px !important;
}

.h-591 .card {
  height: 591px !important;
}

.h-592 .card {
  height: 592px !important;
}

.h-593 .card {
  height: 593px !important;
}

.h-594 .card {
  height: 594px !important;
}

.h-595 .card {
  height: 595px !important;
}

.h-596 .card {
  height: 596px !important;
}

.h-597 .card {
  height: 597px !important;
}

.h-598 .card {
  height: 598px !important;
}

.h-599 .card {
  height: 599px !important;
}

.h-600 .card {
  height: 600px !important;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  outline: none;
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

ul, dl, ol,
ul li,
dt, dd {
  margin: 0;
  padding: 0;
}

address {
  font-style: normal;
}

/* IE버튼 눌림 효과 제거 */
button,
button:focus,
button:active {
  padding: 0;
}

button span {
  position: relative;
}

em {
  font-style: normal;
}

input,
select {
  border-radius: 0;
}

html, body {
  line-height: 1.5;
  font-size: 14px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 300;
  color: #888;
}

a {
  text-decoration: none;
  color: #888;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
}

strong {
  font-weight: 500;
}

.font-cj {
  font-family: 'CJ onlyOne';
  font-weight: 300;
}

.font-cj.tit {
  font-weight: 700;
}

span.tit {
  display: block;
}

.ly-container {
  position: relative;
  max-width: 1920px;
  min-width: 1280px;
  overflow: hidden;
}

.ly-container .inner {
  position: relative;
  width: 1190px;
  margin: 0 auto;
  padding-top: 90px;
}

.ly-container .ly-body {
  position: relative;
}

.ly-container .beyond .inner,
.ly-container .beyond ~ section .inner {
  padding-left: 20px;
}

.ly-header.opened .nav.head li:not(.active) a {
  color: #999;
}

.ly-header {
  position: relative;
  width: 100%;
  height: 80px;
  background-color: #fff;
  color: #000;
  z-index: 10;
}

.ly-header > .inner {
  width: 1280px;
  height: 100%;
  padding: 20px 42px 0;
  position: static;
}

.ly-header > .inner:after {
  content: '';
  display: table;
  width: 100%;
}

.ly-header .logo {
  display: block;
  float: left;
  width: 73px;
  height: 38px;
  background: url("../images/common/img_logo.png") no-repeat 0 0/auto 100%;
}

.ly-header .logo.kr {
  width: 133px;
  height: 38px;
  background: url("../images/common/img_logo_kr.png") no-repeat 0 0/auto 100%;
}

.ly-header .nav.head {
  height: 38px;
  float: left;
}

.ly-header .nav.head:after {
  content: '';
  display: table;
  width: 100%;
}

.ly-header .nav.head > li {
  display: inline-block;
  padding-top: 8px;
}

.ly-header .nav.head > li a {
  display: block;
  font-weight: 700;
  color: #000;
}

.ly-header .nav.head > li:hover a,
.ly-header .nav.head > li.active a {
  color: #000;
}

.ly-header .nav.head > li + li {
  padding-left: 36px;
}

.ly-header .nav-wrap {
  height: 100%;
  float: right;
}

.ly-header .lang-select,
.ly-header .search {
  float: left;
  width: 56px;
}

.ly-header .lang-select {
  position: relative;
  margin-left: 30px;
  border: 1px solid #ddd;
  text-align: center;
  font-weight: 700;
}

.ly-header .lang-select .selected-lang {
  width: 100%;
  height: 38px;
  color: #000;
}

.ly-header .lang-select.active ul {
  position: absolute;
  left: -1px;
  right: -1px;
  display: block;
  background-color: #fff;
  border: inherit;
  z-index: 15;
}

.ly-header .lang-select ul {
  display: none;
  border-top: 1px solid #444;
}

.ly-header .lang-select ul li {
  padding: 8px 0;
}

.ly-header .lang-select ul li:hover {
  background-color: #000;
}

.ly-header .lang-select ul li:hover a {
  display: block;
  color: #fff;
}

.ly-header .search {
  position: relative;
  width: 38px;
  height: 38px;
  margin-left: 17px;
}

.ly-header .search:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  top: 11px;
  left: 11px;
  position: absolute;
  background: url("../images/common/ico_search.png") 0 0;
}

.ly-header.search-active {
  position: absolute;
  height: 260px;
  background-color: #1b1b1b;
}

.ly-header.search-active .logo {
  background-position-x: -73px;
}

.ly-header.search-active .search:before {
  background-position-x: -16px;
}

.ly-header.search-active .nav.head a,
.ly-header.search-active .lang-select .selected-lang {
  color: #fff;
}

.ly-header.search-active .nav-search-wrap,
.ly-header.search-active .typing {
  display: block;
}

.ly-header.search-active + .ly-body {
  margin-top: 80px;
}

.ly-header.main {
  position: absolute;
  height: 130px;
  padding-top: 40px;
}

.ly-header.main .logo {
  display: block;
  width: 110px;
  height: 57px;
  margin-top: -8px;
}

.ly-header.main .logo.kr {
  width: 200px;
}

.ly-header.main .lang-select {
  border-color: #444;
}

.ly-header.main .lang-select ul {
  background-color: transparent;
}

.ly-header.main.opened .lang-select ul {
  background-color: #fff;
}

.ly-header.main:not(.opened) {
  background-color: transparent;
}

.ly-header.main:not(.opened) .logo {
  background-position-x: -110px;
}

.ly-header.main:not(.opened) .logo.kr {
  background-position-x: -200px;
}

.ly-header.main:not(.opened) .search:before {
  background-position-x: -16px;
}

.ly-header.main:not(.opened) .nav.head a,
.ly-header.main:not(.opened) .lang-select .selected-lang,
.ly-header.main:not(.opened) .lang-select a {
  color: #fff;
}

.ly-header.main:not(.opened) .lang-select.active {
  border-color: #fff;
}

.ly-header.main .submenu-wrap {
  top: 130px;
}

.ly-header.main.search-active {
  height: 390px;
  background-color: #1b1b1b !important;
}

.ly-header.main .nav-search-wrap .typing {
  top: 150px;
}

.nav-search-wrap {
  display: none;
  position: relative;
}

.nav-search-wrap .typing {
  display: none;
  position: absolute;
  top: 90px;
  width: 100%;
  height: 70px;
}

.nav-search-wrap .typing:after {
  content: '';
  display: table;
  width: 100%;
}

.nav-search-wrap input {
  width: 85%;
  height: 70px;
  padding: 0;
  line-height: 70px;
  border: 0;
  font-size: 70px;
  background: transparent;
  font-family: "CJ onlyOne";
  font-weight: 700;
  color: #ddd;
}

.nav-search-wrap input::-ms-clear {
  display: none;
}

.nav-search-wrap input::-webkit-input-placeholder {
  padding-left: 40px;
  color: #222;
}

.nav-search-wrap input::-ms-input-placeholder {
  padding-left: 40px;
  color: #222;
}

.nav-search-wrap input::-ms-input-placeholder {
  padding-left: 40px;
  color: #222;
}

.nav-search-wrap input:-ms-input-placeholder {
  padding-left: 40px;
  color: #222;
}

.nav-search-wrap input::placeholder {
  padding-left: 40px;
  color: #222;
}

.nav-search-wrap .go {
  position: relative;
  width: 161px;
  height: 70px;
  padding: 0 92px 0 42px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #606060;
  font-size: 18px;
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

.nav-search-wrap .go::before, .nav-search-wrap .go::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 36px;
}

.nav-search-wrap .go::before {
  width: 36px;
  height: 2px;
  background-color: #fff;
}

.nav-search-wrap .go::after {
  width: 9px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  right: 33px;
  transform: rotate(-45deg) translateY(-50%);
  -webkit-transform: rotate(-45deg) translateY(-50%);
}

.nav-search-wrap .go.active {
  border: 2px solid #fff;
}

.nav-search-wrap .go:active {
  border-color: #e23043;
  background-color: #e23043;
}

.submenu-wrap {
  display: none;
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
  background-color: #fff;
  z-index: 10;
}

.submenu-wrap h2 {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 700;
}

.submenu-wrap.active {
  display: block;
}

.submenu-wrap .inner {
  width: 1280px;
  margin: 0 auto;
  padding: 25px 46px;
}

.submenu li:not(.active) ul {
  display: none;
}

.submenu li.active,
.submenu li.active > ul > li {
  display: block;
}

.submenu li > a {
  border-bottom: 1px solid #e1e1e1;
  display: block;
  padding: 10px 0;
  line-height: 1;
  font-weight: 500;
  color: #78745a;
}

.submenu li.active > a,
.submenu li:hover > a {
  border-bottom-color: #e23043;
  color: #e23043;
}

.submenu .t-narrow {
  letter-spacing: -1px;
}

#nav-rest .inner {
  padding-top: 66px;
  padding-bottom: 90px;
}

#nav-rest .inner:after {
  content: '';
  display: table;
  width: 100%;
}

#nav-rest .item {
  width: 20%;
  height: 283px;
  float: left;
  padding: 0 24px;
  background: url("../images/common/bg_line_dashed.gif") repeat-y 0 0;
}

#nav-rest .item:last-child {
  background: url("../images/common/bg_line_dashed.gif") repeat-y 0 0, url("../images/common/bg_line_dashed.gif") repeat-y 100% 0;
}

#nav-rest .item h2 {
  width: 100%;
  height: 147px;
  margin-bottom: 30px;
  background-image: url("../images/common/img_gnb_menu.jpg");
  background-repeat: no-repeat;
  background-position: 0 100%;
}

#nav-rest .item:nth-child(2) h2 {
  background-position-x: -200px;
}

#nav-rest .item:nth-child(3) h2 {
  background-position-x: -400px;
}

#nav-rest .item:nth-child(4) h2 {
  background-position-x: -600px;
}

#nav-rest .item:nth-child(5) h2 {
  background-position-x: -800px;
}

#nav-rest .item .btn-circle {
  float: right;
  margin: 50px -20px 0 0;
}

#nav-brand .submenu {
  position: relative;
  width: 848px;
  height: 470px;
  padding-left: 30px;
  background: url("../images/common/bg_line_dashed.gif") repeat-y 0 0, url("../images/common/bg_line_dotted.gif") no-repeat 290px 0, url("../images/common/bg_line_dashed.gif") repeat-y 601px 92px;
}

#nav-brand .submenu:before, #nav-brand .submenu:after {
  content: 'SEARCH BY FUNCTION';
  display: block;
  width: 148px;
  height: 82px;
  font-size: 16px;
  font-weight: 700;
}

#nav-brand .submenu:after {
  content: 'PRODUCT';
  position: absolute;
  top: 0;
  left: 635px;
}

#nav-brand .submenu li {
  width: 230px;
}

#nav-brand .submenu ul {
  position: absolute;
  left: 321px;
  top: 82px;
}

#nav-brand .submenu .dep2 {
  left: 321px;
}

#nav-brand .submenu .dep2 li {
  width: 250px;
}

#nav-brand .submenu .dep3 {
  left: 312px;
  top: 0;
}

#nav-brand .submenu .dep3 li {
  width: 180px;
}

#nav-brand .submenu > li > .dep3 {
  top: 82px;
  left: initial;
  right: 50px;
  height: 100%;
}

#nav-brand .product-img-container {
  width: 340px;
  height: 470px;
  padding: 80px 46px 0 56px;
  background-color: #f9f9f9;
}

#nav-brand .product-img-container .pd-wrap {
  display: none;
}

#nav-brand .product-img-container .img {
  position: relative;
  text-align: center;
}

#nav-brand .product-img-container .tit {
  display: block;
  margin-top: 50px;
  font-size: 16px;
}

#nav-brand .product-img-container .txt {
  height: 42px;
  margin: 10px 0;
  color: #78745a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

#nav-brand .product-img-container .btn-circle {
  float: right;
  margin-right: -10px;
}

#nav-brand .brand-banners-container {
  width: 100%;
  height: 83px;
  background-color: #ea8824;
}

#nav-brand .brand-banners-container ul {
  /* width: 1280px; */
  width: 1445px;
  margin: 0 auto;
  padding: 20px 0;
}

#nav-brand .brand-banners-container ul:after {
  content: '';
  display: table;
  width: 100%;
}

#nav-brand .brand-banners-container li {
  position: relative;
  float: left;
}

#nav-brand .brand-banners-container li + li::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background: #dc7c1a;
}

#nav-brand .brand-banners-container li a {
  position: relative;
  display: block;
  height: 43px;
  background-image: url("../images/common/img_brand_logo.png");
  background-position-x: center;
}

#nav-brand .brand-banners-container li a:hover {
  background-image: url("../images/common/img_brand_logo_active.png");
  background-position-x: center;
}

#nav-brand .brand-banners-container .bestamino a {
  width: 158px;
}

#nav-brand .brand-banners-container .soytide a {
  width: 123px;
  background-position-y: -100%;
}

#nav-brand .brand-banners-container .xsoy a {
  width: 102px;
  background-position-y: -200%;
}

#nav-brand .brand-banners-container .aminature a {
  width: 154px;
  background-position-y: -300%;
}

#nav-brand .brand-banners-container .immprober a {
  width: 158px;
  background-position-y: -400%;
}

#nav-brand .brand-banners-container .biotector a {
  width: 155px;
  background-position-y: -500%;
}

#nav-brand .brand-banners-container .tastenrich a {
  width: 159px;
  background-position-y: -600%;
}

#nav-brand .brand-banners-container .cjallulose a {
  width: 165px;
  background-position-y: -700%;
}

#nav-brand .brand-banners-container .deweco a {
  width: 100px;
  background-position-y: -800%;
}

#nav-brand .brand-banners-container .cjyoutell a {
  width: 165px;
  background-position-y: -900%;
}

#nav-brand .brand-banners-container .flavorNrich a {
  width: 160px;
  background-position-y: -1000%;
}

.ly-header.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 500;
}

.ly-footer {
  background: #1b1b1b;
}

.ly-footer .inner {
  padding-left: 20px;
  padding-top: 48px;
  padding-bottom: 40px;
}

.ly-footer .inner:after {
  content: '';
  display: table;
  width: 100%;
}

.ly-footer .floated.left {
  position: relative;
  float: left;
  padding-left: 110px;
}

.ly-footer .floated.left address,
.ly-footer .floated.left p {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
}

.ly-footer .floated.left address {
  margin-bottom: 10px;
}

.ly-footer .floated.left .ft-log {
  position: absolute;
  width: 73px;
  height: 38px;
  top: 0;
  left: 0;
  background: url("../images/common/img_logo.png") no-repeat -73px 0/cover;
}

.ly-footer .floated.left .link-detail {
  padding-bottom: 14px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
}

.ly-footer .floated.left.kr {
  padding-left: 165px;
}

.ly-footer .floated.left.kr .ft-log {
  width: 133px;
  height: 38px;
  background: url("../images/common/img_logo_kr.png") -100% 0/auto 100%;
}

.ly-footer .link-policy {
  display: block;
  font-size: 12px;
  color: #fff;
  text-decoration: underline;
  margin-bottom: 10px;
}

.ly-footer .sns-link {
  overflow: hidden;
  margin-top: 38px;
}

.ly-footer .sns-link li {
  float: left;
  margin-left: 8px;
}

.ly-footer .sns-link li:first-child {
  margin-left: 0;
}

.ly-footer .sns-link li a {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid #3e3e3e;
  border-radius: 30px;
  padding: 1px;
}

.ly-footer .sns-link li a::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 28px;
  height: 28px;
  background: url("../images/common/ico_pc_sns.png") no-repeat 0 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ly-footer .sns-link li:nth-child(1) a::before {
  background-position: 0 0;
}

.ly-footer .sns-link li:nth-child(2) a::before {
  background-position: -28px 0;
  margin-top: -1px;
}

.ly-footer .sns-link li:nth-child(3) a::before {
  background-position: -56px 0;
}

.family-site {
  position: relative;
  font-family: "CJ onlyOne";
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}

.family-site #button-family-site {
  width: 233px;
  padding: 18px 18px 18px 4px;
  border: 0;
  border-bottom: 1px solid #515151;
  text-align: left;
}

.family-site #button-family-site::after {
  content: "";
  float: right;
  padding: 2px;
  margin-top: 10px;
  border: solid #a2a2a2;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.family-site.opened #family-site-list {
  height: 504px;
}

.family-site.opened #button-family-site:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.family-site #family-site-list {
  display: none;
  position: absolute;
  overflow-y: scroll;
  bottom: 100%;
  left: 0;
  width: 233px;
  height: 0;
  background-color: #1b1b1b;
  border: 1px solid #555;
  z-index: 10;
  -webkit-transition: .5s;
  transition: .5s;
}

.family-site #family-site-list .wrap {
  padding: 30px;
}

.family-site #family-site-list span {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
}

.family-site #family-site-list span ~ span {
  margin-top: 20px;
  padding-top: 26px;
  border-top: 1px solid #323232;
}

.family-site #family-site-list li {
  font-size: 13px;
  font-weight: 300;
  line-height: 28px;
  color: #aaa;
}

.family-site #family-site-list .scrollbar-track {
  background-color: transparent;
}

.family-site #family-site-list .scrollbar-thumb {
  width: 2px;
  background-color: rgba(255, 255, 255, 0.3);
}

.ly-body.main {
  height: auto;
  padding-top: 80px;
}

.ly-body.main h2 {
  letter-spacing: 0.5px;
  line-height: 1.4;
  font-size: 30px;
  font-family: "CJ onlyOne";
  color: #222;
}

.ly-body.main .inner {
  width: 1190px;
}

.main-visual {
  margin-top: -80px;
  height: 811px;
}

.main-visual .brand {
  position: absolute;
  width: 100%;
  height: 1561px;
  padding-top: 450px;
  background-repeat: no-repeat;
  background-size: 1920px auto;
  background-position: 50% 0;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.main-visual .brand.active {
  opacity: 1;
}

.main-visual .brand.bestamino {
  background-image: url("../images/main/bg_visual_bestamino.jpg");
}

.main-visual .brand.bestamino .name {
  background-image: url("../images/common/img_tit_bestamino.png");
  background-size: auto 47px;
}

.main-visual .brand.soytide {
  background-image: url("../images/main/bg_visual_soytide.jpg");
}

.main-visual .brand.soytide .name {
  background-image: url("../images/common/img_tit_soytide.png");
  background-size: auto 56px;
}

.main-visual .brand.xsoy {
  background-image: url("../images/main/bg_visual_xsoy.jpg");
}

.main-visual .brand.xsoy .name {
  background-image: url("../images/common/img_tit_xsoy.png");
  background-size: auto 60px;
}

.main-visual .brand.aminature {
  background-image: url("../images/main/bg_visual_aminature.jpg");
}

.main-visual .brand.aminature .name {
  background-image: url("../images/common/img_tit_aminature.png");
  background-size: auto 43px;
}

.main-visual .brand.tastenrich {
  background-image: url("../images/main/bg_visual_tastenrich.jpg");
}

.main-visual .brand.tastenrich .name {
  background-image: url("../images/common/img_tit_tastenrich.png");
  background-size: auto 46px;
}

.main-visual .brand.deweco {
  background-image: url("../images/main/bg_visual_deweco.jpg");
}

.main-visual .brand.deweco .name {
  background-image: url("../images/common/img_tit_deweco.png");
  background-size: auto 79px;
}

.main-visual .brand-list {
  float: left;
  overflow: hidden;
}

.main-visual .brand-list li {
  position: relative;
  margin-top: 30px;
  padding-left: 34px;
  line-height: 1;
  -webkit-transform: translateX(-34px);
  transform: translateX(-34px);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.main-visual .brand-list li a {
  letter-spacing: 1.5px;
  font-weight: 700;
  color: #e3e3e3;
}

.main-visual .brand-list li a:before {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 24px;
  height: 3px;
  margin-right: 6px;
}

.main-visual .brand-list .bestamino a:before {
  background-color: #64891b;
}

.main-visual .brand-list .soytide a:before {
  background-color: #6b3321;
}

.main-visual .brand-list .xsoy a:before {
  background-color: #2d72af;
}

.main-visual .brand-list .aminature a:before {
  background-color: #89a73f;
}

.main-visual .brand-list .tastenrich a:before {
  background-color: #58a246;
}

.main-visual .brand-list .deweco a:before {
  background-color: #8dbf30;
}

.main-visual .brand-list li:hover,
.main-visual .brand-list li.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.main-visual .brand-list li:hover a,
.main-visual .brand-list li.active a {
  color: #fff;
}

.main-visual .inner {
  width: 1280px !important;
  height: 811px;
  padding: 160px 42px 0;
}

.main-visual .inner .scroll-mark {
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 120px;
  margin-right: -42px;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 10px;
  letter-spacing: 1px;
  color: #fff;
  font-family: 'CJ onlyOne';
  font-weight: 700;
}

.main-visual .inner .scroll-mark:after {
  content: '';
  position: absolute;
  display: block;
  top: 6px;
  left: 60px;
  height: 2px;
  background-color: #fff;
  -webkit-animation: ani 1s infinite;
  animation: ani 1s infinite;
}

@-webkit-keyframes ani {
  from {
    width: 0;
  }
  to {
    width: 62px;
  }
}

@keyframes ani {
  from {
    width: 0;
  }
  to {
    width: 62px;
  }
}

.main-visual .brand-detail {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  padding-left: 266px;
  z-index: 1;
}

.main-visual .brand-detail .name {
  display: block;
  width: 340px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: auto 100%;
}

.main-visual .brand-detail .desc {
  margin-top: 15px;
  line-height: 1.8;
  font-family: "CJ onlyOne";
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.main-visual .brand-detail .btn-go {
  position: relative;
  display: block;
  width: 220px;
  height: 55px;
  margin-top: 30px;
  padding: 14px 25px;
  border: 2px solid #fff;
  border-radius: 30px;
  font-weight: 700;
  color: #fff;
}

.main-visual .brand-detail .btn-go::before, .main-visual .brand-detail .btn-go::after {
  content: '';
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main-visual .brand-detail .btn-go::before {
  width: 34px;
  height: 2px;
  background-color: #fff;
}

.main-visual .brand-detail .btn-go::after {
  padding: 3px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.main-visual .brand-detail .btn-go:hover {
  background-color: #e23043;
  border-color: #e23043;
  -webkit-animation: button-ani 0.5s cubic-bezier(0.4, -0.06, 0.58, 1.32);
  animation: button-ani 0.5s cubic-bezier(0.4, -0.06, 0.58, 1.32);
}

@-webkit-keyframes button-ani {
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes button-ani {
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.main-visual .link-solution-provider {
  top: 50%;
  right: 40px;
}

.main .news {
  position: relative;
  margin-bottom: -60px;
  z-index: 5;
}

.main .news .main-news-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 85%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: width .5s;
  transition: width .5s;
}

@media screen and (max-width: 1670px) {
  .main .news .main-news-bg {
    width: 90%;
  }
}

.main .news .inner {
  padding: 90px 0 150px;
}

.main .news .board-list {
  margin-top: 80px;
}

.main .news .board-list li:nth-child(1) .title {
  color: #5a5a85;
}

.main .news .board-list li:nth-child(2) .title {
  color: #5b789a;
}

.main .news .board-list li:nth-child(3) .title {
  color: #98804c;
}

.main .news .board-list .title {
  font-size: 17px;
}

.main .news .board-list .text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 85px;
  margin-top: 20px;
  line-height: 1.8;
  font-size: 16px;
  color: #666;
}

.main .news .img-frame .float {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}

.main .news .img-frame .float.t1 {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.main .news .img-frame .float.t2 {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.main .news .img-frame .float.t3 {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.main .news .active .img-frame {
  -webkit-box-shadow: 0px 35px 94px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 35px 94px 0px rgba(0, 0, 0, 0.1);
}

.main .news .active .img-frame .float {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main .news .img-frame .float:before {
  content: '';
  position: absolute;
  display: block;
  width: 15px;
  height: 150px;
  right: 0;
  bottom: 100%;
  background-color: #fff;
}

.main .news .btn-circle {
  right: 20px;
}

.beyond {
  position: relative;
  height: 831px;
  background-color: #f7f7f7;
  color: #999;
}

.beyond .inner {
  position: static;
  padding-top: 155px;
}

.beyond .desc {
  margin-top: 25px;
  line-height: 2;
  font-size: 17px;
  color: #666;
}

.beyond-list {
  margin: 40px 0 0 -30px;
}

.beyond-list:after {
  content: '';
  display: table;
  width: 100%;
}

.beyond-list li {
  height: 25px;
  float: left;
}

.beyond-list li .link {
  display: block;
  padding: 0 30px;
  font-weight: 500;
  font-size: 17px;
}

.beyond-list li + li {
  border-left: 2px solid #ccc;
}

.beyond-list li.active .img-cont {
  opacity: 1;
  z-index: 1;
}

.beyond-list li.active .link {
  color: #222;
}

.beyond-list .img-cont {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 360px;
  background-position: center top;
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.beyond-list .img-cont:after {
  content: '';
  display: table;
  width: 100%;
}

.beyond-list .img-cont p:before {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.beyond-list .img-cont.t1 {
  background-image: url("../images/main/img_beyond_01.jpg");
}

.beyond-list .img-cont.t1 p:before {
  content: 'INNOVATIVE';
}

.beyond-list .img-cont.t2 {
  background-image: url("../images/main/img_beyond_02.jpg");
}

.beyond-list .img-cont.t2 p:before {
  content: 'LEADING';
}

.beyond-list .img-cont.t3 {
  background-image: url("../images/main/img_beyond_03.jpg");
}

.beyond-list .img-cont.t3 p:before {
  content: 'ECO-FRIENDLY';
}

.beyond-list .img-cont .inner {
  height: 100%;
  padding: 130px 0 0 730px;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.6);
}

.beyond-list .img-cont .btn-circle {
  margin: 20px 0 0 -60px;
  background-image: url("../images/common/ico_circlearr_white.png");
}

.beyond-list .img-cont .btn-circle:hover {
  background-image: url("../images/common/ico_circlearr_right_active.png");
}

.main .newsletter {
  height: 500px;
}

.main .newsletter .inner {
  height: inherit;
  padding-top: 105px;
}

.main .newsletter .inner:after {
  width: 1313px;
  height: 684px;
}

.main .newsletter h2 {
  padding-bottom: 30px;
}

.main .newsletter .floating-box > div:first-child {
  padding-top: 0;
}

.main .newsletter .floating-box > div:last-child {
  padding-top: 45px;
}

/* S : 210106 레이어팝업 */
.layerPop {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  width: auto;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.layerPop.webaward .layer-box {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 480px;
}

.layerPop.webaward .layer-box .layer-cont {
  padding: 57px 0 33px;
  text-align: center;
  background: url("../images/main/pop_webaward.jpg") no-repeat left top;
}

.layerPop.webaward .layer-box .layer-cont h2 {
  font-family: 'Noto Sans', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  line-height: 42px;
}

.layerPop.webaward .layer-box .layer-cont h2 span {
  display: block;
  color: #e1b26b;
}

.layerPop.webaward .layer-box .layer-cont .sub-Tit {
  padding-top: 20px;
  font-size: 15px;
  color: #f7e0ce;
}

.layerPop.webaward .layer-box .layer-cont .award-con {
  padding-top: 205px;
  font-size: 13px;
  font-weight: 100;
  color: #666;
  line-height: 20px;
}

.layerPop.webaward .layer-box .layer-cont .awrad-info {
  margin: 20px 23px;
  padding: 20px 0;
  background: #f7f7f7;
}

.layerPop.webaward .layer-box .layer-cont .awrad-info ul {
  display: inline-block;
  text-align: left;
}

.layerPop.webaward .layer-box .layer-cont .awrad-info ul li {
  position: relative;
  padding-left: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #222;
}

.layerPop.webaward .layer-box .layer-cont .awrad-info ul li:after {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
}

.layerPop.webaward .layer-box .layer-cont .btn-link {
  padding: 14px 87px 17px;
  font-size: 17px;
  color: #fff;
  display: inline-block;
  border: 0;
  background: #1b1b1b;
}

.layerPop.webaward .layer-box .btn-close {
  position: absolute;
  top: 21px;
  right: 22px;
  width: 23px;
  height: 23px;
  display: inline-block;
  border: none;
  background: url("../images/main/pop_close.png") no-repeat left top;
}

/* E : 210106 레이어팝업 */
.solution-provider-wrap {
  scroll-behavior: smooth;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  min-width: 1280px;
  height: 100%;
  overflow-y: auto;
  background: url("../images/common/bg_solutionprovider.jpg") repeat 0 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.solution-provider-wrap .blue-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  height: 100%;
  background: #1c8bc9;
}

.solution-provider-wrap .btn-close-solution-provider {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 98px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.solution-provider-wrap .btn-close-solution-provider:before {
  content: '';
  display: block;
  width: 10px;
  height: 100%;
  background: #1c8bc9;
}

.solution-provider-wrap .btn-close-solution-provider button {
  position: absolute;
  top: 0;
  left: 10px;
  width: 88px;
  height: 100%;
  font-size: 16px;
  color: #000;
  font-weight: 700;
}

.solution-provider-wrap .btn-close-solution-provider button span {
  display: block;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.solution-provider-wrap .solution-provider-con {
  position: relative;
  padding-left: 98px;
}

.solution-provider-wrap .sp-section {
  width: 1182px;
  margin: 0 auto;
  padding-right: 48px;
}

.solution-provider-wrap .sp-head {
  width: 1117px;
  margin: 0 auto;
  position: relative;
  padding: 67px 0 50px;
}

.solution-provider-wrap .sp-head:after {
  content: '';
  display: table;
  width: 100%;
}

.solution-provider-wrap .sp-head h2 {
  float: left;
  line-height: 56px;
  font-family: "Noto Sans", sans-serif;
  font-size: 28px;
  font-weight: 500;
  color: #000;
}

.solution-provider-wrap .sp-head h2 span {
  padding-left: 10px;
  font-size: 20px;
  color: #1c8bc9;
  vertical-align: top;
}

.solution-provider-wrap .sp-head .btn-sp {
  position: absolute;
  top: 67px;
  right: 0;
  width: 188px;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.solution-provider-wrap .sp-head .btn-sp.search, .solution-provider-wrap .sp-head .btn-sp.search:disabled:hover {
  text-align: center;
  color: #fff;
  background: #e4e4e4;
  border: none;
}

.solution-provider-wrap .sp-head .btn-sp.retry {
  float: right;
  padding-left: 28px;
  text-align: left;
  color: #000;
  border: 1px solid #ccc;
  background: url("../images/common/ico_retry_black.png") no-repeat 88% 50%;
}

.solution-provider-wrap .sp-head .btn-sp.retry:hover {
  background: url("../images/common/ico_retry_red.png") no-repeat 88% 50% #f6f6f6;
  border: 1px solid #e23043;
  color: #e23043;
}

.solution-provider-wrap .sp-head .btn-sp.retry:active, .solution-provider-wrap .sp-head .btn-sp.retry.active {
  background: url("../images/common/ico_retry_white.png") no-repeat 88% 50% #e23043;
  color: #fff;
}

.solution-provider-wrap .sp-head .btn-sp.active {
  background: #f6f6f6;
  border: 1px solid #e23043;
  color: #e23043;
}

.solution-provider-wrap .sp-head .btn-sp:active {
  background: #e23043;
  color: #fff;
}

.solution-provider-wrap .sp-head .btn-filter {
  position: absolute;
  top: 67px;
  right: 0;
  width: 188px;
  height: 56px;
  line-height: 56px;
  padding-left: 28px;
  font-size: 16px;
  color: #222;
  font-weight: 700;
  text-align: left;
  border: 1px solid #ccc;
}

.solution-provider-wrap .sp-head .btn-filter:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 28px;
  width: 17px;
  height: 10px;
  margin-top: -5px;
  background: url("../images/common/ic_arr_down2.png") no-repeat 0 0;
}

.solution-provider-wrap .sp-head .btn-filter.active:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.solution-provider-wrap .sp-head .btn-filter.active + .sp-filter-wrap {
  opacity: 1;
  visibility: visible;
}

.solution-provider-wrap .check-area .sp-head {
  opacity: 0;
}

.solution-provider-wrap .check-list > li {
  opacity: 0;
}

.solution-provider-wrap .check-list > li:after {
  content: '';
  display: table;
  width: 100%;
}

.solution-provider-wrap .check-list > li + li {
  margin-top: 30px;
}

.solution-provider-wrap .check-list > li.active .choose-head:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #1c8bc9;
}

.solution-provider-wrap .check-list .choose-head {
  position: relative;
  float: left;
  width: 205px;
  height: 195px;
  padding: 0 25px;
  background: #fff;
  -webkit-box-shadow: 2px 3px 7px #ccc;
          box-shadow: 2px 3px 7px #ccc;
  z-index: 1;
}

.solution-provider-wrap .check-list .choose-head span {
  display: block;
  padding: 65px 0 15px;
  font-size: 16px;
  color: #999;
  font-weight: 500;
}

.solution-provider-wrap .check-list .choose-head p {
  font-size: 18px;
  color: #000;
  font-weight: 700;
}

.solution-provider-wrap .check-list .choose-list {
  float: left;
  width: 925px;
  font-size: 0;
}

.solution-provider-wrap .check-list .choose-list label:hover {
  cursor: pointer;
}

.solution-provider-wrap .check-list .choose-list label + label {
  margin-left: 1px;
}

.solution-provider-wrap .check-list .choose-list input {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  opacity: 0;
}

.solution-provider-wrap .check-list .choose-list input:checked + span em {
  color: #1c8bc9;
}

.solution-provider-wrap .check-list .choose-list input:checked + span:before {
  content: '';
  position: absolute;
  display: block;
  width: 16px;
  height: 13px;
  top: 20px;
  right: 15px;
  background: url("../images/common/ico_chk.png") no-repeat 0 0;
}

.solution-provider-wrap .check-list .choose-list .choose-box {
  position: relative;
  float: left;
  display: block;
  width: 152px;
  height: 152px;
  padding: 30px 0 24px;
  background: #fff;
  text-align: center;
}

.solution-provider-wrap .check-list .choose-list .choose-box span {
  display: inline-block;
}

.solution-provider-wrap .check-list .choose-list .choose-box span img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.solution-provider-wrap .check-list .choose-list .choose-box span em {
  color: #bbb;
  font-size: 14px;
}

.solution-provider-wrap .check-list .choose-list .choose-box2 {
  display: inline-block;
  min-width: 195px;
  height: 64px;
  margin-top: 1px;
  line-height: 64px;
  padding: 0 35px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.solution-provider-wrap .check-list .choose-list .choose-box2 span {
  color: #bbb;
  font-size: 14px;
}

.solution-provider-wrap .check-list .choose-list .choose-box2 input:checked + span {
  color: #1c8bc9;
}

.solution-provider-wrap .check-list .choose-list .choose-box2 input:checked + span:before {
  display: none;
}

.solution-provider-wrap .check-result {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  overflow: auto;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.solution-provider-wrap .check-result .btn-sp-small {
  position: fixed;
  top: 0;
  left: -150px;
  z-index: 3;
  width: 0;
  height: 0;
  opacity: 0;
  text-align: left;
  color: #fff;
  background: #1c8bc9;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.solution-provider-wrap .check-result .btn-sp-small.active {
  top: 0;
  left: 10px;
  width: 188px;
  height: 139px;
  opacity: 1;
}

.solution-provider-wrap .check-result .btn-sp-small span {
  display: block;
  padding: 30px 0 0 25px;
  line-height: 24px;
  font-size: 24px;
}

.solution-provider-wrap .check-result .btn-sp-small em {
  position: absolute;
  top: 25px;
  right: 30px;
}

.solution-provider-wrap .check-result .sp-our-solution {
  width: auto;
  height: auto;
  overflow: auto;
  opacity: 1;
  padding: 0 48px 85px 98px;
}

.solution-provider-wrap .check-result .sp-our-solution .sp-head {
  margin: 0 auto;
  padding-bottom: 0;
}

.solution-provider-wrap .check-result .sp-our-solution .swiper-custom-ui {
  width: 1140px;
}

.solution-provider-wrap .check-result .sp-article {
  overflow: hidden;
  padding: 0 48px 80px 98px;
  background: #efefef;
}

.solution-provider-wrap .check-result .sp-article .sp-head h2 span {
  color: #666;
}

.solution-provider-wrap .check-result .sp-article .sp-section {
  width: 1117px;
  padding-right: 0;
}

.solution-provider-wrap .check-result .sp-article .btn-more {
  width: 130px;
  height: 56px;
  line-height: 56px;
  display: block;
  margin: 0 auto;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  text-align: center;
  border: 1px solid #ccc;
}

.sp-section .board-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 1117px;
  margin: 0 auto;
}

.sp-section .board-list > li {
  margin: 0 12px 24px !important;
}

.sp-section .board-list .bot-info:after {
  content: '';
  display: table;
  width: 100%;
}

.sp-section .board-list .bot-info .date {
  float: left;
}

.sp-section .board-list .bot-info .btn-circle {
  position: relative;
  float: right;
  right: -10px;
  bottom: -10px;
}

.swiper-custom-ui {
  width: 1190px;
  margin: 0 auto;
}

.swiper-custom-ui.type2 {
  width: 1920px;
}

.swiper-custom-ui .swiper-slide {
  padding: 50px 0 20px;
}

.swiper-custom-ui .item {
  display: block;
  text-align: center;
}

.swiper-custom-ui .item:hover img {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.swiper-custom-ui .item img {
  width: 220px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.swiper-custom-ui .item .txt {
  display: block;
  margin-top: -30px;
  font-size: 15px;
  color: #777;
}

.swiper-custom-ui .swiper-button-wrap {
  width: 1140px;
  position: absolute;
  left: 50%;
  top: 45%;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.swiper-custom-ui .swiper-button {
  width: 60px;
  height: 60px;
  background: url("../images/common/ico_big_arrow.png") no-repeat 0 0;
}

.swiper-custom-ui .swiper-button:after {
  display: none;
}

.swiper-custom-ui .swiper-button.swiper-button-prev {
  left: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.swiper-custom-ui .swiper-button.swiper-button-next {
  right: 0;
}

.swiper-custom-ui.type2 {
  position: absolute;
  left: 0;
  top: 170px;
  width: 100%;
}

.sp-filter-wrap {
  position: absolute;
  top: 140px;
  left: 0;
  right: 0;
  z-index: 1;
  min-height: 80px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.2s ease, opacity 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease;
}

.sp-filter-wrap::before, .sp-filter-wrap::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 100%;
  top: 0;
  background-color: #fff;
}

.sp-filter-wrap:after {
  left: 100%;
}

.sp-filter-wrap .sp-section {
  padding: 20px 20px 0;
}

.sp-filter-wrap label {
  display: inline-block;
  margin: 0 20px 20px 0;
  cursor: pointer;
}

.sp-filter-wrap label:last-child {
  margin-right: 0;
}

.sp-filter-wrap label input {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  opacity: 0;
}

.sp-filter-wrap label input:checked + span {
  background: #1c8bc9;
  color: #fff;
}

.sp-filter-wrap label span {
  display: block;
  padding: 0 20px;
  line-height: 42px;
  font-size: 16px;
  color: #3f4b59;
  background: #f5f5f5;
  border-radius: 25px;
  border: 1px solid transparent;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.sp-filter-wrap label span:hover {
  border-color: #1c8bc9;
  background: #fff;
  color: #1c8bc9;
}

.no-search-wrap {
  text-align: center;
}

.no-search-wrap dl {
  padding-bottom: 60px;
}

.no-search-wrap dl:before {
  content: '';
  display: inline-block;
  width: 148px;
  height: 125px;
  background: url("../images/common/bg_nosearch.png") no-repeat 0 0;
}

.no-search-wrap dl dt {
  padding: 50px 0 25px;
  font-size: 24px;
  font-weight: 700;
  color: #3f4b59;
}

.no-search-wrap dl dd {
  font-size: 16px;
  color: #999;
}

.no-search-wrap a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding-right: 50px;
  text-align: left;
  font-size: 18px;
  color: #999;
  background: url("../images/common/ico_circlearr_right.png") no-repeat 100% 50%;
}

/* 브랜드 > 베스트아미노 */
.pd-start-txt {
  height: 260px;
  padding: 78px 0 0 !important;
  background-color: #fff;
  text-align: center;
  z-index: 1;
}

.pd-start-txt:before {
  display: none;
}

.pd-start-txt .tit-intro {
  font-size: 28px;
  padding-bottom: 52px;
}

.pd-start-txt .tit-intro:before, .pd-start-txt .tit-intro:after {
  background-image: url("../images/common/img_double_quotes_black.png");
}

.pd-start-txt .start {
  display: block;
  text-align: center;
  color: #64891b;
  font-size: 18px;
  font-weight: 700;
}

.pd-start-txt .start:after {
  content: '';
  display: block;
  width: 1px;
  height: 60px;
  margin: 10px auto 0;
  background: #64891b;
  -webkit-animation: lookDown 1s infinite;
  animation: lookDown 1s infinite;
}

.brand-pd-intro {
  position: relative;
  height: 740px;
  background: #f9f9f9;
}

.brand-pd-intro .amino-acids {
  margin-top: 125px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.brand-pd-intro .amino-acids.active {
  opacity: 0.1;
}

.brand-pd-intro .amino-acids > p {
  font-size: 15px;
  color: #666;
}

.brand-pd-intro .amino-acids > p:first-child {
  padding-bottom: 12px;
}

.brand-pd-intro .amino-acids dt {
  padding: 45px 0 40px;
  font-size: 18px;
}

.brand-pd-intro .amino-acids dd {
  font-size: 0;
}

.brand-pd-intro .amino-acids dd span {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url("../images/sub/bestamino/img_animal.png") no-repeat 0 0;
}

.brand-pd-intro .amino-acids dd span + span {
  margin-left: 18px;
}

.brand-pd-intro .amino-acids dd .ic-chicken {
  background-position: 0 0;
}

.brand-pd-intro .amino-acids dd .ic-pig {
  background-position: -70px 0;
}

.brand-pd-intro .amino-acids dd .ic-bull {
  background-position: -140px 0;
}

.brand-pd-intro .amino-acids dd .ic-salmon {
  background-position: -210px 0;
}

.feed-grade-amino {
  height: 1156px;
  text-align: center;
  background: url("../images/sub/bestamino/bg_bigmap.png") no-repeat 50% 87%;
}

.bestamino .card-mobil dl {
  position: relative;
  width: 440px;
  height: 615px;
  -webkit-box-shadow: 20px 30px 50px #ddd;
          box-shadow: 20px 30px 50px #ddd;
  background: #fff;
}

.bestamino .card-mobil dl:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -62px;
  width: 1px;
  height: 62px;
  background: #ccc;
}

.bestamino .card-mobil dl:after {
  content: '';
  position: absolute;
  top: 27px;
  left: calc(50% - 6px);
  width: 13px;
  height: 13px;
  border-radius: 100%;
  background: #dad8d8;
}

.bestamino .card-mobil dt {
  height: 98px;
  margin: 84px 0 35px;
  font-size: 23px;
  font-family: 'CJ onlyOne';
  font-weight: 700;
}

.bestamino .card-mobil dt span {
  display: block;
  font-size: 43px;
}

.bestamino .card-mobil dd {
  font-size: 18px;
  color: #999;
}

.bestamino .card-mobil dd:before {
  content: '';
  display: block;
  width: 284px;
  height: 284px;
  margin: 0 auto 50px;
  background: url("../images/sub/bestamino/img_amino_acids.png") no-repeat 0 0;
}

.bestamino .card-mobil .left dt {
  color: #070469;
}

.bestamino .card-mobil .left dd:before {
  background-position: 0 0;
}

.bestamino .card-mobil .right dt {
  color: #491f5d;
}

.bestamino .card-mobil .right dd:before {
  background-position: -285px 0;
}

.healthy-amino {
  text-align: center;
  background: #f5f5f5;
}

.amino-partnership {
  overflow: hidden;
  height: 670px;
  background: url("../images/sub/bestamino/bg_partnership.jpg") no-repeat 50% 0;
}

.amino-partnership .inner {
  height: 100%;
  padding-top: 100px;
  padding-bottom: 0;
}

.amino-partnership .top-txt .left {
  color: #fff;
}

.amino-partnership .top-txt .left dt {
  font-size: 32px;
}

.amino-partnership .top-txt .left dd {
  font-size: 18px;
}

.big-txtbox dl {
  position: absolute;
  bottom: 0;
  width: 465px;
  height: 392px;
  padding: 50px 50px 0;
  color: #fff;
}

.big-txtbox dl dt {
  height: 75px;
  margin-bottom: 40px;
}

.big-txtbox dl:first-child {
  right: 465px;
  background: #dfa83b;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.big-txtbox dl:last-child {
  right: 0;
  background: #2a486e;
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.big-txtbox dl dd {
  line-height: 25px;
  font-size: 15px;
  font-weight: 200;
}

/* 글로벌 네트워크 */
.global-network-con {
  position: relative;
}

.global-network-con .map-area {
  height: 640px;
}

.global-network-con .choice-btn-wrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 380px;
  height: 80px;
  -webkit-transform: translate(-530px, -80px);
  transform: translate(-530px, -80px);
}

.global-network-con .choice-btn-wrap button {
  position: inherit;
  top: 0;
  left: 100%;
  width: 380px;
  height: 80px;
  line-height: 80px;
  padding-left: 40px;
  background: #ea8824;
  font-family: 'CJ onlyOne';
  color: #fff;
  font-weight: 700;
  text-align: left;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.global-network-con .bind {
  width: 380px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(-150px);
  transform: translateX(-150px);
}

.country-choice-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 380px;
  height: 860px;
  -webkit-transform: translateY(780px);
  transform: translateY(780px);
}

.country-list .top-tit .btn-back {
  display: none;
}

.country-list .top-tit h2 {
  display: block;
  width: 100%;
  height: 80px;
  line-height: 80px;
  padding-left: 40px;
  background: #ebebeb;
  font-family: 'CJ onlyOne';
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}

.country-list .list-inner {
  position: relative;
  height: 560px;
  background: #fff;
  overflow: hidden;
}

.country-list .list-inner .nation-list {
  overflow-y: auto;
  height: inherit;
  padding: 30px 40px;
}

.country-list .list-inner .nation-list .tit {
  padding-bottom: 8px;
  font-size: 14px;
  color: #999;
}

.country-list .list-inner .nation-list .btn-choice-country {
  display: block;
  width: 100%;
  padding: 20px 0 20px 50px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  text-align: left;
  font-size: 16px;
  color: #222;
}

.country-list .list-inner .nation-list .btn-choice-country + .btn-choice-country {
  border-top: 1px solid #ebebeb;
}

.country-list .list-inner .nation-list .btn-choice-country.korea {
  background-image: url("../images/sub/global/img_flag_korea.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.india {
  background-image: url("../images/sub/global/img_flag_india.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.indonesia {
  background-image: url("../images/sub/global/img_flag_indonesia.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.japan {
  background-image: url("../images/sub/global/img_flag_japan.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.malaysia {
  background-image: url("../images/sub/global/img_flag_malaysia.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.phillipines {
  background-image: url("../images/sub/global/img_flag_phillipines.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.thailand {
  background-image: url("../images/sub/global/img_flag_thailand.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.vietnam {
  background-image: url("../images/sub/global/img_flag_vietnam.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.bangladesh {
  background-image: url("../images/sub/global/img_flag_bangladesh.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.germany {
  background-image: url("../images/sub/global/img_flag_germany.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.jordan {
  background-image: url("../images/sub/global/img_flag_jordan.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.nigeria {
  background-image: url("../images/sub/global/img_flag_nigeria.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.poland {
  background-image: url("../images/sub/global/img_flag_poland.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.russia {
  background-image: url("../images/sub/global/img_flag_russia.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.china {
  background-image: url("../images/sub/global/img_flag_china.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.taiwan {
  background-image: url("../images/sub/global/img_flag_taiwan.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.mexico {
  background-image: url("../images/sub/global/img_flag_mexico.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.usa {
  background-image: url("../images/sub/global/img_flag_usa.gif");
}

.country-list .list-inner .nation-list .btn-choice-country.brazil {
  background-image: url("../images/sub/global/img_flag_brazil.gif");
}

.country-list .list-inner .nation-info-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 380px;
  height: 100%;
  overflow-y: auto;
  height: inherit;
  padding: 30px 40px;
  background: #fff;
  -webkit-transform: translateX(380px);
  transform: translateX(380px);
}

.country-list.end .top-tit {
  position: relative;
}

.country-list.end .top-tit .btn-back {
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/common/ic_arr_left2.png") no-repeat 50% 50% #f7f7f7;
}

.country-list.end .top-tit h2 {
  padding-left: 107px;
}

.country-list.end .nation-list {
  opacity: 1;
  height: 100%;
  overflow: visible;
}

.country-list.end .nation-info-list > li {
  padding: 28px 0 20px;
}

.country-list.end .nation-info-list > li:first-child {
  padding-top: 0;
}

.country-list.end .nation-info-list > li + li {
  border-top: 1px solid #eaeaea;
}

.country-list.end .nation-info-list strong {
  font-family: 'CJ onlyOne';
  color: #222;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.country-list.end .nation-info-list ul {
  display: table;
  width: 100%;
  font-size: 15px;
  padding-top: 5px;
}

.country-list.end .nation-info-list ul span {
  display: table-cell;
  color: #666;
  line-height: 25px;
}

.country-list.end .nation-info-list ul span:first-child {
  width: 66px;
  color: #999;
}

.country-list.end .nation-info-list ul a {
  color: #666;
  line-height: 25px;
}

.country-list.end .nation-info-list ul a:hover {
  text-decoration: underline;
}

.country-list.end .btn-nation {
  position: relative;
  display: block;
  float: right;
  width: 46px;
  height: 46px;
  margin: -10px -18px 0 0;
}

.country-list.end .btn-nation::after {
  content: "";
  position: absolute;
  top: 19px;
  left: 19px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #bbb;
  border-right: 2px solid #bbb;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.country-list.end .btn-nation.active:after {
  border-color: #ea8824;
}

/* 클릭으로 선택시 표현되는 animation */
.global-network-con.passively .choice-btn-wrap button,
.global-network-con.passively .country-choice-wrap {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}

.global-network-con.passively .nation-list,
.global-network-con.passively .nation-info-list {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.global-network-con.passively .choice-btn-wrap button.active {
  -webkit-transform: translateY(780px);
  transform: translateY(780px);
}

.global-network-con.passively .country-choice-wrap.active {
  -webkit-transform: translateY(-80px);
  transform: translateY(-80px);
}

.global-network-con.passively .list-inner.active {
  height: 700px;
}

.global-network-con.passively .nation-info-list.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* 컨텍어스 */
.input-chk {
  display: inline-block;
  font-size: 17px;
  color: #999;
}

.input-chk:hover {
  cursor: pointer;
}

.input-chk input {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
}

.input-chk input:checked + span:before {
  border: 0;
  background: url("../images/common/ico_chk2.png") no-repeat 0 0;
}

.input-chk span {
  display: inline-block;
  line-height: 30px;
  color: #000;
}

.input-chk span:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  border: 1px solid #000;
  background: #fff;
  vertical-align: middle;
}

.inputwrite-box {
  position: relative;
  display: inline-block;
  width: 554px;
  height: 58px;
  border-bottom: 2px solid #ddd;
  text-align: left;
  vertical-align: top;
  font-size: 17px;
  color: #555;
}

.inputwrite-box label {
  position: relative;
  display: block;
  width: 0;
  border-top: 2px solid #ea8824;
  white-space: nowrap;
  height: 0;
}

.inputwrite-box label span {
  display: block;
  position: absolute;
  left: 15px;
  top: -38px;
}

.inputwrite-box input {
  width: 100%;
  height: 46px;
  line-height: 46px;
  margin-top: 10px;
  padding-left: 15px;
  border: 0;
  background: #fff;
}

.inputwrite-box input:focus {
  outline: 0;
}

.inputwrite-box select {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 15px);
  height: 46px;
  line-height: 46px;
  background-color: transparent;
  border: 0;
}

.inputwrite-box select:focus {
  outline: 0;
}

.inputwrite-box .inp-txt + label,
.inputwrite-box .inp-txt + label > span {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.inputwrite-box .inp-txt:focus + label, .inputwrite-box .inp-txt.filled + label {
  width: 100%;
}

.inputwrite-box .inp-txt:focus + label > span, .inputwrite-box .inp-txt.filled + label > span {
  top: -65px;
  font-size: 12px;
}

.inputwrite-box.type2 {
  height: auto;
  margin-top: 27px;
}

.inputwrite-box.type2 label {
  position: static;
  border: none;
}

.inputwrite-box.type2 label span {
  position: static;
  padding-left: 15px;
}

.inputwrite-box.type2 .inp-textarea {
  margin-top: 70px;
  width: 100%;
  border: none;
  outline: none;
  overflow: hidden;
}

.inputwrite-box.type2 .inp-textarea:focus + .active-line,
.inputwrite-box.type2 .inp-textarea.filled + .active-line {
  width: 100%;
}

.inputwrite-box.type2 .active-line {
  position: absolute;
  left: 0;
  width: 0;
  top: 100%;
  height: 2px;
  background-color: #ea8824;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.inputwrite-box.type2.required::before {
  bottom: initial;
  top: 5px;
}

.inputwrite-box .inp-textarea + label {
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.inputwrite-box.required::before {
  content: '*';
  position: absolute;
  top: 25px;
  display: block;
  color: #ea8824;
}

.inputwrite-box.t-select:after {
  content: '';
  position: absolute;
  right: 0;
  top: 26px;
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}

.inputwrite-box.t-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.inputwrite-box.t-select select::-ms-expand {
  display: none;
}

.inputwrite-box.t-select select:focus::-ms-value {
  background: #fff;
  color: #555;
}

.inputwrite-box.t-select label {
  position: absolute;
  bottom: -2px;
  z-index: 1;
  transition: width 0.3s;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
}

.inputwrite-box.t-select label span {
  background-color: #fff;
}

.inputwrite-box.t-select select:focus + label,
.inputwrite-box.t-select select.selected + label {
  width: 100%;
}

.agr-section {
  height: 230px;
  background: #1e1e1e;
  overflow: hidden;
}

.agr-section .terms {
  width: 1190px;
  height: inherit;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
  font-size: 17px;
  color: #ccc;
}

.agr-section .terms > div {
  padding: 35px 0;
}

.agr-section .terms .tit-line {
  text-align: left;
  font-size: inherit;
  color: inherit;
}

.agr-section .terms .para:before {
  content: none;
}

.agr-section .terms .scrollbar-track {
  width: 2px;
  background-color: #000;
  opacity: 1;
}

.agr-section .terms .scrollbar-track .scrollbar-thumb {
  width: inherit;
  background-color: rgba(255, 255, 255, 0.7);
}

.agr-section .swiper-scrollbar {
  width: 2px;
  right: 50%;
  -webkit-transform: translateX(610px);
  transform: translateX(610px);
  background: rgba(0, 0, 0, 0.7);
}

.agr-section .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.contact-write {
  padding: 0 22px !important;
}

.contact-write .input-chk {
  margin: 30px 0 54px;
}

.contact-write-box table {
  width: 100%;
}

.contact-write-box table td {
  vertical-align: top;
  font-size: 17px;
  color: #555;
}

.contact-write-box table td:nth-child(even) {
  text-align: right;
}

.contact-write-box table td[colspan] .inputwrite-box {
  width: 100%;
}

.contact-write-box table .required-mark {
  color: #ea8824;
}

.contact-write-box .inputwrite-box {
  margin-bottom: 23px;
}

.email-delivered {
  overflow: hidden;
  height: 304px;
  margin: 47px 0 45px;
}

.email-delivered .c-box {
  display: block;
  height: 210px;
  margin-top: 210px;
  background: #ea8824;
}

.email-delivered .bind {
  height: 304px;
  padding-top: 60px;
  text-align: center;
  background: url("../images/sub/bg_map2.jpg") no-repeat 50% 0 #f9f9f9;
}

.email-delivered .bind .inner {
  padding: 0 22px;
}

.email-delivered .bind h2 {
  font-size: 26px;
  color: #222;
  font-weight: 500;
}

.email-delivered .bind p {
  margin: 20px 0 25px;
  font-size: 17px;
  color: #555;
}

.email-delivered.active .c-box {
  -webkit-animation: emailDelivAni1 0.8s ease-out forwards;
  animation: emailDelivAni1 0.8s ease-out forwards;
}

.email-delivered.active .bind {
  -webkit-animation: emailDelivAni2 0.8s 0.2s ease-out forwards;
  animation: emailDelivAni2 0.8s 0.2s ease-out forwards;
}

.btn-submit {
  display: block;
  width: 150px;
  height: 56px;
  line-height: 56px;
  margin: 0 auto 45px;
  text-align: center;
  font-size: 17px;
  color: #121212;
  font-weight: 500;
  border: 1px solid #121212;
  background: #fff;
}

.btn-submit:hover {
  border: 1px solid #ea8824;
  color: #ea8824;
}

.btn-submit:active {
  background-color: #ea8824;
  border-color: transparent;
  color: #fff;
}

.input-radio {
  display: inline-block;
  cursor: pointer;
}

.input-radio + .input-radio {
  margin-left: 65px;
}

.input-radio input {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  opacity: 0;
}

.input-radio input:checked + span:before {
  border: 0;
  background: url("../images/common/ico_radio.png") no-repeat 0 0;
}

.input-radio span {
  font-size: 17px;
  color: #555;
}

.input-radio span:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 25px;
  border: 1px solid #d0dae1;
  border-radius: 100%;
  background: #fff;
  vertical-align: middle;
}

/* Overview */
.cjbio-pb {
  height: 1272px;
  text-align: center;
  background: #2b2b2b;
}

.cjbio-pb .bind {
  position: relative;
  width: 1440px;
  margin: 0 auto;
}

.cjbio-pb .bind .h2 {
  padding: 80px 0 60px;
  font-size: 32px;
  color: #ccc;
  font-weight: 500;
}

.cjbio-pb .bind .txt-bind {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.cjbio-pb .bind .txt-bind p {
  line-height: 32px;
  font-size: 17px;
  color: #666;
}

.cjbio-pb .bind .para-pb {
  padding-top: 60px;
  opacity: 0;
}

.cjbio-pb .bind .para-pb dt {
  display: inline-block;
  padding: 0 48px;
  line-height: 50px;
  border-radius: 25px;
  font-size: 20px;
  color: #fff;
  background: #171717;
}

.cjbio-pb .bind .para-pb dd {
  margin-top: 25px;
  font-size: 17px;
  color: #ccc;
}

.cjbio-pb .bind .global-map {
  position: absolute;
  top: 50px;
  z-index: 1;
}

.cjbio-pb .txt-bind-sub,
.cjbio-pb .para-pb {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.cjbio-pb .global-map {
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

.cjbio-pb .spot-wrap {
  -webkit-transition: all 0.7s 0.5s ease-out;
  transition: all 0.7s 0.5s ease-out;
}

.cjbio-pb.ani-up .txt-bind-sub {
  -webkit-transform: translateY(-180px);
  transform: translateY(-180px);
}

.cjbio-pb.ani-up .txt-bind-sub p {
  opacity: 0.5;
}

.cjbio-pb.ani-up .para-pb {
  opacity: 1;
}

.cjbio-pb.ani-up .global-map {
  -webkit-transform: translateY(335px);
  transform: translateY(335px);
}

.cjbio-pb.ani-up .spot-wrap {
  opacity: 1;
  visibility: visible;
}

.global-map {
  width: 1440px;
  height: 730px;
  background: url("../images/sub/cj-bio/bg_global_bases_map.png") no-repeat 0 0;
}

.global-map .spot-wrap.active:before {
  left: -7px;
  top: -7px;
  width: 46px;
  height: 46px;
}

.global-map .spot-wrap.active:after {
  width: 9px;
  height: 9px;
}

.global-map .spot-wrap.active span {
  opacity: 1;
  visibility: visible;
}

.global-map .spot-wrap {
  position: absolute;
  width: 32px;
  height: 32px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

.global-map .spot-wrap:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(226, 48, 67, 0.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.global-map .spot-wrap:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #e23043;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.global-map .spot-wrap span {
  display: block;
  position: absolute;
  top: -60px;
  height: 41px;
  line-height: 41px;
  margin-left: 16px;
  padding: 0 20px;
  border-radius: 25px;
  background: #171717;
  color: #fff;
  font-weight: 100;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.global-map .spot-wrap span:after {
  content: '';
  display: block;
  top: 42px;
  width: 1px;
  height: 39px;
  margin: 0 auto;
  background: #e23043;
}

.global-map .spot-wrap span em {
  color: #e23043;
}

.global-map .spot-wrap.shen-yang {
  top: 278px;
  left: 545px;
}

.global-map .spot-wrap.liaocheng {
  top: 306px;
  left: 512px;
}

.global-map .spot-wrap.ningbo {
  top: 344px;
  left: 545px;
}

.global-map .spot-wrap.foshan {
  top: 361px;
  left: 510px;
}

.global-map .spot-wrap.vung-tau {
  top: 390px;
  left: 486px;
}

.global-map .spot-wrap.kerteh {
  top: 440px;
  left: 467px;
}

.global-map .spot-wrap.jombang {
  top: 512px;
  left: 560px;
}

.global-map .spot-wrap.pasuruan {
  top: 520px;
  left: 575px;
}

.global-map .spot-wrap.iowa {
  top: 265px;
  right: 272px;
}

.global-map .spot-wrap.goias {
  bottom: 200px;
  right: 150px;
}

.global-map .spot-wrap.piracicaba {
  bottom: 137px;
  right: 132px;
}

.mission-vision {
  height: 934px;
}

.mission-vision .mv-circle {
  position: relative;
  width: 855px;
  margin: 25px auto 0;
}

.mission-vision .mv-circle > dl {
  width: 420px;
  position: absolute;
  top: 0;
}

.mission-vision .mv-circle > dl:before {
  content: '';
  display: block;
  width: 420px;
  height: 420px;
  background: url("../images/sub/cj-bio/img_dashed_circle.png") no-repeat 0 0;
  -webkit-animation: rotateAni 15s linear forwards;
  animation: rotateAni 15s linear forwards;
}

.mission-vision .mv-circle > dl.our-vision.active:before {
  animation-direction: reverse;
}

.mission-vision .mv-circle > dl dt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -95px);
  transform: translate(-50%, -95px);
  font-size: 28px;
  color: #666;
  font-weight: 500;
}

.mission-vision .mv-circle > dl dd {
  margin-top: 60px;
  line-height: 32px;
  white-space: nowrap;
  font-size: 17px;
  color: #222;
}

.mission-vision .mv-circle .our-mission {
  left: 38px;
}

.mission-vision .mv-circle .our-mission dd {
  padding-right: 85px;
  text-align: right;
}

.mission-vision .mv-circle .our-vision {
  right: 38px;
}

.mission-vision .mv-circle .our-vision dd {
  padding-left: 85px;
  text-align: left;
}

.contents .ceo-intro {
  background: #f7f7f7;
}

.contents .ceo-intro .h2 {
  padding-bottom: 120px;
  font-size: 32px;
  font-weight: 500;
}

.contents .ceo-intro .right {
  padding: 0 120px 0 85px;
}

.contents .ceo-intro p:not(.para-bold):not(.name) {
  line-height: 40px;
  font-size: 17px;
  color: #555;
}

.contents .ceo-intro .pdbot {
  padding-bottom: 85px;
}

.contents .ceo-intro .pdbot2 {
  padding-bottom: 35px;
}

.contents .ceo-intro .para-bold {
  line-height: 50px;
  font-size: 26px;
  color: #222;
}

.contents .ceo-intro .para-bold strong {
  font-weight: 700;
}

.contents .ceo-intro .para-bold strong:after {
  content: '';
  display: block;
  width: 18px;
  height: 16px;
  margin: 70px 0 70px 190px;
  background: url("../images/common/img_double_quotes_black.png") no-repeat 0 0/cover;
  opacity: 0.3;
}

.contents .ceo-intro .name {
  padding: 45px 85px 0 0;
  text-align: right;
  font-size: 15px;
  color: #000;
}

.contents .ceo-intro .name span {
  font-size: 28px;
  font-weight: 500;
}

.contents .ceo-intro .name span span {
  font-size: 20px;
}

.contents .ceo-intro .signature {
  padding: 30px 70px 0 0;
  text-align: right;
}

@-webkit-keyframes lookDown {
  from {
    height: 0;
  }
  to {
    height: 60px;
  }
}

@keyframes lookDown {
  from {
    height: 0;
  }
  to {
    height: 60px;
  }
}

@-webkit-keyframes emailDelivAni1 {
  to {
    margin-top: 0;
  }
}

@keyframes emailDelivAni1 {
  to {
    margin-top: 0;
  }
}

@-webkit-keyframes emailDelivAni2 {
  to {
    -webkit-transform: translateY(-210px);
    transform: translateY(-210px);
  }
}

@keyframes emailDelivAni2 {
  to {
    -webkit-transform: translateY(-210px);
    transform: translateY(-210px);
  }
}

@-webkit-keyframes emailDelivAni3 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes emailDelivAni3 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes rotateAni {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotateAni {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ct-soytide .tit-round {
  height: 40px;
  line-height: 40px;
  margin-top: 90px;
  color: #666666;
}

.ct-soytide .item-list {
  position: relative;
  margin-top: 96px;
  padding-bottom: 97px;
  background: url("../images/sub/ico_dotted_line.png") repeat-x 0 140px;
}

.ct-soytide .item-list:before, .ct-soytide .item-list:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background: inherit;
}

.ct-soytide .item-list:before {
  right: 100%;
}

.ct-soytide .item-list:after {
  left: 100%;
}

.ct-soytide .item-list > .item {
  position: relative;
  display: inline-block;
}

.ct-soytide .item-list > .item + .item {
  margin-left: 46px;
}

.ct-soytide .item-list > .item::after {
  content: '';
  display: block;
  width: 224px;
  height: 224px;
  margin: 0 auto;
  background: url("../images/sub/soytide/img_soytide_process.png") no-repeat 100% 100%;
  background-position: 0 0;
}

.ct-soytide .item-list > .item:nth-child(2)::after {
  width: 297px;
  background-position: -225px 0;
}

.ct-soytide .item-list > .item:nth-child(3)::after {
  background-position: -522px 0;
}

.ct-soytide .item-list > .item .num {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 8px 0;
  margin: 35px 0 30px 0;
  border-radius: 80px;
  text-align: center;
  color: #fff;
  font-size: 23px;
  font-family: "CJ onlyOne";
  font-weight: 700;
  background-color: #cccccc;
}

.ct-soytide .item-list > .item .arrow-box {
  position: relative;
  min-width: 308px;
  padding: 15px 37px 16px;
  color: #999999;
  background: #f0f0f0;
  font-size: 16px;
  font-weight: 500;
}

.ct-soytide .item-list > .item .arrow-box::after {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 7px solid #f0f0f0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.ct-soytide .item-list > .item:nth-child(2) .arrow-box {
  padding: 15px 42px 16px;
}

.ct-soytide .item-list > .item:nth-child(2) .tooltip {
  background: #3d5e2e;
}

.ct-soytide .item-list > .item:nth-child(2) .tooltip::after {
  border-left-color: #3d5e2e;
  border-bottom-color: #3d5e2e;
}

.ct-soytide .item-list > .item .tooltip {
  position: absolute;
  bottom: -22px;
  right: -35px;
  padding: 10px 26px;
  background-color: #76982b;
  color: #fff;
  -webkit-box-shadow: 0px 10px 84px -10px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 10px 84px -10px rgba(0, 0, 0, 0.4);
}

.ct-soytide .item-list > .item .tooltip::after {
  content: '';
  position: absolute;
  top: -13px;
  left: 0;
  border-top: 8px solid transparent;
  border-left: 8px solid #76982b;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #76982b;
}

.ct-soytide .cont-box.benefits {
  margin-bottom: 123px;
}

.ct-soytide .benefits .cont {
  background-image: url("../images/sub/soytide/img_soytide_benefit.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.ct-soytide .benefits .tooltip-wrap .tooltip-1 {
  width: 175px;
  right: 95%;
  top: 106px;
  background: #b8472d;
}

.ct-soytide .benefits .tooltip-wrap .tooltip-1::before {
  background: #b8472d;
}

.ct-soytide .benefits .tooltip-wrap .tooltip-2 {
  width: 210px;
  right: 90%;
  bottom: 63px;
  background: #d7674d;
}

.ct-soytide .benefits .tooltip-wrap .tooltip-2::before {
  background: #d7674d;
}

.ct-soytide .benefits .tooltip-wrap .tooltip-3 {
  width: 250px;
  left: 55%;
  bottom: -60px;
  background: #e7831d;
}

.ct-soytide .benefits .tooltip-wrap .tooltip-3::before {
  background: #e7831d;
}

.ct-soytide .benefits .tooltip-wrap .tooltip-4 {
  width: 265px;
  left: 85%;
  top: 141px;
  background: #fb5b27;
}

.ct-soytide .benefits .tooltip-wrap .tooltip-4::before {
  background: #fb5b27;
}

.ct-soytide .benefits .tooltip-wrap.active .tooltip-1 {
  width: 175px;
}

.ct-soytide .benefits .tooltip-wrap.active .tooltip-2 {
  width: 210px;
}

.ct-soytide .benefits .tooltip-wrap.active .tooltip-3 {
  width: 250px;
}

.ct-soytide .benefits .tooltip-wrap.active .tooltip-4 {
  width: 265px;
}

.ct-only-soytide {
  background: #f5f5f5 url("../images/sub/soytide/bg_soytide_01.png") no-repeat 40% 106px;
}

.ct-only-soytide .inner {
  padding-bottom: 0 !important;
}

.ct-only-soytide .card-mobil {
  position: relative;
  margin-top: 0;
}

.ct-only-soytide .card-mobil .card {
  width: 440px;
  height: 800px;
  margin-top: 0;
  padding: 100px 64px 0;
  font-size: 15px;
  -webkit-box-shadow: 0px 74px 56px -50px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 74px 56px -50px rgba(0, 0, 0, 0.15);
}

.ct-only-soytide .card-mobil .card:nth-child(1) {
  top: 94px;
}

.ct-only-soytide .card-mobil .card:nth-child(2) {
  top: 188px;
}

.ct-only-soytide .card-mobil .card:nth-child(1) .desc::after {
  content: '';
  display: inline-block;
  width: 315px;
  height: 176px;
  margin-top: 76px;
  background: url("../images/sub/soytide/img_soytide_02.png") no-repeat 0 bottom;
}

.ct-only-soytide .card-mobil .card:nth-child(2) .desc::before {
  content: '';
  display: inline-block;
  width: 315px;
  height: 176px;
  margin-bottom: 76px;
  background: url("../images/sub/soytide/img_soytide_03.png") no-repeat 0 0;
}

.ct-solutions.soytide .h2 {
  margin-top: 354px;
}

.ct-solutions.soytide .item-wrap {
  position: relative;
  background: #f8f8f8;
  height: 370px;
  margin-top: 110px;
}

.ct-solutions.soytide .item-list {
  position: relative;
  margin-left: -40px;
  margin-right: -40px;
  margin: 0 auto;
  padding: 0 !important;
}

.ct-solutions.soytide .item-list:after {
  content: '';
  display: table;
  width: 100%;
}

.ct-solutions.soytide .item-list li {
  float: left;
  width: calc(33.33333% - 80px) !important;
  margin-left: 40px;
  margin-right: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ct-solutions.soytide .item-list::after, .ct-solutions.soytide .item-list::before {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: #dddddd;
}

.ct-solutions.soytide .item-list::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: -204px;
}

.ct-solutions.soytide .item-list::after {
  right: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-right: -204px;
}

.ct-solutions.soytide .item-list .item {
  position: relative;
  height: 340px;
  margin-top: -70px;
  padding-top: 170px;
  font-size: 17px;
}

.ct-solutions.soytide .item-list .item .img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 140px;
  height: 140px;
  margin: 0 auto;
  background: url("../images/sub/soytide/img_soytide_sol.png") no-repeat;
}

.ct-solutions.soytide .item-list .item .img.b1::before {
  background-position: 0px 0px;
}

.ct-solutions.soytide .item-list .item .img.b2::before {
  background-position: -141px 0px;
}

.ct-solutions.soytide .item-list .item .img.b3::before {
  background-position: -282px 0px;
}

.ct-solutions.soytide .item-list .item strong {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
}

.ct-solutions.soytide .item-list .item p {
  margin-top: 10px;
  line-height: 2;
}

.ct-soytide .item-list.show-on-scroll .item .num {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

.ct-soytide .item-list.show-on-scroll .item .arrow-box {
  background-color: #f0f0f0;
  color: #999999;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

.ct-soytide .item-list.show-on-scroll .item .arrow-box::after {
  content: '';
  border-top-color: #f0f0f0;
}

.ct-soytide .item-list.show-on-scroll.active .item .num {
  background-color: #6b3321;
}

.ct-soytide .item-list.show-on-scroll.active .item .arrow-box {
  background-color: #f4f6e8;
  color: #859f36;
}

.ct-soytide .item-list.show-on-scroll.active .item .arrow-box::after {
  content: '';
  border-top-color: #f4f6e8;
}

.ct-soytide .item-list.show-on-scroll.active .item-1 .num {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.ct-soytide .item-list.show-on-scroll.active .item-1 .arrow-box {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.ct-soytide .item-list.show-on-scroll.active .item-2 .num {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

.ct-soytide .item-list.show-on-scroll.active .item-2 .arrow-box {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

.ct-soytide .item-list.show-on-scroll.active .item-3 .num {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.ct-soytide .item-list.show-on-scroll.active .item-3 .arrow-box {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.ct-innovative-sol {
  background-color: #f5f5f5;
}

.ct-innovative-sol .cont-box.pair {
  margin: 0 97px;
}

.ct-innovative-sol .cont-box.pair .tit-round {
  text-align: center;
  background: #fff;
  height: 40px;
  margin-top: 34px;
  line-height: 40px;
  font-size: 18px;
  color: #666;
}

.ct-innovative-sol .cont-box.pair .cont {
  background: #fff;
  -webkit-box-shadow: 0px 10px 33px -15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 33px -15px rgba(0, 0, 0, 0.15);
}

.ct-innovative-sol .cont-box.pair .cont + .tit-round {
  margin-top: 72px;
}

.ct-innovative-sol .cont-box.pair:first-of-type {
  width: 340px;
}

.ct-innovative-sol .cont-box.pair:first-of-type .img.best {
  background-position-x: -573px;
}

.ct-innovative-sol .cont-box.pair:first-of-type .cont.certification {
  position: relative;
  height: 358px;
  padding-top: 88px;
}

.ct-innovative-sol .cont-box.pair:first-of-type .cont.certification::after {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 115px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6));
  background: linear-gradient(#ffffff, #f6f6f6);
}

.ct-innovative-sol .cont-box.pair:first-of-type .cont.certification .certification-mark {
  height: 57px;
  margin-top: 40px;
}

.ct-innovative-sol .cont-box.pair:last-of-type {
  position: relative;
  width: 360px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .cont {
  height: 775px;
  padding: 40px 46px 50px;
}

.ct-innovative-sol .cont-box.pair:last-of-type {
  position: relative;
  width: 360px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .cont {
  height: 775px;
  padding: 40px 46px 50px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap {
  position: relative;
  margin: 40px 0 72px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap::before {
  content: '';
  display: block;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  margin: 0 auto;
  background: #ececec;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .round {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0px 10px 33px -10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 33px -10px rgba(0, 0, 0, 0.15);
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .round::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 70px;
  height: 63px;
  background: url("../images/sub/xsoy/img_xsoy_guaranteed.png") no-repeat 0 0;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .round-1 {
  width: 103px;
  height: 103px;
  margin-top: 78px;
  margin-left: -64px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .round-2 {
  margin-top: -15px;
  margin-left: 16px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .round-2 .arrow-box {
  padding: 10px 23px;
  margin-top: -20px;
  margin-left: 14px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .round-2::before {
  width: 65px;
  background-position-x: -70px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .round-3 {
  width: 80px;
  height: 80px;
  margin-top: 54px;
  margin-left: 93px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .round-3 .arrow-box {
  margin-top: 10px;
  margin-left: -7px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .round-3::before {
  width: 60px;
  background-position-x: -135px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .arrow-box {
  position: absolute;
  display: block;
  min-width: 135px;
  top: 50%;
  left: 100px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 10px 23px;
  border-radius: 20px;
  background: #2d72af;
  color: #fff;
  font-size: 16px;
  z-index: 1;
  text-align: center;
  -webkit-box-shadow: 0px 10px 33px -10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 33px -10px rgba(0, 0, 0, 0.15);
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .arrow-box::before {
  content: '';
  position: absolute;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  left: -7px;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  border-radius: 2px;
  z-index: -1;
  background-color: #2d72af;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .arrow-box.left {
  left: -180px;
}

.ct-innovative-sol .cont-box.pair:last-of-type .img-wrap .arrow-box.left::before {
  left: 100%;
  margin-left: -17px;
}

.process-wrap.show-on-scroll .hexane .cont .tit-round,
.process-wrap.show-on-scroll .hexane .cont .round-bg,
.process-wrap.show-on-scroll .hexane .cont .img-wrap,
.process-wrap.show-on-scroll .alocholic .cont .tit-round,
.process-wrap.show-on-scroll .alocholic .cont .round-bg,
.process-wrap.show-on-scroll .alocholic .cont .img-wrap {
  opacity: 0;
  -webkit-transition-duration: 1.5s;
  -webkit-transition-property: all;
  transition-property: all;
  transition-duration: 1.5s;
}

.process-wrap.show-on-scroll .img-big,
.process-wrap.show-on-scroll .bg-dotted-line {
  opacity: 0;
  -webkit-transition-duration: 1.5s;
  -webkit-transition-property: all;
  transition-property: all;
  transition-duration: 1.5s;
}

.process-wrap.show-on-scroll.active .cont .tit-round,
.process-wrap.show-on-scroll.active .cont .round-bg,
.process-wrap.show-on-scroll.active .cont .img-wrap {
  opacity: 1;
}

.process-wrap.show-on-scroll.active .bg-dotted-line,
.process-wrap.show-on-scroll.active .img-big {
  opacity: 1;
}

.process-wrap.show-on-scroll.active .hexane .cont .tit-round,
.process-wrap.show-on-scroll.active .hexane .cont .img-wrap,
.process-wrap.show-on-scroll.active .hexane .cont .round-bg {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.process-wrap.show-on-scroll.active .img-big {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.process-wrap.show-on-scroll.active .alocholic .cont .round-bg,
.process-wrap.show-on-scroll.active .alocholic .cont .img-wrap,
.process-wrap.show-on-scroll.active .alocholic .cont .tit-round {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.process-wrap.show-on-scroll.active .bg-dotted-line {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.ct-process .tit-round {
  height: 40px;
  line-height: 40px;
  color: #666666;
  z-index: 3;
}

.ct-process .process-wrap {
  position: relative;
  height: 729px;
}

.ct-process .process-wrap .cont-box {
  position: absolute;
  margin: 0;
}

.ct-process .process-wrap .cont-box.left {
  left: 70px;
}

.ct-process .process-wrap .cont-box.right {
  right: 70px;
}

.ct-process .process-wrap .tit-round {
  width: 360px;
  margin-top: 26px;
  margin-bottom: 54px;
}

.ct-process .process-wrap .cont {
  position: relative;
  border: 0;
  padding: 0;
}

.ct-process .process-wrap .round-bg {
  width: 578px;
  height: 545px;
  border-radius: 50%;
  background: #f8f6f6;
}

.ct-process .process-wrap .bg-dotted-line {
  position: absolute;
  top: 128px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 981px;
  height: 532px;
  background: url("../images/sub/xsoy/bg_dotted_round_line.png") no-repeat 0 0;
}

.ct-process .process-wrap .img-big {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 285px;
  height: 284px;
  z-index: 3;
  margin-top: 50px;
  border-radius: 50%;
  background: #435b71 url("../images/sub/xsoy/img_xsoy_process_02.png") no-repeat 0 0;
  -webkit-box-shadow: 20px 30px 70px -28px rgba(0, 0, 0, 0.7);
          box-shadow: 20px 30px 70px -28px rgba(0, 0, 0, 0.7);
}

.ct-process .process-wrap .img-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 273px;
}

.ct-process .process-wrap .img-wrap .img {
  width: 438px;
  height: 273px;
}

.ct-process .process-wrap .img-wrap .tit {
  position: absolute;
  color: #435b71;
  font-weight: 700;
}

.ct-process .process-wrap .hexane .img {
  background: url("../images/sub/xsoy/img_xsoy_process_left.png") no-repeat 0 0;
}

.ct-process .process-wrap .hexane .tit:nth-of-type(1) {
  top: 30px;
  left: 8px;
}

.ct-process .process-wrap .hexane .tit:nth-of-type(2) {
  bottom: -48px;
  left: 170px;
}

.ct-process .process-wrap .alocholic .img {
  background: url("../images/sub/xsoy/img_xsoy_process_right.png") no-repeat 0 0;
}

.ct-process .process-wrap .alocholic .tit:nth-of-type(1) {
  bottom: -20px;
  right: 207px;
}

.ct-process .process-wrap .alocholic .tit:nth-of-type(2) {
  right: 50px;
  top: 80px;
}

.ct-process .cont-box.benefits {
  margin-bottom: 112px;
}

.ct-process .cont-box.benefits .cont {
  background-image: url("../images/sub/xsoy/img_xsoy_benefits.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.ct-process .cont-box.benefits .tooltip-wrap .tooltip.top.right:before {
  right: 30px;
  top: 2px;
}

.ct-process .cont-box.benefits .tooltip-wrap .tooltip.bottom.right:before {
  right: 30px;
  top: 62px;
}

.ct-process .benefits .tooltip-wrap .tooltip-1 {
  right: 85%;
  top: 20px;
  background: #325e85;
}

.ct-process .benefits .tooltip-wrap .tooltip-1::before {
  background: #325e85;
}

.ct-process .benefits .tooltip-wrap .tooltip-2 {
  right: 95%;
  top: 140px;
  background: #6b9dc9;
}

.ct-process .benefits .tooltip-wrap .tooltip-2::before {
  background: #6b9dc9;
}

.ct-process .benefits .tooltip-wrap .tooltip-3 {
  right: 52%;
  top: 300px;
  background: #325e85;
}

.ct-process .benefits .tooltip-wrap .tooltip-3::before {
  background: #325e85;
}

.ct-process .benefits .tooltip-wrap .tooltip-4 {
  left: 90%;
  top: 230px;
  background: #2c70ac;
}

.ct-process .benefits .tooltip-wrap .tooltip-4::before {
  background: #2c70ac;
}

.ct-process .benefits .tooltip-wrap .tooltip-5 {
  left: 95%;
  top: 80px;
  background: #229c4d;
}

.ct-process .benefits .tooltip-wrap .tooltip-5::before {
  background: #229c4d;
}

.ct-process .benefits .tooltip-wrap.active .tooltip-1 {
  width: 172px;
}

.ct-process .benefits .tooltip-wrap.active .tooltip-2,
.ct-process .benefits .tooltip-wrap.active .tooltip-3,
.ct-process .benefits .tooltip-wrap.active .tooltip-4 {
  width: 208px;
}

.ct-process .benefits .tooltip-wrap.active .tooltip-5 {
  width: 250px;
}

.ct-process .benefits .tooltip-wrap.active .tooltip-6 {
  width: 225px;
}

.cont-box.benefits {
  position: relative;
}

.cont-box.benefits .tit-round {
  z-index: 2;
}

.cont-box.benefits .tooltip-wrap {
  margin-top: 73px;
  height: 334px;
  z-index: 1;
  background-color: #f4f6e8;
}

.cont-box.benefits .tooltip-wrap .tooltip {
  position: absolute;
  display: block;
  padding: 20px 0;
  border-radius: 40px;
  text-align: center;
  -webkit-box-shadow: 0px 10px 50px -10px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 10px 50px -10px rgba(0, 0, 0, 0.4);
}

.cont-box.benefits .tooltip-wrap .tooltip em {
  text-align: center;
  font-size: 16px;
  color: #fff;
}

.cont-box.benefits .tooltip-wrap .tooltip::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  border-radius: 2px;
  z-index: -1;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

.cont-box.benefits .tooltip-wrap .tooltip.right:before {
  right: 2px;
}

.cont-box.benefits .tooltip-wrap .tooltip.left:before {
  left: -8px;
}

.cont-box.benefits .tooltip-wrap .tooltip.top.left:before {
  left: 20px;
  top: 2px;
}

.cont-box.benefits .tooltip-wrap .tooltip {
  width: 64px;
  height: 64px;
  -webkit-transition: width .8s .5s;
  transition: width .8s .5s;
}

.cont-box.benefits .tooltip-wrap .tooltip em {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip em {
  opacity: 1;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-1 em {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-2 {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-2 em {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-3 {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-3 em {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-4 {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-4 em {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-5 {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-5 em {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-6 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.cont-box.benefits .tooltip-wrap.active .tooltip-6 em {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

.ct-solutions.xsoy {
  background-color: #f9f9f9;
}

.ct-solutions.xsoy .item-list {
  margin-top: 68px;
}

.ct-solutions.xsoy .item-list:after {
  content: '';
  display: table;
  width: 100%;
}

.ct-solutions.xsoy .item-list .item {
  position: relative;
  float: left;
  width: 184px;
  height: 347px;
  background: #fff;
  text-align: center;
  color: #222;
}

.ct-solutions.xsoy .item-list .item + .item {
  margin-left: 9px;
}

.ct-solutions.xsoy .item-list .item .tooltip {
  display: none;
  position: absolute;
  top: -60px;
  left: 50%;
  z-index: 1;
  padding: 9px 20px 10px;
  background-color: #598c9a;
  color: #fff;
  line-height: 1.5;
  text-align: left;
}

.ct-solutions.xsoy .item-list .item .tooltip::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  border-top: 10px solid #598c9a;
  border-left: 16px solid #598c9a;
  border-right: 16px solid transparent;
  border-bottom: 10px solid transparent;
}

.ct-solutions.xsoy .item-list .item .img {
  position: relative;
  display: block;
  width: 132px;
  height: 132px;
  margin: 39px auto 20px;
  background: url("../images/sub/xsoy/img_xsoy_sol.png") no-repeat 0 0;
  background-position: 0 0;
  cursor: pointer;
}

.ct-solutions.xsoy .item-list .item .img:hover {
  background-position-x: -132px;
}

.ct-solutions.xsoy .item-list .item .img:hover .tooltip {
  display: block;
}

.ct-solutions.xsoy .item-list .item .img.c1 .tooltip {
  min-width: 170px;
}

.ct-solutions.xsoy .item-list .item .img.c2 {
  background-position-y: -132px;
}

.ct-solutions.xsoy .item-list .item .img.c2:hover {
  width: 133px;
  background-position-y: -132px;
}

.ct-solutions.xsoy .item-list .item .img.c3 {
  background-position-y: -264px;
}

.ct-solutions.xsoy .item-list .item .img.c3:hover {
  width: 133px;
  background-position-y: -264px;
}

.ct-solutions.xsoy .item-list .item .img.c4 {
  background-position-y: -396px;
}

.ct-solutions.xsoy .item-list .item .img.c4:hover {
  background-position-y: -396px;
}

.ct-solutions.xsoy .item-list .item .img.c5 {
  background-position-y: -528px;
}

.ct-solutions.xsoy .item-list .item .img.c5 .tooltip {
  min-width: 237px;
  background: #b32b45;
}

.ct-solutions.xsoy .item-list .item .img.c5 .tooltip::after {
  border-top-color: #b32b45;
  border-left-color: #b32b45;
}

.ct-solutions.xsoy .item-list .item .img.c5:hover {
  background-position-y: -528px;
}

.ct-solutions.xsoy .item-list .item .img.c6 {
  background-position-y: -660px;
}

.ct-solutions.xsoy .item-list .item .img.c6:hover {
  background-position-y: -660px;
}

.ct-solutions.xsoy .item-list .item strong,
.ct-solutions.xsoy .item-list .item span {
  display: block;
}

.ct-solutions.xsoy .item-list .item strong {
  color: black;
  font-size: 18px;
  font-weight: 700;
}

.ct-solutions.xsoy .item-list .item span {
  font-size: 15px;
  color: #666666;
  font-weight: 300;
}

.ct-solutions.xsoy .item-list .item .btn-detail {
  position: absolute;
  display: block;
  width: 72px;
  height: 34px;
  left: 50%;
  bottom: 29px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 1px solid #cccccc;
}

.popup-lay {
  display: none;
  position: fixed;
  left: 0;
  top: 50%;
  width: 100%;
  height: 100%;
  z-index: 30;
}

.popup-lay .popup-box {
  position: relative;
  width: 539px;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 70px;
  background: #fff;
  border: 1px solid #325e85;
  -webkit-box-shadow: 0px 30px 68px -28px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 30px 68px -28px rgba(0, 0, 0, 0.3);
}

.popup-lay .popup-box .btn-popup {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 24px;
  height: 24px;
  background: url("../images/sub/ico_close_16x16.png") no-repeat 50% 50%;
}

.popup-lay .popup-box .tit {
  font-size: 22px;
  font-weight: 400;
  text-align: left;
}

.popup-lay .popup-box p {
  line-height: 2;
  text-align: left;
  color: #666666;
}

.popup-lay .popup-box .img-wrap {
  margin: 56px 0 36px;
  text-align: left;
}

.popup-lay .popup-box .img-wrap img {
  display: inline-block;
}

.popup-lay .popup-box .img-wrap img + img {
  margin-left: 37px;
}

.sdgs-compass .h2 {
  padding: 91px 0 68px !important;
}

.sdgs-compass .h3 {
  margin-bottom: 46px;
  font-size: 32px;
  color: #222;
  line-height: 1.5;
  font-weight: 400;
}

.sdgs-compass .visual-area {
  height: 640px;
  background: url("../images/sub/cj-bio/img_visual_sdg_compass.jpg") no-repeat 0 0;
  -webkit-box-shadow: 0px 50px 78px -39px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 50px 78px -39px rgba(0, 0, 0, 0.15);
}

.sdgs-compass .visual-area .inner {
  position: relative;
  height: inherit;
}

.sdgs-compass .visual-area .inner .cont-box {
  position: absolute;
  right: 20px;
  width: 544px;
  height: 680px;
  padding: 98px 60px;
  background: #fff;
  -webkit-box-shadow: 0px 20px 60px 19px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 20px 60px 19px rgba(0, 0, 0, 0.15);
  text-align: left;
}

.sdgs-partnership {
  background: #f7f7f7;
  padding: 86px 72px;
}

.sdgs-partnership .box {
  width: 1190px;
  margin: 0 auto;
  padding: 90px 72px;
  background-color: #fff;
}

.sdgs-partnership .cont {
  padding: 0 40px;
}

.sdgs-partnership .cont:after {
  content: '';
  display: table;
  width: 100%;
}

.sdgs-partnership .cont:first-of-type .img-wrap {
  margin-top: 68px;
}

.sdgs-partnership .cont:first-of-type .img-wrap .img {
  display: inline-block;
  width: 133px;
  height: 104px;
  margin: 0 10px;
  background: url("../images/sub/cj-bio/img_cj_bio_partnership01.png") no-repeat 0 0;
}

.sdgs-partnership .cont:first-of-type .img-wrap .img:last-child {
  position: relative;
  width: 156px;
  background-position: -133px 0;
}

.sdgs-partnership .cont:first-of-type .img-wrap .img:last-child::before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  width: 1px;
  height: 103px;
  background: #a4a5a7;
}

.sdgs-partnership .cont:first-of-type .list {
  display: inline-block;
}

.sdgs-partnership .cont:first-of-type .list li + li {
  margin-top: 25px;
}

.sdgs-partnership .cont:last-of-type {
  margin-top: 60px;
  padding-top: 70px;
  border-top: 1px solid #e5e5e5;
}

.sdgs-partnership .cont:last-of-type .list-wrap {
  width: 50%;
}

.sdgs-partnership .cont:last-of-type .list + .list {
  margin-top: 34px;
}

.sdgs-partnership .cont:last-of-type .list li + li {
  margin-top: 10px;
}

.sdgs-partnership .list.t-circle li {
  padding-left: 25px;
  font-size: 17px;
}

.sdgs-partnership .list.t-circle li::before {
  width: 6px;
  height: 6px;
  background: #000;
}

.sdgs-details .acc-cont-box {
  position: relative;
  height: 370px;
}

.sdgs-details .txt-box {
  position: absolute;
  width: 50%;
  height: 370px;
  padding: 50px 52px 42px 42px;
  overflow: hidden;
  -webkit-transition: width 1s;
  transition: width 1s;
}

.sdgs-details .txt-box .btn-more {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 46px;
  height: 46px;
  background: url("../images/sub/cj-bio/bg_btn_more.png") no-repeat 0 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.sdgs-details .txt-box .tit {
  height: 78px;
  margin-bottom: 60px;
  padding: 0;
  text-align: left;
}

.sdgs-details .txt-box .desc {
  width: 320px;
  color: #fff;
  text-align: left;
  line-height: 1.5;
  -webkit-transition: width 1s;
  transition: width 1s;
}

.sdgs-details .txt-box .desc span {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0;
}

.sdgs-details .txt-box.zero {
  left: 0;
  background: #f1b134 url("../images/sub/cj-bio/bg_sdgs_01.png") no-repeat 105% 110%;
}

.sdgs-details .txt-box.goals {
  right: 0;
  background: #0b2759 url("../images/sub/cj-bio/bg_sdgs_02.png") no-repeat 85% 70%;
}

.sdgs-details .txt-box.opened {
  width: 100%;
}

.sdgs-details .txt-box.opened .desc {
  width: 100%;
}

.sdgs-details .txt-box.opened .desc span {
  opacity: 1;
}

.sdgs-details .txt-box.opened .btn-more {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.ct-eco .card:nth-child(1) .card-side.front:before {
  background-position-x: -372px;
}

.ct-eco .card:nth-child(2) .card-side.front:before {
  background-position-x: -496px;
}

.biotechology {
  background: #f5f7ec;
}

.biotechology .img-wrap {
  margin-top: 0 !important;
}

.biotechology .img-wrap .img {
  margin-top: 4px;
  margin-bottom: -22px;
}

.biotechology .img-wrap .img + p {
  margin-top: 40px;
}

.biotechology .img-wrap em.tit {
  position: relative;
  display: block;
  height: 40px;
  margin: 0 auto;
  line-height: 40px;
  border-radius: 25px;
  background: #0f3933;
  font-size: 18px;
  color: #fff;
  text-align: center;
  z-index: 1;
}

.biotechology .img-wrap em.tit + p {
  margin-top: 19px;
}

.biotechology .img-wrap p {
  color: #1f3a36;
  text-align: center;
}

.biotechology .pop-wrap {
  position: absolute;
  top: -30px;
  left: -10%;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.biotechology .pop-wrap .pop {
  position: absolute;
  left: 0;
  width: 120px;
  height: 120px;
  padding: 30px 10px 20px;
  border-radius: 50%;
  background: #478c81;
  color: #f5f7ec;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
}

.biotechology .pop-wrap .pop:before {
  content: '';
  display: block;
  position: inherit;
  top: 80%;
  z-index: -1;
  border-left: 10px solid transparent;
  border-right: 20px solid transparent;
  border-top: 50px solid #478c81;
  -webkit-transform: skewX(-37deg);
  transform: skewX(-37deg);
}

.biotechology .pop-wrap .pop.left {
  left: 0;
}

.biotechology .pop-wrap .pop.left::before {
  left: 40%;
  border-top: 60px solid #478c81;
  -webkit-transform: skewY(-7deg) rotate(-28deg);
  transform: skewY(-7deg) rotate(-28deg);
}

.biotechology .pop-wrap .pop.right {
  left: 90%;
}

.biotechology .pop-wrap .pop.type2 {
  background: #e5ead0;
  color: #76796a;
}

.biotechology .pop-wrap .pop.type2::before {
  border-top-color: #e5ead0;
}

.biotechology .pop-wrap .pop:first-child {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.biotechology .pop-wrap .pop:last-child {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.biotechology .pop-wrap .t-co2,
.biotechology .pop-wrap .t-organic {
  position: absolute;
  right: 0;
  top: 0;
}

.biotechology .pop-wrap .t-co2 {
  top: 45%;
  right: 50%;
  font-size: 21px;
  color: #a3a598;
  font-family: '$font-cj';
  font-weight: 500;
}

.biotechology .pop-wrap .t-organic {
  top: 90%;
  right: -28%;
  text-align: center;
}

.biotechology .steps {
  position: relative;
  width: 1190px;
  height: 714px;
  margin: 70px auto 90px;
  background: url("../images/sub/technology/img_biotechnology_bg.png") no-repeat 0 0;
}

.biotechology .steps .step {
  position: absolute;
  display: block;
}

.biotechology .steps .step-1 {
  left: 70px;
  bottom: -43px;
}

.biotechology .steps .step-1 .tit {
  width: 178px;
}

.biotechology .steps .step-1 .pop-wrap {
  top: -140px;
  left: 20px;
}

.biotechology .steps .step-1 .pop-wrap .pop.co2 {
  left: -5%;
}

.biotechology .steps .step-1 .pop-wrap .pop.organic {
  left: 90%;
  top: 130px;
}

.biotechology .steps .step-2 {
  left: 370px;
  bottom: -43px;
}

.biotechology .steps .step-2 .tit {
  width: 264px;
}

.biotechology .steps .step-3 {
  right: -30px;
  bottom: -46px;
}

.biotechology .steps .step-4 {
  top: 200px;
  right: 143px;
}

.biotechology .steps .step-4 .tit {
  width: 290px;
}

.biotechology .steps .step-4 .pop:last-child {
  padding-top: 20px;
}

.biotechology .steps .step-5 {
  top: -30px;
  right: 40px;
}

.biotechology .steps .step-5 .tit {
  width: 148px;
  margin-left: 19px !important;
}

.biotechology .steps .step-5 .pop-wrap {
  top: -50px;
  left: -110px;
}

.biotechology .steps .step-5 .pop-wrap .pop:last-child {
  padding-top: 40px;
}

.aminature-amino .card-mobil.type2 .card .card-side.front::before {
  width: 95px;
  height: 95px;
  background-image: url("../images/sub/aminature/img_amio_acids.png");
  background-position-y: 0;
}

.aminature-amino .card-mobil.type2 .card:nth-child(1) .card-slide.front::before {
  background-position-x: 0;
}

.aminature-amino .card-mobil.type2 .card:nth-child(2) .card-side.front::before {
  background-position-x: -95px;
}

.aminature-amino .card-mobil.type2 .card:nth-child(3) .card-side.front::before {
  background-position-x: -190px;
}

.aminature-amino .card-mobil.type2 .card:nth-child(4) .card-side.front::before {
  background-position-x: -285px;
}

.aminature-life {
  padding-top: 90px;
}

.aminature-life .tab-content {
  position: relative;
}

.aminature-life .tab-content .tab-panel {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.aminature-life .tab-content .tab-panel.active {
  display: block;
}

.aminature-life .tab-content .visual-area {
  position: relative;
  width: 100%;
  height: 351px;
  background-repeat: no-repeat;
}

.aminature-life .tab-content .visual-area .inner {
  height: inherit;
}

.aminature-life .tab-content .txt-box {
  padding-left: 600px;
}

.aminature-life .tab-content .txt-box .tit {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  padding-bottom: 6px;
}

.aminature-life .tab-content .txt-box .desc {
  color: #fff;
  font-size: 17px;
  line-height: 2;
  opacity: 0.6;
}

.aminature-life .item-wrap .item {
  display: table;
  min-height: 400px;
  position: relative;
  padding-left: 586px;
}

.aminature-life .item-wrap .item + .item {
  margin-top: 100px;
}

.aminature-life .item-wrap .item .item-img {
  position: absolute;
  left: 0;
  top: 0;
}

.aminature-life .item-wrap .item:nth-child(2) .item-img::before {
  background-position-x: -230px;
}

.aminature-life .item-wrap .item:nth-child(3) .item-img::before {
  background-position-x: -460px;
}

.aminature-life .item-wrap .item:nth-child(4) .item-img::before {
  background-position-x: -690px;
}

.aminature-life .item-wrap .item:nth-child(5) .item-img::before {
  background-position: 0 -230px;
}

.aminature-life .item-wrap .item:nth-child(6) .item-img::before {
  background-position: -230px -230px;
}

.aminature-life .item-wrap .item:nth-child(7) .item-img::before {
  background-position: -460px -230px;
}

.aminature-life .item-wrap .item-img {
  width: 400px;
  height: 400px;
  margin-left: 83px;
  border-radius: 50%;
  background-color: #f9f9f9;
}

.aminature-life .item-wrap .item-img::before {
  content: '';
  display: block;
  width: 230px;
  height: 230px;
  margin: 75px auto;
  background-repeat: no-repeat;
}

.aminature-life .item-wrap.sport .item-img::before {
  background-image: url("../images/sub/aminature/img_ourlife_sport.png");
}

.aminature-life .item-wrap.nutraceutical .item-img::before {
  background-image: url("../images/sub/aminature/img_ourlife_nutraceutial.png");
}

.aminature-life .item-wrap.food .item-img::before {
  background-image: url("../images/sub/aminature/img_ourlife_food.png");
}

.aminature-life .item-wrap.beauty .item-img::before {
  background-image: url("../images/sub/aminature/img_ourlife_beauty.png");
}

.aminature-life .item-wrap .txt-wrap {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.aminature-life .item-wrap .txt-wrap h4 {
  margin-bottom: 30px;
  font-size: 24px;
  color: #222;
  font-weight: 500;
}

.aminature-life .item-wrap .txt-wrap p {
  font-size: 17px;
  line-height: 1.8;
  color: #555;
}

.aminature-life .item-wrap .txt-wrap p + p {
  margin-top: 30px;
}

.aminature-life .item-wrap .txt-wrap p strong {
  display: inline-block;
  color: #222;
}

.ct-plain.immprober .inner,
.ct-plain.biotector .inner {
  padding: 90px 0;
}

.card-box {
  display: -webkit-box;
  -ms-display: flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 976px;
  margin: 90px auto 0;
}

.card-box:after {
  content: '';
  display: table;
  width: 100%;
}

.card-box .card {
  position: relative;
  width: 428px;
  margin: 0 30px;
  padding: 198px 64px 55px;
  background: #fff;
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 15px 44px 55px -38px rgba(0, 0, 0, 0.15);
          box-shadow: 15px 44px 55px -38px rgba(0, 0, 0, 0.15);
}

.card-box .card:nth-child(2) ~ .card {
  margin-top: 55px;
}

.card-box .card .card-tit {
  display: block;
  height: 50px;
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  color: #222;
}

.card-box .card::after {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 120px;
  top: 40px;
  right: 40px;
  background: url("../images/sub/cj_pmda/img_pmda_solution.png");
}

.card-box .list {
  margin-left: -15px;
}

.card-box .list li {
  color: #666;
  font-size: 17px;
  line-height: 24px;
  margin-top: 16px;
  padding-left: 15px;
}

.ct-function .card-mobil .card-side.front.nucleotides::before {
  background-image: url("../images/sub/nucleotides/img_nucleotides_function_ref.png");
}

.ct-function .card-mobil .card-side.front.nucleotides.n1:before {
  background-position: 0 0;
}

.ct-function .card-mobil .card-side.front.nucleotides.n2:before {
  background-position: -130px 0;
}

.ct-function .card-mobil .card-side.front.nucleotides.n3:before {
  background-position: -260px -0;
}

.contents .ct-immprober-solution.inner {
  padding-bottom: 40px;
  text-align: center;
}

.ct-plain.immprober .tit-round.mini {
  background: #fff;
}

.ct-plain.immprober .card-mobil.t-circle .card {
  margin-top: 80px;
}

.ct-plain.immprober .card-mobil.t-circle .card p {
  line-height: 1.5;
  color: #222;
  font-size: 17px;
  font-weight: 600;
}

.ct-plain.immprober .card-mobil.t-circle .card p::before {
  content: "";
  display: block;
  width: 109px;
  height: 96px;
  margin: 96px auto 38px;
  background: url("../images/sub/immprober/img_immprober_challenge.png");
}

.ct-plain.immprober .card-mobil.t-circle .card p.t2::before {
  background-position-x: -109px;
}

.ct-plain.immprober .card-mobil.t-circle .card p.t3::before {
  background-position-x: -218px;
}

.ct-plain.immprober .card-mobil.t-circle .card p.t4::before {
  background-position-x: -327px;
}

.ct-plain.immprober .card-mobil:nth-of-type(2) .card {
  margin-bottom: 42px;
}

.cards.immprober {
  margin-left: -10px;
  margin-right: -10px;
}

.cards.immprober:after {
  content: '';
  display: table;
  width: 100%;
}

.cards.immprober li {
  float: left;
  width: calc(33.33333% - 20px) !important;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cards.immprober .card {
  position: relative;
  height: 458px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f9f9f9;
  border: 1px solid #eeebe6;
  padding-top: 260px;
  color: #222;
}

.cards.immprober .card dl::before {
  content: "";
  position: absolute;
  display: block;
  width: 124px;
  height: 124px;
  top: 111px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../images/sub/immprober/img_immprober_02.png");
  background-position: 0px 0px;
}

.cards.immprober .card dl.im02::before {
  background-position: -124px 0px;
}

.cards.immprober .card dl.im03::before {
  background-position: -248px 0px;
}

.cards.immprober .card dt {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 25px;
}

.cards.immprober .card dd {
  color: #999;
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
}

.cards.immprober .card dd .darker {
  color: #222;
}

.cards.immprober .card:nth-child(1) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.cards.immprober .card:nth-child(2) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.cards.immprober .card:nth-child(3) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.graph-wrap.immprober {
  margin: 20px 0 0;
}

.graph-wrap.immprober .graph-box.t2 {
  height: 307px;
  padding: 68px 28px 0;
  margin: 0 auto 44px;
}

.graph-wrap.immprober .graph-box.t2 .grade li:last-child span {
  color: transparent;
}

.graph-wrap.immprober .graph-box.t2 .bar-chart li .bar {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.graph-wrap.immprober .graph-box.t2 .bar-chart li .c3 {
  background-color: #3c6dc5;
}

.graph-wrap.immprober .graph-box.t2 .bar-chart::before {
  content: "";
  position: absolute;
  display: block;
  width: 105px;
  height: 65px;
  top: 72px;
  left: 194px;
  background: url("../images/sub/immprober/img_immprober_graph.png");
}

.graph-wrap.immprober .graph-box.t2 .bar-chart .bar:nth-child(1) {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.graph-wrap.immprober .graph-box.t2 .bar-chart .bar:nth-child(1) span {
  position: relative;
  top: -40px;
  font-size: 16px;
  font-weight: 500;
  color: #666;
}

.graph-wrap.immprober .graph-box.t2 .grade li {
  height: 52px;
}

.graph-wrap.immprober .graph-box.t2 .legend {
  width: 100%;
}

.graph-wrap.immprober .graph-box.t2 .legend span {
  font-size: 13px;
}

.graph-wrap.immprober .graph-box.t2 .legend .c3:before {
  background-color: #3c6dc5;
}

.ct-plain.biotector .cont-mobil .cont.t-circle {
  margin-top: 145px;
}

.ct-plain.biotector dl::before {
  content: "";
  display: block;
  width: 83px;
  height: 60px;
  margin: 85px auto 22px;
  background: url("../images/sub/biotector/img_biotector_01.png");
}

.ct-plain.biotector dl.bi2::before {
  background-position: 168px 0px;
}

.ct-plain.biotector dl.bi3::before {
  background-position: 84px 0px;
}

.ct-plain.biotector dt {
  color: #222;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
}

.ct-plain.biotector dd {
  font-size: 16px;
  color: #444;
}

.ct-solution-biotector {
  padding-bottom: 0 !important;
}

.ct-solution-biotector .list.t-square li {
  position: relative;
  margin-left: 100px;
  padding-left: 48px;
  font-size: 17px;
  color: #444;
}

.ct-solution-biotector .list.t-square li + li {
  margin-top: 10px;
}

.ct-solution-biotector .list.t-square li::before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  left: 0;
  top: 10px;
  background: #ccc;
}

.ct-solution-biotector .box {
  padding: 60px 0;
  margin-top: 70px;
  border: 1px solid #f0f0f0;
  text-align: center;
}

.ct-solution-biotector .box .tit-round:first-child {
  margin-top: 0;
}

.ct-solution-biotector .box.series-swine {
  height: 834px;
}

.ct-solution-biotector .box.series-swine .tooltip-wrap {
  position: relative;
  width: 941px;
  height: 450px;
  margin: 0 auto;
  background: url("../images/sub/biotector/img_biotector_solution.jpg");
}

.ct-solution-biotector .box.series-swine .tooltip-wrap .tooltip {
  position: absolute;
  top: 100%;
  margin-top: 15px;
  padding: 25px 30px;
  text-align: left;
  font-size: 17px;
  line-height: 1.8;
  color: #444;
  background: #f2f2f2;
}

.ct-solution-biotector .box.series-swine .tooltip-wrap .tooltip:nth-child(1) {
  left: 0;
  width: 311px;
  height: 98px;
}

.ct-solution-biotector .box.series-swine .tooltip-wrap .tooltip:nth-child(2) {
  right: 0;
  width: 355px;
  height: 138px;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.ct-solution-biotector .box.series-swine .tooltip-wrap .tooltip:nth-child(2)::before {
  left: -14px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ct-solution-biotector .box.series-swine .tooltip-wrap .tooltip::before {
  content: "";
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  top: -14px;
  right: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 14px solid #f2f2f2;
  border-left: 14px solid transparent;
}

.ct-solution-biotector .box.series-swine.t2 .tooltip-wrap {
  background-position-y: -450px;
}

.bio-graph-group {
  width: 976px;
  margin: 110px auto;
}

.bio-graph-group:after {
  content: '';
  display: table;
  width: 100%;
}

.bio-graph-group .graph-tree-top {
  position: relative;
  display: block;
  padding-bottom: 97px;
  font-size: 17px;
  font-weight: 600;
  color: #222;
}

.bio-graph-group .graph-tree-top::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 40px;
  background-color: #d6d6d6;
}

.bio-graph-group .graph-tree-children li {
  position: relative;
  width: 180px;
  height: 40px;
  line-height: 34px;
  border: 1px solid #d6d6d6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}

.bio-graph-group .graph-tree-children li::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 40px;
  background-color: #d6d6d6;
  top: -41px;
  left: 89px;
}

.bio-graph-group .graph-round {
  margin-top: 52px;
}

.bio-graph-group .graph-round li {
  width: 200px;
  height: 200px;
  padding: 67px 0;
  background: url("../images/sub/biotector/img_biotector_graph.png");
  background-position: 0px 0px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 80px 60px -50px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 80px 60px -50px rgba(0, 0, 0, 0.15);
}

.bio-graph-group .graph-round li.rg2 {
  background-position: -200px 0px;
}

.bio-graph-group .graph-round li.rg3 {
  background-position: -400px 0px;
}

.bio-graph-group .graph-round li.rg4 {
  background-position: -600px 0px;
}

.bio-graph-group .graph-round span {
  display: block;
  color: #444;
  font-size: 20px;
}

.bio-graph-group .graph-round span.bold {
  display: inline-block;
  font-size: 28px;
  font-weight: 600;
  margin-right: 6px;
}

.bio-graph-group .graph-round span.detail {
  color: #999;
  font-size: 14px;
}

.bio-graph-group .graph-l {
  float: left;
}

.bio-graph-group .graph-l .graph-tree-top::after {
  left: 350px;
  top: 42px;
}

.bio-graph-group .graph-l .graph-tree-children {
  position: relative;
}

.bio-graph-group .graph-l .graph-tree-children li:nth-child(2) {
  margin: 0 70px;
}

.bio-graph-group .graph-l .graph-tree-children::before {
  content: "";
  position: absolute;
  display: block;
  width: 501px;
  height: 1px;
  background-color: #d6d6d6;
  top: -41px;
  left: 100px;
}

.bio-graph-group .graph-l .graph-round li:nth-child(1) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.bio-graph-group .graph-l .graph-round li:nth-child(2) {
  margin: 0 51px;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.bio-graph-group .graph-l .graph-round li:nth-child(3) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.bio-graph-group .graph-l .graph-tree-children:after,
.bio-graph-group .graph-l .graph-round:after {
  content: '';
  display: table;
  width: 100%;
}

.bio-graph-group .graph-l .graph-tree-children li,
.bio-graph-group .graph-l .graph-round li {
  float: left;
}

.bio-graph-group .graph-l .graph-tree-children {
  padding: 0 10px;
}

.bio-graph-group .graph-r {
  float: right;
}

.bio-graph-group .graph-r .graph-tree-top::after {
  left: 100px;
  top: 42px;
}

.bio-graph-group .graph-r .graph-tree-children li {
  margin: 0 10px;
}

.bio-graph-group .graph-r .graph-round li {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.deweco-from {
  position: relative;
}

.deweco-from:after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 280px;
  background-color: #f7f7f7;
  z-index: -1;
}

.deweco-from .inner {
  padding-bottom: 0 !important;
}

.item-wrap.deweco {
  margin-top: 308px;
}

.item-wrap.deweco .item-list {
  position: relative;
  display: inline-block;
  padding-bottom: 100px;
  top: -80px;
}

.item-wrap.deweco .item-list:after {
  content: '';
  display: table;
  width: 100%;
}

.item-wrap.deweco .item-list:before, .item-wrap.deweco .item-list:after {
  content: "";
  position: absolute;
  display: inline-block;
}

.item-wrap.deweco .item-list::before {
  width: 520px;
  height: 8px;
  top: 76px;
  left: 146px;
  background-color: #ccc;
}

.item-wrap.deweco .item-list::after {
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ccc;
  top: 70px;
  left: 662px;
}

.item-wrap.deweco .item-list li {
  float: left;
  background: url("../images/sub/deweco/img_deweco_come.png");
}

.item-wrap.deweco .item-list li:nth-child(1) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.item-wrap.deweco .item-list li:nth-child(2) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.item-wrap.deweco .item-list li:nth-child(3) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.item-wrap.deweco .item-list li:nth-child(4) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.item-wrap.deweco .item-list li:nth-child(5) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.item-wrap.deweco .item-list .item-order {
  width: 160px;
  height: 161px;
  margin: 0 30px;
}

.item-wrap.deweco .item-list .item-order.step2 {
  position: relative;
  background-position: -160px 0;
}

.item-wrap.deweco .item-list .item-order.step2 em {
  position: absolute;
  display: inline-block;
  width: 95px;
  height: 23px;
  border-radius: 5px;
  line-height: 23px;
  font-size: 14px;
  color: #fff;
  background-color: #319e37;
}

.item-wrap.deweco .item-list .item-order.step2 em:nth-child(1) {
  top: 17px;
  left: 83px;
}

.item-wrap.deweco .item-list .item-order.step2 em:nth-child(2) {
  top: 118px;
  left: -21px;
}

.item-wrap.deweco .item-list .item-order.step3 {
  background-position: -320px 0;
}

.item-wrap.deweco .item-list .item-order.step4 {
  width: 182px;
  height: 183px;
  margin-top: -7px;
  background-position: -480px 0;
}

.item-wrap.deweco .item-list .item-order span {
  position: relative;
  font-size: 16px;
  color: #222;
  line-height: 24px;
  top: 210px;
}

.item-wrap.deweco .item-list .microbial {
  position: absolute;
  background: url("../images/sub/deweco/img_deweco_come.png");
  background-position: -696px 125px;
  width: 49px;
  height: 46px;
  top: -92px;
  left: 198px;
}

.item-wrap.deweco .item-list .microbial::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  top: 40px;
  margin-top: 20px;
  border-radius: 50%;
  background-color: #8dbf30;
}

.item-wrap.deweco .item-list .microbial::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 1px;
  height: 88px;
  background: url("../images/sub/deweco/img_deweco_02.png");
  top: -13px;
}

.item-wrap.deweco .item-list .microbial span {
  position: relative;
  display: inline-block;
  width: 200px;
  top: -92px;
  left: -74px;
  font-size: 15px;
  line-height: 22px;
  color: #319e37;
}

.cont-box.deweco .tit-round {
  width: 380px;
}

.cont-box.deweco .tit-round.mrg-t {
  margin-top: 33px;
}

.cont-box.deweco .cont .desc.img-t {
  padding: 0 0 50px;
}

.cont-box.deweco .cont .desc.img-t::before {
  content: "";
  display: block;
  width: 359px;
  height: 199px;
  margin: 0 auto 33px;
  background: url("../images/sub/deweco/img_deweco_better_02_03.png");
}

.cont-box.deweco .cont .desc.img-t.dew2::before {
  width: 254px;
  background-position: -359px 0;
}

.cont-box.deweco .order {
  display: inline-block;
  margin: 45px 0;
}

.cont-box.deweco .order:after {
  content: '';
  display: table;
  width: 100%;
}

.cont-box.deweco .order li {
  position: relative;
  width: 160px;
  height: 161px;
  float: left;
  background: url("../images/sub/deweco/img_deweco_better.png");
}

.cont-box.deweco .order li:nth-child(2) {
  margin: 0 70px;
}

.cont-box.deweco .order li:nth-child(3)::after {
  display: none;
}

.cont-box.deweco .order li::after {
  content: "";
  position: absolute;
  display: inline-block;
  border: solid #000;
  border-width: 0 3px 3px 0;
  padding: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 76px;
  left: 190px;
}

.cont-box.deweco .order li.step1 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.cont-box.deweco .order li.step2 {
  background-position: -160px 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.cont-box.deweco .order li.step3 {
  background-position: -320px 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.cont-box.deweco .order li span {
  position: relative;
  display: inline-block;
  padding: 3px 12px;
  border-radius: 5px;
  top: 16px;
  left: -60px;
  color: #fff;
  font-size: 13px;
  background-color: #319e37;
}

.cont-box.deweco .order li span::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #319e37;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 20px;
  left: 51px;
}

.card-mobil.t-circle.deweco .card {
  width: 290px;
  height: 290px;
  margin: 105px 10px 40px;
  background: url("../images/sub/deweco/img_deweco_01.png") #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.card-mobil.t-circle.deweco .card::after {
  top: 13px;
}

.ct-pmda .inner:nth-child(3) {
  padding-top: 0 !important;
}

.pmda-process {
  display: inline-block;
  width: 1074px;
  height: 826px;
  margin-top: 90px;
  padding: 0 111px;
  background: url("../images/sub/cj_pmda/img_pmda_natural.jpg");
}

.pmda-process:after {
  content: '';
  display: table;
  width: 100%;
}

.pmda-process .column {
  float: left;
  width: 400px;
  height: 768px;
  margin: 0 13px;
  font-size: 17px;
}

.pmda-process .order li {
  height: 89px;
  margin-bottom: 56px;
}

.pmda-process .order li strong {
  display: block;
  width: 168px;
  height: 52px;
  margin: 0 auto 12px;
  line-height: 52px;
  border-radius: 25px;
  background-color: #a2a2a2;
  color: #fff;
}

.pmda-process .order li:last-child {
  margin-bottom: 152px;
}

.pmda-process .output {
  font-size: 24px;
  font-weight: 700;
}

.pmda-process .right .title {
  background-position: -125px 0;
}

.pmda-process .right .order strong {
  background-color: #431936;
}

.pmda-process .right .output {
  color: #431936;
}

.pmda-process .title {
  display: inline-block;
  margin: 83px 0 72px;
  width: 125px;
  padding-top: 150px;
  font-size: 16px;
  font-weight: 500;
  background: url("../images/sub/cj_pmda/img_pmda_natural02.png") no-repeat 0 0;
  color: #444;
}

.ct-pmda .card-box .card::after {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 120px;
  top: 40px;
  left: 270px;
  background: url("../images/sub/cj_pmda/img_pmda_solution.png");
}

.ct-pmda .card-box .card:nth-child(2)::after {
  background-position: -120px 0;
}

.ct-pmda .card-box .card:nth-child(3)::after {
  background-position: -240px 0;
}

.ct-pmda .card-box .card:nth-child(4)::after {
  background-position: 0 120px;
}

.ct-pmda .card-box.n2 .card:nth-child(1)::after {
  background-position: -120px 120px;
}

.ct-pmda .card-box.n2 .card:nth-child(2)::after {
  background-position: -240px 120px;
}

.ct-pmda .ct-plain {
  padding: 149px 0 98px;
  z-index: 0;
  margin-top: -150px;
}

.ct-pmda .ct-plain ul {
  display: inline-block;
}

.ct-pmda .ct-plain ul:after {
  content: '';
  display: table;
  width: 100%;
}

.ct-pmda .ct-plain ul li {
  position: relative;
  float: left;
  height: 214px;
  margin: 0 20px;
}

.ct-pmda .ct-plain ul li span {
  position: absolute;
  display: inline-block;
  width: 200px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 17px;
  color: #222;
}

.ct-pmda .ct-plain ul li::after {
  content: "";
  display: block;
  width: 168px;
  height: 168px;
  background: url("../images/sub/cj_pmda/img_pmda_solution02.png");
}

.ct-pmda .ct-plain ul li:nth-child(2) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.ct-pmda .ct-plain ul li:nth-child(2)::after {
  background-position: -168px 0;
}

.ct-pmda .ct-plain ul li:nth-child(3) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.ct-pmda .ct-plain ul li:nth-child(3)::after {
  background-position: -336px 0;
}

.ct-pmda .ct-plain ul li:nth-child(4) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.ct-pmda .ct-plain ul li:nth-child(4)::after {
  background-position: 0 168px;
}

.ct-pmda .ct-plain:last-child li::after {
  background-position: -168px 168px;
}

.cjpmda .card .front:before {
  background: url("../images/sub/cj_pmda/img_pmda_pentam.png");
}

.cjpmda .card:nth-child(2) .front:before {
  background-position-x: -95px;
}

.cjpmda .card:nth-child(3) .front:before {
  background-position-x: -190px;
}

.core .card:nth-child(2) .card-side.front:before {
  background-position-x: -248px;
}

.card-box.core {
  margin-top: 0;
}

.card-box.core .card {
  margin-top: 55px;
}

.card-box.core .card::after {
  background: url("../images/sub/technology/img_cortec_cardbox.png");
}

.card-box.core .card:nth-child(1)::after {
  background-position-x: 0px;
}

.card-box.core .card:nth-child(2)::after {
  background-position-x: -120px;
}

.card-box.core .card:nth-child(3)::after {
  background-position-x: -240px;
}

.card-box.core .card:nth-child(4)::after {
  background-position-x: -360px;
}

.card-box.core .card:nth-child(5)::after {
  background-position-x: -480px;
}

.card-box.core .card.big {
  width: 610px;
  margin: 0 auto;
}

.ct-core {
  margin-top: -170px;
  padding-top: 206px;
  background-color: #f5f7ec;
}

.ct-core .nutrition-wrapper {
  position: relative;
  height: 158px;
  margin-top: 381px;
  background-color: #e8ecdb;
}

.ct-core .nutrition-wrapper::before {
  content: "";
  position: absolute;
  display: block;
  width: 664px;
  height: 150px;
  top: -56px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../images/sub/technology/img_cortec_02.png");
  z-index: 0;
}

.ct-core .nutrition {
  position: relative;
  display: inline-block;
  top: -174px;
}

.ct-core .nutrition em {
  display: inline-block;
  width: 174px;
  height: 174px;
  padding: 76px 0;
  font-size: 15px;
  border-radius: 50%;
  color: #fff;
  background-color: #035649;
  z-index: 1;
}

.ct-core .elements {
  position: absolute;
  top: -100px;
  left: -113px;
  width: 400px;
  height: 375px;
}

.ct-core .elements li {
  position: absolute;
  width: 74px;
  height: 74px;
  text-indent: -99999px;
  background: url("../images/sub/technology/img_cortec_nutrition.png");
}

.ct-core .elements li:nth-child(1) {
  top: 175px;
  left: 0;
}

.ct-core .elements li:nth-child(2) {
  top: 65px;
  left: 22px;
  background-position-x: -74px;
}

.ct-core .elements li:nth-child(3) {
  top: 0;
  left: 106px;
  background-position-x: -148px;
}

.ct-core .elements li:nth-child(4) {
  top: 0;
  right: 106px;
  background-position-x: -222px;
}

.ct-core .elements li:nth-child(5) {
  top: 65px;
  right: 22px;
  background-position-x: -296px;
}

.ct-core .elements li:nth-child(6) {
  top: 175px;
  right: 0;
  background-position-x: -370px;
}

.amino-acids-process {
  display: inline-block;
  width: 1074px;
  height: 1076px;
  padding: 0px 122px;
  background: url("../images/sub/amiboost/img_amiboost_aminobg.png");
}

.amino-acids-process:after {
  content: '';
  display: table;
  width: 100%;
}

.amino-acids-process .column {
  width: 402px;
  height: 1010px;
  font-size: 17px;
  color: #444;
}

.amino-acids-process .column .title {
  display: inline-block;
  height: 50px;
  margin-top: 60px;
  line-height: 1.5;
  font-weight: 600;
}

.amino-acids-process .step li {
  margin-top: 35px;
  height: 196px;
  line-height: 1.4;
}

.amino-acids-process .step li::before {
  content: '';
  display: block;
  margin: 0 auto 5px;
  width: 145px;
  height: 145px;
  background: url("../images/sub/amiboost/img_aminostep_1.png") no-repeat 0 0;
}

.amino-acids-process .step li:nth-child(1)::before {
  background-position-x: 0px;
}

.amino-acids-process .step li:nth-child(2)::before {
  background-position-x: -145px;
}

.amino-acids-process .step li:nth-child(3)::before {
  background-position-x: -290px;
}

.amino-acids-process .step li:nth-child(4)::before {
  background-position-x: -435px;
}

.amino-acids-process .output {
  width: 145px;
  height: 145px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  color: #88978c;
}

.amino-acids-process .output span {
  position: absolute;
  left: 50%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -72px;
  width: 145px;
  height: 145px;
  font-size: 16px;
  font-weight: 500;
}

.amino-acids-process .output:last-child {
  height: 145px;
  margin-top: 60px;
  -webkit-box-shadow: 25px 25px 63px -11px rgba(0, 0, 0, 0.2);
          box-shadow: 25px 25px 63px -11px rgba(0, 0, 0, 0.2);
  color: #fff !important;
}

.amino-acids-process .column.right .step li::before {
  background-image: url("../images/sub/amiboost/img_aminostep_2.png");
}

.amino-acids-process .column.right .output {
  color: #2ea951;
}

.crop-growth {
  margin-top: 90px;
}

.crop-growth .cards-wrap {
  display: table;
  table-layout: fixed;
  border-spacing: 10px;
  margin: 0 auto;
}

.crop-growth .cards-wrap .card {
  display: table-cell;
  vertical-align: top;
}

.crop-growth .cards-wrap .card .tit {
  font-size: 18px;
  font-weight: 600;
  color: #996858;
}

.crop-growth .cards-wrap .card .list {
  display: inline-block;
  margin-top: 20px;
}

.crop-growth .cards-wrap .card .list li {
  font-size: 17px;
  line-height: 27px;
  color: #fff2d9;
}

.crop-growth .card {
  width: 300px;
  height: auto;
  padding: 370px 20px 45px;
  background: url("../images/sub/amiboost/img_amiboost-cropgrowth.gif") no-repeat 0 0/900px auto, url("../images/sub/amiboost/bg_1x1_background.gif") repeat-x 0 0;
}

.crop-growth .card:nth-child(2) {
  background-position-x: -300px;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.crop-growth .card:nth-child(3) {
  background-position-x: -600px;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.newsletter-unsubscribe-wrap {
  width: 100%;
  height: 100vh;
  text-align: center;
}

.newsletter-unsubscribe-wrap .cont-box {
  position: relative;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.newsletter-unsubscribe-wrap .cont-box span {
  display: inline-block;
  width: 110px;
  height: 57px;
  overflow: hidden;
  margin-bottom: 37px;
}

.newsletter-unsubscribe-wrap .cont-box p:nth-of-type(1) {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 28px;
  color: #222;
}

.newsletter-unsubscribe-wrap .cont-box p:nth-of-type(2) {
  margin-bottom: 58px;
  font-size: 17px;
  line-height: 28px;
  color: #444;
}

.newsletter-unsubscribe-wrap .cont-box button {
  width: 198px;
  height: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  border: 1px solid #ccc;
}

.newsletter-unsubscribe-wrap .cont-box button:hover {
  color: #e23043;
  border: 1px solid #e23043;
}

.newsletter-unsubscribe-wrap .cont-box button:active {
  color: #fff;
  background-color: #e23043;
}

.no-result {
  padding: 30px 0;
}

.no-result-wording::before {
  content: "!";
  display: block;
  width: 48px;
  height: 48px;
  font-weight: 700;
  margin: 0 auto 50px;
  color: #222;
  font-size: 24px;
  line-height: 48px;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
}

.no-result-wording em {
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}

.no-result-wording ul {
  margin-top: 25px;
}

.no-result-wording ul li {
  margin-top: 5px;
  font-size: 15px;
}

.search-detail .no-result {
  padding: 100px 0;
}

.floating-box:after {
  content: '';
  display: table;
  width: 100%;
}

.floating-box > :first-child {
  float: left;
}

.floating-box > :last-child {
  float: right;
}

.floating-box > span {
  display: block;
}

.link-solution-provider {
  position: absolute;
  width: 138px;
  padding-bottom: 5px;
  border-bottom: 3px solid #fff;
  color: #fff;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotate(-90deg) translateX(50%);
  transform: rotate(-90deg) translateX(50%);
  font-size: 11px;
  z-index: 1;
  font-family: 'CJ onlyOne';
  font-weight: 700;
}

.link-solution-provider:focus, .link-solution-provider:active {
  padding-bottom: 5px;
}

.tit-round.pick {
  position: relative;
  margin-bottom: 115px;
}

.tit-round.pick:before, .tit-round.pick:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  background-color: #ccc;
  top: 100%;
}

.tit-round.pick:before {
  width: 1px;
  height: 52px;
}

.tit-round.pick:after {
  width: 13px;
  height: 13px;
  margin-top: 52px;
  margin-left: -6.5px;
  border-radius: 50%;
}

.modal-lay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.modal-lay .modal-box {
  width: 470px;
  margin: 0 auto;
  padding: 20px 20px 50px;
  background-color: #fff;
  border: 1px solid #000;
  -webkit-box-shadow: 12px 12px 73px -24px rgba(0, 0, 0, 0.35);
          box-shadow: 12px 12px 73px -24px rgba(0, 0, 0, 0.35);
  opacity: 0;
}

.modal-lay .modal-box.center-placed {
  opacity: 1;
}

.modal-lay .modal-cont {
  padding: 45px 20px;
  font-size: 16px;
  font-weight: 200;
  color: #444;
}

.modal-lay .t-alert {
  text-align: center;
}

.modal-lay .t-alert .btn-modal {
  width: 158px;
  height: 56px;
  border: 1px solid #ccc;
  font-size: 17px;
  font-weight: 500;
  color: #000;
}

.modal-lay .t-policy {
  position: relative;
  width: 1190px;
}

.modal-lay .t-policy .modal-cont {
  height: 480px;
  overflow-y: scroll;
  margin: 80px 30px 0 0;
  padding: 0 40px 10px 40px;
}

.modal-lay .t-policy .tit-line {
  display: inline-block;
  padding-bottom: 7px;
  border-bottom: 1px solid #222;
  font-size: 18px;
  color: #222;
}

.modal-lay .t-policy .btn-modal.close {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 40px;
  height: 40px;
}

.modal-lay .t-policy .btn-modal.close:before, .modal-lay .t-policy .btn-modal.close:after {
  content: '';
  position: absolute;
  left: 10px;
  top: 19px;
  display: block;
  width: 20px;
  height: 2px;
  background-color: #222;
}

.modal-lay .t-policy .btn-modal.close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-lay .t-policy .btn-modal.close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.btn-big {
  position: relative;
  display: block;
  width: 188px;
  height: 56px;
  float: left;
  line-height: 53px;
  border: 1px solid #c1c1c1;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  text-align: center;
}

.btn-big.prev:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 23px;
  width: 17px;
  height: 12px;
  background: url("../images/sub/ico_arr_left.png") no-repeat 0 0;
}

.btn-big.next {
  margin-left: 10px;
}

.btn-big.next:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 23px;
  width: 17px;
  height: 12px;
  background: url("../images/sub/ico_arr_right.png") no-repeat 0 0;
}

.btn-big.list:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 18px;
  width: 18px;
  height: 18px;
  background: url("../images/sub/ico_square.png") no-repeat 0 0;
}

.btn-circle {
  background-image: url("../images/common/ico_circlearr_right.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

.btn-circle a {
  cursor: pointer;
}

.btn-circle rect {
  fill: transparent;
}

.btn-circle circle {
  fill: transparent;
  stroke: #ea4854;
  stroke-width: 2;
  stroke-dasharray: 110;
  stroke-dashoffset: 110;
  overflow: visible;
  -webkit-transition: stroke-dashoffset .50s;
  transition: stroke-dashoffset .50s;
}

.btn-circle:hover {
  background-image: url("../images/common/ico_circlearr_right_active.png");
}

.btn-circle:hover circle {
  stroke-dasharray: 110;
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset .50s;
  transition: stroke-dashoffset .50s;
}

#contents.sub {
  background-color: #f8f8f8;
}

#contents.sub .inner {
  padding-top: 37px;
}

#contents.sub .inner.board-view {
  width: 896px;
  padding-bottom: 130px;
  color: #666;
}

#contents.sub .inner.board-view .content,
#contents.sub .inner.board-view .content p {
  color: #666;
}

#contents.sub .inner.board-view .content img {
  width: auto;
  max-width: 100%;
}

.news-header {
  width: 1148px;
  margin: 0 auto;
}

.news-header:after {
  content: '';
  display: table;
  width: 100%;
}

.news-header .left {
  line-height: 59px;
  font-size: 18px;
  font-weight: 500;
}

.news-header .left em {
  color: #e23043;
}

.news-header .search-box {
  float: right;
}

.news-header .search-box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 165px;
  margin-right: 25px;
  padding: 18px 20px 18px 0;
  border: 0;
  border-bottom: 1px solid #222;
  background: transparent;
  font-size: 14px;
  color: #222;
  background: url("../images/sub/ico_tri_down2.png") no-repeat 100% 50%;
}

.news-header .search-box select::-ms-expand {
  display: none;
}

.news-header .search-box .bind {
  position: relative;
  display: inline-block;
}

.news-header .search-box .bind input::-ms-clear {
  display: none;
}

.news-header .search-box .bind input {
  width: 233px;
  height: 60px;
  padding-right: 40px;
  line-height: 56px;
  border: 0;
  border-bottom: 1px solid #222;
  background: transparent;
}

.news-header .search-box .bind .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 60px;
  background: url("../images/sub/ico_search.png") no-repeat 50% 50%;
  vertical-align: top;
}

.board-list {
  width: 1148px;
  margin: 0 auto;
}

.board-list:after {
  content: '';
  display: table;
  width: 100%;
}

.board-list img {
  width: 348px;
  height: 222px;
}

.board-list > li {
  position: relative;
  float: left;
  width: 348px;
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-animation: transform-none 0.4s cubic-bezier(0.6, 0.01, 0.16, 1) forwards;
          animation: transform-none 0.4s cubic-bezier(0.6, 0.01, 0.16, 1) forwards;
}

@-webkit-keyframes transform-none {
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes transform-none {
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.board-list > li:nth-child(6n+1) {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

.board-list > li:nth-child(6n+2) {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.board-list > li:nth-child(6n+3) {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.board-list > li:nth-child(6n+4) {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}

.board-list > li:nth-child(6n+5) {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

.board-list > li:nth-child(6n+6) {
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
}

.board-list > li:nth-child(3n-1) {
  margin-left: 52px;
  margin-right: 52px;
}

.board-list .bot-info {
  position: absolute;
  right: -15px;
  bottom: -116px;
  width: 291px;
  height: 166px;
  padding: 34px 30px 0;
  background: #fff;
  -webkit-box-shadow: 0px 10px 84px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 84px -10px rgba(0, 0, 0, 0.1);
}

.board-list .bot-info .txt {
  height: 50px;
  font-size: 16px;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.board-list .bot-info .date {
  margin-top: 20px;
  font-size: 15px;
}

.board-list .bot-info .btn-circle {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.board-list.t-frame {
  width: 1168px;
  padding-top: 20px;
  margin-left: 22px;
}

.board-list.t-frame li {
  width: 363px;
  height: 337px;
  margin-bottom: 86px;
}

.board-list.t-frame li:nth-child(3n-1) {
  margin: 0 37px;
}

.board-list.t-frame .img-frame {
  width: 291px;
  height: 317px;
  -webkit-box-shadow: 0px 35px 94px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 35px 94px 0px rgba(0, 0, 0, 0.1);
}

.board-list.t-frame .img-frame .img {
  margin-left: -72px;
}

.board-list.t-frame .img-frame .float {
  height: 166px;
}

.board-list.t-frame .img-frame .float .text {
  height: 50px;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.board-list.t-frame .img-frame .float .date {
  position: absolute;
  left: 30px;
  bottom: 25px;
}

.img-frame {
  position: relative;
  float: right;
  width: 311px;
  height: 377px;
}

.img-frame .img {
  margin-left: -52px;
  margin-top: -20px;
}

.img-frame .float {
  display: block;
  position: absolute;
  bottom: 0;
  width: inherit;
  height: 226px;
  padding: 25px 30px;
  background-color: #fff;
  font-size: 16px;
}

.img-frame .float .title {
  display: block;
  width: 100%;
  font-weight: 700;
}

.img-frame .btn-circle {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.img-frame .tit {
  font-family: 'CJ onlyOne';
  font-weight: 700;
  padding-bottom: 10px;
  color: #000;
}

.board-view .content {
  padding: 72px 0 90px;
}

.board-list.type2 {
  padding-bottom: 30px;
}

.board-list.type2 > li:before {
  display: none;
}

.board-list.type2 > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 222px;
  background: url("../images/sub/bg_y_gradient.png") repeat-x 0 0;
}

.board-list.type2 > li {
  width: 348px;
  margin-bottom: 50px;
}

.board-list.type2 > li:nth-child(3n-1) {
  margin-bottom: 50px;
}

.board-list.type2 .top-info {
  position: relative;
}

.board-list.type2 .thumbnail-txt {
  position: absolute;
  bottom: 22px;
  left: 35px;
  right: 35px;
  z-index: 1;
}

.board-list.type2 .thumbnail-txt dt {
  color: rgba(255, 255, 255, 0.6);
}

.board-list.type2 .thumbnail-txt dd {
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  font-size: 17px;
  color: #fff;
}

.board-list.type2 .bot-info {
  position: static;
  width: 100%;
  height: auto;
  padding: 25px 25px 30px 25px;
}

.hash-tag span {
  display: inline-block;
  margin: 0 5px 10px 0;
  padding: 9px 10px;
  border-radius: 25px;
  border: 1px solid #d7dfe3;
  font-size: 16px;
  line-height: 15px;
  color: #3f4b59;
}

.hash-tag span:before {
  content: '#';
}

.hash-tag span:last-child {
  margin-right: 0;
}

.board-list.type3 {
  padding-bottom: 30px;
}

.board-list.type3 > li:before {
  display: none;
}

.board-list.type3 > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 222px;
  background: url("../images/sub/bg_y_gradient.png") repeat-x 0 0;
}

.board-list.type3 > li {
  width: 348px;
  margin-bottom: 50px;
}

.board-list.type3 .bot-info {
  position: static;
  width: 100%;
  height: 191px;
  padding: 25px 30px;
}

.board-list.type3 .bot-info .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.board-list.type3 .bot-info .venue {
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.news-body {
  padding: 54px 0 109px;
}

.news-body .board-list.type2 li:nth-child(3n-1) {
  margin-left: 0;
  margin-right: 0;
}

.news-body .btn-more {
  width: 130px;
  height: 56px;
  line-height: 56px;
  display: block;
  margin: 0 auto;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  text-align: center;
  border: 1px solid #ccc;
}

.news-body .btn-more:hover {
  border-color: #e23043;
  color: #e23043;
}

.news-body .btn-more.type2 {
  border-color: #e23043;
  color: #e23043;
}

.newsletter .inner {
  height: 440px;
  padding-top: 60px;
  font-size: 17px;
}

.newsletter .inner:after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  right: -342px;
  width: 1023px;
  height: 533px;
  background: url("../images/common/bg_map.png") no-repeat 0 0/cover;
  z-index: -1;
  -webkit-transition: top 1.5s .5s;
  transition: top 1.5s .5s;
}

.newsletter.active .inner:after {
  top: 0%;
}

.newsletter h2 {
  padding-bottom: 10px;
  font-family: "CJ onlyOne";
  font-size: 30px;
  color: #222;
}

.newsletter .floating-box {
  margin-top: 30px;
}

.newsletter .floating-box > div:first-child {
  padding-top: 30px;
}

.newsletter .floating-box > div:last-child {
  position: relative;
  width: 926px;
  padding-top: 20px;
}

.newsletter .link-detail {
  display: inline-block;
  height: 30px;
  margin-left: 15px;
  padding: 0 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
}

.newsletter.active .input-container {
  width: 926px;
  opacity: 1;
}

.newsletter.active .input-container .button-unsubscribed, .newsletter.active .input-container .button-subscribe {
  opacity: 1;
}

.newsletter .input-container {
  position: absolute;
  left: 0;
  width: 420px;
  height: 86px;
  background-color: #fff;
  opacity: 0;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 52px 86px -24px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 52px 86px -24px rgba(0, 0, 0, 0.31);
  -webkit-transition: all 1.5s 1s;
  transition: all 1.5s 1s;
}

.newsletter .input-container:after {
  content: '';
  display: table;
  width: 100%;
}

.newsletter .input-container:before {
  content: '';
  display: block;
  position: absolute;
  top: 30px;
  left: 30px;
  width: 2px;
  height: 28px;
  background-color: #222;
}

.newsletter .input-container .mail-input {
  display: block;
  float: left;
  width: calc(100% - 340px);
  height: 86px;
  padding: 30px;
  border: none;
  padding-left: 45px;
}

.newsletter .input-container .mail-input::-webkit-input-placeholder {
  color: #999;
}

.newsletter .input-container .mail-input::-ms-input-placeholder {
  color: #999;
}

.newsletter .input-container .mail-input:-ms-input-placeholder {
  color: #999;
}

.newsletter .input-container .mail-input::placeholder {
  color: #999;
}

.newsletter .input-container .button-subscribe {
  float: left;
  margin-left: 30px;
  /* width: 20%; */
  width: 145px;
  height: 100%;
  font-weight: 700;
  color: #fff;
  background-color: #000;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.newsletter .input-container .button-unsubscribed {
  float: left;
  margin-left: 20px;
  width: 20%;
  width: 145px;
  height: 100%;
  font-weight: 700;
  color: #fff;
  background-color: #000;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.newsletter .input-container.focused:before {
  content: none;
}

.newsletter .input-container.focused .mail-input {
  padding-left: 30px;
}

.newsletter .input-container.focused .mail-input::-webkit-input-placeholder {
  color: transparent;
}

.newsletter .input-container.focused .mail-input::-ms-input-placeholder {
  color: transparent;
}

.newsletter .input-container.focused .mail-input:-ms-input-placeholder {
  color: transparent;
}

.newsletter .input-container.focused .mail-input::placeholder {
  color: transparent;
}

.newsletter .input-container.focused .button-subscribe {
  -webkit-animation: buttonFilling .5s forwards;
  animation: buttonFilling .5s forwards;
}

@-webkit-keyframes buttonFilling {
  from {
    background-color: #fff;
    color: #000;
  }
  to {
    background-color: #e23043;
    color: #fff;
  }
}

@keyframes buttonFilling {
  from {
    background-color: #fff;
    color: #000;
  }
  to {
    background-color: #e23043;
    color: #fff;
  }
}

.newsletter .custom-check {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #000;
}

.newsletter .custom-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.newsletter .checkmark {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #fff;
  border: 1px solid #000;
}

.newsletter .custom-check input:checked + .checkmark {
  background: url("../images/common/img_newsletter_checked.jpg") center;
}

.search-detail {
  padding-bottom: 100px;
}

.search-detail .red-txt {
  color: #e23043;
}

.search-detail h2 {
  text-align: center;
  font-family: "CJ onlyOne";
  font-size: 28px;
}

.search-detail .search-head {
  margin-top: 89px;
  border-bottom: 1px solid #222;
  padding-bottom: 30px;
}

.search-detail .search-head:after {
  content: '';
  display: table;
  width: 100%;
}

.search-detail .search-head span {
  font-size: 24px;
  line-height: 52px;
}

.search-detail .search-head span em {
  font-weight: bold;
  letter-spacing: 1px;
}

.search-detail .search-head .bind .select-box {
  float: left;
  display: block;
  margin-right: 10px;
}

.search-detail .search-head .bind .select-box select {
  min-width: 219px;
  padding: 14px 30px 14px;
  appearance: none;
  color: #222;
  background: url("../images/sub/ico_tri_down2.png") no-repeat 91% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.search-detail .search-head .bind .select-box select::-ms-expand {
  display: none;
}

.search-detail .search-head .btn-go {
  display: inline-block;
  padding: 0 28px;
  line-height: 50px;
  border: 1px solid #bbbbbb;
  color: #222;
  font-weight: 500;
  text-align: center;
}

.search-detail .list-wrap .item-sort-txt {
  display: block;
  margin-top: 90px;
  padding-left: 10px;
  font-size: 28px;
  font-weight: 700;
  color: #222;
}

.search-detail .list-wrap .item-sort-txt em {
  font-weight: 200;
}

.search-detail .list-wrap .item-list {
  margin-top: 42px;
}

.search-detail .list-wrap .item-list .item {
  position: relative;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 29px;
  padding-left: 8px;
}

.search-detail .list-wrap .item-list .item:after {
  content: '';
  display: table;
  width: 100%;
}

.search-detail .list-wrap .item-list .item .btn-circle {
  position: absolute;
  bottom: 15px;
  right: 0;
}

.search-detail .list-wrap .item-list .item + .item {
  padding-top: 23px;
}

.search-detail .list-wrap .item-list .img-wrap {
  width: 190px;
  height: 114px;
  margin: 0 30px 0 0;
}

.search-detail .list-wrap .item-list .img-wrap img {
  width: 100%;
  height: 100%;
}

.search-detail .list-wrap .item-list .img-wrap ~ .txt-wrap {
  width: calc(100% - 228px);
}

.search-detail .list-wrap .tit {
  font-size: 20px;
  font-weight: 700;
  color: #222;
}

.search-detail .list-wrap .txt {
  height: 42px;
  margin-top: 10px;
  padding-right: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.search-detail .list-wrap .txt em {
  font-weight: 500;
}

.search-detail .list-wrap .list {
  display: block;
  margin-top: 10px;
}

.search-detail .list-wrap .list li {
  margin-top: 0;
  font-size: 14px;
}

.search-detail .btn-wrap {
  margin-top: 60px;
  text-align: center;
}

.search-detail .btn-wrap .btn-more {
  display: inline-block;
  min-width: 130px;
  height: 56px;
  line-height: 53px;
  border: 1px solid #bbbbbb;
  font-size: 17px;
  font-weight: 500;
  color: #222;
  text-align: center;
}

.search-detail .btn-wrap .btn-more:hover {
  border: 1px solid #e23043;
  color: #e23043;
}

.search-detail .btn-wrap .btn-more:active {
  background-color: #e23043;
  border-color: transparent;
  color: #fff;
}

.searching-keyword {
  background-color: #1b1b1b;
  width: 100%;
  height: 81px;
}

.searching-keyword p {
  width: 1280px;
  margin: 0 auto;
  padding: 25px 42px 0;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}

.searching-keyword button {
  visibility: hidden;
  position: relative;
  float: right;
  width: 25px;
  height: 25px;
  margin-top: 2px;
}

.searching-keyword button:before {
  content: '';
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 4px;
  left: 4px;
  position: absolute;
  background: url("../images/common/ico_search.png") -16px 0;
}

.searching-keyword.fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
}

.searching-keyword.fixed button {
  visibility: visible;
}

.searching-keyword.fixed + .search-detail {
  margin-top: 81px;
}

.ct-achievement h2.tit {
  margin: 0 -20px;
}

.ct-awards {
  background-color: #f7f7f7;
  text-align: center;
}

.ct-awards .awards-history-container {
  position: relative;
  padding-top: 60px;
}

.ct-awards .awards-history-container:before, .ct-awards .awards-history-container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 50%;
}

.ct-awards .awards-history-container:before {
  top: 0;
  left: 50%;
  width: 11px;
  height: 11px;
  margin-left: -5px;
  background-color: #e23043;
  z-index: 1;
}

.ct-awards .awards-history-container:after {
  width: 40px;
  height: 40px;
  border: 1px solid #dedede;
  -webkit-transform: translate(-50%, -14px);
  transform: translate(-50%, -14px);
}

.ct-awards .awards-history-container .progress-container {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #d3d3d3;
}

.ct-awards .awards-history-container .progress-container .bar {
  position: inherit;
  display: block;
  left: 0;
  top: 0;
  width: 1px;
  background-color: #e23043;
  height: 100%;
  z-index: 2;
}

.ct-awards .awards-history-container .yearly-list > li {
  position: relative;
  display: inline-block;
  width: 660px;
  padding: 40px 20px;
  background-color: #fff;
  font-size: 17px;
  line-height: 2;
  color: #555;
  z-index: 3;
}

.ct-awards .awards-history-container .yearly-list > li + li {
  margin-top: 20px;
}

.ct-awards .awards-history-container .yearly-list > li strong {
  color: #222;
}

.ct-awards .awards-history-container .yearly-list .year {
  display: block;
  font-family: "CJ onlyOne";
  font-weight: 500;
  font-size: 26px;
  color: #e23043;
}

.ct-awards .awards-products {
  position: relative;
  width: 219px;
  height: 300px;
  margin: 50px auto 0;
}

.ct-awards .awards-products .award-pd {
  position: absolute;
}

.ct-awards .awards-products .award-pd.dep1 {
  z-index: 2;
}

.ct-awards .awards-products .award-pd.dep2 {
  z-index: 1;
}

.ct-awards .awards-products .award-pd.dep3 {
  z-index: 0;
}

.ct-awards .awards-products .award-pd {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform .5s .2s;
  transition: -webkit-transform .5s .2s;
  transition: transform .5s .2s;
  transition: transform .5s .2s, -webkit-transform .5s .2s;
}

.ct-awards .awards-products .award-pd.dep3 {
  -webkit-transition-duration: .8s;
          transition-duration: .8s;
}

.ct-awards .awards-products.active .award-pd:nth-child(even) {
  -webkit-transform: translateX(-40%);
          transform: translateX(-40%);
}

.ct-awards .awards-products.active .award-pd:nth-child(even).dep3 {
  -webkit-transform: translateX(-80%);
          transform: translateX(-80%);
}

.ct-awards .awards-products.active .award-pd:nth-child(odd):not(.dep1) {
  -webkit-transform: translateX(40%);
          transform: translateX(40%);
}

.ct-awards .awards-products.active .award-pd:nth-child(odd):not(.dep1).dep3 {
  -webkit-transform: translateX(80%);
          transform: translateX(80%);
}

.ct-awards .certificate li {
  display: inline-block;
  width: 89px;
  height: 86px;
  margin: 0 20px;
  background: url("../images/sub/technology/img_certificate.png") no-repeat 0 0;
}

.ct-awards .certificate li:nth-child(2) {
  background-position-x: -89px;
}

.ct-awards .certificate li:nth-child(3) {
  background-position-x: -178px;
}

.ct-awards .certificate li:nth-child(4) {
  background-position-x: -267px;
}

.ct-global-rank {
  padding-top: 90px;
}

.ct-global-rank .ranked-products {
  position: relative;
  padding: 110px 0 100px;
}

.ct-global-rank .ranked-products .mark-no1 {
  display: block;
  position: absolute;
  width: 325px;
  height: 218px;
  top: 0;
  left: 50%;
  margin-left: -162px;
  background: url("../images/sub/technology/img_global_no1_mark.png") no-repeat 0 0;
  z-index: -1;
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
  opacity: 0;
  -webkit-transition: all 1s .5s ease-in-out;
  transition: all 1s .5s ease-in-out;
}

.ct-global-rank .ranked-products:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  top: 250px;
  background-color: #047b69;
  z-index: -1;
}

.ct-global-rank .ranked-products.active .mark-no1 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.ct-global-rank .ranked-products li {
  display: inline-block;
  margin: 0;
  font-size: 17px;
}

.ct-global-rank .ranked-products li span {
  display: block;
}

.card-mobil.tech .card {
  width: 300px !important;
  height: 540px !important;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 30px;
}

.card-mobil.tech .card:before {
  height: 30px;
}

.card-mobil.tech .card .list li {
  line-height: 25px;
  margin-top: 0;
}

.card-mobil.tech .card .list li em {
  font-style: italic;
}

.card-mobil.tech .card-side.front {
  background-color: #fff;
  background-image: url("../images/sub/img_circle_grey_13x13.png");
  -webkit-box-shadow: 22px 40px 81px -13px rgba(0, 0, 0, 0.2);
          box-shadow: 22px 40px 81px -13px rgba(0, 0, 0, 0.2);
}

.card-mobil.tech .card-side.front::before {
  content: "";
  display: block;
  width: 124px;
  height: 124px;
  margin: 77px auto 45px;
  background: url("../images/sub/technology/img_technology_card.png");
}

.history-tab-year.fixed {
  position: fixed;
  top: 80px;
  width: 100%;
  height: 80px;
  margin-top: 0;
  background: #fff;
  -webkit-box-shadow: 0px 35px 35px -17px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 35px 35px -17px rgba(0, 0, 0, 0.15);
  text-align: center;
  z-index: 10;
}

.history-tab-year.fixed:after {
  content: '';
  display: table;
  width: 100%;
}

.history-tab-year.fixed li {
  display: inline-block;
  float: none;
  margin-right: -2px;
  border: 0;
}

.history-tab-year.fixed a {
  width: 100%;
  height: 80px;
  line-height: 80px;
}

.history-tab {
  position: relative;
  height: 110px;
  width: 100%;
  margin-top: -70px;
  z-index: 5;
}

.history-tab-year {
  width: 1030px;
  margin: 0 auto;
  background: #fff;
  -webkit-box-shadow: 0px 35px 35px -17px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 35px 35px -17px rgba(0, 0, 0, 0.15);
}

.history-tab-year:after {
  content: '';
  display: table;
  width: 100%;
}

.history-tab-year li {
  position: relative;
  float: left;
  width: 206px;
  text-align: center;
}

.history-tab-year li + li {
  border-left: 1px solid #eee;
}

.history-tab-year li a {
  display: block;
  width: 100%;
  height: 110px;
  line-height: 110px;
  font-weight: 300;
  font-size: 16px;
  font-family: "CJ onlyOne";
  color: #999;
}

.history-tab-year li.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #d83b21;
}

.history-tab-year li.active a {
  color: #d83b21;
}

.history {
  position: relative;
  width: 1190px;
  margin: 0 auto 120px;
}

.history-progress {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #d3d3d3;
  z-index: 1;
}

.history-progress-line {
  display: block;
  position: absolute;
  width: 100%;
  background-color: #d83b21;
  -webkit-transition: height .5s;
  transition: height .5s;
}

.history-term {
  position: relative;
  text-align: center;
  font-size: 17px;
  color: #222;
  overflow: hidden;
}

.history-term > div {
  position: relative;
  height: 290px;
  padding-top: 100px;
  background-color: #fff;
  z-index: 2;
}

.history-term > div:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 13px;
  height: 13px;
  margin-left: -6px;
  border-radius: 50%;
  background-color: #d83b21;
}

.history-term .company {
  color: rgba(0, 0, 0, 0.5);
}

.history-term h2 {
  margin: 10px auto 5px;
  font-family: "CJ onlyOne";
  font-size: 44px !important;
  font-weight: 700;
}

.history-term:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -14px;
  display: block;
  width: 39px;
  height: 39px;
  margin-left: -19px;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
  z-index: 3;
}

.history-summary {
  position: relative;
  text-align: center;
}

.history-summary:before, .history-summary:after {
  content: '';
  position: absolute;
  left: 50%;
  display: block;
  border-radius: 50%;
}

.history-summary:before {
  top: -26px;
  width: 39px;
  height: 39px;
  margin-left: -19px;
  border: 1px solid #e8e8e8;
}

.history-summary:after {
  top: 100%;
  width: 13px;
  height: 13px;
  margin-left: -6px;
  background-color: #d3d3d3;
  z-index: 3;
}

.history-summary .year {
  position: relative;
  margin: 50px 0;
  display: inline-block;
  width: 64px;
  padding: 13px 0;
  background-color: #fff;
  text-align: center;
  font-family: "CJ onlyOne";
  font-weight: 500;
  font-size: 24px;
  color: #222;
  z-index: 1;
}

.history-summary .year.active {
  color: #d83b21;
}

.history-summary .year-event {
  -ms-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 30px 0;
  line-height: 1.7;
  font-size: 17px;
}

.history-summary .year-event:last-child {
  padding-bottom: 80px;
}

.history-summary .year-event > p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
}

.history-summary .year-event.t-single {
  display: block;
  overflow: hidden;
}

.history-summary .year-event.t-single > p {
  width: 50%;
}

.history-summary .year-event .month {
  display: block;
  margin: 6px 0;
  font-family: "CJ onlyOne";
  font-weight: 500;
  font-size: 24px;
  color: #222;
}

.history-summary .year-event .l {
  float: left;
  padding-right: 60px;
  text-align: right;
}

.history-summary .year-event .r {
  float: right;
  padding-left: 60px;
  text-align: left;
}

.up-on-scroll {
  opacity: 0;
  -webkit-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition: opacity 1s,
 -webkit-transform 0.7s;
  transition: opacity 1s,
 -webkit-transform 0.7s;
  transition: transform 0.7s,
 opacity 1s;
  transition: transform 0.7s,
 opacity 1s,
 -webkit-transform 0.7s;
}

.up-on-scroll.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.page-head.pd {
  height: 460px;
}

.page-head.pd .inner {
  padding: 0;
}

.page-head.pd .page-info {
  top: 190px;
}

.page-head.pd .page-info .page-tit {
  padding-bottom: 20px !important;
  font-family: "Noto Sans", sans-serif;
  font-size: 30px !important;
}

.page-head.pd .page-info .page-desc {
  line-height: 2;
}

@-webkit-keyframes slide-ani {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(-5deg);
    transform: translate3d(20%, 0, 0) rotate(-5deg);
    opacity: 1;
  }
}

@keyframes slide-ani {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
    opacity: 1;
  }
}

.page-head.pd .pd-img {
  position: absolute;
  right: 230px;
  top: 100px;
  -webkit-animation: slide-ani 1s forwards cubic-bezier(0.35, 0.66, 0.4, 1.16);
  animation: slide-ani 1s forwards cubic-bezier(0.35, 0.66, 0.4, 1.16);
}

.page-head.pd .pd-img::after {
  content: '';
  position: absolute;
  top: -162px;
  left: -87px;
  display: block;
  width: 652px;
  height: 856px;
  background: url("../images/sub/img_shadow_intro.png") no-repeat 0 0;
  z-index: -1;
}

.page-head.pd .marker {
  position: absolute;
  left: -30px;
  width: 230px;
  height: 180px;
  bottom: -109px;
  padding: 46px 30px 0;
  background-image: url("../images/sub/bg_marker_top.png"), url("../images/sub/bg_marker_bottom.png");
  background-repeat: no-repeat;
  background-position: left top, right bottom;
  line-height: 1.8;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}

.page-head.pd .marker span {
  opacity: .5;
  font-weight: 200;
}

.page-head.pd .marker:before {
  content: '';
  position: absolute;
  display: block;
  position: inherit;
  width: 365px;
  height: 100%;
  right: 100%;
  top: 0;
  background-color: inherit;
}

.page-head.pd .marker.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.page-head.lysine {
  background-color: #a11d2c;
}

.page-head.lysine .sub-list a,
.page-head.lysine .sub-list span,
.page-head.lysine .breadcrumb-wrap .sub:last-child button,
.page-head.lysine .progress-line {
  background-color: #a11d2c;
}

.page-head.lysine .page-desc {
  color: #f9cabd;
}

.page-head.lysine .marker {
  background-color: #ba2032;
}

.page-head.methionine {
  background-color: #522568;
}

.page-head.methionine .sub-list a,
.page-head.methionine .sub-list span,
.page-head.methionine .breadcrumb-wrap .sub:last-child button,
.page-head.methionine .progress-line {
  background-color: #522568;
}

.page-head.methionine .page-desc {
  color: #eccbff;
}

.page-head.methionine .marker {
  background-color: #72358f;
}

.page-head.threonine {
  background-color: #aa6b15;
}

.page-head.threonine .sub-list a,
.page-head.threonine .sub-list span,
.page-head.threonine .breadcrumb-wrap .sub:last-child button,
.page-head.threonine .progress-line {
  background-color: #aa6b15;
}

.page-head.threonine .page-desc {
  color: #f9e6bd;
}

.page-head.threonine .marker {
  background-color: #c17f24;
}

.page-head.tryptophan {
  background-color: #19166a;
}

.page-head.tryptophan .sub-list a,
.page-head.tryptophan .sub-list span,
.page-head.tryptophan .breadcrumb-wrap .sub:last-child button,
.page-head.tryptophan .progress-line {
  background-color: #19166a;
}

.page-head.tryptophan .page-desc {
  color: #bddcf9;
}

.page-head.tryptophan .marker {
  background-color: #201d82;
}

.page-head.valine {
  background-color: #153d1b;
}

.page-head.valine .sub-list a,
.page-head.valine .sub-list span,
.page-head.valine .breadcrumb-wrap .sub:last-child button,
.page-head.valine .progress-line {
  background-color: #153d1b;
}

.page-head.valine .page-desc {
  color: #a2c4a6;
}

.page-head.valine .marker {
  background-color: #1e4d25;
}

.page-head.arginine {
  background-color: #da671e;
}

.page-head.arginine .sub-list a,
.page-head.arginine .sub-list span,
.page-head.arginine .breadcrumb-wrap .sub:last-child button,
.page-head.arginine .progress-line {
  background-color: #da671e;
}

.page-head.arginine .page-desc {
  color: #f9dbbd;
}

.page-head.arginine .marker {
  background-color: #ef7122;
}

.page-head.isoleucine {
  background-color: #2a7c2d;
}

.page-head.isoleucine .sub-list a,
.page-head.isoleucine .sub-list span,
.page-head.isoleucine .breadcrumb-wrap .sub:last-child button,
.page-head.isoleucine .progress-line {
  background-color: #2a7c2d;
}

.page-head.isoleucine .page-desc {
  color: #e4f6cc;
}

.page-head.isoleucine .marker {
  background-color: #319034;
}

.page-head.histidine {
  background-color: #561013;
}

.page-head.histidine .sub-list a,
.page-head.histidine .sub-list span,
.page-head.histidine .breadcrumb-wrap .sub:last-child button,
.page-head.histidine .progress-line {
  background-color: #561013;
}

.page-head.histidine .page-desc {
  color: #f9bdbd;
}

.page-head.histidine .marker {
  background-color: #701519;
}

.contents {
  clear: both;
}

.contents .inner {
  padding: 90px 20px;
}

.contents .tit-bar {
  position: relative;
  margin-bottom: 70px;
  padding-bottom: 60px;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 40px;
}

.contents .tit-bar:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 40px;
  background-color: #ccc;
}

.contents .tit-bar span {
  display: block;
  margin-top: 5px;
  font-size: 20px;
}

.contents .desc {
  line-height: 2;
  font-size: 17px;
  color: #444;
}

.contents .para:before {
  content: '';
  display: block;
  margin: 90px auto;
  width: 1028px;
  height: 1px;
  background-color: #ddd;
}

.contents .para .tit-round:first-child {
  margin-top: 0;
}

.contents .img-wrap {
  margin-top: 70px;
}

.tit-round {
  display: inline-block;
  width: 500px;
  height: 50px;
  margin: 50px 0;
  background-color: #f7f7f7;
  border-radius: 25px;
  line-height: 50px;
  font-size: 20px;
  font-weight: 500;
  color: #444;
}

.tit-round .cir {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin: 0 10px;
  background-color: #6a5c5c;
  border-radius: inherit;
  line-height: 50px;
  font-family: "CJ onlyOne";
  font-weight: 700;
  font-size: 14px;
  color: #efefef;
}

.tit-round + .img-wrap {
  margin-top: 0;
}

.tit-round.mini {
  width: 300px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #666;
}

.img-wrap .tit-round {
  height: 40px;
  display: block;
  margin: 50px auto 0;
  line-height: 40px;
  font-weight: 500;
  font-size: 16px;
  color: #999;
}

.list.t-dash li {
  position: relative;
  padding-left: 10px;
  text-align: left;
  font-size: 16px;
  color: #8f8879;
}

.list.t-dash li:before {
  content: '-';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.list.t-dash li + li {
  margin-top: 7px;
}

.img.best {
  width: 191px;
  height: 128px;
  background: url("../images/sub/img_best_choice.gif");
  background-position: 0 100%;
  background-repeat: no-repeat;
}

.tryptophan .img.best {
  background-position-x: -191px;
}

.valine .img.best {
  background-position-x: -382px;
}

.xsoy .img.best {
  background-position-x: -573px;
}

.nucleotides .img.best {
  background-position-x: -764px;
}

.cont-box + .cont-box {
  margin-top: 50px;
}

.cont-box .tit-round {
  position: relative;
}

.cont-box .tit-round:before, .cont-box .tit-round:after {
  content: '';
  position: absolute;
  display: block;
  background-color: #ccc;
  left: 50%;
  z-index: 1;
}

.cont-box .tit-round:before {
  width: 1px;
  height: 72px;
  top: 100%;
}

.cont-box .tit-round:after {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(70px);
  transform: translateX(-50%) translateY(70px);
}

.cont-box .cont {
  padding: 65px 32px 50px;
  border: 1px solid #e9e6df;
}

.cont-box .cont .img {
  margin: 50px auto;
}

.cont-box .cont .desc:only-child {
  padding: 35px 0 50px;
}

.cont-box.pair {
  display: inline-block;
  width: 400px;
  margin: 0 77px;
  vertical-align: top;
}

.cont-box.pair .tit-round {
  margin-top: 0;
}

.cont-box.pair .img {
  margin-top: 0;
  height: 160px;
}

.cont-box.pair:nth-of-type(1) .img.best {
  padding-top: 32px;
}

.cont-box.pair:nth-of-type(2) .img {
  width: 200px;
  background: url("../images/sub/methionine/img_best_choice.png") no-repeat center bottom;
}

.cont-box.pair .cont {
  height: 515px;
  text-align: left;
}

.cont-box.pair .tit-round {
  width: 100%;
}

.tit-bar + .cont-box .tit-round,
.h2 + .tit-round {
  margin-top: 0;
}

.solutions {
  padding: 80px 0;
  text-align: center;
}

.solutions h2 {
  margin-bottom: 88px;
  font-size: 28px !important;
}

.solutions h2 .sub-tit {
  display: block;
  width: 218px;
  margin: 10px auto -14px;
  background-color: #fff;
  font-family: "Noto Sans", sans-serif;
  font-size: 24px;
  color: #9e7560;
}

.ct-whatis,
.ct-function,
.ct-choice,
.ct-solutions {
  text-align: center;
}

.ct-whatis li {
  display: inline-block;
  margin: 0 40px;
  vertical-align: bottom;
}

.ct-function {
  background-color: #f8f6f6;
}

.card-mobil {
  margin-top: 120px;
}

.card-mobil.active .card-side.front {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.card-mobil.active .card-side.back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.card-mobil .card {
  position: relative;
  display: inline-block;
  margin: 0 9px;
  vertical-align: top;
  text-align: center;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.card-mobil .card:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  width: 1px;
  height: 60px;
  bottom: 100%;
  background-color: #bdbbb5;
}

.card-mobil .card-side {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 1s;
  -webkit-transition-property: all;
  transition-property: all;
  transition-duration: 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-mobil .card-side.front {
  background-image: url("../images/sub/img_circle_white_13x13.png");
  background-repeat: no-repeat;
  background-position: center 20px;
  vertical-align: top;
  font-size: 17px;
  color: #222;
  z-index: 1;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.card-mobil .card-side.back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  background-color: #e9e6df;
}

.card-mobil.static .card {
  width: 440px;
  margin-left: 60px;
  margin-right: 60px;
  background: #fff url("../images/sub/img_circle_grey_13x13.png") no-repeat center 20px;
}

.card-mobil .list {
  margin-top: 20px;
  display: inline-block;
}

.card-mobil.t-circle {
  margin: 0 -10px;
}

.card-mobil.t-circle .card {
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background-color: #fff;
  margin: 150px 10px 55px;
  -webkit-box-shadow: 0px 80px 60px -50px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 80px 60px -50px rgba(0, 0, 0, 0.15);
}

.card-mobil.t-circle .card:before {
  height: 77px;
}

.card-mobil.t-circle .card::after {
  content: "";
  position: absolute;
  display: inline-block;
  background: #ccc;
  left: 50%;
  z-index: 1;
}

.card-mobil.t-circle .card::after {
  width: 13px;
  height: 13px;
  margin-left: -6.5px;
  border-radius: 50%;
  top: 26px;
}

.card-mobil.t-circle .card:nth-child(1) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.card-mobil.t-circle .card:nth-child(2) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.card-mobil.t-circle .card:nth-child(3) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.ct-function .card-mobil.type2 .card {
  height: 354px;
}

.ct-function .card-mobil .card {
  width: 258px;
  height: 322px;
}

.ct-function .card-mobil .card:nth-child(1) .card-side {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.ct-function .card-mobil .card:nth-child(2) .card-side {
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

.ct-function .card-mobil .card:nth-child(3) .card-side {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

.ct-function .card-mobil .card:nth-child(4) .card-side {
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
}

.ct-function .card-mobil .card-side.back {
  background-color: #e9e6df;
}

.ct-function .card-mobil .card-side.front {
  padding: 0 20px;
  background-color: #e9e6df;
}

.ct-function .card-mobil .card-side.front:before {
  content: '';
  display: block;
  width: 130px;
  height: 124px;
  margin: 58px auto 35px;
  background-image: url("../images/sub/img_function_ref.png");
}

.ct-function .card-mobil .card-side.front span {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: #8f8879;
}

.ct-function .card-mobil .card-side.front .tit {
  color: #222;
}

.ct-function .card-mobil .card-side.c1::before {
  background-position-x: 0px;
  background-position-y: 0px;
}

.ct-function .card-mobil .card-side.c2::before {
  background-position-x: -130px;
  background-position-y: 0px;
}

.ct-function .card-mobil .card-side.c3::before {
  background-position-x: -260px;
  background-position-y: 0px;
}

.ct-function .card-mobil .card-side.c4::before {
  background-position-x: -390px;
  background-position-y: 0px;
}

.ct-function .card-mobil .card-side.c5::before {
  background-position-x: 0px;
  background-position-y: -124px;
}

.ct-function .card-mobil .card-side.c6::before {
  background-position-x: -130px;
  background-position-y: -124px;
}

.ct-function .card-mobil .card-side.c7::before {
  background-position-x: -260px;
  background-position-y: -124px;
}

.ct-function .card-mobil .card-side.c8::before {
  background-position-x: -390px;
  background-position-y: -124px;
}

.ct-function .card-mobil .card-side.c9::before {
  background-position-x: 0px;
  background-position-y: -248px;
}

.ct-function .card-mobil .card-side.c10::before {
  background-position-x: -130px;
  background-position-y: -248px;
}

.ct-function .card-mobil .card-side.c11::before {
  background-position-x: -260px;
  background-position-y: -248px;
}

.ct-function .card-mobil .card-side.c12::before {
  background-position-x: -390px;
  background-position-y: -248px;
}

.ct-function .card-mobil .card-side.c13::before {
  background-position-x: 0px;
  background-position-y: -372px;
}

.ct-function .card-mobil .card-side.c14::before {
  background-position-x: -130px;
  background-position-y: -372px;
}

.ct-function .card-mobil .card-side.c15::before {
  background-position-x: -260px;
  background-position-y: -372px;
}

.ct-function .card-mobil .card-side.c16::before {
  background-position-x: -390px;
  background-position-y: -372px;
}

.ct-video {
  height: 698px;
  margin-bottom: 220px;
  text-align: center;
}

.ct-video .tit-bar:after {
  opacity: .4;
}

.ct-video .video-frame {
  position: relative;
  display: inline-block;
  width: 960px;
  height: 540px;
  -webkit-box-shadow: 20px 55px 45px -1px rgba(0, 0, 0, 0.25);
          box-shadow: 20px 55px 45px -1px rgba(0, 0, 0, 0.25);
}

.ct-video .video-frame iframe {
  position: absolute;
  left: 0;
  top: 0;
}

.ct-video.methionine {
  background-color: #522568;
}

.ct-video.methionine h2 {
  color: #b297c4;
}

.ct-video.lthreonine {
  background-color: #aa6b15;
}

.ct-video.lthreonine h2 {
  color: #d3bea1;
}

.product-line {
  padding-top: 90px;
}

.product-line h2 {
  width: 1190px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
  font-family: "CJ onlyOne";
  font-size: 24px;
}

.product-line .list-wrap {
  background-color: #f8f8f8;
  height: 250px;
}

.product-line .item-list {
  margin-left: -0px;
  margin-right: -0px;
  margin: 90px auto 0;
  padding: 0 20px;
}

.product-line .item-list:after {
  content: '';
  display: table;
  width: 100%;
}

.product-line .item-list li {
  float: left;
  width: calc(33.33333% - 0px) !important;
  margin-left: 0px;
  margin-right: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.product-line .item-list li {
  position: relative;
  color: #888;
}

.product-line .item-list li img {
  position: relative;
  float: left;
  margin: -40px 0 0 -25px;
  padding-right: 10px;
  z-index: 1;
}

.product-line .item-list li .name {
  display: block;
  padding: 45px 0 10px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.product-line .item-list .btn-circle {
  position: absolute;
  right: 50px;
  top: 164px;
}

.related-ct .inner {
  position: relative;
}

.related-ct .inner h2 {
  text-align: left;
  font-family: "CJ onlyOne";
  font-size: 24px;
}

.related-ct .item-list {
  margin-top: 50px;
  margin-left: -40px;
  margin-right: -40px;
}

.related-ct .item-list:after {
  content: '';
  display: table;
  width: 100%;
}

.related-ct .item-list li {
  float: left;
  width: calc(33.33333% - 80px) !important;
  margin-left: 40px;
  margin-right: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.related-ct .item-list li {
  position: relative;
  height: 290px;
}

.related-ct .item-list li + li:before {
  content: '';
  position: absolute;
  left: -40px;
  width: 1px;
  height: 100%;
  background: url("../images/common/bg_line_dashed.gif") repeat-y 0 0;
}

.related-ct .item-list li a {
  display: block;
  font-weight: 700;
  color: #222;
}

.related-ct .item-list img {
  position: relative;
  width: 100%;
}

.related-ct .item-list li .img {
  width: 328px;
  height: 186px;
  margin-bottom: 40px;
  overflow: hidden;
}

.related-ct .item-list li .img:before, .related-ct .item-list li .img:after {
  content: none;
  display: block;
  position: absolute;
}

.related-ct .item-list li .img:before {
  width: 100%;
  height: 186px;
  left: 0;
  top: 0;
  background-color: #fff;
  opacity: .5;
  z-index: 1;
}

.related-ct .item-list li .img:after {
  width: 50px;
  height: 50px;
  left: 140px;
  top: 68px;
  border-radius: 50%;
  background: #e23043 url("../images/sub/ico_arr_circle_big.png") no-repeat center center/contain;
  z-index: 2;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

@-webkit-keyframes bg-effect {
  from {
    opacity: 0;
  }
}

@keyframes bg-effect {
  from {
    opacity: 0;
  }
}

@-webkit-keyframes arr-effect {
  0% {
    -webkit-transform: scale(0.7) rotate(-45deg);
    transform: scale(0.7) rotate(-45deg);
    opacity: .5;
  }
  70% {
    -webkit-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}

@keyframes arr-effect {
  0% {
    -webkit-transform: scale(0.7) rotate(-45deg);
    transform: scale(0.7) rotate(-45deg);
    opacity: .5;
  }
  70% {
    -webkit-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}

.related-ct .item-list li:hover .img:before, .related-ct .item-list li:hover .img:after {
  content: '';
}

.related-ct .item-list li:hover .img:before {
  -webkit-animation: bg-effect .5s;
  animation: bg-effect .5s;
}

.related-ct .item-list li:hover .img:after {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-animation: arr-effect .5s forwards;
  animation: arr-effect .5s forwards;
}

.related-ct .btn-more {
  position: absolute;
  display: block;
  top: 95px;
  right: 5px;
  line-height: 50px;
}

.related-ct .btn-more text {
  font-size: 17px;
  fill: #000;
  font-weight: 700;
}

.related-ct .btn-more:hover text {
  fill: #e23043;
}

.related-ct.no-content {
  display: none;
}

.related-ct.no-cont {
  display: none;
}

.related-ct.no-cont + .contact-ct {
  margin-top: 110px;
}

.related-ct.no-cont + .contact-ct::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 110px;
  background: #fff;
}

.contact-ct {
  position: relative;
  background-color: #121212;
  padding: 145px 0 135px;
  text-align: center;
  font-weight: 700;
}

.contact-ct h2 {
  position: relative;
  display: inline-block;
  padding: 0 18px;
  font-family: "Noto Sans", sans-serif;
  font-size: 30px;
  color: #fff !important;
}

.contact-ct h2:before, .contact-ct h2:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 14px;
  background-image: url("../images/common/img_double_quotes.png");
}

.contact-ct h2:before {
  right: 100%;
}

.contact-ct h2:after {
  left: 100%;
  background-position-x: -16px;
}

.contact-ct h2 span {
  display: inline-block;
  font-family: 'Arial Black', serif;
  font-size: 33px;
  font-weight: 900;
  padding: 0 10px;
}

.contact-ct .text {
  padding: 30px 0;
  font-weight: 300;
  color: #666;
}

.contact-ct .start-btn {
  display: inline-block;
  width: 150px;
  height: 60px;
  border-bottom: none;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  color: #ee8d03;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.contact-ct .start-btn:after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background-color: #ee8d03;
  -webkit-transition: width 1s .8s;
  transition: width 1s .8s;
}

.contact-ct .start-btn.active:after {
  width: 100%;
}

.contact-ct::after {
  content: '';
  position: absolute;
  display: block;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 117px;
  height: 30px;
  margin-bottom: -5px;
  z-index: 1;
  background: url("../images/common/img_triangle.png") no-repeat 0 0;
}

.cont-box.world-place .spot-wrap {
  position: relative;
  width: 100%;
  height: 554px;
  background: url("../images/sub/lysine/bg_map.png") no-repeat center center;
}

.cont-box.world-place .spot-wrap .spot {
  position: absolute;
}

.cont-box.world-place .spot-wrap .spot-1 {
  top: 200px;
  left: 446px;
}

.cont-box.world-place .spot-wrap .spot-2 {
  top: 277px;
  left: 324px;
}

.cont-box.world-place .spot-wrap .spot-3 {
  top: 418px;
  left: 420px;
}

.cont-box.world-place .spot-wrap .spot-4 {
  top: 210px;
  right: 215px;
}

.cont-box.world-place .spot-wrap .spot-5 {
  top: 420px;
  right: 139px;
}

.cont-box.world-place .spot-wrap .spot::before, .cont-box.world-place .spot-wrap .spot::after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -38px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cont-box.world-place .spot-wrap .spot::before {
  width: 37px;
  height: 37px;
  background: rgba(251, 38, 54, 0.3);
  border-radius: 40px;
}

.cont-box.world-place .spot-wrap .spot:after {
  width: 8px;
  height: 8px;
  background: #fb3544;
  border-radius: 10px;
}

.cont-box.world-place .spot-wrap .spot em {
  font-weight: 700;
  color: #fb2636;
}

.cont-box.world-place .spot-wrap .spot .arrow-box {
  position: absolute;
  top: -112px;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  min-width: 148px;
  padding: 8px 20px 12px;
  border-radius: 14px;
  background-color: #fb2636;
  color: #fff;
  font-size: 18px;
  z-index: 1;
}

.cont-box.world-place .spot-wrap .spot .arrow-box::after {
  content: '';
  position: absolute;
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 7px solid #fb2636;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.spot-wrap.show-on-scroll .spot {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

.spot-wrap.show-on-scroll.active .spot {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.spot-wrap.show-on-scroll.active .spot-1 {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.spot-wrap.show-on-scroll.active .spot-2 {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

.spot-wrap.show-on-scroll.active .spot-3 {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

.spot-wrap.show-on-scroll.active .spot-4 {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.spot-wrap.show-on-scroll.active .spot-5 {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.page-head.brand {
  height: 558px;
  background-position: center top;
  background-repeat: no-repeat;
}

.page-head.brand .page-info {
  top: 215px;
}

.page-head.brand .page-info .page-tit {
  width: 420px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: auto 100%;
}

.page-head.brand .page-info .page-desc {
  display: block;
  padding: 15px 0 20px;
  font-family: "CJ onlyOne";
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.page-head.brand.bestamino {
  position: relative;
  background-image: url("../images/sub/bg_visual_bestamino.jpg");
}

.page-head.brand.bestamino .page-tit {
  height: 47px;
  background-image: url("../images/common/img_tit_bestamino.png");
}

.page-head.brand.bestamino .sub-list a,
.page-head.brand.bestamino .sub-list span,
.page-head.brand.bestamino .sub:last-child button,
.page-head.brand.bestamino .progress-line {
  background-color: #64891b;
}

.page-head.brand.bestamino .page-desc {
  color: #9dca43;
}

.page-head.brand.allulose {
  background-image: url("../images/sub/bg_visual_allulose.jpg");
}

.page-head.brand.allulose .sub-list a,
.page-head.brand.allulose .sub-list span,
.page-head.brand.allulose .sub:last-child button,
.page-head.brand.allulose .progress-line {
  background-color: #16a49c;
}

.page-head.brand.allulose .page-desc {
  color: #16a49c;
}

.page-head.brand.soytide #bg-slider .bg1 {
  background-image: url("../images/sub/bg_visual_soytide_01.jpg");
}

.page-head.brand.soytide #bg-slider .bg2 {
  background-image: url("../images/sub/bg_visual_soytide_02.jpg");
}

.page-head.brand.soytide .sub-list a,
.page-head.brand.soytide .sub-list span,
.page-head.brand.soytide .sub:last-child button,
.page-head.brand.soytide .progress-line {
  background-color: #6b3321;
}

.page-head.brand.soytide .page-tit {
  height: 65px;
  background-image: url("../images/common/img_tit_soytide.png");
}

.page-head.brand.soytide .page-desc {
  color: #ed7048;
}

.page-head.brand.nucleotides .bg1 {
  background-image: url("../images/sub/bg_visual_nucleotides_02.jpg");
}

.page-head.brand.nucleotides .bg2 {
  background-image: url("../images/sub/bg_visual_nucleotides_01.jpg");
}

.page-head.brand.nucleotides .sub-list a,
.page-head.brand.nucleotides .sub-list span,
.page-head.brand.nucleotides .sub:last-child button,
.page-head.brand.nucleotides .progress-line {
  background-color: #315bba;
}

.page-head.brand.nucleotides .page-desc {
  color: #4f84fe;
}

.page-head.brand.immprober .bg1 {
  background-image: url("../images/sub/bg_visual_immprober_01.jpg");
}

.page-head.brand.immprober .bg2 {
  background-image: url("../images/sub/bg_visual_immprober_02.jpg");
}

.page-head.brand.immprober .sub-list a,
.page-head.brand.immprober .sub-list span,
.page-head.brand.immprober .sub:last-child button,
.page-head.brand.immprober .progress-line {
  background-color: #4469ac;
}

.page-head.brand.immprober .page-desc {
  color: #4469ac;
}

.page-head.brand.biotector .sub-list a,
.page-head.brand.biotector .sub-list span,
.page-head.brand.biotector .sub:last-child button,
.page-head.brand.biotector .progress-line {
  background-color: #44ac5d;
}

.page-head.brand.biotector .page-desc {
  color: #63e382;
}

.page-head.brand.xsoy #bg-slider .bg1 {
  background-image: url("../images/sub/bg_visual_xsoy_01.jpg");
}

.page-head.brand.xsoy #bg-slider .bg2 {
  background-image: url("../images/sub/bg_visual_xsoy_02.jpg");
}

.page-head.brand.xsoy .sub-list a,
.page-head.brand.xsoy .sub-list span,
.page-head.brand.xsoy .sub:last-child button,
.page-head.brand.xsoy .progress-line {
  background-color: #2d72af;
}

.page-head.brand.xsoy .page-tit {
  height: 83px;
  background-image: url("../images/common/img_tit_xsoy.png");
}

.page-head.brand.xsoy .page-desc {
  color: #5398d4;
}

.page-head.brand.cjpha {
  background-image: url("../images/sub/bg_visual_cjpha.jpg");
}

.page-head.brand.cjpha .sub-list a,
.page-head.brand.cjpha .sub-list span,
.page-head.brand.cjpha .sub:last-child button,
.page-head.brand.cjpha .progress-line {
  background-color: #1d7e84;
}

.page-head.brand.cjpha .page-desc {
  color: #30b0b8;
}

.page-head.brand.amiboost {
  background-image: url("../images/sub/bg_visual_amiboost.jpg");
}

.page-head.brand.amiboost .sub-list a,
.page-head.brand.amiboost .sub-list span,
.page-head.brand.amiboost .sub:last-child button,
.page-head.brand.amiboost .progress-line {
  background-color: #3bad5c;
}

.page-head.brand.amiboost .page-desc {
  color: #1de357;
}

.page-head.brand.pmda {
  background-image: url("../images/sub/bg_visual_pmda.jpg");
}

.page-head.brand.pmda .sub-list a,
.page-head.brand.pmda .sub-list span,
.page-head.brand.pmda .sub:last-child button,
.page-head.brand.pmda .progress-line {
  background-color: #6d2357;
}

.page-head.brand.pmda .page-desc {
  color: #ab3688;
}

.page-head.brand.aminature {
  background-image: url("../images/sub/bg_visual_aminature.jpg");
}

.page-head.brand.aminature .sub-list a,
.page-head.brand.aminature .sub-list span,
.page-head.brand.aminature .sub:last-child button,
.page-head.brand.aminature .progress-line {
  background-color: #89a73f;
}

.page-head.brand.aminature .page-tit {
  height: 36px;
  background-image: url("../images/common/img_tit_aminature.png");
  background-size: auto 100%;
}

.page-head.brand.aminature .page-desc {
  color: #99b34e;
}

.page-head.brand.feed {
  background-image: url("../images/sub/bg_visual_feed.jpg");
}

.page-head.brand.feed .sub-list a,
.page-head.brand.feed .sub-list span,
.page-head.brand.feed .sub:last-child button,
.page-head.brand.feed .progress-line {
  background-color: #223375;
}

.page-head.brand.feed .page-tit {
  height: 36px;
  background-image: url("../images/common/img_tit_feed.png");
  background-size: auto 100%;
}

.page-head.brand.feed .page-desc {
  color: #2941a0;
}

.page-head.brand.deweco {
  background-image: url("../images/sub/bg_visual_deweco.jpg");
}

.page-head.brand.deweco .sub-list a,
.page-head.brand.deweco .sub-list span,
.page-head.brand.deweco .sub:last-child button,
.page-head.brand.deweco .progress-line {
  background-color: #8dbf30;
}

.page-head.brand.deweco .page-tit {
  height: 94px;
  background-image: url("../images/common/img_tit_deweco.png");
}

.page-head.brand.deweco .page-desc {
  color: #8dbf30;
}

.page-head.brand.tastenrich {
  background-image: url("../images/sub/bg_visual_tastenrich.jpg");
}

.page-head.brand.tastenrich .sub-list a,
.page-head.brand.tastenrich .sub-list span,
.page-head.brand.tastenrich .sub:last-child button,
.page-head.brand.tastenrich .progress-bar {
  background-color: #61922b;
}

.page-head.brand.tastenrich .page-info {
  top: 200px;
}

.page-head.brand.tastenrich .page-tit {
  height: 56px;
  background-image: url("../images/common/img_tit_tastenrich.png");
}

.page-head.brand.tastenrich .page-desc {
  color: #90df39;
}

.page-head.brand.flavornrich {
  position: relative;
  /* background-image: url('../images/sub/bg_visual_tastenrich.jpg'); */
  background: #ddd;
}

.page-head.brand.flavornrich .video {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* border:2px solid #f00; box-sizing: border-box; */
  overflow: hidden;
}

.page-head.brand.flavornrich .video:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .05;
}

.page-head.brand.flavornrich .video video {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page-head.brand.flavornrich .sub-list a,
.page-head.brand.flavornrich .sub-list span,
.page-head.brand.flavornrich .sub:last-child button,
.page-head.brand.flavornrich .progress-bar {
  background-color: #133b23;
}

.page-head.brand.flavornrich .page-info {
  top: 200px;
}

.page-head.brand.flavornrich .page-tit {
  height: 47px;
  background-image: url("../images/common/img_tit_flavornrich.png");
}

.page-head.brand.flavornrich .page-desc {
  color: #3fae6c;
}

#bg-slider .bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 558px;
  background-position: 50% 0;
  opacity: 0;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}

#bg-slider .bg.active {
  opacity: 1;
}

.biotector #bg-slider .bg1 {
  background-image: url("../images/sub/bg_visual_biotector_01.jpg");
}

.biotector #bg-slider .bg2 {
  background-image: url("../images/sub/bg_visual_biotector_02.jpg");
}

.contents .h2,
.contents .tit-h2 {
  padding-bottom: 65px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: #222;
}

.contents .desc + .desc {
  margin-top: 30px;
}

.contents .line-sub-tit {
  height: 1px;
  margin: 100px 0 80px;
  font-weight: 700;
  text-align: center;
  border-top: 1px solid #ccc;
}

.contents .line-sub-tit span {
  position: relative;
  display: inline-block;
  top: -15px;
  padding: 0 15px;
  background-color: #fff;
  font-size: 22px;
  color: #999;
}

.contents .line-sub-tit + .tit-round {
  margin-top: 0;
}

.contents .h2 + .line-sub-tit {
  margin-top: 20px;
}

.ct-plain {
  background-color: #f8f6f6;
  text-align: center;
}

.cont-box .cont.t-circle {
  position: relative;
  width: 333px;
  height: 333px;
  margin: 0 auto;
  padding: 68px 32px 32px;
  background-color: #f4f6e8;
  border: none;
  border-radius: 50%;
}

.cont-box .cont.t-circle .img {
  margin: 50px auto;
}

sup.sup {
  font-size: 100%;
  top: -0.2em;
}

.card-mobil.type2 .card {
  margin: -20px 16px 0;
  width: 238px;
  height: 300px;
}

.card-mobil.type2 .card-side.front {
  background-image: url("../images/sub/img_circle_grey_13x13.png");
  background-color: #fff;
  -webkit-box-shadow: 22px 40px 81px -13px rgba(0, 0, 0, 0.2);
          box-shadow: 22px 40px 81px -13px rgba(0, 0, 0, 0.2);
}

.card-mobil.type2 .card-side.front:before {
  content: '';
  display: block;
  width: 95px;
  height: 95px;
  margin: 72px auto 45px;
}

.ct-allulose-usein {
  padding: 90px 0 0;
  background: url("../images/sub/allulose/bg_illust_foods.gif") no-repeat center top/100% 780px, url("../images/sub/bg_f8f6f6_1x1.gif") repeat 0 780px;
}

.ct-allulose-usein .inner {
  padding: 0 0 140px;
}

.ct-allulose-usein .slider-allulose-food {
  width: 1190px;
  margin: -10px auto 0;
}

.ct-allulose-usein .slider-allulose-food .swiper-container {
  -webkit-box-shadow: 0px 74px 56px -50px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 74px 56px -50px rgba(0, 0, 0, 0.15);
}

.ct-allulose-usein .slider-allulose-food .pagination {
  position: static;
  margin-bottom: 50px;
  text-align: center;
  font-size: 18px;
}

.ct-allulose-usein .slider-allulose-food .pagination .pagination-button {
  position: relative;
  display: inline-block;
  margin: 0 -1px;
  outline: none;
}

.ct-allulose-usein .slider-allulose-food .pagination .pagination-button:before, .ct-allulose-usein .slider-allulose-food .pagination .pagination-button:after {
  content: '';
  display: block;
  width: 190px;
  height: 145px;
  margin: 0 auto;
}

.ct-allulose-usein .slider-allulose-food .pagination .pagination-button:before {
  background-color: #f2f2f2;
  background-image: url("../images/sub/allulose/img_allulose_in.jpg");
}

.ct-allulose-usein .slider-allulose-food .pagination .pagination-button:nth-child(2):before {
  background-position-y: -145px;
}

.ct-allulose-usein .slider-allulose-food .pagination .pagination-button:nth-child(3):before {
  background-position-y: -290px;
}

.ct-allulose-usein .slider-allulose-food .pagination .pagination-button:nth-child(4):before {
  background-position-y: -435px;
}

.ct-allulose-usein .slider-allulose-food .pagination .pagination-button:after {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../images/sub/allulose/img_mask_190x145.png");
}

.ct-allulose-usein .slider-allulose-food .pagination button.active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  background-position-x: -190px;
}

.ct-allulose-usein .slider-allulose-food .pagination button.active:nth-child(3):before, .ct-allulose-usein .slider-allulose-food .pagination button.active:nth-child(4):before {
  -webkit-transform: translateY(0) translateX(-10px);
  transform: translateY(0) translateX(-10px);
}

.ct-allulose-usein .slider-allulose-food .pagination button.active:after {
  content: none;
}

.ct-allulose-usein .slider-allulose-food .swiper-slide .slide-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  right: 100px;
  width: 554px;
  height: 453px;
  background-image: url("../images/sub/allulose/bg_allulose_foods.jpg");
  background-repeat: no-repeat;
}

.ct-allulose-usein .slider-allulose-food .swiper-slide:nth-child(2) .slide-item:before {
  background-position-x: -554px;
}

.ct-allulose-usein .slider-allulose-food .swiper-slide:nth-child(3) .slide-item:before {
  background-position-x: -1108px;
}

.ct-allulose-usein .slider-allulose-food .swiper-slide:nth-child(4) .slide-item:before {
  background-position-x: -1662px;
}

.ct-allulose-usein .slider-allulose-food .slide-food {
  position: relative;
  height: 482px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 75px 100px;
}

.ct-allulose-usein .slider-allulose-food .slide-food strong {
  font-size: 32px;
  color: #222;
}

.ct-allulose-usein .slider-allulose-food .slide-food ul {
  margin-top: 30px;
}

.ct-allulose-usein .slider-allulose-food .slide-food ul li {
  position: relative;
  font-size: 18px;
  counter-increment: myCounter;
  padding-left: 30px;
}

.ct-allulose-usein .slider-allulose-food .slide-food ul li::before {
  content: counter(myCounter) ".";
  position: absolute;
  display: block;
  left: 0;
}

.ct-allulose-usein .slider-allulose-food .slide-food ul li + li {
  margin-top: 5px;
}

.ct-allulose-usein .slider-allulose-food + .h2 {
  margin-top: 150px;
}

.ct-allulose-usein .slider-allulose-food .swiper-wrapper {
  position: relative;
}

.ct-allulose-usein .slider-allulose-food .swiper-button-wrap {
  position: absolute;
  left: 100px;
  bottom: 80px;
  width: 130px;
  height: 60px;
  z-index: 1;
}

.ct-allulose-usein .slider-allulose-food .swiper-button-wrap button {
  display: block;
  width: 60px;
  height: 60px;
  top: initial;
  bottom: 0;
}

.ct-allulose-usein .slider-allulose-food .swiper-button-wrap button:before {
  position: absolute;
  content: '';
  display: block;
  width: 28px;
  height: 14px;
  top: 23px;
  left: 17px;
  background: url("../images/sub/ico_arr_slider.png");
}

.ct-allulose-usein .slider-allulose-food .swiper-button-wrap button:after {
  content: 'none';
}

.ct-allulose-usein .slider-allulose-food .swiper-button-prev {
  left: 0;
}

.ct-allulose-usein .slider-allulose-food .swiper-button-next {
  right: 0;
}

.ct-allulose-usein .slider-allulose-food .swiper-button-next:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ct-allulose-usein .slider-allulose-food .swiper-button-disabled {
  background-color: #f3f1f1;
  border-radius: 50%;
}

.ct-allulose-usein .slider-allulose-food .swiper-button-disabled:before {
  background-position-x: 0 !important;
}

.card-slider {
  position: relative;
  height: 630px;
}

.card-slider .slider {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.card-slider .slider li {
  display: inline-block;
  margin-right: 46px;
}

.card-slider .slider li + li .card-mobil {
  margin-left: -3px;
}

.card-slider .slider-button {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  margin: 0 30px;
  outline: none;
  background: url("../images/common/ico_slider_arr.png");
  z-index: 1;
}

.card-slider .slider-button-prev {
  right: 100%;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.card-slider .slider-button-next {
  left: 100%;
}

.card-slider .slide:nth-child(1) .card-side.front {
  background-image: url("../images/sub/allulose/bg_allulose_food_poundcake.jpg");
}

.card-slider .slide:nth-child(2) .card-side.front {
  background-image: url("../images/sub/allulose/bg_allulose_food_marshmallow.jpg");
}

.card-slider .slide:nth-child(3) .card-side.front {
  background-image: url("../images/sub/allulose/bg_allulose_food_chocolate.jpg");
}

.card-slider .slide:nth-child(4) .card-side.front {
  background-image: url("../images/sub/allulose/bg_allulose_food_biscuit.jpg");
}

.card-slider .slide:nth-child(5) .card-side.front {
  background-image: url("../images/sub/allulose/bg_allulose_food_nutritionbar.jpg");
}

.card-slider .slide:nth-child(6) .card-side.front {
  background-image: url("../images/sub/allulose/bg_allulose_food_icecream.jpg");
}

.card-mobil.foods {
  margin: 95px 0 90px;
}

.card-mobil.foods .card {
  width: 366px;
  height: 530px;
  margin: 0;
}

.card-mobil.foods .card.active .card-side.front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.card-mobil.foods .card.active .card-side.back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.card-mobil.foods .card .food {
  text-transform: uppercase;
}

.card-mobil.foods .card-side {
  width: inherit;
  padding: 70px 41px 0;
  font-size: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 10px 13px 94px -36px rgba(0, 0, 0, 0.32);
          box-shadow: 10px 13px 94px -36px rgba(0, 0, 0, 0.32);
}

.card-mobil.foods .card-side:before {
  content: '';
  position: absolute;
  display: block;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 13px;
  height: 13px;
  background-color: #dad8d8;
  border-radius: 50%;
}

.card-mobil.foods .card-side strong {
  font-size: 26px;
  font-weight: 700;
}

.card-mobil.foods .card-side .sugar-per {
  position: relative;
  height: 30px;
  margin-top: 40px;
  color: #9a9a9a;
  overflow: hidden;
}

.card-mobil.foods .card-side .sugar-per:before,
.card-mobil.foods .card-side .sugar-per .bar {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  height: 6px;
  bottom: 0;
  border-radius: 3px;
}

.card-mobil.foods .card-side .sugar-per:before {
  width: 100%;
  background-color: #e8eef1;
}

.card-mobil.foods .card-side .sugar-per .bar {
  background-color: #fa6262;
}

.card-mobil.foods .card-side .sugar-per span {
  line-height: 1;
}

.card-mobil.foods .card-side p {
  white-space: normal;
}

.card-mobil.foods .card-side.front {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center 180px;
}

.card-mobil.foods .card-side.front button {
  position: absolute;
  display: block;
  bottom: 40px;
  left: 50%;
  width: 161px;
  height: 52px;
  margin-left: -80px;
  border: 1px solid #000;
}

.card-mobil.foods .card-side.back {
  background-color: #15afa6;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  cursor: pointer;
  color: #fff;
}

.card-mobil.foods .card-side.back .sugar-per {
  color: inherit;
}

.card-mobil.foods .card-side.back .sugar-per .bar {
  background-color: #0ed1c6;
}

.card-mobil.foods .card-side.back .calorie {
  margin: 45px 70px;
  padding-top: 58px;
  background: url("../images/sub/allulose/img_card_arrow.png") no-repeat center top;
}

.card-mobil.foods .card-side.back .calorie em {
  display: block;
  padding-bottom: 13px;
  line-height: 1;
  font-weight: 500;
  font-size: 50px;
}

.card-mobil.foods .card-side.back .calorie sub {
  bottom: 0;
}

.graph-wrap {
  margin: 55px -22px 0;
}

.graph-wrap .graph-box {
  position: relative;
  width: 606px;
  height: 359px;
  padding: 98px 28px 0;
  background-color: #fff;
}

.graph-wrap .graph-box .unit {
  position: absolute;
  right: 34px;
  top: 50%;
  display: inline-block;
  -webkit-transform: rotate(-90deg) translateX(50%);
  transform: rotate(-90deg) translateX(50%);
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  color: #000;
  z-index: 1;
}

.graph-wrap .graph-box .legend {
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.graph-wrap .graph-box .legend li {
  display: inline-block;
  background-color: #fff;
  color: #333;
  margin: 0 10px;
}

.graph-wrap .graph-box .legend li:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: middle;
}

.graph-wrap .graph-box .legend li.c1:before {
  background-color: #0ed1c6;
}

.graph-wrap .graph-box .legend li.c2:before {
  background-color: #f26977;
}

.graph-wrap .graph-box .grade li {
  text-align: left;
  height: 95px;
  padding-left: 20px;
  position: relative;
  border-top: 1px solid #e6e6e6;
}

.graph-wrap .graph-box .grade li span {
  display: block;
  position: absolute;
  width: 20px;
  left: 0;
  top: -12px;
  background-color: #fff;
  font-size: 12px;
}

.graph-wrap .graph-box .grade li:last-child {
  height: auto;
}

.graph-wrap .graph-box .bar-chart {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 30px;
}

.graph-wrap .graph-box .bar-chart li {
  position: relative;
  display: inline-block;
  width: 32px;
  margin: 0 21px;
  height: 100%;
}

.graph-wrap .graph-box .bar-chart li span {
  position: absolute;
  display: block;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}

.graph-wrap .graph-box .bar-chart li .c1 {
  background-color: #0ed1c6 !important;
}

.graph-wrap .graph-box .bar-chart li .c2 {
  background-color: #f26977 !important;
}

.graph-wrap .graph-box .bar-chart li .bar {
  width: 32px;
  bottom: 0;
  background-color: #a8a8a8;
  border-radius: 30px;
}

.graph-wrap .graph-box .bar-chart li .bar.bg {
  background: url("../images/sub/img_hatched_17x17.gif");
}

.graph-wrap .graph-box .bar-chart li .bar.bg em {
  position: inherit;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -webkit-transition: height 1s 1s;
  transition: height 1s 1s;
}

.graph-wrap .graph-box .bar-chart li .item {
  width: 200%;
  top: 100%;
  padding-top: 10px;
  font-size: 13px;
  color: #222;
}

.graph-wrap .graph-box .area {
  position: relative;
}

.graph-wrap .graph-box.t2 {
  width: 564px;
}

.graph-wrap .graph-box.t2 .grade li {
  padding-left: 35px;
  border-top: 1px dashed #ccc;
  height: 27px;
}

.graph-wrap .graph-box.t2 .grade li span {
  width: 35px;
}

.graph-wrap .graph-box.t2 .grade li:last-child {
  height: auto;
  border-top-style: solid;
}

.graph-wrap .graph-box.t2 .bar-chart li {
  width: 114px;
  margin: 0 40px;
}

.graph-wrap .graph-box.t2 .bar-chart li .bar {
  width: 52px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.graph-wrap .graph-box.t2 .bar-chart li .bar:nth-child(1) {
  left: 0;
}

.graph-wrap .graph-box.t2 .bar-chart li .bar:nth-child(2) {
  right: 0;
  left: initial;
}

.graph-wrap .graph-box.t2 .bar-chart li .item {
  width: 110%;
}

.graph-wrap.active .graph-box.t1 .bar em {
  height: 50% !important;
}

.graph-wrap.active .graph-box.t2 .bar em {
  height: 30% !important;
}

.visual-ct {
  position: relative;
  overflow: hidden;
}

.visual-ct .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/sub/allulose/img_picture_tasting.jpg") no-repeat 50% 0;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: .7s .3s;
  transition: .7s .3s;
}

.visual-ct.active .bg {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.visual-ct.active .inner p {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.visual-ct .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  width: 1148px;
  height: 500px;
  margin: 0 auto;
}

.visual-ct .inner p {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-transition: .7s .6s;
  transition: .7s .6s;
}

.ct-visual-cjpha {
  height: 400px;
  background-image: url("../images/sub/cj_pha/bg_plastic_waste_sea.jpg");
  background-position: 50% -130px;
  -webkit-transition: background-position-y 2s ease-out;
  transition: background-position-y 2s ease-out;
}

.ct-visual-cjpha.ani-up {
  background-position-y: -750px;
}

.cjpha .card-mobil.type2 .card-side.front:before {
  content: '';
  display: block;
  width: 95px;
  height: 95px;
  margin: 72px auto 45px;
  background: url("../images/sub/cj_pha/img_cjpha_card.png");
}

.cjpha .card-mobil.type2 .card:nth-of-type(2) .card-side.front:before {
  background-position-x: -95px;
}

.cjpha .card-mobil.type2 .card:nth-of-type(3) .card-side.front:before {
  background-position-x: -190px;
}

.ct-pha-lifecycle {
  background-color: #f7f7f7;
  text-align: center;
}

.ct-pha-lifecycle .cycle-container {
  display: block;
  position: relative;
  width: 574px;
  height: 574px;
  margin: 128px auto 50px;
  padding: 72px;
  border-radius: 50%;
  border: 8px dotted #ddd;
  color: #fff;
}

.ct-pha-lifecycle .cycle-container:before {
  content: 'BIO DEGRADABLE';
  display: block;
  width: 424px;
  height: 424px;
  padding-top: 200px;
  border-radius: inherit;
  background-color: #3ac7c6;
  font-size: 20px;
}

.ct-pha-lifecycle .cycle-container:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  background: url("../images/sub/cj_pha/ico_arr_cjpha_cycle.png");
}

.ct-pha-lifecycle .cycle-container.active .item {
  -webkit-animation-name: scaleAnimation;
  animation-name: scaleAnimation;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ct-pha-lifecycle .cycle-container.active .item:nth-of-type(2) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.ct-pha-lifecycle .cycle-container.active .item:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.ct-pha-lifecycle .cycle-container.active .item:nth-of-type(4) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

@-webkit-keyframes cycleAnimation {
  25% {
    background: url("../images/sub/cj_pha/ico_arr_cjpha_cycle_02.png");
  }
  50% {
    background: url("../images/sub/cj_pha/ico_arr_cjpha_cycle_03.png");
  }
  75% {
    background: url("../images/sub/cj_pha/ico_arr_cjpha_cycle_04.png");
  }
  100% {
    background: url("../images/sub/cj_pha/ico_arr_cjpha_cycle_01.png");
  }
}

@keyframes cycleAnimation {
  25% {
    background: url("../images/sub/cj_pha/ico_arr_cjpha_cycle_02.png");
  }
  50% {
    background: url("../images/sub/cj_pha/ico_arr_cjpha_cycle_03.png");
  }
  75% {
    background: url("../images/sub/cj_pha/ico_arr_cjpha_cycle_04.png");
  }
  100% {
    background: url("../images/sub/cj_pha/ico_arr_cjpha_cycle_01.png");
  }
}

@-webkit-keyframes scaleAnimation {
  75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleAnimation {
  75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.ct-pha-lifecycle .item {
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  font-size: 17px;
  line-height: 1.2;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  color: #444;
}

.ct-pha-lifecycle .item:before {
  content: '';
  display: block;
  width: 101px;
  height: 70px;
  margin: 56px auto 20px;
  background: #fff url("../images/sub/cj_pha/img_cjpha_cycle_02.png") no-repeat 0 0;
}

.ct-pha-lifecycle .item:nth-of-type(1) {
  top: -55px;
  left: 15px;
  margin-left: -20px;
}

.ct-pha-lifecycle .item:nth-of-type(1):before {
  content: none;
}

.ct-pha-lifecycle .item:nth-of-type(2) {
  top: 0;
  right: 0;
  margin-right: -20px;
}

.ct-pha-lifecycle .item:nth-of-type(3) {
  bottom: 0;
  right: 0;
  margin-left: -20px;
}

.ct-pha-lifecycle .item:nth-of-type(3):before {
  background-position-x: -101px;
}

.ct-pha-lifecycle .item:nth-of-type(4) {
  left: 0;
  bottom: 0;
  margin-right: -20px;
}

.ct-pha-lifecycle .item:nth-of-type(4):before {
  background-position-x: -202px;
}

.ct-pha-lifecycle .item:not(:nth-of-type(1)) {
  background-color: #fff;
  -webkit-box-shadow: 18px 18px 54px -24px rgba(0, 0, 0, 0.28);
          box-shadow: 18px 18px 54px -24px rgba(0, 0, 0, 0.28);
}

.pha-biodegradable-process {
  text-align: center;
}

.pha-biodegradable-process .tit-round {
  margin-top: 90px;
}

.pha-biodegradable-process .marine-process {
  height: 662px;
  background: url("../images/sub/cj_pha/bg_cjpha_fish.png") repeat-x 100% 58px, url("../images/sub/cj_pha/bg_cjpha_sea.gif") repeat-x 0 100%;
  -webkit-transition: background-position-x 4s linear;
  transition: background-position-x 4s linear;
}

.pha-biodegradable-process .marine-process .cont {
  width: 896px;
  margin: 0 auto;
  padding: 88px 0 0;
}

.pha-biodegradable-process .marine-process .steps {
  border: 1px solid #2b3f65;
  border-top: none;
}

.pha-biodegradable-process .marine-process .steps:after {
  content: '';
  display: table;
  width: 100%;
}

.pha-biodegradable-process .marine-process .steps li {
  position: relative;
  width: 33.33%;
  height: 467px;
  float: left;
}

.pha-biodegradable-process .marine-process .steps li + li {
  border-left: 2px dashed rgba(0, 0, 0, 0.3);
}

.pha-biodegradable-process .marine-process .step:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 29px;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.pha-biodegradable-process .marine-process .step1:before {
  left: 20px;
  width: 301px;
  height: 274px;
  background: url("../images/sub/cj_pha/img_cjpha_trash_01.png");
}

.pha-biodegradable-process .marine-process .step2:before {
  width: 313px;
  height: 194px;
  background: url("../images/sub/cj_pha/img_cjpha_trash_02.png");
}

.pha-biodegradable-process .marine-process .step3:before {
  left: 20px;
  width: 138px;
  height: 32px;
  background: url("../images/sub/cj_pha/img_cjpha_trash_03.png");
}

.pha-biodegradable-process .marine-process .per-pop {
  position: relative;
  display: block;
  width: 162px;
  height: 126px;
  margin: -88px auto 0;
  padding-top: 30px;
  background-color: #f6f5f5;
  border-radius: 50%;
  color: #768586;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.pha-biodegradable-process .marine-process .per-pop .unit {
  display: block;
  font-family: "CJ onlyOne";
  font-weight: 700;
  font-size: 25px;
  color: #2b3f65;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.pha-biodegradable-process .marine-process .per-pop:before {
  content: '';
  display: block;
  position: absolute;
  top: 70%;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 70px solid #2b3f65;
  -webkit-transform: skewX(-37deg);
  transform: skewX(-37deg);
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  z-index: -1;
}

.pha-biodegradable-process .marine-process .step1 .per-pop,
.pha-biodegradable-process .marine-process .step1 .per-pop:before,
.pha-biodegradable-process .marine-process .step1 .unit, .pha-biodegradable-process .marine-process .step1:before {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.pha-biodegradable-process .marine-process .step2 .per-pop,
.pha-biodegradable-process .marine-process .step2 .per-pop:before,
.pha-biodegradable-process .marine-process .step2 .unit, .pha-biodegradable-process .marine-process .step2:before {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.pha-biodegradable-process .marine-process .step3 .per-pop,
.pha-biodegradable-process .marine-process .step3 .per-pop:before,
.pha-biodegradable-process .marine-process .step3 .unit, .pha-biodegradable-process .marine-process .step3:before {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.pha-biodegradable-process .marine-process .process-bar {
  position: relative;
  width: 0;
  height: 59px;
  top: -30px;
  margin: 0 70px 0 35px;
  background-image: url("../images/sub/cj_pha/img_pha_process_bar.png");
  -webkit-box-shadow: -30px 30px 60px -12px rgba(0, 0, 0, 0.25);
          box-shadow: -30px 30px 60px -12px rgba(0, 0, 0, 0.25);
  font-size: 18px;
  color: #27657a;
  -webkit-transition: width 3s 1s;
  transition: width 3s 1s;
}

.pha-biodegradable-process .marine-process .process-bar span {
  display: block;
  padding: 5px 60px 0;
  opacity: 0;
  -webkit-transition: opacity 1s 3.5s;
  transition: opacity 1s 3.5s;
}

.pha-biodegradable-process .marine-process .process-bar span em {
  font-size: 30px;
}

.pha-biodegradable-process .marine-process.active {
  background-position-x: -30%;
}

.pha-biodegradable-process .marine-process.active .step .per-pop {
  -webkit-animation-name: popAnimation;
  animation-name: popAnimation;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.pha-biodegradable-process .marine-process.active .step .per-pop:before {
  -webkit-animation-name: pickAnimation;
  animation-name: pickAnimation;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.pha-biodegradable-process .marine-process.active .step .per-pop .unit {
  -webkit-animation-name: unitAnimation;
  animation-name: unitAnimation;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.pha-biodegradable-process .marine-process.active .step:before {
  opacity: 1;
}

@-webkit-keyframes popAnimation {
  from {
    background-color: #f6f5f5;
    color: #768586;
  }
  to {
    background-color: #2b3f65;
    color: rgba(255, 255, 255, 0.4);
  }
}

@keyframes popAnimation {
  from {
    background-color: #f6f5f5;
    color: #768586;
  }
  to {
    background-color: #2b3f65;
    color: rgba(255, 255, 255, 0.4);
  }
}

@-webkit-keyframes pickAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes pickAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes unitAnimation {
  from {
    color: #2b3f65;
  }
  to {
    color: #fff;
  }
}

@keyframes unitAnimation {
  from {
    color: #2b3f65;
  }
  to {
    color: #fff;
  }
}

.pha-biodegradable-process .marine-process.active .process-bar {
  width: 821px;
}

.pha-biodegradable-process .marine-process.active .process-bar span {
  opacity: 1;
}

.ct-solution.cjpha .solution-list {
  margin-left: -0px;
  margin-right: -0px;
}

.ct-solution.cjpha .solution-list:after {
  content: '';
  display: table;
  width: 100%;
}

.ct-solution.cjpha .solution-list li {
  float: left;
  width: calc(20% - 0px) !important;
  margin-left: 0px;
  margin-right: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ct-solution.cjpha .solution-list li {
  position: relative;
  margin: 50px 0 10px;
  height: 350px;
  font-size: 18px;
  color: #222;
}

.ct-solution.cjpha .solution-list li + li {
  border-left: 1px dashed #ccc;
}

.ct-solution.cjpha .solution-list li:before {
  content: '';
  display: block;
  width: 182px;
  height: 182px;
  margin: 14px auto 54px;
  background-image: url("../images/sub/cj_pha/img_pha_solution.png");
}

.ct-solution.cjpha .solution-list li:nth-child(2):before {
  background-position-x: -182px;
}

.ct-solution.cjpha .solution-list li:nth-child(3):before {
  background-position-x: -364px;
}

.ct-solution.cjpha .solution-list li:nth-child(4):before {
  background-position-x: -546px;
}

.ct-solution.cjpha .solution-list li:nth-child(5):before {
  background-position-x: -728px;
}

.ct-solution.cjpha .solution-list li .more {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.amiboost .card-mobil.t-circle .card {
  width: 290px;
  height: 290px;
  background: url("../images/sub/amiboost/img_amiboost_intro.png");
}

.amiboost .card-mobil.t-circle .card:after {
  background-color: #fff;
}

.amiboost .card-mobil + .tit {
  margin-top: 80px;
}

.amiboost .h2.divider {
  margin-top: 90px;
  padding-top: 90px;
}

.amiboost .h2.divider:before {
  content: '';
  display: block;
  position: relative;
  width: 40px;
  height: 1px;
  margin: 0 auto;
  top: -90px;
  border-top: 1px solid #999;
}

.amiboost .desc:nth-of-type(2) {
  position: relative;
  z-index: 1;
}

.amiboost .pop-container {
  display: inline-block;
  position: relative;
  width: 23px;
  height: 23px;
  line-height: 1;
}

.amiboost .pop-container .btn-question {
  display: inline-block;
  width: inherit;
  height: inherit;
  background: url("../images/sub/amiboost/ico_question.png");
  vertical-align: text-bottom;
}

.amiboost .pop-container .pop-question {
  display: none;
  position: absolute;
  right: 10px;
  top: 65px;
  width: 470px;
  padding: 40px 45px;
  background-color: #fff;
  border: 1px solid #222;
  -webkit-box-shadow: 10px 10px 78px -22px rgba(0, 0, 0, 0.42);
          box-shadow: 10px 10px 78px -22px rgba(0, 0, 0, 0.42);
}

.amiboost .pop-container .pop-question:before {
  content: '';
  position: inherit;
  right: -1px;
  bottom: 100%;
  display: block;
  width: 25px;
  height: 28px;
  background-image: url("../images/sub/amiboost/ico_pick_pop.png");
}

.amiboost .pop-container .pop-question strong {
  display: block;
  padding-bottom: 15px;
  font-size: 17px;
  color: #000;
}

.amiboost .pop-container .pop-question p {
  font-size: 16px;
  line-height: 1.6;
}

.ammiboost-plant-nutrition {
  text-align: center;
  background-color: #fbfafa;
}

.ammiboost-plant-nutrition .tit-round {
  background-color: #fff;
}

.ammiboost-plant-nutrition .leaflet-box {
  background-color: #f8f6f6;
  padding: 70px 0;
}

.ammiboost-plant-nutrition .leaflet-box .text-cont {
  background-color: #fff;
  padding: 155px 590px 60px 70px;
}

.ammiboost-plant-nutrition .leaflet-box .text-cont:after {
  content: '';
  display: table;
  width: 100%;
}

.ammiboost-plant-nutrition .leaflet-box .text-cont .title {
  padding-bottom: 55px;
  font-size: 18px;
  font-weight: 300;
}

.ammiboost-plant-nutrition .leaflet-box .text-cont .title span {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  font-weight: 700;
  color: #222;
}

.ammiboost-plant-nutrition .leaflet-box .text-cont .subject {
  display: block;
  margin-top: 60px;
  font-size: 18px;
  color: #222;
}

.ammiboost-plant-nutrition .leaflet-box .text-cont .desc {
  margin-top: 15px;
  font-size: 16px;
  color: #666;
}

.ammiboost-plant-nutrition .leaflet-box .text-cont:nth-child(1) {
  background: #fff url("../images/sub/amiboost/img_amiboost_photo_01.jpg") no-repeat 666px 155px;
}

.ammiboost-plant-nutrition .leaflet-box .text-cont:nth-child(2) {
  padding-bottom: 124px;
  background: #fff url("../images/sub/amiboost/img_amiboost_photo_02.jpg") no-repeat 666px 155px;
}

.aminature-amino .card-mobil .card {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 100px;
}

.aminature-amino .card-mobil .card:nth-child(2), .aminature-amino .card-mobil .card:nth-child(4) {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.aminature-amino .card-mobil .card:nth-of-type(1) {
  z-index: 3;
}

.aminature-amino .card-mobil .card:nth-of-type(2) {
  z-index: 2;
}

.aminature-amino .card-mobil .card:nth-of-type(3) {
  z-index: 1;
}

.aminature-amino .card-mobil .card-side.front {
  background-color: #f9f9f9;
}

.aminature-product {
  position: relative;
  padding: 60px 0 100px;
  background-color: #f9f9f9;
}

.aminature-product * {
  outline: 0;
}

.aminature-product .h2 {
  padding-bottom: 100px;
}

.aminature-product .slick-list {
  overflow: visible !important;
}

.aminature-product .slide {
  width: 260px;
  height: 340px;
  text-align: center;
}

.aminature-product .pd-info-thumb {
  position: relative;
  left: 0;
  display: block;
  width: 260px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}

.aminature-product .pd-info-thumb img {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.aminature-product .pd-info-thumb:after {
  content: '';
  display: block;
  position: absolute;
  width: 300px;
  height: 25px;
  left: -20px;
  bottom: -10px;
  background: url("../images/sub/aminature/bg_shadow.png") no-repeat center bottom/cover;
  z-index: 0;
}

.aminature-product .pd-info-name {
  display: inline-block;
  margin-top: 40px;
}

.aminature-product .pd-info-text {
  display: none;
  width: 500px;
  text-align: left;
  line-height: 2;
  font-size: 17px;
}

.aminature-product .pd-info-text .name {
  font-size: 22px;
  color: #222;
}

.aminature-product .pd-info-text .text {
  margin-top: 20px;
  padding-right: 30px;
}

.aminature-product .button-pd-download {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  margin-top: 35px;
  background: #181819 url("../images/sub/aminature/ico_down_leaflet.png") no-repeat 21px 50%;
  outline: none;
  overflow: hidden;
  -webkit-transition: width .5s;
  transition: width .5s;
}

.aminature-product .button-pd-download span {
  display: inline-block;
  height: 100%;
  padding-left: 59px;
  line-height: 60px;
  font-size: 17px;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.aminature-product .button-pd-download:hover {
  width: 182px;
}

.aminature-product .button-pd-download:hover span {
  opacity: 1;
}

.aminature-product .button-pd-close {
  display: none;
  position: absolute;
  right: 100px;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/sub/ico_close_16x16.png") no-repeat 50% 50%;
  opacity: 0;
}

.aminature-product .slider-pd-popup.active:before {
  background-color: #f9f9f9;
}

.aminature-product .slider-pd-popup.active .pd-info-thumb {
  left: -260px;
}

.aminature-product .slider-pd-popup.active .pd-info-text {
  left: 300px;
  opacity: 1;
}

.aminature-product .slider-pd-popup.active .button-pd-close {
  opacity: 1;
}

.aminature-product .slider-pd-popup {
  position: absolute;
  left: 50%;
  width: 820px;
  height: 340px;
  top: 204px;
  margin-left: -410px;
  overflow: hidden;
  z-index: -1;
}

.aminature-product .slider-pd-popup .pd-info {
  position: relative;
  z-index: 5;
}

.aminature-product .slider-pd-popup .pd-info-thumb {
  cursor: default;
  -webkit-transition: .5s;
  transition: .5s;
}

.aminature-product .slider-pd-popup .pd-info-thumb:after {
  content: none;
}

.aminature-product .slider-pd-popup .pd-info-name {
  display: none;
}

.aminature-product .slider-pd-popup .pd-info-text {
  position: absolute;
  left: 600px;
  top: 0;
  display: block;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.aminature-product .slider-pd-popup .button-pd-close {
  display: block;
}

.aminature-product .slider-pd-popup:before {
  content: '';
  position: absolute;
  display: block;
  left: 15px;
  right: 15px;
  height: 100%;
  background-color: transparent;
  -webkit-transition: .3s;
  transition: .3s;
}

.aminature-product .slider-pd-popup.zactive {
  z-index: 5;
}

.aminature-product .button-slider {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 340px;
  background: url("../images/common/ico_slider_arr.png");
  z-index: 10;
}

.aminature-product .button-slider-left {
  left: 20px;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

.aminature-product .button-slider-right {
  right: 20px;
}

.aminature-life .tab {
  position: relative;
  height: 216px;
}

.aminature-life .tab li {
  position: relative;
  float: left;
  width: 25%;
  height: 214px;
  text-align: center;
}

.aminature-life .tab li .tab-link {
  display: block;
  height: 100%;
  padding-top: 24px;
  font-size: 18px;
}

.aminature-life .tab li .tab-link:before {
  content: '';
  display: block;
  height: 110px;
  margin: 0 auto 25px;
}

.aminature-life .tab li.active .tab-link {
  background-color: #f7f7f7;
  color: #444;
}

.aminature-life .tab li.active .tab-link:before {
  background-position-x: -100%;
}

.aminature-life .tab li:nth-child(1) a:before {
  width: 121px;
  background-image: url("../images/sub/aminature/img_tabmenu_01.png");
  background-position-y: bottom;
}

.aminature-life .tab li:nth-child(1).active a::before {
  height: 146px;
  margin-top: -36px;
}

.aminature-life .tab li:nth-child(2) a:before {
  width: 160px;
  height: 110px;
  background-image: url("../images/sub/aminature/img_tabmenu_02.png");
}

.aminature-life .tab li:nth-child(3) a:before {
  width: 141px;
  height: 110px;
  background-image: url("../images/sub/aminature/img_tabmenu_03.png");
}

.aminature-life .tab li:nth-child(4) a:before {
  width: 161px;
  background-image: url("../images/sub/aminature/img_tabmenu_04.png");
  background-position-y: bottom;
}

.aminature-life .tab li:nth-child(4).active a::before {
  height: 142px;
  margin-top: -32px;
}

.aminature-life .tab li + li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #ddd;
}

.aminature-life .tab-menu {
  width: 896px;
  height: 100%;
  margin: 0 auto;
  border: 1px solid #ddd;
}

.aminature-life .tab-menu:after {
  content: '';
  display: table;
  width: 100%;
}

.aminature-life .tab-menu.fixed {
  overflow: hidden;
  position: fixed;
  top: 81px;
  left: 0;
  right: 0;
  width: 100%;
  height: 180px;
  background-color: #fff;
  border: none;
  text-align: center;
  -webkit-box-shadow: -10px 25px 89px -8px rgba(0, 0, 0, 0.06);
          box-shadow: -10px 25px 89px -8px rgba(0, 0, 0, 0.06);
  z-index: 10;
}

.aminature-life .tab-menu.fixed > li {
  display: inline-block;
  width: 224px;
  height: inherit;
  margin-right: -4px;
  float: none;
}

.aminature-life .tab-menu.fixed > li + li:before {
  height: auto;
  top: 42px;
  bottom: 30px;
}

.aminature-life .tab-menu.fixed li.active .tab-link {
  background-color: #fff;
}

.aminature-life .tab-menu.fixed .tab-link {
  padding-top: 42px;
  overflow: hidden;
}

.aminature-life .tab-content {
  margin-top: 45px;
}

.aminature-life .tab-content .sport .visual-area {
  background-image: url("../images/sub/aminature/img_visual_life_sport.jpg");
}

.aminature-life .tab-content .nutraceutical .visual-area {
  background-image: url("../images/sub/aminature/img_visual_life_nutraceutical.jpg");
}

.aminature-life .tab-content .food .visual-area {
  background-image: url("../images/sub/aminature/img_visual_life_food_processing.jpg");
}

.aminature-life .tab-content .beauty .visual-area {
  background-image: url("../images/sub/aminature/img_visual_life_beauty_care.jpg");
}

.tastenrich-solutions {
  background: #f7f7f7 url("../images/sub/tastenrich/bg_illust_foods.gif") no-repeat center top;
  text-align: center;
}

.tastenrich-solutions .txt-em {
  color: #61922b;
}

.tastenrich-solutions .slider-tastenrich {
  width: 1190px;
  margin: 40px auto 0;
  font-size: 18px;
}

.tastenrich-solutions .slider-tastenrich .swiper-container {
  -webkit-box-shadow: 0px 74px 56px -50px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 74px 56px -50px rgba(0, 0, 0, 0.15);
}

.tastenrich-solutions .slider-tastenrich .pagination {
  position: static;
  margin-bottom: 50px;
}

.tastenrich-solutions .slider-tastenrich .pagination:after {
  content: '';
  display: table;
  width: 100%;
}

.tastenrich-solutions .slider-tastenrich .pagination .pagination-button {
  position: relative;
  display: block;
  width: 20%;
  height: 240px;
  float: left;
  padding-top: 140px;
  background-color: #fff;
  color: #444;
  font-weight: 500;
  outline: none;
}

.tastenrich-solutions .slider-tastenrich .pagination .pagination-button:before {
  content: '';
  position: absolute;
  display: block;
  width: 110px;
  height: 110px;
  top: 35px;
  left: 50%;
  margin-left: -55px;
}

.tastenrich-solutions .slider-tastenrich .pagination .pagination-button:before {
  background: url("../images/sub/tastenrich/img_thumb_solutions.png") no-repeat 0 0;
}

.tastenrich-solutions .slider-tastenrich .pagination .pagination-button:nth-child(2):before {
  background-position-x: -110px;
}

.tastenrich-solutions .slider-tastenrich .pagination .pagination-button:nth-child(3):before {
  background-position-x: -220px;
}

.tastenrich-solutions .slider-tastenrich .pagination .pagination-button:nth-child(4):before {
  background-position-x: -330px;
}

.tastenrich-solutions .slider-tastenrich .pagination .pagination-button:nth-child(5):before {
  background-position-x: -440px;
}

.tastenrich-solutions .slider-tastenrich .pagination .pagination-button:nth-child(6):before {
  background-position-x: -550px;
}

.tastenrich-solutions .slider-tastenrich .pagination button.active {
  background-color: #61922b;
  color: #fff;
}

.tastenrich-solutions .slider-tastenrich .pagination button.active:after,
.tastenrich-solutions .slider-tastenrich .pagination button.active + button:after {
  content: none;
}

.tastenrich-solutions .slider-tastenrich .pagination button + button:after {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #ddd;
  top: 0;
  right: 100%;
}

.tastenrich-solutions .slider-tastenrich .swiper-slide .slide-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 562px;
  height: 100%;
  background-image: url("../images/sub/tastenrich/bg_solutions_slide.jpg");
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.tastenrich-solutions .slider-tastenrich .swiper-slide:nth-child(2) .slide-item:before {
  background-position-x: -562px;
}

.tastenrich-solutions .slider-tastenrich .swiper-slide:nth-child(3) .slide-item:before {
  background-position-x: -1124px;
}

.tastenrich-solutions .slider-tastenrich .swiper-slide:nth-child(4) .slide-item:before {
  background-position-x: -1686px;
}

.tastenrich-solutions .slider-tastenrich .swiper-slide:nth-child(5) .slide-item:before {
  background-position-x: -2248px;
}

.tastenrich-solutions .slider-tastenrich .slide-item {
  position: relative;
  height: 576px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 75px 540px 75px 100px;
  text-align: left;
}

.tastenrich-solutions .slider-tastenrich .slide-item strong {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
  color: #222;
}

.tastenrich-solutions .slider-tastenrich .slide-item ul {
  margin-top: 25px;
}

.tastenrich-solutions .slider-tastenrich .slide-item ul li {
  position: relative;
  margin-top: 10px;
  padding-left: 40px;
  background: url("../images/sub/tastenrich/blt_check.png") no-repeat 0 0;
  font-size: 18px;
}

.tastenrich-solutions .slider-tastenrich .slide-item p {
  position: relative;
  margin-top: 55px;
  z-index: 2;
}

.tastenrich-solutions .slider-tastenrich .swiper-button-wrap {
  position: absolute;
  left: 100px;
  bottom: 70px;
  width: 130px;
  height: 60px;
  z-index: 1;
}

.tastenrich-solutions .slider-tastenrich .swiper-button-wrap button {
  display: block;
  width: 60px;
  height: 60px;
  top: initial;
  bottom: 0;
}

.tastenrich-solutions .slider-tastenrich .swiper-button-wrap button:before {
  position: absolute;
  content: '';
  display: block;
  width: 28px;
  height: 14px;
  top: 23px;
  left: 17px;
  background: url("../images/sub/ico_arr_slider.png");
}

.tastenrich-solutions .slider-tastenrich .swiper-button-wrap button:after {
  content: 'none';
}

.tastenrich-solutions .slider-tastenrich .swiper-button-prev {
  left: 0;
}

.tastenrich-solutions .slider-tastenrich .swiper-button-next {
  right: 0;
}

.tastenrich-solutions .slider-tastenrich .swiper-button-next:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tastenrich-solutions .slider-tastenrich .swiper-button-disabled {
  background-color: #f3f1f1;
  border-radius: 50%;
}

.tastenrich-solutions .slider-tastenrich .swiper-button-disabled:before {
  background-position-x: 0 !important;
}

.flavornrich-solutions {
  background: #f7f7f7;
  text-align: center;
}

.flavornrich-solutions .txt-em {
  color: #133b23;
}

.flavornrich-solutions .card-mobil {
  margin-top: 200px;
}

.flavornrich-solutions .card-mobil.type2 .card {
  width: 330px;
  height: 590px;
}

.flavornrich-solutions .card-mobil.type2 .card.active .card-side.front {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.flavornrich-solutions .card-mobil.type2 .card.active .card-side.back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front:before {
  display: none;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front [class^=ico-] {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 83px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front [class^=ico-]:before {
  content: '';
  display: block;
  width: 100%;
  height: 212px;
  margin: 0 auto 25px;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front [class^=ico-].ico-itm1:before {
  background: url(../images/sub/flavornrich/ico-card-side-itm1.png) center 0 no-repeat;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front [class^=ico-].ico-itm2:before {
  background: url(../images/sub/flavornrich/ico-card-side-itm2.png) center 0 no-repeat;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front [class^=ico-].ico-itm3:before {
  background: url(../images/sub/flavornrich/ico-card-side-itm3.png) center 0 no-repeat;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front [class^=ico-] .txt {
  width: 100%;
  height: 170px;
  overflow: hidden;
  font-size: 17px;
  line-height: 2.05;
  color: #444;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front [class^=ico-] .details {
  position: absolute;
  bottom: 40px;
  left: 0px;
  width: 100%;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.front [class^=ico-] .details span {
  display: inline-block;
  width: 140px;
  height: 52px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 12px;
  border: 1px solid #5d5d5d;
  text-align: center;
  font-size: 16px;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.back {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-box-shadow: 22px 40px 81px -13px rgba(0, 0, 0, 0.2);
          box-shadow: 22px 40px 81px -13px rgba(0, 0, 0, 0.2);
  background: url("../images/sub/img_circle_grey_13x13.png") center 20px no-repeat #133b23;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.back .memo {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.back .memo .tit {
  padding-bottom: 40px;
  text-align: center;
  color: #fff;
  font-size: 26px;
}

.flavornrich-solutions .card-mobil.type2 .card .card-side.back .memo .txt {
  padding: 0 40px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  line-height: 2.05;
}

.flavornrich-three {
  position: relative;
  width: 100%;
  background: #f7f7f7;
}

.flavornrich-three:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  min-height: 560px;
  background: #133b23;
}

.flavornrich-three .inner {
  padding-bottom: 0px;
}

.flavornrich-three .inner .h2 {
  position: relative;
  padding-bottom: 70px;
  font-size: 32px;
  color: #fff;
}

.flavornrich-three .inner .txt {
  position: relative;
  padding-bottom: 70px;
  font-size: 17px;
  line-height: 2;
  text-align: center;
  color: #fff;
}

.flavornrich-three .inner .three {
  position: relative;
  width: 100%;
  height: 650px;
}

.flavornrich-three .inner .three:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/sub/flavornrich/three-bg.png) 0 0 no-repeat;
  z-index: 2;
  pointer-events: none;
}

.flavornrich-three .inner .three.on dl dd {
  max-width: 590px;
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.flavornrich-three .inner .three.on dl dd .txt p {
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.flavornrich-three .inner .three.on dl dd.typ1 {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.flavornrich-three .inner .three.on dl dd.typ1 .txt p {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.flavornrich-three .inner .three.on dl dd.typ2 {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.flavornrich-three .inner .three.on dl dd.typ2 .txt p {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.flavornrich-three .inner .three.on dl dd.typ3 {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.flavornrich-three .inner .three.on dl dd.typ3 .txt p {
  -webkit-transition-delay: .7s;
          transition-delay: .7s;
}

.flavornrich-three .inner .three dl {
  position: relative;
}

.flavornrich-three .inner .three dl dt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.flavornrich-three .inner .three dl dd {
  position: absolute;
  width: 100%;
  max-width: 145px;
  height: 152px;
  padding: 0 0 0 165px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}

.flavornrich-three .inner .three dl dd:before {
  content: '';
  position: absolute;
  top: 0px;
  left: -50px;
  display: block;
  width: 50px;
  height: 152px;
}

.flavornrich-three .inner .three dl dd:after {
  content: '';
  position: absolute;
  top: 0px;
  right: -50px;
  display: block;
  width: 50px;
  height: 152px;
}

.flavornrich-three .inner .three dl dd.typ1 {
  top: 0px;
  left: 370px;
  background: #c8a063;
}

.flavornrich-three .inner .three dl dd.typ1:before {
  display: none;
}

.flavornrich-three .inner .three dl dd.typ1:after {
  width: 0px;
  height: 0px;
  border-top: 76px solid transparent;
  border-bottom: 76px solid transparent;
  border-right: 0;
  border-left: 50px solid #c8a063;
}

.flavornrich-three .inner .three dl dd.typ2 {
  top: 151px;
  left: 470px;
  background: #9d9d9d;
}

.flavornrich-three .inner .three dl dd.typ2:before {
  background: #9d9d9d;
}

.flavornrich-three .inner .three dl dd.typ2:after {
  width: 0px;
  height: 0px;
  border-top: 76px solid transparent;
  border-bottom: 76px solid transparent;
  border-right: 0;
  border-left: 50px solid #9d9d9d;
}

.flavornrich-three .inner .three dl dd.typ3 {
  top: 302px;
  left: 570px;
  background: #333;
}

.flavornrich-three .inner .three dl dd.typ3:before {
  background: #333;
}

.flavornrich-three .inner .three dl dd.typ3:after {
  width: 0px;
  height: 0px;
  border-top: 76px solid transparent;
  border-bottom: 76px solid transparent;
  border-right: 0;
  border-left: 50px solid #333;
}

.flavornrich-three .inner .three dl dd .txt {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
}

.flavornrich-three .inner .three dl dd .txt p {
  opacity: 0;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
}

.flavornrich-video {
  position: relative;
  width: 100%;
}

.flavornrich-video:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  min-height: 600px;
  background: #f7f7f7;
}

.flavornrich-video .inner {
  padding-top: 0px;
}

.flavornrich-video .inner .h2 {
  position: relative;
  padding-bottom: 140px;
  font-size: 40px;
  color: #000;
}

.flavornrich-video .inner .h2:before {
  content: '';
  position: absolute;
  top: 80px;
  left: 50%;
  display: block;
  width: 1px;
  min-height: 40px;
  background: #000;
  opacity: .4;
}

.flavornrich-video .inner .video-box {
  position: relative;
  width: 100%;
  height: 580px;
  background: #000;
  -webkit-box-shadow: 50px 60px 80px -15px rgba(0, 0, 0, 0.38);
          box-shadow: 50px 60px 80px -15px rgba(0, 0, 0, 0.38);
}

.flavornrich-video .inner .txt {
  padding-top: 200px;
  font-size: 28px;
  line-height: 1.4;
  text-align: center;
  font-weight: 500;
  color: #222;
}

.flavornrich-explore-flavor .visual-tit {
  position: relative;
  height: 410px;
  text-align: center;
  background: url("../images/sub/flavornrich/img_explore_flavor.jpg") no-repeat center center;
}

.flavornrich-explore-flavor .visual-tit .tit {
  padding-top: 100px;
  font-size: 32px;
  line-height: 1.4;
  color: #fff;
}

.flavornrich-explore-flavor .visual-tit .txt {
  padding-top: 30px;
  font-size: 18px;
  line-height: 1.8;
  color: #d2d1d0;
}

.flavornrich-food-container {
  position: relative;
  height: 930px;
  background: #c8a063 url(../images/sub/flavornrich/bg_flavornrich_food_container.gif) no-repeat center top;
}

.flavornrich-food-container .sub-title {
  padding-top: 800px;
  text-align: center;
  font-size: 18px;
  color: #000;
}

.flavornrich-food-list {
  position: absolute;
  top: 140px;
  left: 50%;
  width: 1300px;
  height: 646px;
  margin-left: -650px;
}

.flavornrich-food-list button {
  position: absolute;
  width: 44px;
  height: 44px;
  font-size: 0;
  background: url("../images/sub/tastenrich/btn_circle_green_arrow_left_actived.png");
}

.flavornrich-food-list button.prev {
  top: 0;
  left: 0;
  -webkit-transform: translate(400px, 100px);
  transform: translate(400px, 100px);
}

.flavornrich-food-list button.next {
  top: 0;
  right: 0;
  -webkit-transform: translate(-400px, 100px) rotate(180deg);
  transform: translate(-400px, 100px) rotate(180deg);
}

.flavornrich-food-list button.disabled {
  background-image: url("../images/sub/tastenrich/btn_circle_green_arrow.png");
}

.flavornrich-food-list [class*='ani-'] {
  display: block;
  position: absolute;
  width: 350px;
  height: 350px;
  left: 50%;
  top: -40px;
  margin-left: -175px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.flavornrich-food-list [class*='ani-'].ani-1 {
  -webkit-transform: rotate(-58deg) translateX(-520%);
  transform: rotate(-58deg) translateX(-520%);
  opacity: 0;
}

.flavornrich-food-list [class*='ani-'].ani-2 {
  -webkit-transform: rotate(-44deg) translateX(-390%);
  transform: rotate(-44deg) translateX(-390%);
  opacity: 0;
}

.flavornrich-food-list [class*='ani-'].ani-3 {
  -webkit-transform: rotate(-28deg) translateX(-260%);
  transform: rotate(-28deg) translateX(-260%);
  opacity: 0;
}

.flavornrich-food-list [class*='ani-'].ani-4 {
  -webkit-transform: rotate(-14deg) translateX(-130%);
  transform: rotate(-14deg) translateX(-130%);
}

.flavornrich-food-list [class*='ani-'].ani-5 {
  -webkit-transform: rotate(0) translateX(0);
  transform: rotate(0) translateX(0);
}

.flavornrich-food-list [class*='ani-'].ani-6 {
  -webkit-transform: rotate(14deg) translateX(130%);
  transform: rotate(14deg) translateX(130%);
}

.flavornrich-food-list [class*='ani-'].ani-7 {
  -webkit-transform: rotate(28deg) translateX(260%);
  transform: rotate(28deg) translateX(260%);
  opacity: 0;
}

.flavornrich-food-list [class*='ani-'].ani-8 {
  -webkit-transform: rotate(44deg) translateX(390%);
  transform: rotate(44deg) translateX(390%);
  opacity: 0;
}

.flavornrich-food-list [class*='ani-'].ani-9 {
  -webkit-transform: rotate(58deg) translateX(520%);
  transform: rotate(58deg) translateX(520%);
  opacity: 0;
}

.flavornrich-food-list [class*='ani-'] img {
  display: block;
}

.flavornrich-food-list [class*='ani-'] img.ani {
  -webkit-animation: rotate 1s 1;
  animation: rotate 1s 1;
}

.flavornrich-food-list .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 460px;
  width: 200%;
  height: 150px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.flavornrich-food-list .desc li {
  width: 299px;
  color: #444444;
  font-size: 18px;
  text-align: center;
  line-height: 28px;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.flavornrich-food-list .desc li.show {
  opacity: 1;
}

.flavornrich-food-list .desc li b {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #232323;
}

.savory-history {
  overflow: hidden;
}

.savory-history .h2 {
  color: #fff !important;
}

.savory-history .inner:first-child {
  position: relative;
  background-color: #121212;
  padding-bottom: 722px;
}

.savory-history .inner:first-child:before, .savory-history .inner:first-child:after {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  display: block;
  width: 50%;
  height: 100%;
  background-color: inherit;
  margin-right: -2px;
}

.savory-history .inner:first-child:after {
  left: 100%;
  margin-left: -2px;
}

.savory-history .inner:last-child {
  margin-top: -110px;
  padding-top: 0;
}

.savory-history .img-people {
  position: absolute;
  left: 50%;
  margin-left: -594px;
  bottom: 0;
  opacity: 0;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}

.savory-history .img-people.active {
  opacity: 1;
}

.savory-history .primary {
  display: block;
  margin: -40px 0 20px;
  font-size: 24px;
  font-weight: 500;
  color: #61922b;
}

.savory-history .primary + .desc {
  color: #666;
}

.savory-history .message {
  position: relative;
  width: 912px;
  padding: 80px 60px;
  -webkit-box-shadow: 10px 10px 49px -2px rgba(0, 0, 0, 0.47);
          box-shadow: 10px 10px 49px -2px rgba(0, 0, 0, 0.47);
  background-color: #61922b;
  line-height: 2;
  font-size: 17px;
  color: #fff;
}

.savory-history .message:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border-right: 12px solid transparent;
  border-bottom: 14px solid #61922b;
}

.savory-history .message p {
  display: inline-block;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.savory-history .message p.active {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.tastenrich-explore-flavor .h2 {
  height: 212px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0 !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.tastenrich-explore-flavor .visual-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 300px;
  background: url("../images/sub/tastenrich/img_explore_flavor.jpg") no-repeat center center;
}

.tastenrich-explore-flavor .visual-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1029px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.tastenrich-explore-flavor .visual-tab li {
  width: 173px;
  height: 153px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.tastenrich-explore-flavor .visual-tab li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  opacity: .5;
}

.tastenrich-explore-flavor .visual-tab li.actived {
  border: none;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.tastenrich-explore-flavor .visual-tab li.actived a {
  opacity: 1;
}

.tastenrich-food-container {
  position: relative;
  height: 867px;
  background: #ffb108 url(../images/sub/tastenrich/bg_tastenrich_food_container.gif) no-repeat center bottom;
}

.tastenrich-food-container .sub-title {
  padding-top: 100px;
  text-align: center;
  font-size: 18px;
  color: #000;
}

.tastenrich-food-container-control-button {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 320px;
  height: 86px;
  background-color: #fff;
  border-radius: 43px;
  -webkit-box-shadow: 0 22px 100px 0px rgba(0, 0, 0, 0.24);
          box-shadow: 0 22px 100px 0px rgba(0, 0, 0, 0.24);
}

.tastenrich-food-container-control-button p {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  font-weight: 500;
  color: #61922b;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.tastenrich-food-container-control-button button {
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #e8e8e8 url("../images/sub/tastenrich/img_arr.png") no-repeat 45% 50%;
  background-size: 25%;
  font-size: 0;
}

.tastenrich-food-container-control-button button.disabled {
  background-color: transparent;
}

.tastenrich-food-container-control-button button.prev {
  left: 0;
  -webkit-transform: translate(20px, 50%);
  transform: translate(20px, 50%);
}

.tastenrich-food-container-control-button button.next {
  right: 0;
  -webkit-transform: translate(-20px, 50%) rotate(180deg);
  transform: translate(-20px, 50%) rotate(180deg);
}

.tastenrich-food-list {
  position: absolute;
  top: 200px;
  left: 50%;
  width: 1300px;
  height: 646px;
  margin-left: -650px;
}

.tastenrich-food-list button {
  position: absolute;
  width: 44px;
  height: 44px;
  font-size: 0;
  background: url("../images/sub/tastenrich/btn_circle_green_arrow_left_actived.png");
}

.tastenrich-food-list button.prev {
  top: 0;
  left: 0;
  -webkit-transform: translate(400px, 100px);
  transform: translate(400px, 100px);
}

.tastenrich-food-list button.next {
  top: 0;
  right: 0;
  -webkit-transform: translate(-400px, 100px) rotate(180deg);
  transform: translate(-400px, 100px) rotate(180deg);
}

.tastenrich-food-list button.disabled {
  background-image: url("../images/sub/tastenrich/btn_circle_green_arrow.png");
}

.tastenrich-food-list [class*='ani-'] {
  display: block;
  position: absolute;
  width: 350px;
  height: 350px;
  left: 50%;
  top: -40px;
  margin-left: -175px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.tastenrich-food-list [class*='ani-'].ani-1 {
  -webkit-transform: rotate(-58deg) translateX(-520%);
  transform: rotate(-58deg) translateX(-520%);
  opacity: 0;
}

.tastenrich-food-list [class*='ani-'].ani-2 {
  -webkit-transform: rotate(-44deg) translateX(-390%);
  transform: rotate(-44deg) translateX(-390%);
  opacity: 0;
}

.tastenrich-food-list [class*='ani-'].ani-3 {
  -webkit-transform: rotate(-28deg) translateX(-260%);
  transform: rotate(-28deg) translateX(-260%);
  opacity: 0;
}

.tastenrich-food-list [class*='ani-'].ani-4 {
  -webkit-transform: rotate(-14deg) translateX(-130%);
  transform: rotate(-14deg) translateX(-130%);
}

.tastenrich-food-list [class*='ani-'].ani-5 {
  -webkit-transform: rotate(0) translateX(0);
  transform: rotate(0) translateX(0);
}

.tastenrich-food-list [class*='ani-'].ani-6 {
  -webkit-transform: rotate(14deg) translateX(130%);
  transform: rotate(14deg) translateX(130%);
}

.tastenrich-food-list [class*='ani-'].ani-7 {
  -webkit-transform: rotate(28deg) translateX(260%);
  transform: rotate(28deg) translateX(260%);
  opacity: 0;
}

.tastenrich-food-list [class*='ani-'].ani-8 {
  -webkit-transform: rotate(44deg) translateX(390%);
  transform: rotate(44deg) translateX(390%);
  opacity: 0;
}

.tastenrich-food-list [class*='ani-'].ani-9 {
  -webkit-transform: rotate(58deg) translateX(520%);
  transform: rotate(58deg) translateX(520%);
  opacity: 0;
}

.tastenrich-food-list [class*='ani-'] img {
  display: block;
}

.tastenrich-food-list [class*='ani-'] img.ani {
  -webkit-animation: rotate 1s 1;
  animation: rotate 1s 1;
}

.tastenrich-food-list .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 473px;
  width: 200%;
  height: 150px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.tastenrich-food-list .desc li {
  width: 299px;
  color: #444444;
  font-size: 18px;
  text-align: center;
  line-height: 28px;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.tastenrich-food-list .desc li.show {
  opacity: 1;
}

.tastenrich-food-list .desc li b {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #232323;
}

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}

@keyframes rotate {
  to {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}

.best-products {
  padding-bottom: 40px;
  background: #f7f7f7 url("../images/sub/feed/bg_best_products.gif") no-repeat center center;
  background-size: cover;
  text-align: center;
}

.best-products .txt-em {
  color: #61922b;
}

.best-products .slider-products {
  width: 1190px;
  margin: 0 auto;
  font-size: 15px;
  /* .swiper-slide {
			.slide-item:before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				width: 705px;
				height: 100%;
				background-image: url('../images/sub/tastenrich/bg_solutions_slide.jpg');
				background-repeat: no-repeat;
				background-position: 0 50%;
			}

			&:nth-child(2) .slide-item:before {
				background-position-x: -562px;
			}

			&:nth-child(3) .slide-item:before {
				background-position-x: -1124px;
			}

			&:nth-child(4) .slide-item:before {
				background-position-x: -1686px;
			}

			&:nth-child(5) .slide-item:before {
				background-position-x: -2248px;
			}
		} */
}

.best-products .slider-products .swiper-container {
  -webkit-box-shadow: 0px 74px 56px -50px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 74px 56px -50px rgba(0, 0, 0, 0.15);
}

.best-products .slider-products .pagination {
  position: static;
  width: 1040px;
  padding-top: 60px;
  margin: 0 auto 50px;
  /* button+button:after {
				content: '';
				position: absolute;
				display: block;
				width: 1px;
				height: 100%;
				background-color: #ddd;
				top: 0;
				right: 100%;
			} */
}

.best-products .slider-products .pagination:after {
  content: '';
  display: table;
  width: 100%;
}

.best-products .slider-products .pagination .pagination-button {
  position: relative;
  display: block;
  width: 200px;
  height: 254px;
  float: left;
  padding-top: 200px;
  /* background-color: $white;
				color: $grey-darken-3; */
  font-weight: 500;
  outline: none;
}

.best-products .slider-products .pagination .pagination-button + .pagination-button {
  margin-left: 10px;
}

.best-products .slider-products .pagination .pagination-button:before {
  content: '';
  position: absolute;
  display: block;
  width: 200px;
  height: 200px;
  top: 0;
  left: 0;
}

.best-products .slider-products .pagination .pagination-button:before {
  background: url("../images/sub/feed/img_thumb_phytase.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .pagination .pagination-button:nth-child(2):before {
  background: url("../images/sub/feed/img_thumb_xylanase.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .pagination .pagination-button:nth-child(3):before {
  background: url("../images/sub/feed/img_thumb_b_glucanase.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .pagination .pagination-button:nth-child(4):before {
  background: url("../images/sub/feed/img_thumb_b_mannanase.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .pagination .pagination-button:nth-child(5):before {
  background: url("../images/sub/feed/img_thumb_protease.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .pagination button.active {
  font-size: 20px;
  color: #3d74b2;
}

.best-products .slider-products .pagination button.active:before {
  width: 260px;
  height: 260px;
  top: -60px;
  left: -30px;
}

.best-products .slider-products .pagination button.active:before {
  background: url("../images/sub/feed/img_thumb_phytase_on.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .pagination button.active:nth-child(2):before {
  background: url("../images/sub/feed/img_thumb_xylanase_on.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .pagination button.active:nth-child(3):before {
  background: url("../images/sub/feed/img_thumb_b_glucanase_on.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .pagination button.active:nth-child(4):before {
  background: url("../images/sub/feed/img_thumb_b_mannanase_on.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .pagination button.active:nth-child(5):before {
  background: url("../images/sub/feed/img_thumb_protease_on.png") no-repeat 0 0;
  background-size: cover;
}

.best-products .slider-products .slide-item {
  position: relative;
  height: 705px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 75px 100px;
  text-align: left;
}

.best-products .slider-products .slide-item strong {
  /* text-transform: uppercase; */
  font-size: 32px;
  font-weight: 700;
  color: #222;
}

.best-products .slider-products .slide-item > ul {
  margin-top: 25px;
}

.best-products .slider-products .slide-item > ul li {
  position: relative;
  margin-top: 10px;
  padding-left: 40px;
  background: url("../images/sub/tastenrich/blt_check.png") no-repeat 0 0;
  font-size: 18px;
}

.best-products .slider-products .slide-item p {
  position: relative;
  margin-top: 30px;
  height: 145px;
  overflow: hidden;
  font-size: 18px;
  z-index: 2;
}

.best-products .slider-products .slide-item .itm-list {
  position: relative;
  width: 100%;
}

.best-products .slider-products .slide-item .itm-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  justify-self: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.best-products .slider-products .slide-item .itm-list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.best-products .slider-products .slide-item .itm-list > ul > li > div[class^=box-itm] {
  text-align: center;
  font-size: 14px;
}

.best-products .slider-products .slide-item .itm-list > ul > li > div[class^=box-itm]:before {
  content: '';
  position: relative;
  display: block;
  width: 148px;
  height: 148px;
  margin: 0 auto 30px;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm1-1:before {
  background: url(../images/sub/feed/img_phytase_itm1.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm1-2:before {
  background: url(../images/sub/feed/img_phytase_itm2.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm2-1:before {
  background: url(../images/sub/feed/img_xylanase_itm1.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm2-2:before {
  background: url(../images/sub/feed/img_xylanase_itm2.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm2-3:before {
  background: url(../images/sub/feed/img_xylanase_itm3.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm3-1:before {
  background: url(../images/sub/feed/img_b_glucanase_itm1.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm3-2:before {
  background: url(../images/sub/feed/img_b_glucanase_itm2.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm3-3:before {
  background: url(../images/sub/feed/img_b_glucanase_itm3.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm4-1:before {
  background: url(../images/sub/feed/img_b_mannanase_itm1.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm4-2:before {
  background: url(../images/sub/feed/img_b_mannanase_itm2.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm4-3:before {
  background: url(../images/sub/feed/img_b_mannanase_itm3.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm4-4:before {
  background: url(../images/sub/feed/img_b_mannanase_itm4.png) 0 0 no-repeat;
}

.best-products .slider-products .slide-item .itm-list > ul > li > .box-itm5-1:before {
  background: url(../images/sub/feed/img_protease_itm1.png) 0 0 no-repeat;
}

.best-products .slider-products .swiper-button-wrap {
  position: absolute;
  left: -10px;
  bottom: 320px;
  width: calc(100% + 60px);
  height: 60px;
  z-index: 1;
}

.best-products .slider-products .swiper-button-wrap button {
  display: block;
  width: 60px;
  height: 60px;
  top: initial;
  bottom: 0;
  background-color: #38a65e;
  border-radius: 50%;
}

.best-products .slider-products .swiper-button-wrap button:before {
  position: absolute;
  content: '';
  display: block;
  width: 28px;
  height: 14px;
  top: 23px;
  left: 17px;
  background: url("../images/sub/ico_arr_slider2.png");
}

.best-products .slider-products .swiper-button-wrap button:after {
  content: 'none';
}

.best-products .slider-products .swiper-button-prev {
  left: 0;
}

.best-products .slider-products .swiper-button-next {
  right: 0;
}

.best-products .slider-products .swiper-button-next:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.best-products .slider-products .swiper-button-disabled:before {
  background-position-x: 0 !important;
}

.best-solutions {
  padding-top: 100px;
}

.best-solutions .tab {
  position: relative;
  /* height: 180px; */
}

.best-solutions .tab-menu {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

.best-solutions .tab-menu:after {
  content: '';
  display: table;
  width: 100%;
}

.best-solutions .tab-menu.fixed {
  overflow: hidden;
  position: fixed;
  top: 81px;
  left: 0;
  right: 0;
  width: 100%;
  height: 130px;
  padding: 15px 0;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #eeebe6;
  /* box-shadow: -10px 25px 89px -8px rgba(0, 0, 0, 0.06); */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
}

.best-solutions .tab-menu.fixed > li .tab-link {
  width: 100px;
  height: 100px;
  -webkit-transition: none;
  transition: none;
}

.best-solutions .tab-menu.fixed > li .tab-link:after, .best-solutions .tab-menu.fixed > li .tab-link:before {
  border-radius: 100px;
}

.best-solutions .tab-menu.fixed > li .tab-link:after {
  background-size: auto 100px !important;
}

.best-solutions .tab-menu.fixed > li .tab-link span br {
  display: inline-block;
}

.best-solutions .tab-menu.fixed > li.active .tab-link {
  width: 170px;
}

.best-solutions .tab li {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.best-solutions .tab li + li {
  margin-left: 50px;
}

.best-solutions .tab li .tab-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 180px;
  font-size: 18px;
  color: #fff;
  justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  border-radius: 180px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.best-solutions .tab li .tab-link:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 180px;
  opacity: .3;
  z-index: 1;
}

.best-solutions .tab li .tab-link[href$=tab1]:after {
  background: url(../images/sub/feed/solutions_tab1.png) center center no-repeat;
}

.best-solutions .tab li .tab-link[href$=tab2]:after {
  background: url(../images/sub/feed/solutions_tab2.png) center center no-repeat;
}

.best-solutions .tab li .tab-link[href$=tab3]:after {
  background: url(../images/sub/feed/solutions_tab3.png) center center no-repeat;
}

.best-solutions .tab li .tab-link span {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 3;
  line-height: 1.2;
}

.best-solutions .tab li .tab-link span br {
  display: none;
}

.best-solutions .tab li .tab-link:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 180px;
  background: #444;
  opacity: .6;
  z-index: 2;
}

.best-solutions .tab li.active .tab-link {
  width: 270px;
  border-radius: 180px;
  -webkit-box-shadow: 20px 20px 40px -20px rgba(0, 0, 0, 0.3);
          box-shadow: 20px 20px 40px -20px rgba(0, 0, 0, 0.3);
  /* background-color: #f7f7f7;
				color: $grey-darken-3; */
}

.best-solutions .tab li.active .tab-link:before {
  display: none;
}

.best-solutions .tab li.active .tab-link:after {
  opacity: 1;
}

.best-solutions .tab li.active .tab-link span {
  /* font-size:22px; */
}

.best-solutions .tab-content {
  position: relative;
  margin-top: 45px;
}

.best-solutions .tab-content .tab-panel {
  display: none;
  width: 100%;
  max-width: 1148px;
  margin: 0 auto;
}

.best-solutions .tab-content .tab-panel.active {
  display: block;
}

.best-solutions .tab-content .tab-panel .unline-box {
  position: relative;
  width: 100%;
}

.best-solutions .tab-content .tab-panel .unline-box .tit {
  position: relative;
  text-align: center;
}

.best-solutions .tab-content .tab-panel .unline-box .tit:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
}

.best-solutions .tab-content .tab-panel .unline-box .tit strong {
  position: relative;
  display: inline-block;
  padding: 0 30px;
  background: #fff;
  color: #999;
  font-size: 22px;
}

.best-solutions .tab-content .tab-panel .unline-box .txt {
  position: relative;
  padding: 80px 0;
  text-align: center;
  font-size: 17px;
  line-height: 2;
  color: #444;
}

.best-solutions .tab-content .tab-panel .line-box {
  position: relative;
  border: 1px solid #eeebe6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 60px 0 80px;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box, .best-solutions .tab-content .tab-panel .line-box .graph-wrap, .best-solutions .tab-content .tab-panel .line-box .table-box {
  position: relative;
  width: 896px;
  margin: 0 auto;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box + .graph-wrap, .best-solutions .tab-content .tab-panel .line-box .txt-box + .new-graph-wrap, .best-solutions .tab-content .tab-panel .line-box .table-box + .graph-wrap, .best-solutions .tab-content .tab-panel .line-box .table-box + .new-graph-wrap {
  margin-top: 60px;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .tit, .best-solutions .tab-content .tab-panel .line-box .table-box .tit {
  width: 100%;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .tit > strong, .best-solutions .tab-content .tab-panel .line-box .table-box .tit > strong {
  display: block;
  margin: 0 auto;
  width: 300px;
  height: 40px;
  padding-top: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 40px;
  font-size: 18px;
  text-align: center;
  color: #666;
  background: #f9f9f9;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .tit + .txt-list, .best-solutions .tab-content .tab-panel .line-box .table-box .tit + .txt-list {
  margin-top: 60px;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .tit + .table-list, .best-solutions .tab-content .tab-panel .line-box .table-box .tit + .table-list {
  margin-top: 25px;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .txt-list li, .best-solutions .tab-content .tab-panel .line-box .table-box .txt-list li {
  position: relative;
  padding-left: 50px;
  font-size: 17px;
  color: #444;
  line-height: 2;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .txt-list li:after, .best-solutions .tab-content .tab-panel .line-box .table-box .txt-list li:after {
  content: '';
  position: absolute;
  top: 15px;
  left: 0px;
  display: block;
  width: 5px;
  height: 5px;
  background: #ccc;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .table-list, .best-solutions .tab-content .tab-panel .line-box .table-box .table-list {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #ccc;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .table-list caption, .best-solutions .tab-content .tab-panel .line-box .table-box .table-list caption {
  position: absolute;
  left: -999999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .table-list thead tr th, .best-solutions .tab-content .tab-panel .line-box .table-box .table-list thead tr th {
  height: 60px;
  text-align: center;
  font-size: 13px;
  color: #222;
  background: #f9f9f9;
}

.best-solutions .tab-content .tab-panel .line-box .txt-box .table-list tbody tr td, .best-solutions .tab-content .tab-panel .line-box .table-box .table-list tbody tr td {
  height: 80px;
  border-bottom: 1px solid #d6d6d6;
  font-size: 13px;
  text-align: center;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap.active .graph-box .bar-chart li .bar.bg em {
  -webkit-transition: height 1s 1s;
  transition: height 1s 1s;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap.active .graph-box.feed2 .bar-chart li .bar.bg em {
  -webkit-transition: width 1s 1s;
  transition: width 1s 1s;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap + .txt-box, .best-solutions .tab-content .tab-panel .line-box .graph-wrap + .table-box {
  margin-top: 80px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box .legend {
  top: 0px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box .bar-chart li .bar.bg em {
  -webkit-transition: none;
  transition: none;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 {
  width: 790px;
  padding: 0px;
  height: 290px;
  padding: 40px 0 30px 0;
  margin: 0 auto;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .legend li.c1:before {
  background: #3c6dc5;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .legend li.c2:before {
  background: #f26977;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .legend li.c3:before {
  background: #a8a8a8;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .grade li {
  padding-left: 35px;
  border-top: 1px dashed #ccc;
  height: 44px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .grade li span {
  width: 35px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .grade li:last-child {
  height: auto;
  border-top-style: solid;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li {
  width: 136px;
  margin: 0 0 0 90px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li:first-child {
  margin-left: 80px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .c1 {
  background: #3c6dc5 !important;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .c2 {
  background: #f26977 !important;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .c3 {
  background: #a8a8a8 !important;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .bar {
  width: 32px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .bar.bg {
  background: url(../images/sub/img_hatched_grey_17x17.png);
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .bar.bg em {
  height: 20px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .bar:nth-child(1) {
  left: 0;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .bar:nth-child(2) {
  left: 52px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .bar:nth-child(3) {
  right: 0;
  left: auto;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .bar-chart li .item {
  width: 100%;
  text-align: center;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed1 .unit {
  right: 0px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 {
  width: 790px;
  padding: 0px;
  height: 266px;
  padding: 40px 0 0 0;
  margin: 0 auto;
  /* overflow:hidden; */
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .legend li.c1:before {
  background: #3c6dc5;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .legend li.c2:before {
  background: #f26977;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .legend li.c3:before {
  background: #a8a8a8;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .grade {
  /* padding-right:80px; */
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .grade li {
  padding-left: 35px;
  /* border-top: 1px dashed #ccc; */
  border: none;
  background: #f4f7fc;
  height: 75px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .grade li:first-child {
  border-top: 1px solid #ccc;
  background: #fff;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .grade li:first-child p span {
  background: none;
  color: #222;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .grade li:last-child {
  height: auto;
  border-top: 1px solid #797979;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .grade li p {
  position: absolute;
  top: -1px;
  right: 0px;
  width: 80px;
  height: 75px;
  padding-top: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  background: #fff;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .grade li p span {
  position: relative;
  top: auto;
  left: auto;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 52px;
  height: 20px;
  font-size: 13px;
  background: #229c4d;
  border-radius: 20px;
  color: #fff;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart {
  padding: 0 80px 0 0;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li {
  width: 100%;
  margin: 0;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li:first-child {
  margin-left: 0;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .c1 {
  background: #3c6dc5 !important;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .c2 {
  background: #f26977 !important;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .c3 {
  background: #a8a8a8 !important;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .bar {
  height: 32px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  left: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 0 0 20px;
  color: #fff;
  font-size: 13px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .bar.bg {
  background: url(../images/sub/img_hatched_blue_17x17.png);
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .bar.bg em {
  width: 112px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 0 0 20px;
  color: #fff;
  font-size: 13px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .bar:nth-child(1) {
  top: 24px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .bar:nth-child(2) {
  top: 96px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .bar:nth-child(3) {
  top: 172px;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .bar-chart li .item {
  width: 100%;
  text-align: center;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .line-bar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% + 1px);
  height: 100%;
  padding: 0 80px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .line-bar li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px dashed #ccc;
  text-indent: -9999px;
  /* &:first-child {border-left-style:dashed;} */
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .line-bar li:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  border-left-style: solid;
  border-left-color: #666;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .line-bar li:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: -3px;
  display: block;
  width: 7px;
  height: 7px;
  background: #454647;
  border-radius: 100%;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap .graph-box.feed2 .unit {
  top: 0px;
  right: 0px;
  -webkit-transform: none;
          transform: none;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap.active .graph-box.feed1 .bar em {
  height: 100% !important;
}

.best-solutions .tab-content .tab-panel .line-box .graph-wrap.active .graph-box.feed2 .bar em {
  width: 100% !important;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap {
  position: relative;
  width: 100%;
  max-width: 896px;
  margin: auto;
  overflow: hidden;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap.active .bar-chart .bar.bg em {
  width: 100% !important;
  -webkit-transition: width 1s 1s;
  transition: width 1s 1s;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap.active .bar-chart .line {
  height: 142px !important;
  -webkit-transition: height 1s 1.5s;
  transition: height 1s 1.5s;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap + .txt-box, .best-solutions .tab-content .tab-panel .line-box .new-graph-wrap + .table-box {
  margin-top: 80px;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box {
  position: relative;
  width: 100%;
  padding: 30px 110px 30px 4px;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .legend {
  position: absolute;
  top: calc(50% - 26px);
  right: 0px;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .legend li {
  display: block;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .legend li + li {
  margin-top: 10px;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .legend li span {
  position: relative;
  display: block;
  padding-left: 28px;
  color: #333;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .legend li span.c1:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 0px;
  display: block;
  width: 18px;
  height: 18px;
  background: #3c6dc5;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .legend li span.c2:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0px;
  display: block;
  width: 18px;
  height: 2px;
  background: #00d7d0;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .legend li span.c2:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 5px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #00d7d0;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .graph-unit {
  position: absolute;
  left: 0px;
  width: calc(100% - 110px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  color: #222;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .graph-unit.top {
  top: 0px;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .graph-unit.bottom {
  bottom: 0px;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .graph-unit li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .graph-unit li:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart {
  position: relative;
  width: 100%;
  padding: 26px 0;
  border-top: 1px solid #797979;
  border-bottom: 1px solid #797979;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart .c1 {
  background: #3c6dc5 !important;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart .bar {
  position: relative;
  height: 32px;
  border-radius: 32px;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart .bar + .bar {
  margin-top: 34px;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart .bar.bg {
  background-image: url(../images/sub/img_hatched_blue_17x17.png);
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart .bar.bg em {
  width: 113px;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart .bar em {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  border-radius: 32px;
  z-index: 2;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart .bar .in-txt {
  position: absolute;
  top: 6px;
  left: 18px;
  display: block;
  color: #fff;
  font-size: 13px;
  z-index: 3;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart .bar .out-txt {
  position: absolute;
  top: 6px;
  left: calc(100% + 10px);
  display: block;
  color: #3c6dc5;
  font-size: 13px;
  z-index: 3;
}

.best-solutions .tab-content .tab-panel .line-box .new-graph-wrap .graph-box .bar-chart .line {
  position: absolute;
  top: 39px;
  left: 74.5%;
  width: 65px;
  height: 0px;
  /* height:142px; */
  background: url(../images/sub/feed/graph_piglet_line.png) 0 0 no-repeat;
  z-index: 4;
}

.best-solutions .item-wrap .item {
  display: table;
  min-height: 400px;
  position: relative;
  padding-left: 586px;
}

.best-solutions .item-wrap .item + .item {
  margin-top: 100px;
}

.best-solutions .item-wrap .item .item-img {
  position: absolute;
  left: 0;
  top: 0;
}

.best-solutions .item-wrap .item:nth-child(2) .item-img::before {
  background-position-x: -230px;
}

.best-solutions .item-wrap .item:nth-child(3) .item-img::before {
  background-position-x: -460px;
}

.best-solutions .item-wrap .item:nth-child(4) .item-img::before {
  background-position-x: -690px;
}

.best-solutions .item-wrap .item:nth-child(5) .item-img::before {
  background-position: 0 -230px;
}

.best-solutions .item-wrap .item:nth-child(6) .item-img::before {
  background-position: -230px -230px;
}

.best-solutions .item-wrap .item:nth-child(7) .item-img::before {
  background-position: -460px -230px;
}

.best-solutions .item-wrap .item-img {
  width: 400px;
  height: 400px;
  margin-left: 83px;
  border-radius: 50%;
  background-color: #f9f9f9;
}

.best-solutions .item-wrap .item-img::before {
  content: '';
  display: block;
  width: 230px;
  height: 230px;
  margin: 75px auto;
  background-repeat: no-repeat;
}

.best-solutions .item-wrap.sport .item-img::before {
  background-image: url("../images/sub/aminature/img_ourlife_sport.png");
}

.best-solutions .item-wrap.nutraceutical .item-img::before {
  background-image: url("../images/sub/aminature/img_ourlife_nutraceutial.png");
}

.best-solutions .item-wrap.food .item-img::before {
  background-image: url("../images/sub/aminature/img_ourlife_food.png");
}

.best-solutions .item-wrap.beauty .item-img::before {
  background-image: url("../images/sub/aminature/img_ourlife_beauty.png");
}

.best-solutions .item-wrap .txt-wrap {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.best-solutions .item-wrap .txt-wrap h4 {
  margin-bottom: 30px;
  font-size: 24px;
  color: #222;
  font-weight: 500;
}

.best-solutions .item-wrap .txt-wrap p {
  font-size: 17px;
  line-height: 1.8;
  color: #555;
}

.best-solutions .item-wrap .txt-wrap p + p {
  margin-top: 30px;
}

.best-solutions .item-wrap .txt-wrap p strong {
  display: inline-block;
  color: #222;
}

.map-youtell-global-network {
  position: relative;
  width: 100%;
  background: #f7f7f7;
}

.map-youtell-global-network .map-box {
  position: relative;
  width: 100%;
  padding: 100px 0 140px 0;
}

.map-youtell-global-network .map-box .tit {
  display: block;
  font-size: 32px;
  color: #222;
  text-align: center;
}

.map-youtell-global-network .map-box .tit + .map {
  margin-top: 40px;
}

.map-youtell-global-network .map-box .map {
  position: relative;
  width: 1537px;
  height: 810px;
  margin: 0 auto;
  background: url(../images/sub/feed/img_map_network.png) 0 0 no-repeat;
}

.map-youtell-global-network .map-box .map .int-box {
  position: absolute;
  top: 610px;
  left: 290px;
  padding: 30px 60px 30px 35px;
  background: #fff;
}

.map-youtell-global-network .map-box .map .int-box ul {
  width: 100%;
}

.map-youtell-global-network .map-box .map .int-box ul li {
  font-size: 16px;
  color: #222;
}

.map-youtell-global-network .map-box .map .int-box ul li + li {
  margin-top: 5px;
}

.map-youtell-global-network .map-box .map .int-box ul li[class^=itm] {
  position: relative;
  padding-left: 25px;
}

.map-youtell-global-network .map-box .map .int-box ul li[class^=itm]:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 100%;
}

.map-youtell-global-network .map-box .map .int-box ul li.itm1:after {
  background: url(../images/sub/feed/img_map_ico_itm1.png) center center no-repeat;
}

.map-youtell-global-network .map-box .map .int-box ul li.itm2:after {
  background: url(../images/sub/feed/img_map_ico_itm2.png) center center no-repeat;
}

.map-youtell-global-network .map-box .map .int-box ul li.itm3:after {
  background: url(../images/sub/feed/img_map_ico_itm3.png) center center no-repeat;
}

.map-youtell-global-network .map-box .map .int-box ul li.itm4:after {
  background: url(../images/sub/feed/img_map_ico_itm4.png) center center no-repeat;
}

.map-youtell-global-network .map-box .map .ain-box {
  position: absolute;
  width: 100%;
  height: 100%;
}

.map-youtell-global-network .map-box .map .ain-box ul {
  width: 100%;
}

.map-youtell-global-network .map-box .map .ain-box ul li {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 10px;
  height: 10px;
}

.map-youtell-global-network .map-box .map .ain-box ul li.pos1 {
  top: 369px;
  left: 630px;
}

.map-youtell-global-network .map-box .map .ain-box ul li.pos2 {
  top: 393px;
  left: 625px;
}

.map-youtell-global-network .map-box .map .ain-box ul li.pos3 {
  top: 408px;
  left: 600px;
}

.map-youtell-global-network .map-box .map .ain-box ul li.pos4 {
  top: 316px;
  left: 1121px;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=int-txt-typ] {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 10px;
  height: 10px;
  text-indent: -99999px;
  overflow: hidden;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=int-txt-typ][class$=typ1] {
  background: #e3297e;
  border-radius: 100%;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=int-txt-typ][class$=typ2] {
  background: #2b4493;
  border-radius: 100%;
  overflow: visible;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=int-txt-typ][class$=typ2]:after {
  content: '';
  position: absolute;
  top: 1px;
  left: -6px;
  display: block;
  width: 10px;
  height: 10px;
  text-indent: -99999px;
  overflow: hidden;
  border-radius: 100%;
  background: #21a95d;
}

.map-youtell-global-network .map-box .map .ain-box ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  /* &:hover, &:active, &:focus, &.active { */
}

.map-youtell-global-network .map-box .map .ain-box ul li a:focus [class^=radius-box-itm], .map-youtell-global-network .map-box .map .ain-box ul li a.active [class^=radius-box-itm] {
  opacity: 1;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm] {
  position: absolute;
  width: 264px;
  height: 66px;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  /* &:hover, &:active, &:focus {opacity:1;} */
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm]:after {
  content: '';
  position: absolute;
  display: block;
  z-index: 1;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm]:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 66px;
  z-index: 2;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm1] {
  top: -140px;
  left: -234px;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm1]:after {
  bottom: -65px;
  right: 28px;
  width: 27px;
  height: 65px;
  background: url(../images/sub/feed/img_map_radius_box_itm1.png) 0 0 no-repeat;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm1]:before {
  background: #22a95f;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm2] {
  top: -76px;
  left: -296px;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm2]:after {
  right: -21px;
  top: 31px;
  width: 39px;
  height: 38px;
  background: url(../images/sub/feed/img_map_radius_box_itm2.png) 0 0 no-repeat;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm2]:before {
  background: #ed9525;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm3] {
  top: -44px;
  left: -327px;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm3]:after {
  left: 250px;
  top: 26px;
  width: 63px;
  height: 23px;
  background: url(../images/sub/feed/img_map_radius_box_itm3.png) 0 0 no-repeat;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm3]:before {
  background: #88a638;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm4] {
  top: -102px;
  left: 35px;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm4]:after {
  left: -21px;
  top: 36px;
  width: 46px;
  height: 55px;
  background: url(../images/sub/feed/img_map_radius_box_itm4.png) 0 0 no-repeat;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm][class$=itm4]:before {
  background: #fe7232;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm] p {
  position: relative;
  color: #fff;
  font-size: 13px;
  text-align: center;
  z-index: 3;
}

.map-youtell-global-network .map-box .map .ain-box ul li [class^=radius-box-itm] p:first-child {
  font-size: 16px;
}

.page-head {
  max-width: 1920px;
  height: 280px;
}

.page-head .inner {
  padding: 0 20px;
  height: inherit;
}

.page-head .page-info {
  position: absolute;
  top: 160px;
  color: #fff;
}

.page-head .page-info .page-tit {
  padding-bottom: 10px;
  font-family: "CJ onlyOne";
  font-weight: 500;
  font-size: 32px;
}

.page-head .page-info .page-tit .tit-lowercase {
  vertical-align: bottom;
  line-height: 1;
  font-size: 30px;
}

.page-head .page-info .page-desc {
  margin: 0;
  font-size: 18px;
}

.page-head .page-info .hash-tag {
  margin-top: 35px;
}

.page-head .page-info .hash-tag span {
  color: #d7dfe3;
  border-color: #bed1e6;
}

.page-head.brand .page-desc,
.page-head.pd .page-desc {
  font-size: 14px;
}

.page-head .link-solution-provider {
  top: 50%;
  right: 0;
}

.page-head .button-container {
  position: absolute;
  top: 25px;
  right: 0;
  text-align: right;
}

.page-head .btn-down {
  display: inline-block;
  width: 120px;
  height: 42px;
  margin-left: 4px;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 42px;
  text-align: center;
  color: #fff;
}

.page-head .btn-down:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.page-head .btn-down:active {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: transparent;
}

.page-head .btn-down span:after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 11px;
  margin-left: 10px;
  background: url("../images/common/ico_download.png");
}

.page-head.news, .page-head.event {
  background-color: #2e2c53;
}

.page-head.news .sub-list a,
.page-head.news .sub-list span,
.page-head.news .breadcrumb-wrap .sub:last-child button, .page-head.event .sub-list a,
.page-head.event .sub-list span,
.page-head.event .breadcrumb-wrap .sub:last-child button {
  background-color: #2e2c53;
}

.page-head.biopedia {
  background-color: #3f4b59;
}

.page-head.center {
  height: 460px;
}

.page-head.center .inner {
  display: -webkit-box;
  -ms-display: flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}

.page-head.center .page-info {
  position: static;
  text-align: center;
}

.page-head.center .breadcrumb .sub-list a {
  text-align: left;
}

.page-head.technology {
  background-color: #047b69;
}

.page-head.technology .sub-list a,
.page-head.technology .sub-list span,
.page-head.technology .breadcrumb-wrap .sub:last-child button {
  background-color: #047b69;
}

.page-head.cj-bio {
  background-color: #e35719;
}

.page-head.cj-bio .sub-list a,
.page-head.cj-bio .sub-list span,
.page-head.cj-bio .breadcrumb-wrap .sub:last-child button {
  background-color: #e35719;
}

.page-head.contact {
  height: 427px;
  background: #121212;
}

.page-head.contact .page-info .page-tit {
  padding-bottom: 25px;
  color: #ea8824;
}

.page-head.global-network {
  height: 340px;
  background: #525967;
}

.contents h2 {
  color: #222;
}

.page-head.t-view {
  height: auto;
}

.page-head.t-view .inner {
  min-height: 333px;
}

.page-head.t-view .page-info {
  position: static;
  display: -webkit-box;
  display: flex;
  -ms-display: flex;
  width: 100%;
  min-height: inherit;
  padding: 120px 0 50px;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.page-head.t-view .page-tit {
  width: 100%;
  line-height: 1.5;
  font-weight: 300;
  font-size: 30px;
}

.page-head.t-view .page-loaction {
  font-size: 16px;
  margin-top: 5px;
}

.page-head.t-view .page-loaction:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  background: url("../images/sub/ico_location.png") no-repeat 0 0;
}

.page-head.t-view .page-loaction span:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 13px;
  margin: 0 10px;
  background: #6d6c87;
  vertical-align: middle;
}

.page-head.t-view .page-desc {
  margin-top: 10px;
}

.page-head.center .breadcrumb-wrap,
.page-head.news .breadcrumb-wrap,
.page-head.event .breadcrumb-wrap,
.page-head.biopedia .breadcrumb-wrap,
.page-head.global-network .breadcrumb-wrap {
  border-bottom: 1px solid #ddd;
}

.breadcrumb {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 20px;
}

.breadcrumb:after {
  content: '';
  display: table;
  width: 100%;
}

.breadcrumb > li {
  float: left;
  height: 52px;
  line-height: 52px;
}

.breadcrumb > li:first-child {
  width: 52px;
  background: url("../images/sub/ico_home.png") no-repeat 0 0 rgba(0, 0, 0, 0.2);
}

.breadcrumb > li:not(:first-child) > a,
.breadcrumb > li:not(:first-child) > span {
  padding: 0 40px;
  background: rgba(0, 0, 0, 0.1);
}

.breadcrumb > li.sub button {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 40px;
  background: rgba(0, 0, 0, 0.1);
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.breadcrumb > li.sub button:after {
  content: '';
  position: absolute;
  display: block;
  top: 23px;
  right: 40px;
  border: 3px solid;
  border-color: #fff #fff transparent transparent;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0.5;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.breadcrumb > li.sub button span {
  padding-right: 30px;
}

.breadcrumb > li:last-child button {
  background: rgba(0, 0, 0, 0.3);
}

.breadcrumb > li button.active:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.breadcrumb > li + li {
  margin-left: 1px;
}

.breadcrumb a,
.breadcrumb li > span {
  display: block;
  height: 52px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.breadcrumb .sub-list {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 5;
}

.breadcrumb .sub-list.active {
  height: 100%;
  overflow: visible;
}

.breadcrumb .sub-list#scroll-list.active {
  height: 729px;
  overflow: hidden;
}

.breadcrumb .sub-list#scroll-list.active a,
.breadcrumb .sub-list#scroll-list.active span {
  height: 52px;
}

.breadcrumb .sub-list .scrollbar-track {
  background-color: transparent;
}

.breadcrumb .sub-list .scrollbar-track .scrollbar-thumb {
  width: 2px;
  background-color: #fff;
}

.breadcrumb .sub-list span {
  position: relative;
  display: block;
  width: inherit;
  height: 100%;
  padding: 0 40px 0 25px;
  color: #fff;
  font-size: 12px;
  z-index: 5;
}

.breadcrumb .sub-list span:before {
  content: '';
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 12px;
  background: #fff;
  vertical-align: middle;
}

.breadcrumb .sub-list span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.breadcrumb .sub-list a {
  width: inherit;
  height: 100%;
  position: relative;
  padding: 0 40px;
  z-index: 5;
}

.breadcrumb .sub-list a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.breadcrumb .sub-list a:hover:after {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.breadcrumb .sub-list em {
  position: relative;
  z-index: 1;
  font-style: normal;
}

.breadcrumb-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 300;
}

.breadcrumb-wrap .progress-line {
  display: block;
  height: 1px;
  transition: width 0.3s;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
}

.breadcrumb-wrap .breadcrumb {
  position: static;
  width: 1376px;
  margin: 0 auto !important;
  padding: 14px 20px;
}

.breadcrumb-wrap .breadcrumb li:first-child a {
  background: #f5f5f5 url("../images/sub/ico_home_fix.png");
}

.breadcrumb-wrap .breadcrumb li > a,
.breadcrumb-wrap .breadcrumb li > span,
.breadcrumb-wrap .breadcrumb li > button {
  background-color: #f5f5f5;
  color: #000;
}

.breadcrumb-wrap .breadcrumb li.sub:not(:last-child) button:after {
  border-color: #000 #000 transparent transparent;
}

.breadcrumb-wrap .breadcrumb li.sub:last-child button {
  color: #fff;
}

.breadcrumb-wrap .breadcrumb li.sub:last-child button:after {
  opacity: 1;
}

.quotes {
  position: relative;
  display: inline-block;
  padding: 0 18px;
}

.quotes:before, .quotes:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 14px;
}

.quotes:before {
  right: 100%;
}

.quotes:after {
  left: 100%;
  background-position-x: -16px;
}

.quick-menu.scrolling {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.quick-menu {
  position: fixed;
  right: 0;
  bottom: 220px;
  z-index: 10;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.quick-menu a {
  position: relative;
  display: block;
  width: 138px;
  height: 118px;
  padding: 64px 0 0 27px;
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  font-weight: 500;
  font-family: 'CJ onlyOne';
  letter-spacing: 1px;
}

.quick-menu a::before {
  content: '';
  display: block;
  position: absolute;
  top: 32px;
  left: 25px;
  width: 24px;
  height: 24px;
  background: url("../images/sub/ico_quick_menu.png") no-repeat;
  background-position: 0 0;
}

.quick-menu ul:after {
  content: '';
  display: table;
  width: 100%;
}

.quick-menu ul li {
  cursor: pointer;
}

.quick-menu ul li + li {
  margin-top: 2px;
}

.quick-menu ul li.provider {
  background-color: #1c8bc9;
}

.quick-menu ul li.provider a {
  padding: 66px 0 0 30px;
}

.quick-menu ul li.provider a::before {
  top: 34px;
}

.quick-menu ul li.contact {
  background-color: #ea8824;
}

.quick-menu ul li.contact a::before {
  top: 33px;
  background-position-x: -24px;
}

.quick-menu ul li.global {
  background-color: #575967;
}

.quick-menu ul li.global a::before {
  background-position-x: -48px;
}

.quick-menu .btn-top {
  position: relative;
  margin-top: 2px;
  padding: 72px 0 0 25px;
  background-color: #dedede;
  color: #000;
  font-weight: 700;
  cursor: pointer;
}

.quick-menu .btn-top::before {
  content: '';
  position: absolute;
  display: block;
  top: 37px;
  left: 28px;
  width: 21px;
  height: 12px;
  background: url("../images/common/ico_btn_top.png") no-repeat 0 0;
}

.list li {
  position: relative;
  padding-left: 10px;
  text-align: left;
  font-size: 16px;
  color: #8f8879;
}

.list.t-dot li:before {
  content: '.';
  position: absolute;
  display: block;
  left: 0;
  top: -4px;
}

.list.t-circle li:before {
  content: '';
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #666;
  left: 0;
  top: 11px;
}

.list.t-square li:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #ccc;
  left: 0;
  top: 11px;
}

.lay-cookies {
  position: absolute;
  width: 100%;
  height: 150px;
  top: 0;
  left: 0;
  padding-top: 50px;
  background-color: #000;
  z-index: 100;
}

.lay-cookies > div {
  width: 1280px;
  display: table;
  margin: 0 auto;
  padding: 0 20px;
}

.lay-cookies .message {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

.lay-cookies .link-policy {
  color: inherit;
  text-decoration: underline;
}

.lay-cookies .buttons .button {
  width: 158px;
  height: 45px;
  border: 1px solid #666;
  font-weight: 700;
  color: #fff;
}

.lay-cookies .buttons .button:hover {
  border: 1px solid #e23043;
  color: #e23043;
}

.lay-cookies .buttons .button:active {
  background-color: #e23043;
  border-color: transparent;
  color: #fff;
}

.lay-cookies .buttons .button + .button {
  margin-left: 20px;
}

.mes-error-wrap {
  height: calc(100vh - 280px);
  min-height: 400px;
  font-family: 'Noto Sans', sans-serif;
  text-align: center;
}

.mes-error-wrap .cont-box {
  position: relative;
  display: inline-block;
  top: 50%;
  margin-top: -180px;
}

.mes-error-wrap .ico-error {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  padding-top: 3px;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  color: #222;
  font-size: 24px;
  font-weight: 700;
}

.mes-error-wrap .message {
  color: #444;
  font-size: 17px;
  font-weight: 200;
  line-height: 1.5;
}

.mes-error-wrap .message span {
  margin-top: 30px;
}

.mes-error-wrap .message strong {
  display: block;
  margin: 47px auto 18px;
  font-size: 18px;
  font-weight: 300;
  color: #222;
}

.mes-error-wrap .button-wrap {
  margin-top: 60px;
}

.mes-error-wrap .button-wrap button {
  min-width: 130px;
  height: 56px;
  margin: 0 8px;
  padding: 0 20px;
  line-height: 56px;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}

.mes-error-wrap .button-wrap button:hover {
  color: #e23043;
  border: 1px solid #e23043;
}

.mes-error-wrap .button-wrap button:active {
  color: #fff;
  background: #e23043;
}

.brt-table {
  width: 100%;
  margin-top: 46px;
  border-collapse: collapse;
  text-align: center;
  font-size: 17px;
}

.brt-table th,
.brt-table td {
  border: 1px solid #dedede;
  padding: 16px 10px;
}

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

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

.brt-table th.align-l,
.brt-table td.align-l {
  text-align: left;
}

.brt-table th {
  border-top: 1px solid #7f7f7f;
  color: #444;
  font-weight: 300;
}

.brt-table td a {
  color: #444;
}

.brt-table.t-hline th,
.brt-table.t-hline td {
  border-left: none;
  border-right: none;
}

.terms {
  text-align: left;
}

.terms .para,
.terms .section,
.terms .subheading {
  margin-top: 46px;
}

.terms .txt-block {
  display: block;
  padding-top: 15px;
}

.terms .subheading {
  font-weight: 500;
  font-size: inherit;
  color: inherit;
}

.terms .subheading ~ .para {
  margin-top: 30px;
}

.terms .subheading + .para,
.terms .subheading + .brt-table {
  margin-top: 10px;
}

.terms h4.subheading {
  font-weight: 200;
  margin-top: 30px;
}

.terms a {
  text-decoration: underline;
  color: inherit;
}

.terms .section .subheading:first-child {
  margin-top: 0;
}

.terms .section .list {
  width: 100%;
  margin-left: 20px;
}

.modal-cont.terms .list li {
  color: #444;
}

.agr-section .brt-table th,
.agr-section .brt-table td {
  border-color: #666;
  color: #999;
}

.agr-section .brt-table th {
  border-top-color: #ccc;
  color: #ccc;
}

.agr-section .brt-table td a {
  color: #999;
}

.agr-section .brt-table.t-hline th,
.agr-section .brt-table.t-hline td {
  border-left: none;
  border-right: none;
}

.agr-section .list.t-circle li {
  color: #ccc;
}

.agr-section .list.t-circle li::before {
  background: #999;
}

.ct-soytide.v-kr .benefits .tooltip-wrap.active .tooltip-1 {
  width: 300px;
}

.ct-soytide.v-kr .benefits .tooltip-wrap.active .tooltip-4 {
  width: 214px;
}

.ct-process.v-kr .benefits .tooltip-wrap.active .tooltip-3 {
  width: 165px;
}

.ct-process.v-kr .benefits .tooltip-wrap.active .tooltip-5 {
  width: 195px;
}

.ct-solutions.xsoy.v-kr .item-list .item .img.c1 .tooltip {
  min-width: 120px;
}

.ct-solutions.xsoy.v-kr .item-list .item .img.c5 .tooltip {
  min-width: 240px;
}

.ct-pha-lifecycle.v-kr .cycle-container::before {
  content: '생분해성';
}

.cont-box.pair.v-kr {
  letter-spacing: -0.5px;
}

.aminature-product.v-kr .button-pd-download:hover {
  width: 154px;
}

.tit-round.v-cn .cir {
  font-size: 21px;
}

.cycle-container.v-cn:before {
  content: '可生物降解';
}

.aminature-product.v-cn .button-pd-download:hover {
  width: 124px;
}