@charset "utf-8";
/* reset style [start] */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} 
body,input,textarea,select,button,table{font-family:"NEXONLv2Gothic", Malgun Gothic, Dotum, sans-serif;font-weight:300;}
img,fieldset{border:0;vertical-align: top;}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
html {-webkit-text-size-adjust:none;min-width: 1280px}
.blind, legend, caption{position:absolute;left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;text-indent:-10000px} /* 숨김 */
button{border:0;cursor:pointer;*overflow:visible;vertical-align:top;background:transparent;outline: none;}

/* common */
html, body {vertical-align:baseline;scroll-behavior: smooth;height: 100%;}
#wrap{position:relative;width:100%;margin:0 auto;opacity: 0;overflow: hidden;}
#header{position: relative;width: 100%;height: 333px;background:#201c1b url("https://lwi.nexon.com/maplestory/2022/0113_4T5U9LFGSF1/bg_header.png") center 0 no-repeat}
#header h1 {position: absolute;top:14px;left:26px;width:127px;height:56px;}
#header h1 a{display: block;width: 100%;height: 100%;text-indent: -1000000px;background:url("https://lwi.nexon.com/maplestory/2022/0113_4T5U9LFGSF1/logo.png") no-repeat}
#header h2 {position: absolute;top:45px;left:50%;width:737px;height:173px;background:url("https://lwi.nexon.com/maplestory/2022/0113_4T5U9LFGSF1/title.png") no-repeat;margin-left:-368px;text-indent: -100000px;overflow: hidden;}
#header .util{position: absolute;right:30px;top:39px;overflow: hidden;width:108px;height: 18px}
#header .util a{display: block;width: 100%;height: 100%;text-indent: -1000000px;background:url("https://lwi.nexon.com/maplestory/2022/0113_4T5U9LFGSF1/btn_home.png") no-repeat}
#header .util a:hover,
.modal_pop .btn_close:hover{background-position-y:100% }
#footer{position: relative;width:100%;height:112px;}
#footer span{position: absolute;width:253px;height:12px;left:50%;margin-left:-126px;background: url('https://lwi.nexon.com/maplestory/2022/0113_4T5U9LFGSF1/copy.png') no-repeat;z-index:20;text-indent: -100000px;top:50px;}
.btn_top{position: fixed;bottom: 0;right: 0;width:68px;height: 68px;background: url('https://lwi.nexon.com/maplestory/2022/0113_4T5U9LFGSF1/btn_top.png') no-repeat;text-indent: -100000px;overflow: hidden;z-index: 100}
.btn_top:hover{background-position-x: 100%}
.section{position: relative;width: 100%;min-height: 900px}
.section .inner{position: relative;width: 1180px;margin:0 auto;}
.tab{width: 100%;height:80px;margin-top: -80px;font-size: 0}
.tab button{width: 50%;height: 100%;background-color: #584330;color: #b88f6a;display: inline-block;font-size: 25px;letter-spacing: -0.03em}
.tab button.active,
.tab button:hover{background-color: #5f438f;color: #fff}
.tab1,.tab2{position: relative;width: 100%;height: 100%;}
.tab2{display: none;}
.noti{position: relative;margin-top: 20px;width: 100%;padding-left: 20px}
.noti li{font-size: 14px;letter-spacing: -0.03em;line-height: 20px;color: #4c4c4c;background: url('https://lwi.nexon.com/maplestory/2022/0113_4T5U9LFGSF1/ico_bul.png') 0 4px no-repeat;padding-left: 20px}
.noti li strong{color:#5f438f;font-weight: normal;}
.qna{border-collapse:collapse; border-spacing:0;border-bottom: 2px solid #5f438f;border-top: 5px solid #5f438f;width: 100%;margin-top: 60px;position: relative;height: 100%;}
.qna thead th{border-bottom: 2px solid #5f438f;height: 50px;font-size: 18px;letter-spacing: -0.03em;color: #4c4c4c;font-weight: normal;}
.qna thead th button{font-size: 18px;letter-spacing: -0.03em;color: #4c4c4c;border-right:1px solid #e6e6e9;border-left:1px solid #e6e6e9;width: 100%;height: 100%}
.qna thead th button.down{border-right:1px solid #5f438f;border-left:1px solid #5f438f;}
.qna thead th:last-child button{border:0;}
.qna thead th:last-child button.down{border-left:1px solid #5f438f;border-right:1px solid #5f438f}
.qna thead th button::after{content: '';display: inline-block;width:17px;height: 11px;background: url('https://lwi.nexon.com/maplestory/2022/0113_4T5U9LFGSF1/btn_arrow.png') no-repeat;margin-left: 10px;vertical-align: middle;margin-top:-4px;}
.qna thead th button:hover::after{background-position-x: -70px}
.qna thead th button.down::after{background-position-x: 100%}
.qna tbody td{border-bottom:1px solid #e6e6e9;padding:20px;font-size: 14px;color: #595959;text-align: center;word-break: keep-all;line-height: 18px;position: relative;z-index: 0;height: 100%;}
.qna tbody td:nth-child(3){text-align: left;padding:20px 30px}
.qna tbody td p:last-child{background-color: #ededed;padding: 10px;margin-top:10px;border-radius: 4px;padding-left:60px;}
.qna tbody .complete td p:last-child{background-color: #ebdcfe}
.qna tbody .complete td{background-color: #fbf8ff}

.qna tbody td:last-child::before{z-index: -1;content: '';width: 75px;height: 38px;box-sizing: border-box;border:3px solid #b1b1b1;border-radius: 30px;line-height: 32px;position: absolute;left: 50%;top:auto;margin: -10px 0 0 -37.5px}
.qna tbody .complete td:last-child::before{border:3px solid #3d0a68;background-color: #3d0a68}
.qna tbody .always td:last-child::before{border:3px solid #560d93}
.qna tbody .ongoing td:last-child::before{border:3px solid #5f438f;background-color: #5f438f}
.qna tbody .ongoing td:last-child,
.qna tbody .complete td:last-child{color: #fff;}
.qna tbody .always td:last-child{color: #560d93;}

.qna tbody td p:last-child::before{content: '답변';display: inline-block;width:39px;height: 19px;background-color:#510c8a;margin-right:11px;vertical-align: middle;border-radius: 14px;font-size: 12px;color: #fff;line-height: 19px;letter-spacing: -0.03em;text-align: center;margin-left:-50px;}
.qna tbody td p:last-child a{color: #8c6540;font-weight: bold;}
.qna tbody td p:last-child a:hover{text-decoration: underline;}
.gubun{position: absolute;border:1px solid #5f438f;top:52px;z-index: 100;background-color: #fff;min-width: 159px;box-sizing: border-box;display: none}
.gubun ul{width: 100%;height: 100%}
.gubun li{height: 40px;display: block;line-height: 40px;text-align: left}
.gubun li:hover{background-color: #5f438f}
.gubun li a{margin: 0 20px;border-bottom:1px solid #e6e6e6;font-size: 14px;color: #4c4c4c;letter-spacing: -0.03em;display: block;}
.gubun li:hover a{color: #fff}
.gubun li:last-child a{border-bottom: 0}
.cate1{left: 85px}
.cate2{left: 862px}
.cate3{left: 1021px}
/* common */
.modal_pop{display:none;position:fixed;top:0;left:0;top:0;right:0;bottom:0;width:100%;height:100%;min-width:420px;z-index:9999999}
.modal_pop .dim{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#000;filter:alpha(opacity=8);opacity:0.8}
.modal_pop .modal_wrap{position:absolute;top:50%;left:50%;}
.modal_pop .modal_wrap .modal_btn {position: absolute;left:0;bottom:140px;width: 100%;text-align: center;}
.modal_pop .btn_close{position:absolute;right: -50px;top:-7px;width:43px;height: 43px;text-indent: -100000px;background: url('https://lwi.nexon.com/maplestory/2022/0113_4T5U9LFGSF1/btn_close.png') no-repeat}

#layerAlert .modal_wrap{border:7px solid #5f438f;background-color: #fff;padding: 45px 40px;box-sizing: border-box;width: 360px;min-height: 230px;margin-left: -180px;margin-top: -230px;text-align: center;}
#layerAlert .modal_wrap p{font-size: 16px;line-height: 20px;color:#4c4c4c;}
#layerAlert .modal_wrap .inner button{font-size: 18px;line-height: 40px;background-color:#584330;color:#fff;height: 40px;letter-spacing: -0.03em;padding: 0 15px;margin-top: 25px;min-width: 110px}
#layerAlert .modal_wrap .inner button:hover{background-color: #201c1b}