@charset "utf-8";
@import url(common.css?v=0.1);
@import url(animate.min.css);

.flex {display:flex !important;}
.flex.center {justify-content:center;}
.flex.mcenter {justify-content:center;align-items:center;}
.flex.between {justify-content:space-between;}
.flex.mbetween {justify-content:space-between;align-items:center;}
.flex.around {justify-content:space-around;}
.flex.maround {justify-content:space-around;align-items:center;}

/* space */
.mt70 {margin-top:70px !important;}
@media only all and (max-width:767px) {
  .mt70 {margin-top:35px !important;} 
}

.sub-visual-wrap {height:528px;overflow:hidden;}
.sub-visual {height:528px;-webkit-animation:visual-scale 1s;animation:visual-scale 1s;-webkit-animation-duration:5000ms;animation-duration:5000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.sub-title {width:100%;height:528px;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;}
.sub-title .txt-wrap {text-align:center;}
.sub-title h2 {font-size:65px;color:#fff;padding-top:85px;animation-fill-mode:both;animation-name:fadeInUp;animation-duration:0.8s;animation-delay:0.1s;}
.sub-title p {font-size:30px;color:#adadad;padding-top:5px;animation-fill-mode:both;animation-name:fadeInUp;animation-duration:0.8s;animation-delay:0.6s;}
@-webkit-keyframes visual-scale {from {transform:scale(1.2);} to {transform:scale(1);}}
@keyframes visual-scale {from {transform:scale(1.2);} to {transform:scale(1);}}

.sub-visual.about {background:url('../images/sub/visual_about.jpg') no-repeat 50% 0;background-size:cover;}
.sub-visual.platform {background:url('../images/sub/visual_platform.jpg') no-repeat 50% 0;background-size:cover;}
.sub-visual.careers {background:url('../images/sub/visual_careers.jpg') no-repeat 50% 0;background-size:cover;}
.sub-visual.contact {background:url('../images/sub/visual_contact.jpg') no-repeat 50% 0;background-size:cover;}
.sub-visual.news {background:url('../images/sub/visual_news.jpg') no-repeat 50% 0;background-size:cover;}

#contents .inner {width:1400px;margin:0 auto;}
#contents .title-wrap {width:1400px;margin:0 auto;text-align:center;}
#contents .title-wrap.left {text-align:left;}
#contents h3 {position:relative;display:inline-block;margin:180px 0 50px;font-size:60px;color:#101010;line-height:1;text-align:left;animation-name:flipInX;animation-delay:0.5s;}
#contents h3.first {margin:0 0 50px;}
#contents h3::before {content:'';display:inline-block;position:absolute;left:5px;top:-15px;width:117px;height:5px;background:#088476;}
.cont-box {width:1400px;margin:0 auto;padding:160px 0;}

/* button */
.btn-block {margin-top:60px;text-align:center;animation-name:fadeInUp;}
.btn-block a {margin:0 5px;}
.btn-list {display:inline-block;min-width:280px;height:42px;line-height:42px;text-align:center;font-size:14px;color:#fff !important;vertical-align:middle;background:#7a7a7a;white-space:nowrap;transition:all 0.3s;}
.btn-list:hover {background:#00ae9a;}
.btn-gray {display:inline-block;min-width:335px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff !important;vertical-align:middle;background:#7a7a7a;white-space:nowrap;transition:all 0.3s;}
.btn-gray:hover {background:#088476;}
.btn-green {display:inline-block;min-width:335px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff !important;vertical-align:middle;background:#088476;white-space:nowrap;transition:all 0.3s;}
.btn-green:hover {background:#045b51;}

/* input,select */
input {width:100%;height:45px;padding-left:10px;border:1px solid #ddd;background:#fff;font-size:16px;color:#101010;}
input[type=text]::-ms-clear {display:none;}
textarea {width:100%;padding:10px;border:1px solid #ddd;background:#fff;overflow:auto;font-size:16px;color:#101010;}
input[type=checkbox],input[type=radio] {width:16px;height:16px;margin-right:5px;border:1px solid #ddd;}

@media only all and (max-width:1024px) {
	#contents .inner {width:auto;}
	#contents .title-wrap {width:auto;}
	.cont-box {width:auto;padding:160px 20px;}
}
@media only all and (max-width:767px) {
	.sub-visual-wrap {height:280px;}
	.sub-visual {height:280px;}
	.sub-title {height:280px;}
	.sub-title h2 {font-size:36px;padding-top:60px;}
	.sub-title p {font-size:14px;padding-top:0;}
	#contents h3 {margin:70px 20px 30px;font-size:30px;}
	#contents h3.first {margin:0 0 30px;}
	#contents h3::before {left:2px;top:-10px;width:50px;height:2px;}
	.cont-box {padding:70px 20px;}
	.btn-block {margin-top:30px;}	
	.btn-block a {margin:0 1px;}
	.btn-list {min-width:140px;height:40px;line-height:40px;font-size:13px;}
	.btn-gray {min-width:140px;height:40px;line-height:40px;font-size:13px;}
	.btn-green {min-width:140px;height:40px;line-height:40px;font-size:13px;}
	input {height:38px;font-size:14px;}
	textarea {overflow:auto;font-size:14px;}
}

/* Platform solution */
.platform.section1 h3 {animation-name:fadeInUp;}
.platform.section1 .thumb {padding-left:6.8vw;display:flex;justify-content:end;animation-name:fadeInUp;}
.platform.section1 .solution {text-align:center;margin-top:75px;animation-name:fadeInUp;flex-wrap:wrap;}
.platform.section1 .solution .col {width:25%;}
.platform.section1 .solution .col i {display:inline-block;width:68px;height:62px;margin-bottom:35px;}
.platform.section1 .solution .col .ico1 {background:url('../images/sub/ico_solution1.png') no-repeat 0 0;background-size:100%;}
.platform.section1 .solution .col .ico2 {background:url('../images/sub/ico_solution2.png') no-repeat 0 0;background-size:100%;}
.platform.section1 .solution .col .ico3 {background:url('../images/sub/ico_solution3.png') no-repeat 0 0;background-size:100%;}
.platform.section1 .solution .col .ico4 {background:url('../images/sub/ico_solution4.png') no-repeat 0 0;background-size:100%;}
.platform.section1 .solution dt {font-size:22px;color:#101010;line-height:1;margin-bottom:15px;font-weight:bold;}
.platform.section1 .solution dd {font-size:16px;color:#666;padding:0 30px;}
.platform.section2 h3 {animation-name:fadeInUp;}
.platform.section2 .benefit {height:754px;text-align:center;margin-top:35px;animation-name:fadeInUp;flex-wrap:wrap;}
.platform.section2 .benefit .col {width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.platform.section2 .benefit dt {height:50px;font-size:22px;color:#00ae9a;line-height:24px;margin-bottom:15px;font-weight:bold;}
.platform.section2 .benefit dd {height:50px;font-size:15px;color:#999;line-height:22px;}
.platform.section2 .benefit .col:nth-child(1) {background:url('../images/sub/bg_benefit1.jpg') no-repeat 0 0;background-size:cover;}
.platform.section2 .benefit .col:nth-child(2) {background:url('../images/sub/bg_benefit2.jpg') no-repeat 0 0;background-size:cover;}
.platform.section2 .benefit .col:nth-child(3) {background:url('../images/sub/bg_benefit3.jpg') no-repeat 0 0;background-size:cover;}
.platform.section2 .benefit .col:nth-child(4) {background:url('../images/sub/bg_benefit4.jpg') no-repeat 0 0;background-size:cover;}
.platform.section2 .benefit .col i {display:inline-block;width:152px;height:152px;margin-bottom:55px;}
.platform.section2 .benefit .col .ico1 {background:url('../images/sub/ico_benefit1.png') no-repeat 0 0;background-size:100%;}
.platform.section2 .benefit .col .ico2 {background:url('../images/sub/ico_benefit2.png') no-repeat 0 0;background-size:100%;}
.platform.section2 .benefit .col .ico3 {background:url('../images/sub/ico_benefit3.png') no-repeat 0 0;background-size:100%;}
.platform.section2 .benefit .col .ico4 {background:url('../images/sub/ico_benefit4.png') no-repeat 0 0;background-size:100%;}
.platform.section3 {background:url('../images/sub/bg_platform.jpg') no-repeat 50% 0;background-size:100%;}
.platform.section3 .inner {padding-bottom:180px;}
.platform.section3 h3 {animation-name:fadeInUp;}
.platform.section3 .slider-wrap {width:1033px;margin:0 auto;animation-name:fadeInUp;}
.platform.section3 .slick-list {box-shadow:47px 65px 100px 0px rgba(165, 165, 165, 0.35);}
.platform.section3 .slick-arrow {position:absolute;top:50%;width:32px;height:60px;z-index:1;text-indent:-9999px;overflow:hidden;transform:translateY(-50%);}
.platform.section3 .slick-prev {left:-75px;background:url('../images/sub/ico_prev2.png') no-repeat 50% 50%;background-size:100%;}
.platform.section3 .slick-next {right:-75px;background:url('../images/sub/ico_next2.png') no-repeat 50% 50%;background-size:100%;}
.platform.section3 .slick-dots {text-align:center;width:100%;margin-top:35px;}
.platform.section3 .slick-dots li {margin:0 7px;}
.platform.section3 .slick-dots li button {width:12px;height:12px;background:#bbb;border-radius:12px;}
.platform.section3 .slick-dots li.slick-active button {background:#088476;}

@media only all and (max-width:1640px) {
	.platform.section1 .thumb {padding-left:0;}
}
@media only all and (max-width:1024px) {	
	.platform.section1 .solution .col {padding:0 15px;}
	.platform.section1 .solution dd {padding:0;}
	.platform.section2 .benefit {height:auto;}
	.platform.section2 .benefit .col {width:50%;padding:10vw 0;}
	.platform.section3 .slider-wrap {width:auto;padding:0 80px;}
	.platform.section3 .slick-prev {left:-50px;}
	.platform.section3 .slick-next {right:-50px;}
}
@media only all and (max-width:767px) {	
	.platform.section1 .solution {margin-top:10px;}
	.platform.section1 .solution .col {width:50%;margin-top:40px;}
	.platform.section1 .solution .col i {width:50px;height:48px;margin-bottom:20px;}
	.platform.section1 .solution dt {font-size:20px;margin-bottom:10px;}
	.platform.section1 .solution dd {font-size:14px;}
	.platform.section2 .benefit {margin-top:0;}
	.platform.section2 .benefit .col {width:100%;}
	.platform.section2 .benefit dt {height:auto;font-size:20px;margin-bottom:10px;}
	.platform.section2 .benefit dd {height:auto;font-size:13px;}
	.platform.section2 .benefit .col i {width:100px;height:100px;margin-bottom:30px;}

	.platform.section3 .inner {padding-bottom:80px;}
	.platform.section3 .slider-wrap {width:auto;padding:0 50px;}
	.platform.section3 .slick-arrow {width:20px;height:42px;}
	.platform.section3 .slick-prev {left:-35px;}
	.platform.section3 .slick-next {right:-35px;}
	.platform.section3 .slick-dots {margin-top:15px;}
	.platform.section3 .slick-dots li {margin:0 5px;}
	.platform.section3 .slick-dots li button {width:10px;height:10px;}
}

/* aboutus */
.aboutus.section1 h3 {animation-name:fadeInUp;}
.aboutus.section1 .thumb {padding-left:6.8vw;display:flex;justify-content:end;animation-name:fadeInUp;}
.aboutus.section1 .mission {text-align:center;margin-top:35px;}
.aboutus.section1 .mission .col {width:50%;animation-name:fadeInUp;}
.aboutus.section1 .mission .col:nth-child(1) {animation-delay:0.1s;}
.aboutus.section1 .mission .col:nth-child(2) {animation-delay:0.5s;}
.aboutus.section1 .mission dt {font-size:30px;color:#222;line-height:1;margin-bottom:28px;font-weight:bold;}
.aboutus.section1 .mission dd {font-size:17px;color:#666;text-align:left;padding:0 60px;}
.aboutus.section2 {padding-bottom:180px;}
.aboutus.section2 h3 {animation-name:fadeInUp;}
.aboutus.section2 .culture-list ul {text-align:center;}
.aboutus.section2 .culture-list li {width:calc(100%/3);padding:0 35px;}
.aboutus.section2 .culture-list li .box {width:100%;box-shadow:21px 34px 100px 0px rgba(169, 169, 169, 0.3);border:1px solid #e7e7e7;border-radius:20px;min-height:455px;padding:65px 30px 20px;}
.aboutus.section2 .culture-list li i {display:inline-block;width:86px;height:86px;margin-bottom:35px;}
.aboutus.section2 .culture-list li .ico1 {background:url('../images/sub/ico_about1.png') no-repeat 0 0;background-size:100%;}
.aboutus.section2 .culture-list li .ico2 {background:url('../images/sub/ico_about2.png') no-repeat 0 0;background-size:100%;}
.aboutus.section2 .culture-list li .ico3 {background:url('../images/sub/ico_about3.png') no-repeat 0 0;background-size:100%;}
.aboutus.section2 .culture-list li {animation-name:fadeInUp;}
.aboutus.section2 .culture-list li:nth-child(1) {animation-delay:0.1s;}
.aboutus.section2 .culture-list li:nth-child(2) {animation-delay:0.5s;}
.aboutus.section2 .culture-list li:nth-child(3) {animation-delay:1s;}
.aboutus.section2 .culture-list dt {font-size:26px;color:#222;line-height:1;margin-bottom:28px;font-weight:bold;letter-spacing:-0.5px;}
.aboutus.section2 .culture-list dd {font-size:15px;color:#666;text-align:left;}
.aboutus.section3 {background:linear-gradient(90deg, #f4f4f4 52%, #fff 52%);}
.aboutus.section3 h3 {margin:0 0 40px;animation-name:fadeInUp;text-align:left;}
#contents .aboutus.section3 h3 {margin-top:120px;}
.aboutus.section3 .inner .item-box .txt {font-size:15px;color:#666;width:600px;background:#f4f4f4;}
.aboutus.section3 .slider-wrap {animation-name:fadeInUp;}
.aboutus.section3 .slider-wrap .ctrl-wrap {position:relative;top:-140px;width:30%;z-index:100;}
.aboutus.section3 .slider-wrap .paging {display:inline-block;font-size:30px;color:#999;margin-top:15px;}
.aboutus.section3 .slider-wrap .paging span {font-size:50px;color:#272727;}
.aboutus.section3 .slider-wrap .ctrl-wrap button {display:inline-block;width:50px;height:50px;text-indent:-999px;overflow:hidden;vertical-align:middle;background-color:#9f9f9f;}
.aboutus.section3 .slider-wrap .btn-prev {border:1px solid #cecece;background:url('../images/sub/ico_prev.png') no-repeat 50% 50%;}
.aboutus.section3 .slider-wrap .btn-next {margin-left:1px;border:1px solid #cecece;background:url('../images/sub/ico_next.png') no-repeat 50% 50%;}
.aboutus.section3 .slider-wrap li.slick-slide {padding:20px 0 80px;}
.aboutus.section3 .slider-wrap .thumb {box-shadow:-40px 20px 50px 0px rgba(82, 82, 82, 0.25);}
.aboutus.section4 {position:relative;}
.aboutus.section4 .inner {position:relative;z-index:1;padding-bottom:70px;}
.aboutus.section4 h3 {animation-name:fadeInUp;}
.aboutus.section4 .bg {height:378px;background:#088476;animation-name:fadeInUp;position:absolute;bottom:0;left:0;right:0;}
.aboutus.section4 .thumb {animation-name:fadeInUp;}
.aboutus.section4 p {font-size:17px;color:#b7fbff;text-align:left;line-height:22px;padding:0 125px;margin-top:33px;margin-bottom:10px;animation-name:fadeInUp;}
.aboutus.section4 h4 {font-size:19px;color:#b7fbff;text-align:left;line-height:22px;padding:0 125px;margin-top:10px;animation-name:fadeInUp;}
.aboutus.section5 {padding-bottom:120px;animation-name:fadeInUp;}
.aboutus.section5 h3 {animation-name:fadeInUp;}
.aboutus.section5 .thumb {animation-name:fadeInUp;}
.aboutus.section5 .history-wrap {padding-top:20px;position:relative;height:300px;animation-name:fadeInUp;}
.aboutus.section5 .line {height:5px;background:#e8e8e8;margin-top:111px;}
.aboutus.section5 .history {position:absolute;background:url('../images/sub/ico_history1.png') no-repeat 0 100%;padding-bottom:40px;}
.aboutus.section5 .history dt {font-size:30px;color:#222;line-height:1;margin-bottom:3px;letter-spacing:-0.5px;}
.aboutus.section5 .history dd {font-size:15px;color:#999;line-height:22px;}
.aboutus.section5 .history.year1 {left:80px;top:20px;}
.aboutus.section5 .history.year2 {left:240px;top:131px;background:url('../images/sub/ico_history2.png') no-repeat 0 0;padding-bottom:0;padding-top:40px;}
.aboutus.section5 .history.year3 {left:370px;top:20px;}
.aboutus.section5 .history.year4 {left:700px;top:131px;background:url('../images/sub/ico_history2.png') no-repeat 0 0;padding-bottom:0;padding-top:40px;}
.aboutus.section5 .history.year5 {left:1010px;top:20px;}
.aboutus.section5 .history.year6 {left:1100px;top:131px;background:url('../images/sub/ico_history2.png') no-repeat 0 0;padding-bottom:0;padding-top:40px;}

@media only all and (max-width:1640px) {
	.aboutus.section1 .thumb {padding-left:0;}
}
@media only all and (max-width:1024px) {	
	.aboutus.section2 .culture-list li {width:calc(100%/3);padding:0 10px;}
	.aboutus.section3 h3 {margin:0 20px 40px;}
	.aboutus.section3 .inner .item-box {display:block !important;}
	.aboutus.section3 .inner .item-box .txt {padding:0 20px 40px;}
	.aboutus.section3 .slider-wrap .ctrl-wrap {position:relative;top:20px;width:auto;padding:0 20px;}
	.aboutus.section3 .slider-wrap img {width:100%;}
	.aboutus.section5 .history-wrap {height:auto;}
	.aboutus.section5 .line {height:100%;margin-top:0;width:5px;display:inline-block;position:absolute;left:30px;top:0;}
	.aboutus.section5 .history {position:relative;padding:0 30px 0 70px;margin-top:50px;background:url('../images/sub/ico_history3.png') no-repeat 30px 10px;padding-bottom:0;z-index:1;}
	.aboutus.section5 .history.year1 {left:auto;top:auto;margin-top:0;}
	.aboutus.section5 .history.year2 {left:auto;top:auto;background:url('../images/sub/ico_history3.png') no-repeat 30px 10px;padding-top:0;}
	.aboutus.section5 .history.year3 {left:auto;top:auto;}
	.aboutus.section5 .history.year4 {left:auto;top:auto;background:url('../images/sub/ico_history3.png') no-repeat 30px 10px;padding-top:0;}
}
@media only all and (max-width:767px) {	
	.aboutus.section1 h3 {margin:80px 20px 30px;}
	.aboutus.section1 .mission {display:block !important;}
	.aboutus.section1 .mission .col {width:100%;}
	.aboutus.section1 .mission .col:nth-child(2) {margin-top:30px;}
	.aboutus.section1 .mission dt {font-size:20px;}
	.aboutus.section1 .mission dd {font-size:13px;padding:0 20px;}
	.aboutus.section2 {padding-bottom:60px;}
	.aboutus.section2 .culture-list ul {display:block !important;}
	.aboutus.section2 .culture-list li {width:calc(100%);padding:0 20px;margin-top:30px;}
	.aboutus.section2 .culture-list li .box {min-height:auto;padding:35px 20px 30px;}
	.aboutus.section2 .culture-list li:nth-child(1) {margin-top:0;}
	.aboutus.section2 .culture-list li i {width:60px;height:60px;margin-bottom:20px;}
	.aboutus.section2 .culture-list dt {font-size:22px;}
	.aboutus.section2 .culture-list dd {font-size:13px;}
	.aboutus.section3 h3 {margin:0 20px 20px;}
	#contents .aboutus.section3 .inner {padding:50px 0 0 0;}
	#contents .aboutus.section3 h3 {margin-top:20px;}
	.aboutus.section3 .inner .item-box .txt {font-size:13px;padding:0 20px 30px;background:none;}
	.aboutus.section3 .slider-wrap li.slick-slide {padding:0 0 80px;}
	.aboutus.section3 .slider-wrap .ctrl-wrap {top:-50px;width:100%;}
	.aboutus.section3 .slider-wrap .paging {font-size:18px;margin-top:5px;}
	.aboutus.section3 .slider-wrap .paging span {font-size:22px;}
	.aboutus.section3 .slider-wrap .ctrl-wrap button {width:30px;height:30px;background-size:8px !important;}
	.aboutus.section4 .inner {padding-bottom:40px;}
	.aboutus.section4 .bg {height:338px;}
	.aboutus.section4 p {font-size:13px;padding:0 20px;}
	.aboutus.section4 h4 {font-size:13px;padding:0 20px;margin-top:5px;}
	.aboutus.section5 {padding-bottom:60px;}
	.aboutus.section5 .history dt {font-size:22px;}
	.aboutus.section5 .history dd {font-size:13px;}
}

/* news */
.news-list {animation-name:fadeInUp;}
.news-list ul {margin:-46px -23px 0;}
.news-list ul:after {clear:both;content:"";display:block;}
.news-list li {position:relative;float:left;width:calc(100%/3 - 46px);margin:46px 23px 0 23px;border:1px solid #e9e9e9;background:#fff;}
.news-list li:hover {border:1px solid #088476;box-shadow:15px 20px 50px 0px rgba(180, 180, 180, 0.4);transition:all 0.3s;}
.news-list li a {display:block;padding:30px;}
.news-list li .thumb {position:relative;padding-top:59%;}
.news-list li .thumb img {position:absolute;top:0;left:0;width:100%;height:100%;}
.news-list li dt {height:50px;margin-top:20px;font-size:22px;line-height:24px;color:#101010;font-weight:700;text-overflow:ellipsis;white-space:normal;max-height:2.8em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-list li dd {height:65px;margin-top:40px;font-size:15px;color:#666;line-height:22px;text-overflow:ellipsis;white-space:normal;max-height:4.5em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-list li dd.date {height:auto;margin-top:8px;font-size:14px;color:#999;padding-left:22px;background:url('../images/sub/ico_date.png') no-repeat 0 40%;}
.news-list li dd.date em {padding-left:12px;}
.news-list li dd.date .new {display:inline-block;height:16px;line-height:16px;padding:0 6px;font-size:12px;color:#fff;background:#00ae9a;border-radius:20px;text-align:center;vertical-align:top;margin:2px 0 0 5px;font-weight:500;}
.news-list li:hover dt {color:#088476;}
.news-list li .arrow {width:30px;height:24px;margin-top:13px;display:inline-block;background:url('../images/sub/ico_arrow.png') no-repeat 0 0;transition:all 0.3s;}
.news-list li:hover .arrow {background:url('../images/sub/ico_arrow_on.png') no-repeat 0 0;margin-left:35px;}

/* paginate */
.paginate {margin-top:55px;text-align:center;line-height:16px;animation-name:fadeInUp;}
.paginate a.pre-end,.paginate a.next-end,.paginate a.pre,.paginate a.next {text-indent:-9999px;overflow:hidden;}
.paginate a.pre {background:url('../images/sub/ico_paging_prev.png') no-repeat 50% 50%;}
.paginate a.next {background:url('../images/sub/ico_paging_next.png') no-repeat 50% 50%;}
.paginate a.pre-end {background:url('../images/sub/ico_paging_first.png') no-repeat 50% 50%;}
.paginate a.next-end {background:url('../images/sub/ico_paging_last.png') no-repeat 50% 50%;}
.paginate a.pre-end:hover,.paginate a.next-end:hover,.paginate a.pre:hover,.paginate a.next:hover {background-color:#fff;}
.paginate a {display:inline-block;min-width:30px;height:30px;margin:0 3px;padding:6px 5px;font-size:14px;color:#999;border:1px solid #ededed;vertical-align:middle;background:#fff;transition:all 0.3s;}
.paginate a.active,.paginate a:hover {color:#fff;font-weight:700;background-color:#00ae9a;border:1px solid #00ae9a;}
.detail-board {width:1060px;margin:0 auto;padding:0 20px;animation-name:fadeInUp;}
.detail-board .detail-tit .tit {font-size:30px;line-height:32px;color:#101010;font-weight:600;}
.detail-board .detail-tit .date {font-size:14px;color:#999;margin-top:18px;padding-left:22px;background:url('../images/sub/ico_date.png') no-repeat 0 40%;}
.detail-board .detail-tit .date em {padding-left:12px;}
.detail-board .detail-tit .date .new {display:inline-block;height:16px;line-height:16px;padding:0 6px;font-size:12px;color:#fff;background:#00ae9a;border-radius:20px;text-align:center;vertical-align:top;margin:2px 0 0 5px;font-weight:500;}
.detail-board .detail-cont {padding:30px 0;font-size:16px;color:#666;line-height:30px;min-height:560px;}
.detail-board ul + .btn-block {margin-top:40px;}
@media only all and (max-width:1024px) {
	.news-list ul {margin:-30px -15px 0;}
	.news-list li {width:calc(100%/3 - 30px);margin:30px 15px 0 15px;}
	.news-list li a {padding:20px;}
	.detail-board {width:auto;padding:0;}
}
@media only all and (max-width:767px) {
	.news-list ul {margin:-10px -5px 0;}
	.news-list li {width:calc(100%/2 - 10px);margin:10px 5px 0 5px;}
	.news-list li a {padding:10px;}
	.news-list li dt {height:40px;margin-top:10px;font-size:17px;line-height:18px;max-height:2.5em;}
	.news-list li dd {height:50px;margin-top:20px;font-size:13px;color:#666;line-height:18px;max-height:4em;}
	.news-list li dd.date {margin-top:5px;font-size:12px;letter-spacing:-0.5px;}
	.news-list li dd.date em {padding-left:0;}
	.news-list li dd.date .new {height:14px;line-height:14px;padding:0 4px;font-size:10px;margin:2px 0 0 2px;}
	.paginate {margin-top:30px;}	
	.paginate a {min-width:28px;height:28px;margin:0 1px;padding:5px 3px;font-size:12px;}
	.detail-board .detail-tit .tit {font-size:20px;line-height:28px;}
	.detail-board .detail-tit .date {font-size:12px;margin-top:15px;}
	.detail-board .detail-tit .date .new {padding:0 5px;font-size:11px;}
	.detail-board .detail-cont {padding:20px 0;font-size:14px;line-height:24px;min-height:300px;}
	.detail-board ul + .btn-block {margin-top:20px;}
}
@media only all and (max-width:480px) {
	.news-list ul {margin:0 0 0;}
	.news-list li {width:calc(100% - 0px);margin:20px 0 0 0;}
	.news-list li dd.date {padding-left:0;background:none;}
}

/* Careers */
.team-list {animation-name:fadeInUp;}
.team-list ul {margin:-20px -13px 0;animation-name:fadeInUp;}
.team-list ul:after {clear:both;content:"";display:block;}
.team-list li a {position:relative;float:left;width:calc(100%/4 - 26px);margin:20px 13px 0 13px;padding:58px 25px 95px;border:1px solid #e8e8e8;border-radius:10px;box-shadow:15px 20px 50px 0px rgba(137, 137, 137, 0.4);height:332px;background:#fff;display:block;}
.team-list li a:hover {border:1px solid #088476;transition:all 0.3s;}
.team-list li a dt {height:50px;font-size:22px;line-height:24px;color:#101010;font-weight:700;text-overflow:ellipsis;white-space:normal;max-height:2.8em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.team-list li a dd {margin-top:25px;font-size:16px;color:#333;line-height:24px;height:100px;overflow:hidden;}
.team-list li a:hover dt {color:#088476;}

.team-list li a .btn-position {position:absolute;bottom:32px;left:0;right:0;padding:0 50px;}
.team-list li a .btn-position span {display:block;height:50px;line-height:50px;font-size:14px;color:#fff !important;background:#088476 url('../images/sub/ico_arrow2_on.png') no-repeat 85% 50%;transition:all 0.2s; white-space:nowrap;border-radius:50px;padding:0 32px;}
.team-list li a:hover .btn-position span {background:#0a6064 url('../images/sub/ico_arrow2_on.png') no-repeat 90% 50%;transition:all 0.5s;}

.h4-description {margin:40px 0 25px;font-size:30px;line-height:1.2;color:#999;font-weight:700;animation-name:fadeInUp;}
.description-list {animation-name:fadeInUp;}
.description-list ul {margin:-20px -13px 0;}
.description-list ul:after {clear:both;content:"";display:block;}
.description-list li {position:relative;float:left;width:calc(100%/3 - 26px);margin:20px 13px 0 13px;padding:46px 28px 60px;border:1px solid #e8e8e8;border-radius:10px;height:360px;background:#fff;}
.description-list li i {display:inline-block;width:70px;height:70px;margin-bottom:35px;}
.description-list li .ico1 {background:url('../images/sub/ico_description1.png') no-repeat 0 0;background-size:100%;}
.description-list li .ico2 {background:url('../images/sub/ico_description2.png') no-repeat 0 0;background-size:100%;}
.description-list li .ico3 {background:url('../images/sub/ico_description3.png') no-repeat 0 0;background-size:100%;}
.description-list li dt {font-size:22px;line-height:24px;color:#101010;font-weight:700;}
.description-list li dd {margin-top:22px;font-size:16px;color:#333;line-height:24px;}
.how-apply {text-align:center;animation-name:fadeInUp;}
.how-apply dt {font-size:40px;line-height:1;color:#101010;font-weight:700;margin-top:65px;}
.how-apply dd {margin-top:15px;font-size:16px;color:#333;line-height:24px;}

@media only all and (max-width:1024px) {
	.team-list li a {width:calc(100%/2 - 26px);}
	.description-list ul {margin:0;}
	.description-list li {float:none;width:calc(100% - 0px);margin:20px 0 0 0;height:auto;}
}
@media only all and (max-width:767px) {
	.team-list ul {margin:0;}
	.team-list li a {float:none;width:calc(100% - 0px);margin:20px 0 0 0;padding:30px 20px 95px;height:auto;}
	.team-list li dt {height:auto;font-size:18px;line-height:20px;}
	.team-list li dd {margin-top:15px;font-size:14px;line-height:20px;height:auto;min-height:50px;}
	.team-list li .btn-position {bottom:20px;padding:0 30px;}
	.team-list li .btn-position a {height:40px;line-height:40px;font-size:13px;}
	.h4-description {margin:0 0 15px;font-size:20px;}
	.description-list li {margin:20px 0 0 0;padding:25px 20px 30px;}
	.description-list li i {width:50px;height:50px;margin-bottom:15px;}
	.description-list li dt {font-size:18px;line-height:20px;}
	.description-list li dd {margin-top:15px;font-size:14px;line-height:20px;}
	.how-apply dt {font-size:24px;margin-top:30px;}
	.how-apply dd {margin-top:10px;font-size:14px;line-height:20px;}
}

/* Contact */
.contact-box {background:#f4f4f4;animation-name:fadeInUp;padding:30px 0 30px 125px;}
.contact-box ul {display:flex;flex-wrap:wrap;}
.contact-box li {width:calc(100%/3);margin:7px 0;}
.contact-box li a {display:flex;align-items:center;font-size:16px;font-weight:500;color:#101010;}
.contact-box li a:hover {color:#088476;}
.contact-box li i {display:inline-block;width:62px;height:60px;flex:none;margin-right:15px;}
.contact-box li .ico1 {background:url('../images/sub/ico_contact1.png') no-repeat 0 0;background-size:100%;}
.contact-box li .ico2 {background:url('../images/sub/ico_contact2.png') no-repeat 0 0;background-size:100%;}
.contact-box li .ico3 {background:url('../images/sub/ico_contact3.png') no-repeat 0 0;background-size:100%;}
.contact-box li .ico4 {background:url('../images/sub/ico_contact4.png') no-repeat 0 0;background-size:100%;}
.contact-box li .ico5 {background:url('../images/sub/ico_contact5.png') no-repeat 0 0;background-size:100%;}
.contact-box li .ico6 {background:url('../images/sub/ico_contact6.png') no-repeat 0 0;background-size:100%;}
.tbl-write {width:100%;border-top:2px solid #aaa;animation-name:fadeInUp;}
.tbl-write th {padding:12px 5px 12px 20px;font-weight:500;font-size:16px;font-weight:500;color:#101010;text-align:left;border-bottom:1px solid #ddd;background:#fff;}
.tbl-write td {height:68px;padding:12px 20px;border-bottom:1px solid #ddd;background:#fff;}
.tbl-write .bline {border-left:1px solid #ddd;}
.policy-check {animation-name:fadeInUp;margin-top:15px;font-size:16px;font-weight:500;color:#666;}
.policy-check a {color:#3779cf;text-decoration:underline;}
.dl-contact {text-align:center;animation-name:fadeInUp;}
.dl-contact dt {font-size:100px;font-weight:700;color:#e1e1e1;line-height:1;letter-spacing:-2px;margin-bottom:5px;}
.dl-contact dd {font-size:18px;color:#333;}
.contact-list {animation-name:fadeInUp;margin-top:50px;}
.contact-list ul {margin:-20px -13px 0;}
.contact-list ul:after {clear:both;content:"";display:block;}
.contact-list li {position:relative;float:left;width:calc(100%/3 - 26px);margin:20px 13px 0 13px;padding:46px 28px 60px;border:1px solid #e8e8e8;border-radius:10px;height:285px;background:#fff;box-shadow:15px 20px 50px 0px rgba(137, 137, 137, 0.25);}
.contact-list li i {display:inline-block;width:70px;height:70px;margin-bottom:18px;}
.contact-list li .ico1 {background:url('../images/sub/ico_contact1.png') no-repeat 0 0;background-size:100%;}
.contact-list li .ico2 {background:url('../images/sub/ico_contact2.png') no-repeat 0 0;background-size:100%;}
.contact-list li .ico3 {background:url('../images/sub/ico_contact3.png') no-repeat 0 0;background-size:100%;}
.contact-list li dt {font-size:22px;line-height:24px;color:#101010;font-weight:700;}
.contact-list li dd {margin-top:22px;font-size:16px;color:#333;line-height:24px;font-weight:500;}

@media only all and (max-width:1024px) {
	.contact-box {padding:30px 0 30px 30px;}
	.contact-box li {width:calc(100%/2);}
	.contact-list ul {margin:0;}
	.contact-list li {float:none;width:calc(100% - 0px);margin:20px 0 0 0;height:auto;}
}
@media only all and (max-width:767px) {
	.contact-box {padding:20px 20px;}
	.contact-box li {width:calc(100%);margin:3px 0;}
	.contact-box li a {font-size:13px;}
	.contact-box li i {width:40px;height:40px;margin-right:10px;}
	.tbl-write colgroup {display:none;}
	.tbl-write th {padding:10px 5px 10px 15px;font-size:14px;display:block;}
	.tbl-write td {height:auto;padding:10px 15px;display:block;}
	.tbl-write .bline {border-left:0;}
	.policy-check {margin-top:10px;font-size:14px;}	
	.dl-contact dt {font-size:45px;}
	.dl-contact dd {font-size:15px;}
	.contact-list {margin-top:30px;}
	.contact-list li {margin:20px 0 0 0;padding:25px 20px 30px;}
	.contact-list li i {width:50px;height:50px;margin-bottom:15px;}
	.contact-list li dt {font-size:18px;line-height:20px;}
	.contact-list li dd {margin-top:15px;font-size:14px;line-height:20px;}
}

/* main */
.main-visual {position:relative;width:100%;height:100vh;overflow:hidden;}
.main-visual .visual-slider-wrap {position:relative;}
.main-visual .visual-slider-wrap .ctrl-wrap {width:1400px;margin:0 auto;position:absolute;bottom:48px;left:0;right:0;text-align:right;}
.main-visual .visual-slider-wrap .ctrl-wrap button {display:inline-block;width:24px;height:24px;text-indent:-999px;overflow:hidden;vertical-align:middle;border-radius:50%;margin:0 2px;}
.main-visual .visual-slider-wrap .ctrl-wrap button:hover {background-color:#46a3a9;}
.main-visual .visual-slider-wrap .ctrl-wrap .btn-play {background:#0a5d64 url(../images/main/ico_play.png) no-repeat 50% 50%;display:none;}
.main-visual .visual-slider-wrap .ctrl-wrap .btn-pause {background:#0a5d64 url(../images/main/ico_pause.png) no-repeat 50% 50%;}
.main-visual .visual-slider-wrap .ctrl-wrap .btn-prev {background:#0a5d64 url('../images/main/ico_prev.png') no-repeat 50% 50%;}
.main-visual .visual-slider-wrap .ctrl-wrap .btn-next {background:#0a5d64 url('../images/main/ico_next.png') no-repeat 50% 50%;}
.main-visual .visual-slider-wrap .ctrl-wrap .bar {position:relative;top:-2px;display:inline-block;width:150px;height:1px;background:#f5faf9;}
.main-visual .visual-slider-wrap .ctrl-wrap .bar em {position:absolute;top:0;left:0;width:50%;height:1px;background:#3cabb2;transition:all .3s ease;}
.main-visual .visual-slider li {position:relative;height:100vh;}
/* .main-visual .visual-slider li.item1 {background:url('../images/main/main_visual1.jpg') no-repeat 50% 0;background-size:cover;}
.main-visual .visual-slider li.item2 {background:url('../images/main/main_visual1.jpg') no-repeat 50% 0;background-size:cover;} */
.main-visual .visual-slider .video {position:absolute;left:50%;top:50%;width:100%;height:100vh;transform:translate(-50%,-50%);}
.main-section {background:url('../images/main/bg_main.png') no-repeat 50% 0;background-size:100%;}
.main-section .inner {padding:150px 0 110px;text-align:center;}
.main-section h2 {font-size:60px;color:#101010;line-height:1;margin-bottom:20px;animation-name:flipInX;animation-delay:0.3s;}
.main-section h2 span {color:#088476;}
#contents .main-section .title-wrap h3 {margin-top:0;}
.main-section .game-tab {display:inline-block;margin-bottom:85px;animation-name:fadeInUp;}
.main-section .game-tab li {display:inline-block;}
.main-section .game-tab li a {display:block;min-width:84px;padding:0 20px;height:35px;line-height:35px;margin:0 2px;font-size:16px;color:#a3a4a4;border:1px solid #a4a4a4;border-radius:35px;transition:all 0.5s;}
.main-section .game-tab li.on a {color:#fff;border:1px solid #1eb9a7;background:#1eb9a7;}
.main-section .game-tab li a:hover {color:#fff;border:1px solid #1eb9a7;background:#1eb9a7;}
.main-section .game-list {text-align:left;display:flex;flex-wrap:wrap;margin:0 -10px;}
.main-section .game-list li {width:calc(100%/4 - 20px);margin:0 10px 35px;animation-name:fadeInUp;}
.main-section .game-list li:nth-child(1) {animation-delay:0.1s;}
.main-section .game-list li:nth-child(2) {animation-delay:0.15s;}
.main-section .game-list li:nth-child(3) {animation-delay:0.2s;}
.main-section .game-list li:nth-child(4) {animation-delay:0.25s;}
.main-section .game-list li:nth-child(5) {animation-delay:0.3s;}
.main-section .game-list li:nth-child(6) {animation-delay:0.35s;}
.main-section .game-list li:nth-child(7) {animation-delay:0.4s;}
.main-section .game-list li:nth-child(8) {animation-delay:0.45s;}
.main-section .game-list li:nth-child(9) {animation-delay:0.5s;}
.main-section .game-list li:nth-child(10) {animation-delay:0.55s;}
.main-section .game-list li:nth-child(11) {animation-delay:0.6s;}
.main-section .game-list li:nth-child(12) {animation-delay:0.65s;}
.main-section .game-list .box {position:relative;padding:2px;min-height:266px;transition:all 0.5s;background:#fff;box-shadow:7px 19px 30px 0px rgba(109, 109, 109, 0.2);}
.main-section .game-list .box:hover:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #088476;z-index:1;}
.main-section .game-list .thumb {position:relative;z-index:2;}
.main-section .game-list .thumb span {overflow:hidden;display:block;}
.main-section .game-list li:hover .thumb img {animation:img-scale 1s;animation-duration:0.5s;animation-fill-mode:both;-timing-function:cubic-bezier(.3,0,.7,1);}
@keyframes img-scale {from {transform:scale(1);} to {transform:scale(1.1);}}
.main-section .game-list li.coming-soon:hover .thumb img {animation:none;}
.main-section .game-list .tit-wrap {height:58px;display:flex;justify-content:space-between;align-items:center;padding:10px;position:relative;z-index:2;}
.main-section .game-list .tit-wrap .tit {font-size:16px;color:#101010;font-weight:500;letter-spacing:-0.5px;}
.main-section .game-list .tit-wrap .tit a:hover {color:#088476;}
.main-section .game-list .tit-wrap .app a {width:20px;height:20px;display:inline-block;text-indent:-999px;overflow:hidden;}
.main-section .game-list .tit-wrap .app a.apple {background:url('../images/main/ico_apple.png') no-repeat 50% 50%;}
.main-section .game-list .tit-wrap .app a.apple:hover {background:url('../images/main/ico_apple_on.png') no-repeat 50% 50%;}
.main-section .game-list .tit-wrap .app a.google {background:url('../images/main/ico_google.png') no-repeat 50% 50%;margin-left:15px;}
.main-section .game-list .tit-wrap .app a.google:hover {background:url('../images/main/ico_google_on.png') no-repeat 50% 50%;}
.main-section .game-list .tit-wrap .new {display:inline-block;height:20px;line-height:20px;padding:0 6px;font-size:12px;color:#fff;background:#00ae9a;border-radius:20px;text-align:center;vertical-align:top;font-weight:500;}
.main-section .game-list .tit-wrap .hit {display:inline-block;height:20px;line-height:20px;padding:0 7px;font-size:12px;color:#fff;background:#925ac8;border-radius:20px;text-align:center;vertical-align:top;font-weight:500;}

.live-section .inner {padding:50px 0 160px;}
.live-section h2 {position:relative;display:inline-block;margin:0 0 50px;font-size:60px;color:#101010;line-height:1;text-align:left;animation-name:flipInX;animation-delay:0.8s;}
.live-section h2:before {content:'';display:inline-block;position:absolute;left:5px;top:-15px;width:117px;height:5px;background:#088476;}
.live-section .live {padding:60px 0;position:relative;}
.live-section .live .col-box {position:relative;}
.live-section .live .col-box:after {content:"";display:block;clear:both;}
.live-section .live .col {float:left;width:50%;text-align:right;padding-right:20px;}
.live-section .live .col:last-child {padding-left:50px;}
.live-section .live.sec2 .col:first-child,.live-section .live.sec4 .col:first-child {float:right;text-align:left;padding-left:20px;}
.live-section .live.sec2 .col:last-child,.live-section .live.sec4 .col:last-child {padding-left:0;padding-right:50px;}
.live-section .live .col img {box-shadow:21px 21px 70px 0px rgba(164, 164, 164, 0.9);animation-name:zoomIn;}
.live-section .live dt {font-size:40px;font-weight:700;color:#222;line-height:1;letter-spacing:-2px;margin-bottom:25px;animation-name:flipInX;animation-delay:0.1s;}
.live-section .live dd {font-size:15px;color:#666;line-height:22px;animation-name:fadeInUp;}
.live-section .live .col a:hover dt {color:#088476;}
.live-section .live.sec1 {padding-top:0;}
.live-section .live.sec1 dt {margin-top:150px;}
.live-section .live.sec2 dt {margin-top:375px;}
.live-section .live.sec3 dt {margin-top:125px;}
.live-section .live.sec4 {padding-bottom:0;}
.live-section .live.sec4 dt {margin-top:365px;}
.live-section .tit {font-size:120px;color:#f4f4f4;line-height:110px;font-weight:700;position:absolute;animation-name:bounceInUp;}
.live-section .live.sec1 .tit {left:65px;top:90px;}
.live-section .live.sec2 .tit {right:65px;top:260px;}
.live-section .live.sec3 .tit {font-size:110px;letter-spacing:-2px;left:0;top:50px;}
.live-section .live.sec3 .tit span {display:none;}
.live-section .live.sec4 .tit {right:30px;top:240px;}
.live-section .live.sec4 .tit span {padding-left:360px;}
.live-section .live.sec1 .img {position:absolute;right:-190px;bottom:-210px;animation-name:bounceIn;animation-delay:0.5s;}
.live-section .live.sec3 .img {position:absolute;right:320px;bottom:-150px;animation-name:bounceIn;animation-delay:0.8s;}

.slider-section {padding:120px 0 80px;background:url('../images/main/bg_slider.jpg') no-repeat 50% 0;background-size:cover;}
#contents .slider-section .title-wrap h3 {margin-top:0; color:#eee;}
.slider-section .game-slider {animation-name:fadeInUp;}
.slider-section .game-slider li {padding:5vw 20px;}
.slider-section .game-slider li {opacity:0.8;transform:scale(1);}
.slider-section .game-slider li img {width:100%;}
.slider-section .game-slider li p {color:#fff;display:none;text-align:center;font-size:24px;font-weight:700;margin-top:40px;}
.slider-section .game-slider li.slick-center {opacity:1;transform:scale(1.32);position:relative;z-index:1;}
.slider-section .game-slider li.slick-center img {border:1px solid #00ac98;}
.slider-section .game-slider li.slick-center p {display:block;}
/*.slider-section .game-slider .slick-arrow {position:absolute;top:50%;width:40px;height:40px;z-index:1;text-indent:-9999px;overflow:hidden;transform:translateY(-50%);border-radius:40px;margin-top:-28px;}
.slider-section .game-slider .slick-prev {left:10.5vw;background:#fff url('../images/main/ico_prev2.png') no-repeat 50% 50%;}
.slider-section .game-slider .slick-next {right:10.5vw;background:#fff url('../images/main/ico_next2.png') no-repeat 50% 50%;}*/
.slider-section .game-slider .slick-arrow {position:absolute;top:50%;width:32px;height:60px;z-index:1;text-indent:-9999px;overflow:hidden;transform:translateY(-50%);border-radius:40px;margin-top:-28px;}
.slider-section .game-slider .slick-prev {left:9.5vw;background:url('../images/main/ico_prev3.png') no-repeat 50% 50%;}
.slider-section .game-slider .slick-next {right:9.5vw;background:url('../images/main/ico_next3.png') no-repeat 50% 50%;}
.slider-section .game-slider .slick-dots {text-align:center;width:100%;}
.slider-section .game-slider .slick-dots li {margin:0 7px;padding:0;opacity:1;}
.slider-section .game-slider .slick-dots li button {width:12px;height:12px;background:#bbb;border-radius:12px;}
.slider-section .game-slider .slick-dots li.slick-active button {background:#088476;}

@media only all and (max-width:1024px) {
	.main-visual .visual-slider-wrap .ctrl-wrap {width:auto;bottom:30px;padding:0 20px;}
	.main-section .game-list {padding:0 20px;margin:0;}
	.main-section .game-list li {width:calc(100%/2 - 20px);}
	.main-section .game-list .box {min-height:auto;}
	.main-section .game-list .box img {width:100%;}
	.live-section .inner {padding:50px 30px 160px;}
	.live-section .live .col {float:none;width:auto;text-align:left;padding-right:0;}
	.live-section .live .col:last-child {padding-left:0;text-align:center;margin-top:50px;}
	.live-section .live.sec2 .col:first-child,.live-section .live.sec4 .col:first-child {float:none;padding-left:0;}
	.live-section .live.sec2 .col:last-child,.live-section .live.sec4 .col:last-child {padding-right:0;}
	.live-section .live.sec1 dt {margin-top:100px;}
	.live-section .live.sec2 dt {margin-top:200px;}
	.live-section .live.sec3 dt {margin-top:100px;}
	.live-section .live.sec4 dt {margin-top:200px;}
	.live-section .live.sec1 .tit {left:30px;top:-60px;}
	.live-section .live.sec2 .tit {right:auto;left:30px;top:85px;}
	.live-section .live.sec3 .tit {left:30px;top:0px;}
	.live-section .live.sec4 .tit {right:auto;left:30px;top:85px;}
	.live-section .live.sec1 .img {right:20px;bottom:-210px;}
	.live-section .live.sec3 .img {right:20px;bottom:-150px;}
}
@media only all and (max-width:767px) {
	.main-section .inner {padding:70px 0 50px;}
	.main-section h2 {font-size:40px;}
	.main-section .game-tab {margin-bottom:30px;}
	.main-section .game-tab li a {min-width:60px;height:30px;padding:0 10px;line-height:28px;font-size:13px;}
	.main-section .game-list {padding:0 20px;}
	.main-section .game-list li {margin-bottom:20px;}
	.live-section .inner {padding:20px 20px 80px;}
	.live-section h2 {margin:0 0 30px;font-size:30px;}
	.live-section h2:before {left:2px;top:-10px;width:50px;height:2px;}
	.live-section .live {padding:30px 0;}
	.live-section .live .col:last-child {margin-top:30px;}
	.live-section .live dt {font-size:24px;margin-bottom:15px;}
	.live-section .live dd {font-size:14px;line-height:22px;}
	.live-section .live.sec1 dt {margin-top:40px;}
	.live-section .live.sec2 dt {margin-top:100px;}
	.live-section .live.sec3 dt {margin-top:40px;}
	.live-section .live.sec4 dt {margin-top:100px;}
	.live-section .tit {font-size:55px;line-height:1;}
	.live-section .live.sec1 .tit {left:0;top:-27px;}
	.live-section .live.sec2 .tit {left:0;top:48px;}
	.live-section .live.sec3 .tit {left:0;top:30px;font-size:40px;}
	.live-section .live.sec4 .tit {left:0;top:50px;}
	.live-section .live.sec4 .tit span {padding-left:0;}
	.live-section .live.sec1 .img {right:0;bottom:-60px;width:200px;}
	.live-section .live.sec3 .img {right:auto;left:30px;bottom:-60px;width:120px;}
	.slider-section {padding:70px 0 60px;}
	.slider-section .game-slider li {padding:7vw 10px;}
	.slider-section .game-slider li p {font-size:16px;margin-top:20px;}
	.slider-section .game-slider .slick-arrow {width:30px;height:50px;margin-top:-35px;}
	.slider-section .game-slider .slick-prev {left:4.5vw;background-size:18px;}
	.slider-section .game-slider .slick-next {right:4.5vw;background-size:18px;}
	.slider-section .game-slider .slick-dots li {margin:0 5px;}
	.slider-section .game-slider .slick-dots li button {width:10px;height:10px;}
}
@media only all and (max-width:640px) {
	.main-section .game-list {display:block;}
	.main-section .game-list li {width:100%;margin:0 0 20px;}
}


/* modal */
.modal-wrap {position:relative;margin:3% auto;width:980px;background:#fff;display:none;box-shadow:0px 30px 50px 0px rgba(120, 120, 120, 0.21);}
.modal-wrap.type2 {width:1120px;}
.modal-wrap.type3 {width:515px;}
.modal-wrap.type4 {width:640px;}
.modal-wrap.type5 {width:700px;}
.modal-wrap.type6 {width:820px;border:6px solid #6591e8;}
.modal-wrap.type7 {width:1012px;border:6px solid #6591e8;}
.modal-wrap.type8 {width:630px;border:6px solid #6591e8;}
.modal-wrap.type9 {width:595px;}
.modal-wrap.type10 {width:400px;}
.modal-wrap.img-zoom {width:1100px;}
.modal-wrap.textbook-report {width:1412px;}
.modal-head {position:relative;padding:40px 50px 0;}
.modal-head h2 {color:#1f1f1f;font-size:25px;font-weight:700;line-height:1.2;}
.modal-head h2 p {display: inline-block;}
.modal-head h2.type2 {font-size:28px;}
.modal-head h2.type3 {text-align:center;}
.modal-head h2.type3 span {font-weight:normal;}
.modal-head h2 .txt {color:#ef4b66;font-weight:400;padding-right:8px;}
.modal-head h2 .txt2 {color:#ef4b66;font-weight:400;padding-left:15px;font-size:16px;}
.modal-head h2 .badge {vertical-align: bottom;height: 30px;line-height: 30px;margin-right: 10px;font-size: 17px;}
.modal-head.upt h2 small {font-size:16px; color: #ef4b66; font-weight: 400;}
.modal-cont {padding:40px 50px 50px;}
.modal-cont.type2 {padding:20px 50px 50px;}

.modal-cont .info h3 {margin:20px 0 10px 0;}
.modal-cont .info p {margin-bottom:10px;}


.modal-wrap .btn-block {text-align:center;}
.modal-close {position:absolute;right:20px;top:20px;width:22px;height:22px;text-indent:-9999px;overflow:hidden;background:url('../images/common/ico_close.png') no-repeat 0 0;}