@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');




/* 초기 세팅 */
body{
    color: #69e129 !important;
}
.page-id-7 header#top>.container{
    border-bottom: none !important;
}
#nectar_fullscreen_rows{
    background-color: #fff !important;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
.entry ul,
.entry ol {
  margin: 0;
  padding: 0;
  word-break: keep-all;
  word-wrap: break-word;
  /* font-family:"Noto Sans KR","Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important; */
}
body a{
    color: #ffffff !important;
}
fieldset,
img {
  border: 0 none;
}
dl,
ul,
ol,
menu,
li {
  list-style: none !important;
  margin-bottom: 0 !important;
}
ul {
  margin-left: 0 !important;
}

.vc_row-fluid>.span_12 .wpb_column{
    padding: 0px !important;
}
.material .wpb_content_element{
    margin: 0px !important;
}
.container-wrap{
    padding: 0px !important;
}
#footer-outer .widget{
    margin-bottom: 0px !important;
}
.wpb_text_column>.wpb_content_element{
    z-index: 5 !important;
}
.row-bg-wrap>.inner_wrap>.row_col_wrap_12{
    min-height: 949px !important;
}
.mobile_block{
    display: none !important;
}
#slide-out-widget-area-bg.fullscreen-alt .bg-inner{
    background-color: rgba(134,134,134,0.95) !important;
}
.mobile-only,
.mobile-only>.menu-wrap{
    display: none !important;
}
/* 초기 세팅 끝 */

/* 헤더 */
#top nav>ul>li>a{
    font: 500 19px 'Noto Sans', sans-serif !important;
    color: white !important;
    opacity: 1 !important;
}
nav> .sf-menu{
    padding-right: 75px !important;
}
#menu-item-wpml-ls-2-ko a{
    margin-right: 0px !important;
}
#menu-item-wpml-ls-2-en a{
    margin-left: 15px !important;
}
#menu-item-wpml-ls-2-ko a>span>span,
#menu-item-wpml-ls-2-en a>span>span{

    font-weight: 100 !important;
    font-size: 18px !important;
}
/* 비주얼 */
.main_slide_background{
    background-image: cover !important;
    /* background-size: 100% 100% !important; */
    background-position: center !important;
}
/* 어바웃 어스 */
.row_col_wrap_12>col>.span_12>.dark>.left{
    min-height: 0px !important;
}
.about_rightbox .vc_column-inner{
    padding: 18% 13.54% 17.8% 18.22%;
}
.about_text1 p{
    font: 100 24px 'Noto Sans', sans-serif;
    color: #111111;
    letter-spacing: -1px;
    line-height: 24px;
}
.about_maintext p{
    position: relative; left: 0; top: 0;
    font: 500 60px 'Exo 2', sans-serif !important;
    color: #111111;
    letter-spacing: -1px;
    line-height: 60px !important;
}
.about_maintext p::after{
    display: block;
    content: "";
    position: absolute; left: 0; bottom: 0px;
    width: 220px;
    height: 12px;
background: #90d09f;
background: -moz-linear-gradient(left,  #90d09f 0%, #ffffff 99%);
background: -webkit-linear-gradient(left,  #90d09f 0%,#ffffff 99%);
background: linear-gradient(to right,  #90d09f 0%,#ffffff 99%);
z-index: -1;
}
.about_boldtext p{
    font: 500 24px 'Noto Sans', sans-serif;
    color: #111111;
    letter-spacing: -1.5px;
    line-height: 40px;
}
.about_normaltext p{
    font: 400 16px 'Noto Sans', sans-serif;
    color: #111111;
    letter-spacing: -1px;
    line-height: 30px;
}
.about_name p{
    font: normal 16px 'Noto Sans', sans-serif;
    color: #111111;
    letter-spacing: -1px;
    line-height: 30px;
}
.about_name strong{
    margin-right: 10px;
}



/* 위메이크 */

.wemake_maintext p{
    font: normal 5.2083vw 'Times New Roman' !important;
    color: #0c0c0c;
    line-height: 87px;
}
.wemake_subtext p{
    font: 100 24px 'Noto Sans', sans-serif;
    font-weight: thin;
    color: #0c0c0c;
    letter-spacing: 22px;
    line-height: 87px;
}

/* 포트폴리오 */
.portfolio-items[data-ps="8"] .col h3{
    max-width: 100% !important;
}
.portfolio-items[data-ps="8"] .col .work-info .vert-center h3{
    position: relative;
    padding-bottom: 190px !important;
    text-align: center !important;
}

.best_content{
    display: inline-block !important;
    font-family: 'Nanum Gothic', sans-serif !important;
    font-size: 38px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    text-align: center !important;
}
.lovegame_wrap{
    padding-left: 40px !important;
}
.lovegame_wrap a{

    padding: 150px 150px 150px 0px !important;
    margin-left: 150px !important;
}
.work-info> .vert-center h3,
.lovegame,
.quest_text{
    font-family: 'Nanum Gothic', sans-serif !important;
    font-size: 38px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
}
.quest_text_sub{
    font: 400 20px 'Times New Roman' !important;
    padding-bottom: 10px !important;
}
.more_button{
    display: inline-block !important;
    background: black !important;
    border-radius: 20px !important;
    margin-top: 30px !important;
}
.more_button a{
    font: bold 14px 'Noto Sans' !important;
    color: white !important;
    padding: 13px 35px !important;

}
.lovegame_sub{
    font: 400 20px 'Times New Roman' !important;
    padding-top: 10px !important;
}
.custom-content>.best_content_sub{
    text-align: center !important;
    font: 400 20px 'Times New Roman' !important;
    padding-bottom: 10px !important;
}
.vert-center p{
    font: bold 14px 'Noto Sans' !important;
    color: white !important;
    line-height: 39px !important;
}
.pofolio_sns{
    margin: 0 auto !important;
}
.pofolio_sns li{
    float: left;
    margin-right: 12px;
}
.pofolio_sns li:last-child{
    margin-right: 0px !important;
}
.pofolio_sns li a{
    font: 400 15px 'Noto Sans';
    padding: 7px 28px;
    border: solid 2px white;
    border-radius: 25px;
}
.fa-brands{
    font-size: 13px;
    padding-right: 5px !important;
}
i[class*=fa-]{
    top: -1px !important;
}
.comments-section{
    display: none !important;
}

/* 포트폴리오 서브페이지 */
.nectar-social a{
    display: none !important;
}
.title-wrap>.section-title>h1{
    color: #111111 !important;
}
.single-portfolio .row.project-title .container .title-wrap{
    padding-bottom: 100px !important;
}
.game_mainimg{
    margin-bottom: 35px !important;
}
.gameinfo_wrap{
    width: 960px !important;
    margin: 0 auto !important;
}
.gameinfo_wrap::after{
    display: block;
    content: "";
    clear: both;
}
.gameinfo_leftbox{
    width: auto;
    float: left;
}
.gameinfo_rightbox{
    width: auto !important;
    float: right;
    border-top: none !important;
}
.gameinfo_maintext,
.gameinfo_subtext{
    font-family: 'Noto sans', sans-serif !important;
    color: #111111 !important;
}
.gameinfo_maintext{
    font-weight: bold !important;
    font-size: 25px !important;
    margin-bottom: 20px !important;
}
.gameinfo_subtext{
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: -1px !important;
}
.gameinfo_rightbox tr{
    display: block;
    float: left;
}
.color_black>th,
.color_black>td{
    display: block !important;
    font-size: 14px !important;
    color: #111111 !important;
    background-color: #fff !important;
    border-color: #fff !important;
    padding: 0px 0px 5px 0px !important;
}
.color_black>th{
    padding-right: 20px !important;
}
.gamelink_wrap{
    width: 960px;
    margin: 0 auto;
}
.gamelink_list::after{
    display: block;
    content: "";
    clear: both;
}
.gamelink_list li{
    width: auto;
    float: left;
}
.gamelink_list li:first-child{
    margin-right: 8px !important;
}
.post-area col>.wp-post-image{
    display: none !important;
}
.bottom_controls #portfolio-nav ul:first-child #all-items a i{
    background-color: #fff !important;
    box-shadow:-0.5em 0 #fff, -0.5em 0.5em #fff, 0.5em 0 #fff, 0.5em -0.5em #fff, 0 -0.5em #fff, -0.5em -0.5em #fff, 0 0.5em #fff, 0.5em 0.5em #fff;
}
.container-wrap .bottom_controls #portfolio-nav ul:first-child li#all-items a:hover i{
    background-color: #69e129!important;
    box-shadow:-0.5em 0 #69e129, -0.5em 0.5em #69e129, 0.5em 0 #69e129, 0.5em -0.5em #69e129, 0 -0.5em #69e129, -0.5em -0.5em #69e129, 0 0.5em #69e129, 0.5em 0.5em #69e129 !important;
}
.bottom_controls #portfolio-nav .controls li a:hover i:before{
    color: #69e129 !important;
}
#portfolio-nav #prev-link a, #portfolio-nav #next-link a{
    color: #fff !important;
}
#portfolio-nav a i, #portfolio-nav a i{
    color: #fff !important;
}
.height{
    height: 70px;
}
@media screen and (max-width: 960px){
    .gameinfo_wrap,
    .gamelink_wrap{
        width: 90% !important;
    }
    .game_mainimg{
        width: 90% !important;
    }
}
@media screen and (max-width: 999px){
#full_width_portfolio .section-title h1 {
    font-size: 54px;
    }
}
@media screen and (max-width: 768px){
    .gameinfo_leftbox,
    .gameinfo_rightbox{
        float: none !important;
    }
}
@media screen and (max-width: 690px){
    #full_width_portfolio .section-title h1 {
        font-size: 32px;
    }
}
@media screen and (max-width: 480px){
     #full_width_portfolio .section-title h1 {
        font-size: 28px;
    }
    .gameinfo_maintext{
        font-size: 20px !important;
        padding-top: 35px !important;
        padding-bottom: 20px !important;
    }
    .gameinfo_maintext p{
        padding-bottom: 20px !important;
    }
.gameinfo_subtext{
    font-size: 15px !important;
    }
}
@media screen and (max-width: 420px){
    .gamelink_list li{
        width: 45%;
    }
    .height{
        height: 0px !important;
    }
}
/* 글로벌 */
.global_number .vc_column-inner{
    padding-right: 50px !important;
    line-height: 140px !important;
}
.global_rightbox .vc_column-inner{
    padding-left: 30px !important;
}
.number>span{
    color: #69e129 !important;
}
.milestone-wrap{
    position: relative; left: 20px ; top: -40px;
}
.global_number_en{
    position: relative; top: 60px !important;
}
.symbol-wrap> .symbol{
    position: relative; left: 0; top: 0;
    font-weight: 300 !important;
    color: #69e129;
}
.symbol-wrap> .symbol::after{
    display: block;
    content: "*";
    position: absolute; right: -30px; top: -70px;
    font-size: 70px;
    font-weight: normal;
    color: #94f45b;
}
.global_text p{
    font: 100 18px 'Times New Roman' !important;
    color: #69e129;
    line-height: 14px;
}
.global_text strong{
    font: bold 20px 'Noto Sans', sans-serif;
    color: #69e129;
}
.global_subtext{
    font: 400 14px 'Noto Sans', sans-serif;
    color: #7c7c7c !important;
    line-height: 22px !important;
}

/* 채용문의 */
.material .wpb_row{
    margin-bottom: 0px !important;
}
.recruitment_kr{
    font: 100 24px 'Noto Sans', sans-serif;
    color: #000000;
}
.recruitment_en,
.recruitment_en_mo{
    position: relative; left: 0; top: 0;
    font: normal 60px 'Exo 2', Sans-serif !important;
    color: #000000;
    letter-spacing: -1px;
    line-height: 50px;
}
.recruitment_en::after{
    display: block;
    content: "";
    position: absolute; left: 50%; bottom: 8px;
    margin-left: -260px;
    width: 500px;
    height: 12px;
background: #cba2cb; /* Old browsers */
background: -moz-linear-gradient(left,  #cba2cb 1%, #ffffff 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #cba2cb 1%,#ffffff 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #cba2cb 1%,#ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: -1;
}
.rec_text_top{
    position: relative; left: 0; top: 0;
}
.rec_text_top::after{
    display: block;
    content: "";
    position: absolute; left: 50%; bottom: 7px;
    margin-left: -165px;
    width: 330px;
    height: 12px;
background: #cba2cb; /* Old browsers */
background: -moz-linear-gradient(left,  #cba2cb 1%, #e1cae1 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #cba2cb 1%,#e1cae1 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #cba2cb 1%,#e1cae1 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: -1;
}
.rec_text_bottom{
    position: relative; left: 0; top: 0;
}
.rec_text_bottom::after{
    display: block;
    content: "";
    position: absolute; left: 50%; bottom: 7px;
    margin-left: -90px;
    width: 180px;
    height: 12px;
background: #cba2cb; /* Old browsers */
background: -moz-linear-gradient(left,  #e1cae1 1%, #fff 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e1cae1 1%,#fff 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e1cae1 1%,#fff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: -1;
}
html body .vc_row-fluid>.span_12{
    justify-content: center !important;
}
.recruitment_box{
    width: 22% !important;
    border-top: solid 1px #b2b2b2;
    margin: 0px 20px !important;
}
.recruitment_box::after{
    display: block;
    content: "";
    clear: both;
}
.recruitment_maintext{
    float: left;
    padding-top: 30px;
    font: bold 26px 'Noto sans', sans-serif;
    color: #000000;
    letter-spacing: -1px;
}
.recruitment_subtext{
    float: right;
    padding-top: 30px;
    padding-bottom: 30px;
    font: 400 15px 'Noto sans', sans-serif;
    color: #000000;
    line-height: 30px;
    letter-spacing: -1px;
}
.rec_padding{
    padding-bottom: 60px !important;
}
.recruitment_subtext ul li{
    position: relative; left: 0; top: 0;
    text-indent: 8px;
    z-index: 5;
}
.rec_list li::before{
    position: absolute; left: 0; top: 50%;
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 25px;
    background: #005ede;
}
.recruitment_subtext ul li a{
    color: #005ede !important;
}
.rec_bottom_text{
    position: relative; left: 0; top: 0;
}
.rec_bottom_text::before{
    display: block;
    content: "";
    position: relative; left: 0; top: 0;
}
.wpb_wrapper p{
    padding-bottom: 0px !important;
}
.wpb_wrapper> .rec_topbox{
    background-size: 100% !important;
    background-position: -70px 85px !important;
}
.wpb_wrapper> .rec_bottom_box{
    background-size: 100% !important;
    background-position: -220px 0px !important;
}
/* 채용문의 끝 */

/* 문의하기 */
.contact_mobile_block{
    display: none;
}
.contact_box{
    padding: 180px 0px;
    justify-content: center !important;
}
.contact_box table{
    background-color: #5fc329 !important;
    border-color: #5fc329 !important;
    margin-bottom: 0px !important;
}
.contact_box table tbody,tr,td,th{
    width: auto !important;
    background-color: #5fc329 !important;
    border-color: #5fc329 !important;
    font-size: 16px !important;
    color: white !important;
}
.table_mobile{
    padding-bottom: 50px;
}
.table_mobile dt,dd{
    width: auto !important;
    background-color: #5fc329 !important;
    border-color: #5fc329 !important;
    color: white !important;
}
.contact_table{
    width: 100% !important;
}
.contact_box table td,th{
    padding: 0px 10px 10px 0px !important;
}
tr{
    display: block;
    float: left;
}
th,td{
    width: 100% !important;
    display: block;
}
.td_height{
    height: 37px !important;
}
.padding_top{
    padding-top: 30px !important;
}
.padding_adress{
    margin-top: 30px !important;
    margin-bottom: 83px !important;
}
html body .contact_box>.span_12{
    width: 1280px !important;
    margin: 0 auto !important;
}
.contact_leftbox>.vc_column-inner{
    max-width: auto !important;
    background: #5fc329;
    opacity: 0.9;
    padding: 85px 0px 0px 80px !important;
}
.contact_rightbox>.vc_column-inner{
    max-height: 540px !important;
}
.contact_map{
    max-height: 540px !important;
}
.contact_kr{
    font: 100 24px 'Noto Sans', sans-serif;
    color: white;
}
.contact_en{
    padding-bottom: 42px;
}
p.contact_en{
    position: relative; left: 0; top: 0;
    font: normal 60px 'Exo 2', Sans-serif !important;
    color: white;
    letter-spacing: -1px;
    line-height: 50px;
    margin-bottom: 26px !important;
}
p.contact_en::after{
    display: block;
    content: "";
    position: absolute; left: 0; bottom: 10px;
    width: 200px;
    height: 12px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0e6af+1,ffffff+99 */
background: #868686; /* Old browsers */
background: -moz-linear-gradient(left,  #222222 1%, #5fc329 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #222222 1%,#5fc329 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #222222 1%,#5fc329 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
opacity: 0.6;
z-index: -1;
}
/* 문의하기 끝 */


/* 푸터 */
#footer-widgets>.container>.row>.col{
    margin-right: 0px !important;
}
#copyright{
    display: none !important;
}
#footer-widgets>.container> .row>div:nth-child(1){
    width: 25% !important;
}
#footer-widgets>.container> .row>div:nth-child(2){
    width: 50% !important;
}
#footer-widgets>.container> .row>div:nth-child(3){
    width: 25% !important;
    position: relative;
}
#footer-outer .widget {
    margin-bottom: 0 !important;
  }
#footer-outer #footer-widgets .col ul.footer_menu li,
#footer-outer #footer-widgets .col ul.footer_menu li,
.material #footer-outer #footer-widgets .col ul.footer_menu li{
    padding: 0px !important;
}
.footer_wrap{
    text-align: center !important;
}
.footer_logo img{
    line-height: 113px;
}
.footer_menu{
    display: inline-block;
    margin-bottom: 18px !important;
    margin: 0 auto !important;
}
.footer_menu::after{
    content: "";
    display: block;
    clear: both;
}
.footer_menu li{
    position: relative;
    float: left;
    margin-right: 12px;
}
.footer_menu li::after{
    position: absolute; right: -10px; top: -4px;
    content: "|";
    display: block;
    color: #111111;
}
.footer_menu li:last-child:after{
    display: none;
}
.footer_menu li a{
    font: 400 15px 'Noto Sans', Sans-serif !important;
    color: #111111 !important;
}
.footer_info p{
    font: 300 14px 'Noto Sans', Sans-serif;
    color: #7b7b7b;
    line-height: 22px;
}
.footer_copy p{
    font: 300 13px 'Noto Sans', Sans-serif;
    color: #7b7b7b;
    line-height: 25px;
}

.icon_list{
    overflow: hidden;
    position: absolute; right: 0 !important; top: 20px;
}
.icon_list li{
    float: left;
    margin-right: 30px;
}
.icon_list li:last-child{
    margin-right: 0px;
}
#fp-nav.right{
    right: 45px !important;
}
#fp-nav.tooltip ul li a>span{
    width: 37px !important;
    height: 3px !important;
    border-radius: 0px !important;
}
#fp-nav:not(.light-controls) ul li a span{
    -webkit-box-shadow:inset 0 0 0 8px rgba(216, 216, 216, 0.3) !important;
}
body #fp-nav ul li a.active span{
    -webkit-box-shadow:inset 0 0 0 2px rgba(105, 225, 41, 1) !important;
    background-color: #69e129 !important;
}
#fp-nav:not(.light-controls) ul li a span:after{
    background-color: transparent !important;
}