@charset "utf-8";

.sub_content_section{padding:150px 0 0}
.sub_content_section h2{font-size:55px}

/*Job Categories*/
.job_cate_box .job_cate_box_inner{padding:115px 0 110px}
.job_cate_box .job_cate_box_inner .cate_cont{display:table; padding-bottom:50px}
.job_cate_box .job_cate_box_inner .cate_cont:last-child{padding-bottom:0}
.job_cate_box .job_cate_box_inner .cate_cont > div{display:table-cell; vertical-align:middle}
.job_cate_box .job_cate_box_inner .cate_cont > div + div{padding-left:42px}
.job_cate_box .job_cate_box_inner .cate_cont > div + div p:first-child{font-size:33px; font-family:'NEXON Lv2 Gothic Bold'; display:inline-block; padding:0 8px 2px; background:linear-gradient(180deg,rgba(255,255,255,0) 55%, #e8e8e8 50%)}
.job_cate_box .job_cate_box_inner .cate_cont > div + div p + p{font-size:18px; font-weight:bold; line-height:1.6; padding-top:20px}

.job_cate_box .job_more_box{border-top:1px solid #333; border-bottom:1px solid #333; padding:55px 65px}
.job_cate_box .job_more_box p{display:inline-block; font-size:33px; font-family:'NEXON Lv2 Gothic Bold'}
.job_cate_box .job_more_box p + p{float:right}
.job_cate_box .job_more_box p + p button{width:180px; height:50px; font-size:16px; position:relative; background:transparent; font-weight:bold; text-indent:-20px; border:1px solid #000}
.job_cate_box .job_more_box p + p button:after{content:'→'; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-weight:bold}
.job_cate_box .job_more_box.last {border-top:none}

/*Process*/
.job_process_box{background:#f8f8f8}
.job_process_box .main h2 + p,
.job_process_box .main h2 + p + p{font-size:30px; padding-top:35px; line-height:1.5}

.job_process_box .process_wrap{padding-top:70px}
.job_process_box .process_wrap{display:flex; flex-wrap:nowrap; padding-bottom:70px}
.job_process_box .process_wrap:after{content:''; display:block; clear:both}
.job_process_box .process_wrap li{width:14.4531%; margin-right:6.9336%; background:url(/img/sub/process_bg.png) no-repeat center; background-size:contain; padding:3.2% 0; display:inline-block; float:left; position:relative}
.job_process_box .process_wrap li:before{content:''; width:50%; height:1px; background:#ccc; position:absolute; right:-50%; top:50%; transform:translateY(-50%)}
.job_process_box .process_wrap li span{display:block; text-align:center}
.job_process_box .process_wrap li span + span{font-size:22px; font-family:'NEXON Lv2 Gothic Bold'; padding-top:15px}
.job_process_box .process_wrap li span + span + span{font-size:18px; color:#dfdfdf; padding-top:8px}
.job_process_box .process_wrap li:last-child{margin-right:0}
.job_process_box .process_wrap li:last-child:before{display:none}

.job_process_box .caution{font-size:16px; color:#666; font-weight:bold}

.hiring_banner{background:url(/img/sub/hiring_banner_bg_new.jpg) no-repeat center; background-size:cover; text-align:center; padding:120px 0 0}
.hiring_banner > div{padding-bottom:120px; position:relative}
.hiring_banner h2{color:#fff; font-size:66px}
.hiring_banner p{font-size:22px; color:#fff; padding-top:25px; line-height:1.4}
.hiring_banner p button{width: 180px; height: 50px; font-size: 16px; position: relative; background: transparent; font-weight: bold; text-indent: -20px; border: 1px solid rgba(255,255,255,0.3); color:#fff}
.hiring_banner p button:after{content:'→'; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-weight:bold}
.hiring_banner > div span{position:absolute; right:0; bottom:40px; font-size:16px; color:#fff}

/*nexongames*/
.subpage_content_nexon{width:100%; max-width:1640px; margin:0 auto}
.subpage_content_nexon .visual_section{background:url(/img/sub/nexongames_bg.jpg) no-repeat center; background-size:cover; padding:0 0 205px}
.subpage_content_nexon .visual_section > h2{text-align:center; font-size:60px; font-weight:bold; font-size:66px; color:#fff}
.subpage_content_nexon .visual_section > p{font-size:32px; color:#fff; text-align:center; line-height:1.4; padding-top:25px}
.subpage_content_nexon .visual_section .visual_location{text-align:right; max-width:1280px; width:90%; margin:0 auto; padding:40px 0 165px}
.subpage_content_nexon .visual_section .visual_location p{color:#fff; font-size:15px}
.subpage_content_nexon .visual_section .visual_location img{margin-right:10px; vertical-align:baseline}

.subpage_content_nexon .sub_info_txt{padding:100px 0 55px}
.subpage_content_nexon .sub_info_txt p{text-align:center; font-size:28px; line-height:1.4}
.subpage_content_nexon .sub_info_txt p:after{content: ''; display: block; margin: 70px auto 0; background: #191b1d; width: 1px;
 height: 50px;}

.subpage_content_nexon .sub_visual_section h2{text-align:center; font-size:66px; font-weight:bold; color:#191b1d; padding-bottom:85px}
.subpage_content_nexon .sub_visual_section .sub_visual_bg{background:url(/img/sub/sub_visual_bg_dark.jpg) no-repeat center; background-size:cover; padding:230px 0}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title{max-width:1280px; margin:0 auto; width:90%; position:relative}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title:after{content:''; display:block; clear:both}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span{vertical-align:middle}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:first-child,
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:last-child{width:24.0625%; height:1px; background:rgba(255,255,255,0.5); display:block; position:absolute; top:50%; transform:translateY(-50%)}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:first-child{left:0}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:last-child{right:0}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:nth-child(2){display:block; width:calc(100% - 48.125%); color:#fff; text-align:center; margin:0 auto; font-weight:bold; font-size:55px; font-family:'NEXON Lv2 Gothic Bold'}

.subpage_content_nexon .sub_visual_section .sub_visual_bg p{font-size:28px; text-align:center; color:#fff; padding-top:30px; line-height:1.5; font-weight:bold; text-shadow: 2px 2px 1px rgba(0,0,0,0.75)}

.subpage_content_nexon .road_section{padding-top:150px}
.subpage_content_nexon .road_section h2{text-align: center; font-size: 66px; font-weight: bold; color: #191b1d}
.subpage_content_nexon .road_section h2:after{content:''; display:block; margin:45px auto 15px; background:#191b1d; width:1px; height:50px}
.subpage_content_nexon .road_section .road_wrap{max-width:1280px; margin:0 auto; width:90%}
.subpage_content_nexon .road_section .road_wrap .inner{display:table}
.subpage_content_nexon .road_section .road_wrap .inner > div{display:table-cell; vertical-align:middle}
.subpage_content_nexon .road_section .road_wrap .inner .img{width:28.28125%}
.subpage_content_nexon .road_section .road_wrap .inner .txt{width:calc(100% - 28.28125%); padding-bottom:50px}
.subpage_content_nexon .road_section .road_wrap .inner .txt .headline_wrap{margin-bottom:30px}
.subpage_content_nexon .road_section .road_wrap .inner .txt .headline_wrap:after{content:''; display:block; clear:both}
.subpage_content_nexon .road_section .road_wrap .inner .txt h3{font-size:50px; background:linear-gradient(180deg,rgba(255,255,255,0) 55%, #e8e8e8 50%); display:inline-block; padding:0 10px; line-height:1em}
.subpage_content_nexon .road_section .road_wrap .inner .txt p{font-size:24px; color:#666; padding-bottom:15px; line-height:1.3}
.subpage_content_nexon .road_section .road_wrap .inner .txt p strong{color:#191b1d; font-family:'NEXON Lv2 Gothic Bold'}
.subpage_content_nexon .road_section .road_wrap .inner .txt p:last-child{padding-bottom:0}
.subpage_content_nexon .road_section .road_wrap > div + div{margin-top:-30px}

.subpage_content_nexon .road_section .road_wrap > div:first-child{background:url(/img/sub/road_line01.png) no-repeat; background-position:center 100%}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(2){background:url(/img/sub/road_line02.png) no-repeat; background-position:center 94%}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(3){background:url(/img/sub/road_line03.png) no-repeat; background-position:center 95%; padding:20px 0}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(4){background:url(/img/sub/road_line04.png) no-repeat; background-position:center 100%}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(5){background:url(/img/sub/road_line05.png) no-repeat; background-position:center 107%}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(6){background:url(/img/sub/road_line02.png) no-repeat; background-position:center 100%}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(7){background:url(/img/sub/road_line03.png) no-repeat; background-position:center 100%}

.subpage_content_nexon .road_section .road_wrap > div:nth-child(3) .inner .img {transform:translateY(-40px)}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(4) .inner .img {transform:translateY(-20px)}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(5){background-position:center 101%}

.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(3){padding:0}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(4) {padding-top:10px}

.subpage_content_nexon .road_section .road_wrap .left .inner .txt{padding-left:65px}
.subpage_content_nexon .road_section .road_wrap .right .inner .txt{padding-right:65px}
.subpage_content_nexon .road_section .road_wrap .right .inner .txt h3,
.subpage_content_nexon .road_section .road_wrap .right .inner .txt p{text-align:right}
.subpage_content_nexon .road_section .road_wrap .right .inner .txt .headline_wrap h3{float:right}

.subpage_content_nexon_location{padding-top:245px}
.subpage_content_nexon_location h2{text-align: center; font-size: 66px; font-weight: bold; color: #191b1d}
.subpage_content_nexon_location > ul{text-align:center; padding-top:35px}
.subpage_content_nexon_location > ul li{display:inline-block; font-size:20px; color:#191b1d; font-weight:bold; padding-right:30px; position:relative}
.subpage_content_nexon_location > ul li + li{padding-right:0; padding-left:30px}
.subpage_content_nexon_location > ul li + li:before{content:''; display:block; width:1px; height:15px; background:#e1e1e1; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.subpage_content_nexon_location > ul li span{padding-right:10px}

.subpage_content_nexon_location .nexon_location_inner{background:#f8f8f8; margin-top:45px; padding:100px 0}
.subpage_content_nexon_location .nexon_location_inner .contact_section{max-width:1280px; margin:0 auto; width:90%}
.subpage_content_nexon_location .nexon_location_inner .contact_section:after{content:''; display:block; clear:both}

.subpage_content_nexon_location .nexon_location_inner .contact_section .contact_inner{width:47.1875%; margin-right:5.625%; float:left}
.subpage_content_nexon_location .nexon_location_inner .contact_section .contact_inner + .contact_inner{margin-right:0}
.subpage_content_nexon_location .nexon_location_inner .contact_section h3{font-size:44px; color:#191b1d; padding-bottom:20px}
.subpage_content_nexon_location .nexon_location_inner .contact_section p{font-size:18px; font-weight:bold; padding-bottom:20px}
.subpage_content_nexon_location .nexon_location_inner .contact_section p.eng{line-height:1.8;}
.subpage_content_nexon_location .nexon_location_inner .contact_section p.eng .pc{display:block;}
.subpage_content_nexon_location .nexon_location_inner .contact_section .map{height:300px; border-bottom:1px solid #ccc}

/*media query*/
@media (max-width:1440px){
.sub_content_section h2{font-size:3.5vw}

.job_cate_box .job_cate_box_inner .cate_cont > div:first-child{width:20%}
.job_cate_box .job_cate_box_inner .cate_cont > div + div p:first-child{font-size:2.3vw}
.job_cate_box .job_cate_box_inner .cate_cont > div + div p + p{font-size:1.2vw}

.job_cate_box .job_more_box{position:relative}
.job_cate_box .job_more_box p{font-size:2.3vw}
.job_cate_box .job_more_box p + p{position:absolute; top:50%; transform:translateY(-50%); right:55px}

.job_process_box .main h2 + p, 
.job_process_box .main h2 + p + p{font-size:2vw}

.job_process_box .process_wrap li span:first-child{max-width:20%; margin:11% auto 0}
.job_process_box .process_wrap li span img{height:10%}
.job_process_box .process_wrap li span + span{font-size:2vw; padding-top:0.8vw}
.job_process_box .process_wrap li span + span + span{font-size:2vw; padding-top:0.5vw}
.job_process_box .process_wrap li:nth-child(3) span:first-child{max-width:12%}
.job_process_box .caution{font-size:1.2vw}

.hiring_banner p{font-size:1.6vw}
.hiring_banner > div span{font-size:1.6vw}

/*nexongames*/
.subpage_content_nexon .visual_section .visual_location p{font-size:13px}

.subpage_content_nexon .visual_section > h2{font-size:4.5vw}
.subpage_content_nexon .visual_section > p{font-size:2.2vw}

.subpage_content_nexon .sub_info_txt p{font-size:2vw}

.subpage_content_nexon .sub_visual_section h2{font-size:4.5vw}

.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:nth-child(2){font-size:3.5vw}
.subpage_content_nexon .sub_visual_section .sub_visual_bg p{font-size:2.1vw}

.subpage_content_nexon .road_section h2{font-size:4.5vw}
.subpage_content_nexon .road_section .road_wrap > div{background-size:72%}
.subpage_content_nexon .road_section .road_wrap .inner .txt{padding-bottom:3vw}
.subpage_content_nexon .road_section .road_wrap .left .inner .txt{padding-left:4vw}
.subpage_content_nexon .road_section .road_wrap .right .inner .txt{padding-right:4vw}
.subpage_content_nexon .road_section .road_wrap .inner .txt .headline_wrap{margin-bottom:1.6vw}
.subpage_content_nexon .road_section .road_wrap .inner .txt h3{font-size:4vw; padding:0 0.5vw}
.subpage_content_nexon .road_section .road_wrap .inner .txt p{font-size:1.5vw; padding-bottom:1.5vw}

.subpage_content_nexon .road_section .road_wrap > div:first-child,
.subpage_content_nexon .road_section .road_wrap > div:nth-child(2),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(3),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(4),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(5),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(6),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(7){background-size:90%}

.subpage_content_nexon .road_section .road_wrap > div:nth-child(2){background-position: 76% 100%;}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(3){background-position: 25% 100%;}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(6){background-position: 76% 100%;}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(7){background-position: 6% 99%;}

.subpage_content_nexon .road_section .road_wrap > div:nth-child(3) {padding:0;}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(3) .inner .img {transform: translateY(-20px);}

.subpage_content_nexon .road_section.en .road_wrap > div:first-child{background-position: 1% 100%;}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(5){background-position: 0% 114%;}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(6){background-position: 69% 100%;}

.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(3) {background-position:25% 96%}

.subpage_content_nexon_location h2{font-size:4.5vw}
.subpage_content_nexon_location > ul li{font-size:1.4vw}

.subpage_content_nexon_location .nexon_location_inner .contact_section h3{font-size:3vw}
.subpage_content_nexon_location .nexon_location_inner .contact_section p{font-size:1.4vw}

}

@media (max-width:980px){
.sub_content_section{padding:90px 0 0}
.sub_content_section h2{font-size:4.5vw}
.sub_content_section .main{padding-bottom:90px}

.job_cate_box .job_cate_box_inner{padding:55px 0 70px}
.job_cate_box .job_cate_box_inner .cate_cont > div + div p:first-child{font-size:3.3vw}
.job_cate_box .job_cate_box_inner .cate_cont > div + div p + p{font-size:1.7vw}

.job_cate_box .job_more_box{padding:35px 2vw}
.job_cate_box .job_more_box p{font-size:2.6vw}
.job_cate_box .job_more_box p + p{right:2vw}
.job_cate_box .job_more_box p + p button{width:19vw; height:5vw; font-size:1.6vw; text-indent:-2vw}
.job_cate_box .job_more_box p + p button:after{right:1.5vw}

.job_process_box .main h2 + p, 
.job_process_box .main h2 + p + p{padding-top:25px}

.job_process_box .process_wrap{padding-top:30px; padding-bottom:30px}
.job_process_box .process_wrap li{width:16.4531%; margin-right:4.9336%}
.job_process_box .process_wrap li span:first-child{margin:1% auto 0}

.job_process_box .caution{font-size:1.5vw}

.hiring_banner p{padding-top:15px}
.hiring_banner p button{width: 19vw; height: 5vw; font-size: 1.6vw; text-indent: -2vw}
.hiring_banner p button:after{right:1.5vw}

/*nexongames*/
.subpage_content_nexon .visual_section{padding:0 0 155px}
.subpage_content_nexon .visual_section .visual_location{padding:30px 0 105px}
.subpage_content_nexon .visual_section > h2{font-size:5.5vw}

.subpage_content_nexon .sub_info_txt{padding:70px 0 35px}
.subpage_content_nexon .sub_info_txt p:after{margin:40px auto 0}

.subpage_content_nexon .sub_visual_section h2{padding-bottom:45px; font-size:4.5vw}
.subpage_content_nexon .sub_visual_section .sub_visual_bg{padding:160px 0}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:nth-child(2){font-size:4.5vw; width:calc(100% - 38.125%)}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:first-child, 
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:last-child{width:19.0625%}

.subpage_content_nexon .road_section{padding-top:90px}
.subpage_content_nexon .road_section h2:after{margin:25px auto 5px}
.subpage_content_nexon .road_section .road_wrap .inner .txt p{font-size:2vw}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(5){background-position: center 114%;}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(6){background-position: 61% 97%;}

.subpage_content_nexon .road_section .road_wrap > div:nth-child(3) {padding:2vw 0; background-position:47% 93%}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(4) {background-position: center 82%}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(4) .inner .img {transform: translateY(-4vw)}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(5) .inner .img {transform: translateY(-5vw)}

.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(3) {background-position: 25% 90%; background-size: 80%;}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(3) .inner .img {transform:translateY(-3vw)}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(3) .inner .txt p,
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(4) .inner .txt p	{font-size:1.7vw}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(5) .inner .img {transform: translateY(-3vw)}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(5) {background-position: 32% 114%}


.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(6){background:none; position:relative;}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(6):after{content: ''; display: block; width: 80%; height: 100%; background: url(/img/sub/road_line02.png) no-repeat center;
    background-size: contain; position: absolute; left: 10%; top: 32%; transform: rotate(-4deg);}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(6) .inner{z-index:3; position:relative;}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(6) .inner .img{transform:translateY(-3vw);}

.subpage_content_nexon_location{padding-top:145px}
.subpage_content_nexon_location > ul{padding-top:15px}
.subpage_content_nexon_location > ul li{font-size:2vw; padding-right:10px}
.subpage_content_nexon_location > ul li + li{padding-left:10px}
.subpage_content_nexon_location .nexon_location_inner{margin-top:25px; padding:70px 0}
.subpage_content_nexon_location .nexon_location_inner .contact_section h3{padding-bottom:5px}
.subpage_content_nexon_location .nexon_location_inner .contact_section p{font-size:1.8vw; padding-bottom:25px}
.subpage_content_nexon_location .nexon_location_inner .contact_section p.eng .pc{display:none;}

.subpage_content_nexon .road_section .road_wrap > div:nth-child(6) > div.inner > div.txt,
.subpage_content_nexon .road_section .road_wrap > div:nth-child(7) > div.inner > div.txt{padding-top:3vw;}

}

@media (max-width:480px){
.sub_content_section{padding:60px 0 0}
.sub_content_section h2{font-size:6.5vw}
.sub_content_section .main{padding-bottom:60px}

.job_cate_box .job_cate_box_inner{padding:35px 0 40px}
.job_cate_box .job_cate_box_inner .cate_cont{padding-bottom:30px}
.job_cate_box .job_cate_box_inner .cate_cont > div + div{padding-left:16px}
.job_cate_box .job_cate_box_inner .cate_cont > div + div p:first-child{font-size:4.3vw}
.job_cate_box .job_cate_box_inner .cate_cont > div + div p + p{font-size:2.7vw; padding-top:15px}

.job_cate_box .job_more_box{overflow:hidden; padding:25px 2vw}
.job_cate_box .job_more_box p{text-align:center; font-size:3.6vw; display:block; font-size:4.6vw; word-break:keep-all; line-height:1.4}
.job_cate_box .job_more_box p .m_br{display:block}
.job_cate_box .job_more_box p + p{position:static; display:block; transform:translateY(0); width:100%; padding-top:10px}
.job_cate_box .job_more_box p + p button{width:30vw; height:9vw; font-size:3vw}
.job_cate_box .job_more_box p + p button:after{right:2.5vw}

.job_process_box .main h2 + p, 
.job_process_box .main h2 + p + p{padding-top:15px; font-size:3.2vw}
.job_process_box .main h2 + p + p br{display:none}

.job_process_box .process_wrap{flex-wrap:wrap; padding-left:5%; padding-right:5%}
.job_process_box .process_wrap li{width:49%; margin-right:2%; padding:9.2% 0; margin-bottom:6%}
.job_process_box .process_wrap li:nth-child(2n){margin-right:0}
.job_process_box .process_wrap li:before{display:none}
.job_process_box .process_wrap li:last-child{margin-bottom:0}
.job_process_box .process_wrap li span + span{font-size:5vw; padding-top:2.8vw}
.job_process_box .process_wrap li span + span + span{font-size:4.5vw}
.job_process_box .caution{font-size:2.8vw; line-height:1.6}

.hiring_banner p{font-size:3.2vw}
.hiring_banner p button{width: 30vw; height: 9vw; font-size: 3vw}
.hiring_banner p button:after{right:2.5vw}
.hiring_banner > div span{bottom:5vw; text-align:center; width:100%}

/*nexongames*/
.subpage_content_nexon .visual_section .visual_location{text-align:left; padding:30px 0 45px}
.subpage_content_nexon .visual_section .visual_location p{font-size:12px}
.subpage_content_nexon .visual_section{padding:0 0 75px}
.subpage_content_nexon .visual_section > h2{font-size:7.5vw}
.subpage_content_nexon .visual_section > p{padding-top:15px; font-size:4vw}

.subpage_content_nexon .sub_info_txt{padding:60px 0 25px}
.subpage_content_nexon .sub_info_txt p{font-size:3.6vw; word-break:keep-all; padding:0 3vw}
.subpage_content_nexon .sub_info_txt p br{display:none}
.subpage_content_nexon .sub_info_txt p:after{margin:30px auto 0; height:30px}

.subpage_content_nexon .sub_visual_section h2{padding-bottom:25px; font-size:7.5vw}

.subpage_content_nexon .sub_visual_section .sub_visual_bg{padding:100px 0}
.subpage_content_nexon .sub_visual_section .sub_visual_bg .line_title span:nth-child(2){font-size:7vw}
.subpage_content_nexon .sub_visual_section .sub_visual_bg p{font-size:4vw; word-break:keep-all; padding-left:4vw; padding-right:4vw}
.subpage_content_nexon .sub_visual_section .sub_visual_bg p br{display:none}

.subpage_content_nexon .road_section{padding-top:60px}
.subpage_content_nexon .road_section h2{font-size:7.5vw}
.subpage_content_nexon .road_section h2:after{height:30px; margin:25px auto}

.subpage_content_nexon .road_section .road_wrap > div{position:relative}
.subpage_content_nexon .road_section .road_wrap > div + div{margin-top:0; padding-top:5vw}
.subpage_content_nexon .road_section .road_wrap .inner{position:relative}
.subpage_content_nexon .road_section .road_wrap .inner .txt h3{font-size:4vw}
.subpage_content_nexon .road_section .road_wrap .inner .txt p{padding-bottom:0.5vw; font-size:3.3vw; line-height:1.5}

.subpage_content_nexon .road_section .road_wrap > div:first-child,
.subpage_content_nexon .road_section .road_wrap > div:nth-child(2),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(3),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(4),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(5),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(6),
.subpage_content_nexon .road_section .road_wrap > div:nth-child(7){background:none}

.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(5):before{width:100%; left:-3%; top:50%; transform: rotate(34deg);}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(6) .inner .img{transform:inherit;}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(6):after{display:none;}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(6):before{top:47%;}

.subpage_content_nexon .road_section .road_wrap > div:first-child:before{content:''; display:block; width:80%; height:100%; background:url(/img/sub/road_line01.png) no-repeat center; 
background-size:contain; position:absolute; left:0; top:34%; transform:rotate(21deg)}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(2):before{content:''; display:block; width:80%; height:100%; background:url(/img/sub/road_line02.png) no-repeat center; 
background-size:contain; position:absolute; left:0; top:79%; transform:rotate(-24deg)}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(3):before{content:''; display:block; width:80%; height:100%; background:url(/img/sub/road_line03.png) no-repeat center; 
background-size:contain; position:absolute; left:0; top:46%; transform:rotate(21deg)}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(4):before{content:''; display:block; width:80%; height:100%; background:url(/img/sub/road_line04.png) no-repeat center; 
background-size:contain; position:absolute; left:0; top:82%; transform:rotate(-24deg)}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(5):before{content:''; display:block; width:80%; height:100%; background:url(/img/sub/road_line05.png) no-repeat center; 
background-size:contain; position:absolute; left:10%; top:60%; transform:rotate(21deg)}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(6):before{content:''; display:block; width:80%; height:100%; background:url(/img/sub/road_line04.png) no-repeat center; 
background-size:contain; position:absolute; left:10%; top:52%; transform:rotate(-24deg)}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(7):before{content:''; display:block; width:80%; height:100%; background:url(/img/sub/road_line05.png) no-repeat center;
background-size:contain; position:absolute; left:10%; top:60%; transform:rotate(21deg)}

.subpage_content_nexon .road_section .road_wrap > div:nth-child(3) .inner .img {transform:translateY(0)}
.subpage_content_nexon .road_section .road_wrap > div:nth-child(4):before {top:49%;}

.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(2):before {top:71%}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(3):before {top:36%}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(3) .inner .txt p, 
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(4) .inner .txt p {font-size:3vw}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(4) .inner .img {transform: translateY(-10vw)}
.subpage_content_nexon .road_section.en .road_wrap > div:nth-child(4):before {top:32%;}

.subpage_content_nexon_location{padding-top:95px}
.subpage_content_nexon_location h2{font-size:7.5vw}
.subpage_content_nexon_location > ul li{font-size:3.6vw; display:block}
.subpage_content_nexon_location > ul li + li:before{display:none}
.subpage_content_nexon_location .nexon_location_inner{padding:50px 0}
.subpage_content_nexon_location .nexon_location_inner .contact_section .contact_inner{float:none; width:100%; margin-right:0}
.subpage_content_nexon_location .nexon_location_inner .contact_section h3{font-size:5vw}
.subpage_content_nexon_location .nexon_location_inner .contact_section p{font-size:3.4vw; padding-bottom:20px}
.subpage_content_nexon_location .nexon_location_inner .contact_section .map{height:250px}
.subpage_content_nexon_location .nexon_location_inner .contact_section .contact_inner + .contact_inner{margin-top:30px}
}

/*2024.08.06 유지보수 추가 이다혜*/
.job_process_box.new_style .process_wrap {align-items:center; gap:calc((100% - (185px * 5)) / 4)}
.job_process_box.new_style .process_wrap li {width:185px; margin-right:0; height:185px; border-radius:50%; background:#fff; padding: 0; display: flex; align-items: center; justify-content: center; flex-direction: column}
.job_process_box.new_style .process_wrap li:nth-child(1) {box-shadow:inset 0px 0px 0px 3px #00365c}
.job_process_box.new_style .process_wrap li:nth-child(2) {box-shadow:inset 0px 0px 0px 3px #0098d8}
.job_process_box.new_style .process_wrap li:nth-child(3) {box-shadow:inset 0px 0px 0px 3px #cad401}
.job_process_box.new_style .process_wrap li:nth-child(4) {box-shadow:inset 0px 0px 0px 3px #1d1d1b}
.job_process_box.new_style .process_wrap li:nth-child(5) {box-shadow:inset 0px 0px 0px 3px #878786}
.job_process_box.new_style .process_wrap li span:first-child {width:85px}
.job_process_box.new_style .process_wrap li span:last-child {padding-top:0; padding-bottom:15px}
.job_process_box.new_style .process_wrap li:nth-child(1) span:first-child img{transform: translateX(8px)}
.job_process_box.new_style .process_wrap li:nth-child(2) span:first-child img{transform: translateX(8px)}
.job_process_box.new_style .process_wrap:after {display:none}

.hiring_banner.new_style {display:flex; justify-content:flex-end; padding:0}
.hiring_banner.new_style .main{width:50%; height:100%; padding-top: 120px; padding-bottom:140px; margin:inherit}
.hiring_banner.new_style > div span {right:30px; bottom:30px; font-size:20px}

@media (max-width:1440px){
	.job_process_box.new_style .process_wrap {gap:calc((100% - (12.84vw * 5)) / 4)}
	.job_process_box.new_style .process_wrap li {width:12.84vw; height:12.84vw;}
	.job_process_box.new_style .process_wrap li:nth-child(1) {box-shadow:inset 0px 0px 0px 0.2vw #00365c}
	.job_process_box.new_style .process_wrap li:nth-child(2) {box-shadow:inset 0px 0px 0px 0.2vw #0098d8}
	.job_process_box.new_style .process_wrap li:nth-child(3) {box-shadow:inset 0px 0px 0px 0.2vw #cad401}
	.job_process_box.new_style .process_wrap li:nth-child(4) {box-shadow:inset 0px 0px 0px 0.2vw #1d1d1b}
	.job_process_box.new_style .process_wrap li:nth-child(5) {box-shadow:inset 0px 0px 0px 0.2vw #878786}
	.job_process_box.new_style .process_wrap li span:first-child {max-width:100%; margin:0; width:5.9vw}
	.job_process_box.new_style .process_wrap li span img {height:auto}
	.job_process_box.new_style .process_wrap li span:last-child {padding-bottom:1.04vw}
	.job_process_box.new_style .process_wrap li:nth-child(1) span:first-child img{transform: translateX(0.55vw)}
    .job_process_box.new_style .process_wrap li:nth-child(2) span:first-child img{transform: translateX(0.55vw)}

	.hiring_banner.new_style .main {padding-top:8.33vw; padding-bottom:9.72vw}
	.hiring_banner.new_style > div span {font-size:1.38vw; right:2.08vw; bottom:2.08vw}
}

@media (max-width:480px){
	.job_process_box.new_style .process_wrap {gap: calc(100% - (36vw * 2))}
	.job_process_box.new_style .process_wrap li {width:36vw; height:36vw}
	.job_process_box.new_style .process_wrap li:nth-child(1) {box-shadow:inset 0px 0px 0px 0.62vw #00365c}
	.job_process_box.new_style .process_wrap li:nth-child(2) {box-shadow:inset 0px 0px 0px 0.62vw #0098d8}
	.job_process_box.new_style .process_wrap li:nth-child(3) {box-shadow:inset 0px 0px 0px 0.62vw #cad401}
	.job_process_box.new_style .process_wrap li:nth-child(4) {box-shadow:inset 0px 0px 0px 0.62vw #1d1d1b}
	.job_process_box.new_style .process_wrap li:nth-child(5) {box-shadow:inset 0px 0px 0px 0.62vw #878786}
	.job_process_box.new_style .process_wrap li span:first-child {width:17.7vw}
	.job_process_box.new_style .process_wrap li span:last-child {padding-bottom:3.12vw}

	.hiring_banner.new_style {height:37vw}
	.hiring_banner.new_style .main {width:61%; display: flex; justify-content: center; flex-direction: column; padding:0}
	.hiring_banner.new_style .main h2 {font-size:5.5vw}
	.hiring_banner.new_style .main p {padding-top:2vw; padding-bottom:6vw; font-size:2.8vw}
	.hiring_banner.new_style > div span {font-size:2.8vw}

}