@charset "utf-8";

* {margin:0;padding:0;box-sizing: border-box;word-break: keep-all;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}

html {overflow-y:scroll;}
body, html {width:100%;height:100%;background-color:#ffffff;}
body, textarea, select, input, button {font:12px 'Noto Sans KR', sans-serif;}
a {text-decoration:none;color:#17191d;}
a:hover {text-decoration:none;}
button {border:0;padding:0;background:transparent;cursor:pointer;*overflow:visible;}
button::-moz-focus-inner {padding:0;border:0;}
.hidden, .skipNav {visibility:hidden;width:0;height:0;overflow:hidden;font-size:0;line-height:0;padding:0;}
.dimmed {position:fixed;width:100%;height:100%;background-color:#000000;opacity: 0.5;z-index: 10;margin-top:-62px;z-index:9999999;}
.wrapper {min-height:100%;margin-top:-62px;}
.contents {max-width:1130px;min-width:980px;margin:0 auto;padding:112px 15px 140px;}
.footer {clear:both;position:relative;min-width:360px;height:80px;margin-top:-80px;padding:30px 0 0;font-size:11px;color:#9fa1a7;text-align:center;border-top:1px solid #e5e8eb;}
.bt {display:inline-block;width:100%;height:48px;padding-top:10px;letter-spacing: -0.48px;text-align:center;border-radius: 4px;color:#ffffff;font-size: 16px;font-weight:700;vertical-align: top;}
.bt1 {display:inline-block;background-color:#ffffff;background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_arr_bk2.png);background-repeat:no-repeat;background-position:right 16px center;font-size: 14px;  font-weight: 700;line-height: 1.75;letter-spacing: -0.42px;color: #17191d;border-radius: 4px;  border: solid 1px #d8d9dc;cursor: pointer;}
.bt1:hover {border-color:#0e77ff;background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_arr_bl2.png);color:#0e77ff;}
.bt2 {background-color:#17191d;color:#ffffff;line-height: 1.5;}
.bt2:hover {background-color:#005cc9;}
.scroll::-webkit-scrollbar {width: 6px;}
.scroll::-webkit-scrollbar-track {background-color: transparent;}
.scroll::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #d7d9dc;}
.scroll::-webkit-scrollbar-button {width: 0;height: 0;}
.selectboxSec {position:relative;letter-spacing: -0.4px;}
.selectboxSec a.selected {color:#0e77ff !important;font-weight:700 !important;}
.selectboxSec .selectTxt .selectBt {cursor: pointer;}
.selectboxSec .selectTxt {width:100%;height:48px;border-radius: 3px;font-size:16px;font-weight:400 !important;border:1px solid #d8d9dc;background-color:#ffffff;}
.selectboxSec3 .selectTxt {border:0;}
.selectboxSec .selectTxt:hover, .selectboxSec .selectTxt.selected  {border-color:#d8d9dc;}
.selectboxSec .selectTxt a {display:block;background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_arr_bk3.png);background-repeat:no-repeat;background-position:right 16px center;background-size:20px 20px;color:#17191d !important;}
.selectTxt a {background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_arr_bk4.png);}
.selectboxSec .selectTxt.selected a {color:#272627 !important;}
.selectboxSec .selectTxt a span {overflow:hidden;display:block;padding:12px 40px 12px 15px;text-overflow: ellipsis;white-space: nowrap;}
.selectTxt a span {padding-right:20px;}
.selectboxSec .selectTxt.on .selectBt {background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_arr_bk3.png);}
.selectTxt.on .selectBt {background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_arr_bk5.png);}
.selectboxSec .selectTxt.on {background-color:#ffffff;border-color:#0e77ff;}
.selectboxSec .selectTxt.on:hover, .selectboxSec .selectTxt.selected.on {border-color:#0e77ff;}
.selectboxSec .selectTxt.on a {background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_arr_bk3.png);}
.selectboxSec .selectList {display:none;position:absolute;z-index:5;overflow:auto !important;top:52px;left:0;width:100% !important;max-height:200px !important;border-radius: 3px;  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #0e77ff;  background-color: #fff;}
.selectboxSec .selectList a {overflow:hidden;display:block;height:48px;padding:12px 20px 0 15px;color:#737881;font-size:16px;font-weight:400;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;line-height: 1.71;letter-spacing: -0.35px;}
.selectboxSec .selectList a:hover {background:#ecf1fa;}
.selectTxt a {display:inline-block;}
.footer1 {border-bottom:1px solid #eeeeee;}
.footerSec .stipCnts {padding:32px 0;}
.footerSec .topBt {position:fixed;clear:both;top:600px;}
.footerSec .topBt a {display:block;width:104px;height:104px;background:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_top.png) no-repeat center center}
.footerSec .topBt a:hover {background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_top2.png);}
.stipCnts {font-size: 14px;line-height: 1.75;letter-spacing: -0.42px;color: #17191d;}
.footerNav1 {font-size:0;border-bottom:3px solid #17191d;}
.footerNav1 li {display:inline-block;width:calc(100% / 7);height: 56px;margin-bottom:-1px;border-radius: 8px;border: solid 1px #e4e3e6;background-color: #eceeef;text-align:center;border-bottom-right-radius: 0; border-bottom-left-radius: 0;vertical-align: top;}
.footerNav1 li.on {border:3px solid #17191d;border-bottom:0;}
.footerNav1 li a {display:block;position:relative;z-index:1;height:56px;padding:16px 0;font-weight:500;font-size:16px;color: #737881;line-height: 1.5; letter-spacing: -0.4px;border-radius: 8px;border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.footerNav1 li a:hover {color:#17191d;}
.footerNav1 li.on a {font-weight:700;color: #17191d;background-color:#ffffff;}
.footerNav2 {margin-top:56px;font-size:0;}
.footerNav2 li {display:inline-block;margin-right:30px;}
.footerNav2 li:last-child {margin-right:0;}
.footerNav2 li a {font-size: 20px; font-weight: 500;line-height: 1.33;letter-spacing: -0.7px;color: #767b80;}
.footerNav2 li a:hover {color:#17191d;}
.footerNav2 li.on {padding-bottom:7px;border-bottom:3px solid #17191d;}
.footerNav2 li.on a {font-weight:700;color:#17191d;}
.stipCntsInfo {position:relative;margin-top:40px;padding:0 0px 22px 0;border-bottom:1px solid #eeeeee;}
.stipCntsInfo .prevStip {width:240px;}
.stipCntsInfo .prevStip .selectboxSec .selectTxt {height:40px;font-size:14px;}
.stipCntsInfo .prevStip .selectboxSec .selectTxt a span {padding:10px 40px 10px 15px;}
.stipCntsInfo .prevStip .selectboxSec .selectList {top:44px;}
.stipCntsInfo .prevStip .selectboxSec .selectList a {height:40px;padding-top:10px;font-size: 14px;}
.stipCntsInfo .stipCntsTxt {margin-top:16px;font-size: 14px;line-height: 1.75;letter-spacing: -0.42px;text-align: left;color: #757981;}
.stipCntsInfo .txt1 {display:block;padding-top:8px;font-size: 14px;line-height: 1.75;  letter-spacing: -0.42px;  color: #757981;}
.stipCntsInfo .printBt {position:absolute;bottom:22px;right:0;}
.stipCntsInfo .printBt a {display:inline-block;width: 103px;  height: 40px;padding-top:7px; font-weight:700; border-radius: 20px;  border: solid 1px #d8d9dc;  background-color: #ffffff;font-size: 14px;line-height: 1.71;letter-spacing: -0.42px;color: #a0a1a6;text-align:center;}
.stipCntsInfo .printBt a span {display:inline-block;padding-left:22px;background:#ffffff url(https://ssl.nexon.com/S2/membership/2011/footer2/img_print.png) no-repeat left center;}
.stipCntsInfo .printBt a:hover {color:#0e77ff;border-color:#0e77ff;}
.stipCntsInfo .printBt a:hover span {background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_print2.png);}
.footerSec h2 {margin:56px 0 -8px;font-size: 20px;font-weight:700;line-height: 1.4;  letter-spacing: -0.7px;  color: #17191d;}
.footer2 .privacyMovLink {margin-top:24px;}
.footer2 .privacyMovLink a {width:240px;padding:7px 0 7px 16px;}
.footer2 .privacyMovLink span {display:block;margin-top:8px;font-size: 14px;line-height: 1.75;letter-spacing: -0.42px;text-align: left;color: #757981;}
.footer3 h2, .footer4 h2, .footer5 h2 {margin-bottom:0;}
.footer3 .stipCntsInfo, .footer4 .stipCntsInfo, .footer5 .stipCntsInfo {margin-top:0;}
.footer3 .stipCntsInfo .stipCntsTxt, .footer4 .stipCntsInfo .stipCntsTxt, .footer5 .stipCntsInfo .stipCntsTxt {margin-top:8px;font-size: 16px;line-height: 1.75;letter-spacing: -0.48px;  color: #17191d;}
.footer4 .onlineLink {margin-bottom:-2px;font-size:0;}
.footer4 .onlineLink li {display:inline-block;width:calc(50% - 10px);height:145px;padding-top:80px;vertical-align: top;background-color:#f9f9f9;background-repeat:no-repeat;background-position:center 25px;text-align:center;}
.footer4 .onlineLink li:first-child {margin-right:20px;}
.footer4 .onlineLink li a {padding:8px 36px 8px 16px;font-weight:400 !important; line-height: 1.71 !important;  letter-spacing: -0.35px !important;}
.footer4 .onlineLink li.nice {background-image: url(https://ssl.nexon.com/S2/membership/2011/footer2/img_nice.png);}
.footer4 .onlineLink li.sci {background-image: url(https://ssl.nexon.com/S2/membership/2011/footer2/img_sci.png);}
.footer4 h3 {padding:32px 0 17px;font-size: 18px;font-weight:700;line-height: 1.56;  letter-spacing: -0.54px;  color: #17191d;}
.footer4 h3 .txt1 {display:block;margin-top:9px;font-size: 16px;line-height: 1.75;  letter-spacing: -0.48px; font-weight:400;}
.footer4 .realnameInfo {margin-top:-1px;padding:24px;background-color:#f9f9f9;font-size: 14px;line-height: 1.75;letter-spacing: -0.42px;color: #17191d;}
.footer4 .realnameInfo .info {margin-top:12px;}
.footer4 .realnameInfo .info:first-child {margin-top:0;}
.footer4 .realnameInfo span.txt1 {display:block;margin-top:5px;padding-left:12px;color:#0e77ff;background:url(https://ssl.nexon.com/S2/membership/2011/footer2/bul_tri_bl.png) no-repeat left center;}
.footer4 .realnameInfo ol {margin-top:4px;}
.footer4 .realnameInfo ol li {color: #757a81;}
.footer5 .privacyList li {position:relative;padding:32px 0 31px 162px;border-bottom:1px solid #eeeeee;color: #17191d;font-size: 14px;line-height: 1.75;letter-spacing: -0.42px;background-repeat: no-repeat;background-position:left center;}
.footer5 .privacyList li .txt1 {margin-bottom:8px;font-size: 18px;font-weight:700;line-height: 1.56;letter-spacing: -0.54px;}
.footer5 .privacyList li .txt3 {margin-top:8px;color: #757981;}
.footer5 .privacyList li .link {margin-top:16px;}
.footer5 .privacyList li .link a {width:240px;padding:7px 0 7px 16px;}
.footer5 .privacyList li .link2 {position:absolute;top:40px;left:0;}
.footer5 .privacyList li .link2 a {display:inline-block;width:130px;height:130px;cursor: pointer;}
.footer5 .privacyList li:nth-child(1) {background-image: url(https://ssl.nexon.com/S2/membership/2011/footer2/img_ismsp.png);}
.footer5 .privacyList li:nth-child(2) {background-image: url(https://ssl.nexon.com/S2/membership/2011/footer2/img_iso27001.png);}
.footer5 .privacyList li:nth-child(3) {background-image: url(https://ssl.nexon.com/S2/membership/2011/footer2/img_iso27018.png);}
.footer5 .privacyList li:nth-child(4) .link2 a {background-image: url(https://ssl.nexon.com/S2/membership/2011/footer2/img_eprivacy.png);background-position:center center;background-repeat:no-repeat;}
/* mobile */
.mobileWrapper {position:relative;margin-top:-62px}
.mobileWrapper .mobileNav {position:absolute;top:60px;left:0;width:100%;}
.mobileWrapper .selectboxSec3 {height:60px;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);}
.mobileWrapper .selectboxSec3 .selectTxt {height:60px;}
.mobileWrapper .selectboxSec3 .selectTxt a {font-weight: 700;background-position:right 15px center;}
.mobileWrapper .selectboxSec3 .selectTxt a span {padding-top:17px;padding-bottom:20px;}
.mobileWrapper .selectboxSec3 .selectList {top:60px;}
.mobileWrapper .contents {max-width:1099px;min-width:auto;margin:0 auto;padding:155px 15px 140px;}
.mobileWrapper .footerNav2 {margin-top:0;}
.mobileWrapper .footerSec h2 {margin:0;font-size:18px;}
.mobileWrapper .footer2 .stipCntsInfo, .mobileWrapper .footer6 .stipCntsInfo {margin-top:32px;}
/* mobile layer */
.layer {position:fixed;z-index:20;padding:0 15px;width:100%;z-index:99999999;}
.layerCnts {width:100%;max-width:1068px;margin:0 auto;padding:32px 24px  24px;background-color:#ffffff;}
.layerCnts h2 {font-size: 16px;font-weight: 700;line-height: 1.5;color: #17191d;text-align:center;}
.layerCnts .layerStipCnts {margin:32px 0;}
.layerCnts .layerStipCnts .stipCnts {overflow:auto;overflow-x:hidden;padding:16px;height:328px;background-color: #f9f9f9;}

@media screen and (min-width:980px) {
    .footerNav2 {display: block;}
    .footerNav2Mobile {display:none;}
}

@media screen and (min-width:1px) and (max-width:980px) {
    .mobileWrapper .footerNav2 {display: none;}
    .mobileWrapper .footerNav2Mobile {display:block;}
    .mobileWrapper .selectboxSec2 .selectTxt {border:0;}
    .mobileWrapper .selectboxSec2 .selectTxt a {background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_arr_bk4.png);background-size:16px 16px;}
    .mobileWrapper .selectboxSec2 .selectTxt a span {padding-right:20px;font-size:16px;}
    .mobileWrapper .selectboxSec2 .selectTxt.on .selectBt {background-image:url(https://ssl.nexon.com/S2/membership/2011/footer2/img_arr_bk5.png);background-size:16px 16px;}
    .mobileWrapper .selectboxSec2 .selectTxt a {display:inline-block;font-weight:700;}
    .mobileWrapper .selectboxSec2 .selectTxt a span {padding:10px 40px 10px 0px !important;}
    .mobileWrapper .stipCntsInfo {margin-top:22px;}
    .mobileWrapper .stipCntsInfo .stipCntsTxt {margin-top:6px;}
    .mobileWrapper .footer3 .stipCntsInfo, .mobileWrapper .footer4 .stipCntsInfo, .mobileWrapper .footer5 .stipCntsInfo {margin-top:8px;}
    .mobileWrapper .footer4 .onlineLink li {display:block;width:100%;margin-bottom:8px;}
    .mobileWrapper .footer4 .onlineLink li:first-child {margin-right:0px;}
    .mobileWrapper .footer4 .onlineLink li:last-child {margin-bottom:0px;}    
    .mobileWrapper .footer5 .privacyList li {padding:160px 0 32px 0px;background-position:center 19px;}
    .mobileWrapper .footer5 .privacyList li .link2 {top:20px;left:calc(50% - 65px);}
}