@charset "utf-8";
/* CSS Document */

/* Desktop */
html, body {max-width:100%;overflow-x:hidden;font-family:"맑은 고딕",'Malgun Gothic';}
.nav_neosonyx {z-index:1000;position:fixed;top:0;left:0;width:100%;height:9.4rem;padding:0 3.5rem;background:#fff;border-bottom:2px solid #18479f;box-sizing:border-box;}
.inner {position:relative;height:7.4rem;padding:1rem 0;font-size:0;}
.inner h1 {display:inline-block;padding-top:2.0rem;}
.inner h1 a {display:block;width:21rem;height:3.4rem;background:url('//img.softnyx.com/resources/corp/tr/Bi_Lemongames.png') no-repeat 0 0;background-size:100%;text-indent:-9999px;}
.inner .hamburger {display:none;}
.inner .menu {display:inline-block;position:absolute;right:0;margin:1.4rem 19rem 0 0;}
.inner .menu .link li {display:inline-block;position:relative;}
.inner .menu .link li:first-child {display:none;}
.inner .menu .link li a {display:block;width:10.2rem;padding:1rem 2rem;color:#1b1b1b;font-size:2.0rem;text-align:center;}
.inner .menu .link li a:hover {font-weight:bold;}
.inner .language {display:inline-block;position:absolute;top:3.1rem;right:0;width:15rem;height:3.3rem;background:transparent;border:1px solid #484848;border-radius:50rem;box-sizing:border-box;}
.inner .language .default {display:block;position:relative;width:15rem;height:3.3rem;}
.inner .language .default span {position:absolute;left:2.2rem;color:#484848;font-size:1.5rem;line-height:3.3rem;}
.inner .language .default span:after {content:'';display:block;position:absolute;top:32%;left:9.4rem;width:1.0rem;height:1.0rem;border-bottom:1px solid #484848;border-right:1px solid #484848;transform:rotate(45deg) translateY(-50%);transition:all 0.2s ease;}
.inner .language .default span.on:after {content:'';display:block;position:absolute;top:32%;left:10.2rem;width:1.0rem;height:1.0rem;border-bottom:1px solid #484848;border-right:1px solid #484848;transform:rotate(225deg) translateY(-50%);transition:all 0.2s ease;}
.inner .language .option {display:none;position:absolute;width:15rem;padding:0 0.1rem;font-size:1.5rem;text-align:center;line-height:4.7rem;}
.inner .language .option li {border-top:1px solid #ddd;background:#fff;color:#484848;}
.inner .language .option li:first-child {border-top:none;}
.inner .language .option li:hover {background:#eebf2f;-webkit-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.inner .language .option li:hover a {color:#000;}
.inner .language .option li a {display:block;}
.banner_wrap {position:relative;top:0;min-height:866px;padding-top:9.4rem;}
.paging_pointer {z-index:200;position:absolute;bottom:1.8rem;width:100%;font-size:0;text-align:center;}
.paging_pointer li {position:relative;display:inline-block;vertical-align:middle;}
.paging_pointer li a {display:block;width:1.2rem;height:1.2rem;margin:0 0.8rem;border-radius:10rem;background:#fff;text-indent:-9999px;line-height:1.6rem;}
.paging_pointer li a.on {width:1.6rem;height:1.6rem;border:3px solid #fff;background:transparent;box-sizing:border-box;}
.banner_1 {z-index:101;opacity:1;position:absolute;left:50%;width:100%;height:866px;margin-left:-50%;background:url('//img.softnyx.com/resources/corp/tr/240905_web_01.png') no-repeat center top;}
.banner_2 {z-index:100;opacity:0;position:absolute;left:50%;width:100%;height:866px;margin-left:-50%;background:url('//img.softnyx.com/resources/corp/com/191204_web_02.jpg') no-repeat center top;}
.section {padding:8.0rem 0;}
.container {width:100%;max-width:1200px;margin:0 auto;}
.hide {opacity:0;transform:translate3d(0, 20%, 0);transition:all 0.5s ease;}
.hide.on, .desc.on, .content.on, h2.on, h3.on {opacity:1;transform:translate3d(0, 0, 0);}
h2 {width:39.5rem;margin:0 auto;color:#2e2e2e;font-size:5.0rem;text-align:center;}
h2.hide {opacity:0;transform:translate3d(0, -50%, 0);transition:all 0.5s ease;}
h2:after {content:'';display:block;height:0.3rem;margin-top:0.2rem;background:url('//img.softnyx.com/resources/corp/com/bg_hori.jpg') repeat-y center top;}
.desc {padding-top:3.7rem;color:#858585;font-size:2.0rem;text-align:center;}
.desc.hide {opacity:0;transform:translate3d(0, -50%, 0);transition:all 1.0s ease;}
.desc.on {opacity:1;transform:translate3d(0, 0, 0);}
.desc br {display:none;}
/*.content {transition:all 0.5s ease;}*/
.company_list {display:inline-block;width:100%;padding-top:4.0rem;font-size:0;text-align:center;}
.company_list li {float:left;width:38.0rem;margin:0 1.0rem;padding:3.0rem 0.5rem;border:1px solid #ddd;box-sizing:border-box;}
.company_list li span {display:block;padding-top:1.6rem;color:#707070;font-size:3.5rem;letter-spacing:-1.05px;height:90px;}
.company_list li p {padding:2.5rem 2.8rem 0;color:#707070;font-size:2.0rem;height:150px;}
.worldmap {max-width:118.0rem;margin:2.5rem 1.0rem 0;}
.worldmap img {width:100%;}
.bg_gray {background:#f4f4f4;}
h3 {padding-top:6.0rem;font-size:3.5rem;font-weight:400;text-align:center;}
h3.hide {opacity:0;transform:translate3d(0, -50%, 0);transition:all 1.0s ease;}
.game_list {display:inline-block;width:100%;padding-top:4.3rem;}
.game_list li {float:left;position:relative;margin:0 1.0rem;}
/*.game_list li a {position:absolute;top:0;right:0;width:5.0rem;height:5.0rem;text-indent:-9999px;-webkit-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.game_list li a.black {background:url('//img.softnyx.com/resources/corp/com/btn_more.png') no-repeat 0 0;}
.game_list li a.black:hover {transform:rotate(90deg);}
.game_list li a.white {background:url('//img.softnyx.com/resources/corp/com/btn_more.png') no-repeat -5.0rem 0;}
.game_list li a.white:hover {transform:rotate(90deg);}*/
.career_list {display:inline-block;width:100%;padding-top:4.4rem;text-align:center;}
.career_list li {float:left;position:relative;width:29.0rem;height:33.0rem;margin:0 0.5rem;padding:0 1.8rem;border:1px solid #b5b5b5;box-sizing:border-box;}
.career_list li span {display:block;position:relative;padding:3.3rem 0 3.0rem;border-bottom:1px solid #bbb;color:#707070;font-size:3.2rem;}
.career_list li span:after {content:'';display:block;position:absolute;left:50%;bottom:-0.65rem;width:0.5rem;height:0.5rem;margin-left:-0.495rem;border:1px solid #bbb;background:#fff;transform:rotate(45deg) translateY(-50%);}
.career_list li p {padding:2.8rem 0;color:#707070;font-size:2.0rem;}
.map {position:relative;width:100%;height:54.0rem;margin-top:5.5rem;}
.map .info {z-index:100;position:absolute;top:0;left:0;width:35.0rem;height:100%;max-height:46.0rem;padding:4.0rem;background:#fff;}
.map .info span {display:block;margin-top:2.0rem;font-size:2.0rem;}
.map .info p {margin-top:0.3rem;color:#757575;font-size:1.6rem;}
.map .info p .ho1, .map .info p .ho7 {display:inline-block;width:1.0rem;height:1.0rem;margin:0 0.26rem;padding:0;border-radius:10rem;}
.map .info p .ho1 {background:#365abc;}
.map .info p .ho7 {background:#5c6418;}
.map iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.bg_footer {padding:8.2rem 0 5.8rem;background:#393939;text-align:center;}
.footer address {padding-top:5.0rem;color:#757575;font-size:1.6rem;}
.footer p {display:block;padding-top:3.0rem;color:#757575;text-transform:uppercase;letter-spacing:0;}

/* Laptop L */
@media screen and (max-width:1440px) {
	.inner .menu .link li a {padding:1rem 1rem;}
	h2 {width:35.5rem;font-size:4.5rem;}
	.desc {padding-top:3.2rem;font-size:1.8rem;}
	.company_list li {width:31.33%;margin:0 1%;}
	.company_list li img {width:50%;max-width:19.4rem;}
	.company_list li span {padding-top:1.2rem;font-size:2.8rem;}
	.company_list li p {padding:1.8rem 1.8rem 0;font-size:1.8rem;}
	h3 {padding-top:4.0rem;font-size:3.0rem;}
	.game_list li {width:32.33%;margin:0 0.5%;}
	.game_list li img {width:100%;}
	.career_list li {width:23%;margin:0 1%;padding:0 1.5rem;}
	.career_list li span {padding:3.0rem 0 2.7rem;font-size:2.8rem;}
	.career_list li p {padding:2.5rem 0;font-size:1.8rem;}
}

/* Laptop */
@media screen and (max-width:1024px) {
	.inner h1 {padding-top:2.3rem;}
	.inner h1 a {width:17rem;height:2.8rem;}
	.inner .menu {margin:1.6rem 18% 0 0;}
	.inner .menu .link li a {width:6.0rem;font-size:1.8rem;}
	.inner .language {width:11rem;}
	.inner .language .default {width:11rem;}
	.inner .language .default span {left:1.5rem;}
	.inner .language .default span:after {left:6.5rem;}
	.inner .language .default span.on:after {left:7.3rem;}
	.inner .language .option {width:11rem;}
	.company_list li {min-height:35.0rem;}
	.company_list li span {padding-top:1.0rem;font-size:2.2rem;}
	.company_list li p {padding:1.5rem 0.5rem 0;}
	.career_list li span {font-size:2.2rem;}
}

/* Tablet */
@media screen and (max-width:768px) {
	.mobile {display:block;}
	.nav_neosonyx {height:7.05rem;padding:0 2.0rem;border-bottom:1px solid #18479f;}
	.inner {height:3.75rem;padding:1.65rem 0;}
	.inner h1 {position:absolute;left:50%;margin-left:-7.875rem;padding-top:0.6rem;}
	.inner h1 a {width:15.75rem;height:2.55rem;}
	.inner .hamburger {display:inline-block;}
	.inner .hamburger a {display:block;position:relative;width:3.75rem;height:3.75rem;padding:1.04rem 0.75rem;border:1px solid #8a8a8a;box-sizing:border-box;}
	.inner .hamburger a span {display:inline-block;position:absolute;width:2.05rem;height:1px;background:#8a8a8a;}
	.inner .hamburger a span:before {content:'';display:inline-block;position:absolute;top:0.73rem;width:2.05rem;height:1px;background:#8a8a8a;}
	.inner .hamburger a span:after {content:'';display:inline-block;position:absolute;top:1.46rem;width:2.05rem;height:1px;background:#8a8a8a;}
	.inner .menu {display:none;z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;margin:0;background:rgba(0, 0, 0, 0.6);}
	.inner .menu .link {position:fixed;top:0;left:-5%;width:55%;height:100%;margin:0;background:#18479f;}
	.inner .menu .link li {display:block;}
	.inner .menu .link li:first-child {display:block;padding:1.65rem 2.0rem;}
	.inner .menu .link li:first-child a {display:inline-block;position:relative;width:3.75rem;height:3.75rem;padding:0.6rem;border:1px solid #fff;font-size:0;box-sizing:border-box;}
	.inner .menu .link li:first-child a:hover {background:transparent;}
	.inner .menu .link li:first-child a img {width:2.4rem;height:2.4rem;}
	.inner .menu .link li a {width:auto;padding:1.875rem 2.0rem;color:#fff;font-size:1.5rem;text-align:left;}
	.inner .menu .link li a:hover {background:#1c3152;}
	.inner .language {top:2.325rem;width:11.25rem;height:2.474rem;}
	.inner .language .default {width:11.25rem;height:2.474rem;letter-spacing:0;}
	.inner .language .default span {left:1.65rem;font-size:1.2rem;line-height:2.474rem;}
	.inner .language .default span:after {top:35%;left:7.05rem;width:0.6rem;height:0.6rem;}
	.inner .language .default span.on:after {left:7.55rem;width:0.6rem;height:0.6rem;}
	.inner .language .option {width:11.25rem;font-size:1.2rem;line-height:3.13rem;}
	.inner .language .option li {letter-spacing:0;}
	.inner .language .option li:hover {background:#fff;transition:initial;}
	.inner .language .option li:hover a {color:#757575;}
	.banner_wrap {min-height:63.0rem;padding-top:7.05rem;}
	.paging_pointer {bottom:1.5rem;}
	.paging_pointer li a {width:1.0rem;height:1.0rem;margin:0 0.6rem;line-height:1.6rem;}
	.paging_pointer li a.on {width:1.6rem;height:1.6rem;margin-top:-0.13rem;border:2px solid #fff;}
	.banner_1 {height:63.0rem;background:url('//img.softnyx.com/resources/corp/com/191204_mweb_01.jpg') no-repeat center center;background-size:cover;}
	.banner_2 {height:63.0rem;background:url('//img.softnyx.com/resources/corp/com/191204_mweb_02.jpg') no-repeat center center;background-size:cover;}
	.banner_3 {height:63.0rem;background:url('//img.softnyx.com/resources/corp/com/191204_mweb_03.jpg') no-repeat center center;background-size:cover;}
	.section {padding:6.0rem 0;}
	h2 {width:29.625rem;font-size:3.0rem;}
	h2:after {height:0.19rem;margin-top:0.13rem;}
	.desc {padding:2.55rem 1.0rem 0;font-size:1.5rem;}
	.desc br {display:block;}
	.company_list {padding-top:2.0rem;}
	.company_list li {float:none;width:28.875rem;min-height:auto;margin:0 auto 0.75rem;padding:2.25rem 0.3rem;}
	.company_list li img {width:50%;min-width:14.549rem;}
	.company_list li span {padding-top:1.79rem;font-size:2.625rem;}
	.company_list li p {padding:2.09rem 1.3rem 0;font-size:1.35rem;}
	.worldmap {padding:0 1%;}
	h3 {padding-top:5.1rem;font-size:2.25rem;}
	.game_list {padding-top:3.375rem;}
	.game_list li {float:none;width:28.875rem;min-height:36.5rem;margin:0 auto 0.75rem;}
	.game_list li a {width:3.75rem;height:3.75rem;}
	.game_list li a.black {background:url('//img.softnyx.com/resources/corp/com/btn_more.png') no-repeat 0 0;background-size:cover;}
	.game_list li a.black:hover {transform:none;}
	.game_list li a.white {background:url('//img.softnyx.com/resources/corp/com/btn_more.png') no-repeat -3.75rem 0;background-size:cover;}
	.game_list li a.white:hover {transform:none;}
	.game_list li img {width:100%;}
	.career_list {width:auto;padding:2.93rem 1.0rem 0;}
	.career_list li {width:48%;height:22.0rem;margin:1%;padding:0 1.2rem;}
	.career_list li span {padding:2.849rem 0 2.775rem;font-size:2.25rem;}
	.career_list li span:after {bottom:-0.55rem;width:0.45rem;height:0.45rem;margin-left:-0.4595rem;}
	.career_list li p {padding:1.86rem 0;font-size:1.35rem;}
	.map {height:60.0rem;margin-top:4.125rem;}
	.map .info {top:auto;bottom:0;width:100%;max-height:18.225rem;padding:0 2.0rem 2.0rem;box-sizing:border-box;}
	.map .info span {margin-top:2.25rem;font-size:1.5rem;}
	.map .info p {margin-top:0.19rem;font-size:1.125rem;}
	.map .info p .ho1, .map .info p .ho7 {width:0.89rem;height:0.89rem;margin:0 0.3rem;}
	.map iframe {height:70%;}
	.bg_footer {padding:5.46rem 1.5rem 3.86rem;}
	.footer img {width:17.625rem;}
	.footer address {padding-top:3.0rem;font-size:1.125rem;}
	.footer p {padding-top:2.19rem;font-size:1.125rem;}
}

/* Mobile */
@media screen and (max-width:640px) {
	.nav_neosonyx {padding:0 1.0rem;}
	.inner h1 {margin-left:-6.5625rem;padding-top:0.9573rem;}
	.inner h1 a {width:13.125rem;height:2.125rem;}
	.inner .menu .link li:first-child {padding:1.65rem 1.0rem;}
	.inner .menu .link li a {padding:1.875rem 1.0rem;}
	.inner .language {width:7.0rem;}
	.inner .language .default {width:7.0rem;text-align:center;}
	.inner .language .default span {position:relative;left:auto;}
	.inner .language .default span:after, .inner .language .default span.on:after {display:none;}
	.inner .language .option {width:7.0rem;}
	.career_list li span {font-size:1.8rem;}
}