/* error */
.error_wrap {word-break:keep-all; text-align:center; overflow:hidden; background-size: cover;}
.error_wrap .motion {padding:7.6rem 28.5rem 2.5rem; display:inline-block; position:relative;}
.error_wrap .motion .left {position:absolute; width:295px; height:308px; right:0; top:-9.4rem;}
.error_wrap .motion .left img {position:absolute; left:0; top:0; opacity:0; animation: diaUp 0.2s forwards; }
.error_wrap .motion .left img:nth-child(2) {animation-delay: 0.1s}
.error_wrap .motion .left img:nth-child(3) {animation-delay: 0.2s}
.error_wrap .motion .left img:nth-child(4) {animation-delay: 0.3s}
.error_wrap .motion .left img:nth-child(5) {animation-delay: 0.4s}
.error_wrap .motion .right {position:absolute; width:327px; height:335px; bottom:0; left:0;}
.error_wrap .motion .right img {position:absolute;  left:0; top:0; opacity:0; animation: diaDown 0.2s forwards;}
.error_wrap .motion .right img:nth-child(2) {animation-delay: 0.1s}
.error_wrap .motion .right img:nth-child(3) {animation-delay: 0.2s}
.error_wrap .motion .right img:nth-child(4) {animation-delay: 0.3s}
.error_wrap .motion .right img:nth-child(5) {animation-delay: 0.2s}
.error_wrap .motion .right img:nth-child(6) {animation-delay: 0.1s}
.error_wrap .motion .center {   position: relative;  z-index: 1; display:inline-block; padding:1.5rem; border-radius:50%; background:url('https://i.gyazo.com/f65064e1a0f84ee0d912fcbec9a62cd2.png') 0 0 repeat; border:1px solid #689aff; box-shadow:0 10px 10px rgba(0, 0, 0, 0.3); }
.error_wrap .motion .center .pic {overflow:hidden; width:500px; height:500px; margin:0 auto; text-align:center; border-radius:50%; background:#689aff; padding-top:0rem;}
.error_wrap .motion .info {position: relative; z-index: 1;}
.error_wrap .motion .info .tit {font-size:140px; color:#fff; font-weight:700;}
.error_wrap .motion .info .tit font {text-transform:uppercase; color:#ff0000;}
.error_wrap .motion .info .txt {font-size:30px; color:#ffdd00; font-weight:700;}

/* mypage */
.top_info .ticket_con {font-size:26px; color:#fff; font-weight:700; text-transform:uppercase; text-align:left; position:relative; padding:0 5rem;}
.top_info .ticket_con span {display:block; font-weight:400; font-size:16px; text-transform: lowercase;} 
.top_info .ticket_con .btn_line_y {width:190px; position:absolute; top:50%; right:5rem; transform:translate(0 , -50%);}
.ticket_wrap .tl {margin-bottom:3rem;}
.ticket_wrap .tl li { margin-bottom:0.4rem; position:relative;}
.ticket_wrap .tl li:last-child {margin-bottom:0;}
.ticket_wrap .tl li .con {font-size:0; height:60px; overflow:hidden; line-height:60px; text-align:center; position:relative;}
.ticket_wrap .tl li .con:before {content:''; display:none; top:0; bottom:0; left:0; right:0; position:absolute; border:3px solid #ffdd00; z-index:1;}
.ticket_wrap .tl li .con > div {display:inline-block; vertical-align:top; font-size:14px; background:#fff; height:100%;}
.ticket_wrap .tl .num {background:rgba(255, 255, 255, 0.5) !important; color:#fff; font-weight:700; width:60px;}
.ticket_wrap .tl .sort {width:110px; color:#467294; font-weight:500; text-transform: capitalize; position:relative; font-size:11px; font-family: 'Roboto', sans-serif; }
.ticket_wrap .tl .sort:before {content:''; display:block; position:absolute; width:1px; height:20px; right:0; top:50%; transform:translate(0 , -50%); background:#949494;}
.ticket_wrap .tl .tit {width:calc(100% - 420px); padding:0 3rem; text-align:left; font-family: 'Roboto', sans-serif; font-size:12px; }
.ticket_wrap .tl .tit a {position:relative; z-index:2; vertical-align:middle; top:-2px; color:#000000; max-width: 100%; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; line-height:normal;}
.ticket_wrap .tl .tit a:hover {color:#ff0000; font-weight:700;}
.ticket_wrap .tl .tit span {display:inline-block; position:relative; z-index:2; vertical-align:middle; top:-2px; color:#000000; max-width: 100%; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; line-height:normal;}
.ticket_wrap .tl .date {width:130px; color:#949494; font-family: 'Roboto', sans-serif; text-transform:uppercase;  font-size: 12px !important; }
.ticket_wrap .state {width:120px; position:relative; padding:0 1rem; font-size:0; text-align:center;}
.ticket_wrap .state.new:before {z-index:1; top:2px; left:2px; font-size:11px; font-weight:700; width:36px; height:18px; line-height:18px; content:'NEW'; position:absolute; display:block;  border-radius:5px; background:#ff0000; border:1px solid #e30000; color:#fff;}
.ticket_wrap .state span {position:relative; display:inline-block; width:100%; color:#fff; font-weight:900; font-size:12px; text-transform:uppercase; height:40px; line-height:40px; border-radius:5px; }
.ticket_wrap .state span:before, .ticket_wrap .state span:after {content:''; display:block; position:absolute; width:4%; height:2px; background:#ff0000;}
.ticket_wrap .state span:before {left:48%; top:0;}
.ticket_wrap .state span:after { left:48%; bottom:0;}
.ticket_wrap .state.wait span {border:1px #689aff solid; color: #689aff; }
.ticket_wrap .state.answered span {border:1px #ff7510 solid; color: #ff7510;}
.ticket_wrap .state.closed span {border:1px #949494 solid; color: #949494;}
.ticket_wrap .state.complain span {border:1px #9f0000 solid; color: #9f0000;}
.ticket_wrap .tl li:hover .con:before {content:''; display:block; top:0; bottom:0; left:0; right:0; position:absolute; border:3px solid #ffdd00;}
.ticket_wrap .tl li:hover .tit span {color:#ff0000; font-weight:700;}
.ticket_wrap .tl_bottom, .notifi_wrap .tl_bottom {text-align:center; margin-top:5rem; padding-top:5rem; border-top:1px solid #467294; position:relative;}
.ticket_wrap .tl_bottom:before, .notifi_wrap .tl_bottom:before {content:''; display:block; position:absolute; width:10px; height:3px; background:#ff0000; top:-2px; left:50%; transform:translate(-50% , 0);}
.ticket_wrap .tl_bottom {text-align:center; margin-top:5rem; padding-top:5rem; border-top:1px solid #467294; position:relative;}
.notifi_wrap .tl_bottom { display:none; }
.ticket_wrap .tl_bottom .go_topup, .notifi_wrap .tl_bottom .go_topup {width:240px; height:60px; line-height:60px;}
.ticket_wrap .tl_bottom .go_topup img, .notifi_wrap .tl_bottom .go_topup img {vertical-align:middle; position:relative; top:-2px; margin-right:1rem;}
.ticket_wrap .tl_bottom02 {border-top:0;}

.ticket_wrap .tv .tv_top {background:rgba(104, 154, 255, 0.5); padding: 4rem 0;}
.ticket_wrap .tv .tv_top.wait {background:rgba(104, 154, 255, 0.5);}
.ticket_wrap .tv .tv_top.answered {background:rgba(255, 117, 16, 0.5);}
.ticket_wrap .tv .tv_top.closed {background:rgba(148, 148, 148, 0.5);}
.ticket_wrap .tv .tv_top.complain {background:rgba(159, 0, 0, 0.5);}
.ticket_wrap .tv .tv_top .inner {position:relative; font-size:0;}
.ticket_wrap .tv .tv_top .sort {font-size:16px; color:#000000; font-weight:700; display:inline-block; vertical-align:top; width:75px; text-transform: capitalize; position:relative;}
.ticket_wrap .tv .tv_top .sort:before {width:1px; height:20px; background:#000; content:''; display:block; top:50%; right:0; transform:translate(0 , -50%); position:absolute;}
.ticket_wrap .tv .tv_top .tit {padding-left:1.8rem; font-size:18px; font-weight:700; color:#fff; display:inline-block; vertical-align:top; width:calc(100% - 235px); }
.ticket_wrap .tv .tv_top .state {display:inline-block; position:absolute; right:2.5rem; top:50%; transform:translate(0 , -50%); padding:0; border-radius:5px; }
.ticket_wrap .tv .tv_top .state span { background:#ffffff; }
.ticket_wrap .tv .tv_top.wait .state span {border:1px #689aff solid; color: #689aff; }
.ticket_wrap .tv .tv_top.answered .state span {border:1px #ff7510 solid; color: #ff7510;}
.ticket_wrap .tv .tv_top.closed .state span {border:1px #777777 solid; color: #777777;}
.ticket_wrap .tv .tv_top.complain .state span {border:1px #9f0000 solid; color: #9f0000;}


.ticket_wrap .tv .tv_date {text-align:right; font-family: 'Roboto', sans-serif; font-size:14px; color:#e0e0e0; margin:1.7rem 0; text-transform:uppercase;}
.ticket_wrap .tv .tv_con {background:#fff; padding:5rem;}
.ticket_wrap .tv .tv_con .text {font-family: 'Roboto', sans-serif; font-size:14px; line-height:2.2; color:#000000; padding-bottom:5rem; border-bottom:1px solid #e0e0e0;}
.ticket_wrap .tv .tv_con .attach {padding-top:3rem;}
.ticket_wrap .tv .tv_con .attach li {font-size:14px; position:relative; padding-left:3rem; margin-bottom:1.5rem;}
.ticket_wrap .tv .tv_con .attach li:last-child {margin-bottom:0;}
.ticket_wrap .tv .tv_con .attach li a {color:#707070; font-family: 'Roboto', sans-serif; font-size:14px; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width:100%;}
.ticket_wrap .tv .tv_con .attach li a:hover {color:#ff0000; text-decoration:underline;}
.ticket_wrap .tv .tv_con .attach li:before {width:12px; height:12px; content:''; display:block; position:absolute; top:2px; left:0; background:url('/images/common/media/icon_paper.png') 0 0 no-repeat;}
.ticket_wrap .tv .reply {font-size:14px; background:rgba(255, 255, 255, 0.9); position:relative; padding:5rem 5rem 5rem 8rem; border-left:2px solid #689aff; margin-top:1rem;}
.ticket_wrap .tv .reply .writer {margin-bottom:1.5rem; text-transform:uppercase; color:#467294; font-weight:700; position:relative;}
.ticket_wrap .tv .reply .writer:before {content:''; display:block; position:absolute; top:0; left:-3rem; width:14px; height:14px; background-position:0 -14px; background-repeat:no-repeat; background-image:url('/images/common/mypage/icon_reply.png');}
.ticket_wrap .tv .reply.new .writer:after {margin-left:1rem; text-align:center; font-size:11px; font-weight:700; width:36px; height:18px; line-height:18px; content:'NEW'; display:inline-block;  border-radius:5px; background:#ff0000; border:1px solid #e30000; color:#fff;}
.ticket_wrap .tv .reply .date { font-family: 'Roboto', sans-serif; font-size:14px;  text-transform:uppercase; color:#707070; position:absolute; top:5rem; right:5rem;}
.ticket_wrap .tv .reply .txt {color:#000000; line-height:2.2;}
.ticket_wrap .tv .reply .writer.admin {color:#ff0000;}
.ticket_wrap .tv .reply .writer.admin:before {background-position:0 0;}
.ticket_wrap .tv .comment {background:rgba(0, 0, 0, 0.6); border:1px solid rgba(135, 207, 255, 0.5); position:relative; padding:5rem 8rem; margin-top:3rem;}
.ticket_wrap .tv .comment:before, .ticket_wrap .tv .comment:after {content:''; display:block; width:18px; height:18px; position:absolute;} 
.ticket_wrap .tv .comment:before {background:url('/images/common/icon_lt.png') 0 0 no-repeat; left:-1px; top:-1px;}
.ticket_wrap .tv .comment:after {background:url('/images/common/icon_rb.png') 0 0 no-repeat; right:-1px; bottom:-1px;}
.ticket_wrap .tv .comment .tit {font-size:14px; color:#fff; margin-bottom:2rem; font-weight:700; position:relative;}
.ticket_wrap .tv .comment .tit:before {position:absolute; top:1px; left:-3rem; content:''; display:block; width:12px; height:12px; background:url('/images/common/mypage/icon_comment.png') 0 0 no-repeat;}
.ticket_wrap .tv .comment .cm_area {font-size:0; position:relative;}
.ticket_wrap .tv .comment .cm_area textarea {position: relative; margin-right:2rem; width:calc(100% - 170px); display:inline-block; vertical-align:top; border-left: 2px solid #87cfff; border-right: 1px solid rgba(255,255,255,0.3); border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); background:rgba(255, 255, 255, 0); height:100px; padding:2.5rem 2rem; font-size:12px; font-family:'Roboto'; color:#87cfff;}
.ticket_wrap .tv .comment .cm_area textarea::placeholder {color:#87cfff;}
.ticket_wrap .tv .comment .cm_area textarea:focus {color:#fff;}
.ticket_wrap .tv .comment .cm_area:before, .ticket_wrap .tv .comment .cm_area:after {background: url(/images/common/account/dot_w.jpg) right 0 no-repeat; content:''; display:block; width:3px; height:3px; position:absolute; right:17rem;}
.ticket_wrap .tv .comment .cm_area:before {top:0;}
.ticket_wrap .tv .comment .cm_area:after {bottom:0;}
.ticket_wrap .tv .comment .btn_submit {width:150px; height:100px; line-height:100px; display:inline-block; vertical-align:top; cursor:pointer;}
.ticket_wrap .tv .btn_answers {padding:5rem 2.5rem; text-align:center;}
.ticket_wrap .tv .btn_answers .info {font-size:16px; color:#87cfff; font-weight:700; text-transform:uppercase; margin-bottom:2.8rem;}
.ticket_wrap .tv .btn_answers a {display:inline-block; vertical-align:top; margin:0 1rem; padding-right: 0.5rem; border:1px solid #ff0000; font-size:15px; font-weight:700; border-radius:5px; text-align:center; width:140px; height:50px; line-height:50px; text-transform:uppercase;}
.ticket_wrap .tv .btn_answers .btn_no {background:rgba(0, 0, 0, 0.7); color:#ff0000;}
.ticket_wrap .tv .btn_answers .btn_yes {background:rgba(255, 0, 0, 0.7); color:#fff; }
.ticket_wrap .tv .btn_answers a:before {content:''; display:inline-block; vertical-align:middle; top:-1px; position:relative; margin-right:6px; width:12px; height:12px;}
.ticket_wrap .tv .btn_answers .btn_no:before {background:url('/images/common/mypage/icon_no.png') 0 0 no-repeat;}
.ticket_wrap .tv .btn_answers .btn_yes:before {background:url('/images/common/mypage/icon_yes.png') 0 0 no-repeat;}
.ticket_wrap .tv .btn_answers .btn_no:hover {background:rgba(73, 9, 9, 0.7);}
.ticket_wrap .tv .btn_answers .btn_yes:hover {background:rgba(255, 0, 0, 0.8);}
.ticket_wrap .tv .tl_bottom {overflow:hidden; margin:0; padding-top:3rem;}
.ticket_wrap .tv .tl_bottom .go_topup {float:left;}
.ticket_wrap .tv .tl_bottom .btn_line_b02 {width:190px; height:60px; line-height:60px;}
.ticket_wrap .tw .file_input input[type=text] {display:inline-block;}
.ticket_wrap .tw .file_input label { cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; }
.ticket_wrap .tw .file_input label input {position:absolute; width:0; height:0; overflow:hidden;}
.ticket_wrap .tw .file_input input[type=text] {width:calc(100% - 120px); vertical-align:middle; display:inline-block; background:none; padding:0 1rem; border:none;  color:#fff; font-family: 'Roboto', sans-serif; font-size:12px; overflow: hidden;}
.ticket_wrap .tw .file_input input[type=text]::placeholder {color:#467294;}
.ticket_wrap .tw .file_input .btn_attach {display:inline-block; border:1px solid #87cfff; text-align:center; color:#fff; border-radius:3px; background:rgba(135, 207, 255, 0.2);  font-size:12px; width:120px; height:36px; line-height:36px;}
.ticket_wrap .tw .file_input .btn_attach img {vertical-align:middle; margin-right:5px; position:relative; top:-2px;}
.ticket_wrap .tw .file_input .btn_attach:hover {background:rgba(135, 207, 255, 0.8);}
.ticket_wrap .tw .tw_form {padding:5rem; position:relative; background:rgba(0, 0, 0, 0.8); border:1px solid rgba(255, 255, 255, 0.2);}
.ticket_wrap .tw .tw_form:before, .ticket_wrap .tw .tw_form:after {content:''; display:block; width:18px; height:18px; position:absolute;} 
.ticket_wrap .tw .tw_form:before {background:url('/images/common/icon_lt.png') 0 0 no-repeat; left:-1px; top:-1px;}
.ticket_wrap .tw .tw_form:after {background:url('/images/common/icon_rb.png') 0 0 no-repeat; right:-1px; bottom:-1px;}
.ticket_wrap .tw .tw_form > ul > li { margin-bottom:3rem;}
.ticket_wrap .tw .tw_form > ul > li:last-child {margin-bottom:0;}
.ticket_wrap .tw .tw_form .tit {display:block; font-size:14px; color:#ff0000; font-weight:700; text-transform:uppercase; margin-bottom:1.5rem; position:relative;}
.ticket_wrap .tw .tw_form .tit .type {position:absolute; top:0; right:0; font-weight:400; color:#87cfff;}
.ticket_wrap .tw .tw_form .inp {background:none; border-left:2px solid #87cfff; border-right:1px solid rgba(255,255,255,0.2);  border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); position:relative;}
.ticket_wrap .tw .tw_form .inp input[type=text] {height:60px; width:100%; background:none; border:none; position:relative; padding:0 2rem; color:#fff; font-family: 'Roboto', sans-serif; font-size:12px; }
.ticket_wrap .tw .tw_form .inp input[type=text]::placeholder {color:#87cfff;} 
.ticket_wrap .tw .tw_form .inp input[type=text]:focus {color:#fff; outline:none;}
.ticket_wrap .tw .tw_form .inp input[type=text]:focus::placeholder {color:#fff;}
.ticket_wrap .tw .tw_form .inp textarea {height:200px; width:100%; background:none; border:none; position:relative; padding:2rem; color:#fff; font-family: 'Roboto', sans-serif; font-size:12px; }
.ticket_wrap .tw .tw_form .inp textarea::placeholder {color:#87cfff;} 
.ticket_wrap .tw .tw_form .inp textarea:focus {color:#fff;  outline:none;}
.ticket_wrap .tw .tw_form .inp textarea:focus::placeholder {color:#fff;}
.ticket_wrap .tw .tw_form .inp:before {content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:url('/images/common/account/dot_w.jpg') right 0 no-repeat, url('/images/common/account/dot_w.jpg') right bottom no-repeat;}
.ticket_wrap .tw .tw_form .inp:focus-within {border:1px solid #fff;}
.ticket_wrap .tw .tw_form .inp:focus-within:before {background:url('/images/common/account/dot_r.jpg') 0 0 no-repeat, url('/images/common/account/dot_r.jpg') right 0 no-repeat, url('/images/common/account/dot_r.jpg') 0 bottom no-repeat, url('/images/common/account/dot_r.jpg') right bottom no-repeat;}
.ticket_wrap .tw .tw_form .atc_list li {margin-bottom:2rem;}
.ticket_wrap .tw .tw_form .atc_list li:last-child {margin-bottom:0;}
.ticket_wrap .tw .tw_sel {position:relative;}
.ticket_wrap .tw .tw_sel > a {font-family:'Roboto'; border:1px solid #87cfff; position:relative; display:block; height:60px; line-height:60px; padding:0 3rem; background:rgba(135, 207, 255, 0.2) url('/images/common/mypage/sel_cate_arr.png') right 2rem top 50% no-repeat; font-size:14px; color:#fff;}
.ticket_wrap .tw .tw_sel > a:before {content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:url('/images/common/account/dot_w.jpg') 0 0 no-repeat, url('/images/common/account/dot_w.jpg') right 0 no-repeat, url('/images/common/account/dot_w.jpg') 0 bottom no-repeat, url('/images/common/account/dot_w.jpg') right bottom no-repeat;}
.ticket_wrap .tw .tw_sel ul {display:none; z-index:1; position:absolute; left:0; right:0; background:#000000; border:1px solid rgba(135,207,255,0.5); border-top:0; padding:1rem 3rem;}
.ticket_wrap .tw .tw_sel li {padding:1.5rem 0;;}
.ticket_wrap .tw .tw_sel li a {font-size:14px; color:#87cfff; text-transform:uppercase;}
.ticket_wrap .tw .tw_sel li a:hover {color:#ffffff; font-weight:bold; }
.ticket_wrap .tw .tw_sel > a:focus-within {border:1px solid #fff; color:#ffffff;}
.ticket_wrap .tw .tw_sel > a:focus-within:before {background:url('/images/common/account/dot_r.jpg') 0 0 no-repeat, url('/images/common/account/dot_r.jpg') right 0 no-repeat, url('/images/common/account/dot_r.jpg') 0 bottom no-repeat, url('/images/common/account/dot_r.jpg') right bottom no-repeat;}
.ticket_wrap .tw .tl_bottom {overflow:hidden; margin:0; padding-top:5rem;}
.ticket_wrap .tw .tl_bottom .go_topup {float:left;}
.ticket_wrap .tw .tl_bottom .btn_line_b02 { width:190px; height:60px; line-height:60px;}
.ticket_wrap .tw .tl_bottom:before {display:none;}

.my_wrap {max-width:600px; margin:0 auto;}
.my_wrap .my_con {position:relative;}
.my_wrap .my_con:before, .my_wrap .my_con:after {z-index:1; content:''; display:block; position:absolute; width:10px; height:3px; background:#ff0000; left:50%; transform:translate(-50% , 0);}
.my_wrap .my_con:before {top:-1px;}
.my_wrap .my_con:after {bottom:-1px;}
.my_wrap .my_form { padding:10rem; background:rgba(0, 0, 0, 0.7); border-top:1px solid #87cfff; border-bottom:1px solid #87cfff; position:relative;}
.my_wrap .my_form:before, .my_wrap .my_form:after {content:''; display:block; width:18px; height:18px; position:absolute;} 
.my_wrap .my_form:before {background:url('/images/common/icon_lt.png') 0 0 no-repeat; left:5rem; top:5rem;}
.my_wrap .my_form:after {background:url('/images/common/icon_rb.png') 0 0 no-repeat; right:5rem; bottom:5rem;}
.my_wrap .btn_line_b {margin:5rem auto 0; width:240px; height:60px; line-height:60px; display:block;}
.my_wrap .btn_line_b img {vertical-align:middle; position:relative; top:-2px; margin-right:1rem;}
.my_wrap .my_form .tit {display:block; font-size:14px; color:#ff0000; font-weight:700; text-transform:uppercase; margin-bottom:1.5rem; position:relative;}
.my_wrap .my_form .inp {background:none; border:1px solid #87cfff; position:relative;}
.my_wrap .my_form .inp input {height:60px; width:100%; background:rgba(135, 207, 255, 0.2); border:none; position:relative; padding:0 2rem; color:#fff; font-size:12px;}
.my_wrap .my_form .inp input::placeholder {color:#87cfff;} 
.my_wrap .my_form .inp input:focus {color:#fff; outline:none;}
.my_wrap .my_form .inp input:focus::placeholder {color:#fff;}
.my_wrap .my_form .inp:before {content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:url('/images/common/account/dot_w.jpg') 0 0 no-repeat, url('/images/common/account/dot_w.jpg') right 0 no-repeat, url('/images/common/account/dot_w.jpg') 0 bottom no-repeat, url('/images/common/account/dot_w.jpg') right bottom no-repeat;}
.my_wrap .my_form .inp:focus-within {border:1px solid #fff;}
.my_wrap .my_form .inp:focus-within:before {background:url('/images/common/account/dot_r.jpg') 0 0 no-repeat, url('/images/common/account/dot_r.jpg') right 0 no-repeat, url('/images/common/account/dot_r.jpg') 0 bottom no-repeat, url('/images/common/account/dot_r.jpg') right bottom no-repeat;}
.my_wrap .btn_line_r02 {width:190px; height:60px; line-height:60px; display:block; margin:4rem auto 0;}
.my_wrap .ps_detail {background:rgba(0, 0, 0, 0.5); border-top:1px solid #87cfff; border-bottom:1px solid #87cfff; position:relative; padding:4rem 4rem 5rem;}
.my_wrap .ps_detail .title {text-align:center; font-size:16px; color:#87cfff; font-weight:700; text-transform:uppercase; margin-bottom:2.8rem;}
.my_wrap .ps_detail .line {border-top:1px solid #467294;  position:relative; font-size:0; padding:2.2rem 9rem 2.2rem 0;}
.my_wrap .ps_detail .line:last-child {border-bottom:1px solid #467294;}
.my_wrap .ps_detail .line:before, .my_wrap .ps_detail .line:after {content:''; display:block; position:absolute; width:3px; height:3px; background:#fff; top:-1px;}
.my_wrap .ps_detail .line:before {left:0;}
.my_wrap .ps_detail .line:after {right:0;}
.my_wrap .ps_detail .line > div {padding:0 1rem; display:inline-block; vertical-align:top;}
.my_wrap .ps_detail .tit {margin-bottom:0; width:154px; position:relative; font-size:14px; color:#ff0000; font-weight:700; text-transform:uppercase;}
.my_wrap .ps_detail .tit:before {content:''; display:block; position:absolute; width:3px; height:3px; background:#fff; top:-2.3rem; right:0;}
.my_wrap .ps_detail .txt {position:relative; width:calc(100% - 154px); font-size:14px; font-family:'Roboto'; color:#e0e0e0; }
.my_wrap .ps_detail .btn_edit {position:absolute; right:0; top:1.2rem; color:#ff0000; border:1px solid #ff0000; font-size:12px; font-weight:500; display:block; width:80px; height:34px; line-height:34px; text-align:center; border-radius:5px; text-transform:uppercase; background:rgba(0, 0, 0, 0.5); box-shadow:0 3px 5px rgba(0, 0, 0, 0.5);}
.my_wrap .ps_detail .btn_edit:hover {color:#fff; background:rgba(255, 0, 0, 0.5);}
.my_wrap .ps_detail .rd_controls {position:absolute; margin-top:-1rem; width:200px;  font-size:0; background:rgba(0, 0, 0, 0.4); border:1px solid #707070; border-radius:17px; padding:4px;}
.my_wrap .ps_detail .rd_controls label {font-size:12px; text-align:center; text-transform:uppercase; color:#ffea00; font-weight:700; font-family:'Roboto'; display:inline-block; width:50%; height:26px; line-height:26px; border-radius:13px; cursor: pointer;transition: 0.05s ease-in-out;}
.my_wrap .ps_detail .rd_controls label[for="rd_n"], .my_wrap .ps_detail .rd_controls label[for="rd_n02"] {color:#949494;}
.my_wrap .ps_detail .rd_controls input {display: none;}
.my_wrap .ps_detail .rd_controls input:checked + label {color:#000; box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); background: linear-gradient(#ffde0b, #b6a700);}
.my_wrap .ps_detail .rd_controls input:checked + label[for="rd_n"], .my_wrap .ps_detail .rd_controls input:checked + label[for="rd_n02"] {color:#555555; background: linear-gradient(#a5a5a5, #fff);}
.my_wrap .ps_detail .error {position:relative; display:block !important; margin:1.7rem -9rem 0 0; border-radius: 5px; background: rgba(255, 234, 0, 0.4) url(/images/common/account/icon_noti.png) 1.2rem center no-repeat;  border: 1px solid rgba(255, 234, 0, 0.5); font-size: 12px;  color: #fff;   padding: 1.7rem 2rem 1.7rem 4.8rem !important; text-align: left;}
.my_wrap .ps_detail .require {z-index: 2; animation: bounce 2s infinite; position:absolute; top:0; right:0; transform: translate(0, -100%); display: inline-block; padding:1rem 1.2rem; font-family:'Roboto'; font-size:12px; color:#000; background:rgba(255, 221, 0, 0.9); border:1px solid #ffdd00; border-radius:5px;}
.my_wrap .ps_detail .require:after {content:''; display:block; width:12px; right:18%; bottom:-7px; height:7px; background:url('/images/common/mypage/edit_arr.png') 0 0 no-repeat; position:absolute;}
.my_wrap .ps_detail .require font {color:#cc0000;}

.my_wrap .ps_detail .line.in_nation .txt {padding-left:6.4rem;}
.my_wrap .ps_detail .line.in_nation .txt img {border-radius:3px; border:1px solid #000; margin-right:1rem; position:absolute; left:1.2rem; top:50%; transform:translate(0 , -50%);}

.notifi_wrap .list li {position:relative; background:rgba(0, 0, 0, 0.7); border:1px solid rgba(135,207,255,0.5); padding:1.2rem 2rem; margin-bottom:1rem; padding-right:6rem;}
.notifi_wrap .list li:last-child {margin-bottom:0;}
.notifi_wrap .list li:before {content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:url('/images/common/account/dot_r.jpg') 0 0 no-repeat, url('/images/common/account/dot_r.jpg') right 0 no-repeat, url('/images/common/account/dot_r.jpg') 0 bottom no-repeat, url('/images/common/account/dot_r.jpg') right bottom no-repeat;}
.notifi_wrap .list li > div {position:relative;}
.notifi_wrap .list .date {color:#87cfff; font-family: 'Roboto', sans-serif; font-size:12px;  margin-bottom:1rem;}
.notifi_wrap .list .notice .txt {color:#fff; font-size:14px; display:inline-block; vertical-align: middle;  max-width: calc(100% - 72px);  overflow: hidden;  text-overflow: ellipsis; -ms-text-overflow: ellipsis;  white-space: nowrap;  word-wrap: normal; line-height: normal;}
.notifi_wrap .list .notice .label {display:inline-block; vertical-align:middle; font-family: 'Roboto', sans-serif; font-size:11px; color:#fff; font-weight:700; text-transform:uppercase; border-radius:5px; background:#ff0000; border:1px solid #e30000; padding:0.2rem 1rem; text-transform:uppercase; margin-right:1rem;}
.notifi_wrap .list .btn_close {transition:none; display:block; position:absolute; right:2rem; top:50%; transform:translate(0 , -50%); width:21px; height:21px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/mypage/btn_close.png');}
.notifi_wrap .list .btn_close:hover {transition:none; background-position:0 -21px;}
.notifi_wrap .list .notice a {padding-right:2rem; position:relative;}
.notifi_wrap .list .notice a:before {content:''; position:absolute; right:0; top:3px; display:block; width:11px; height:11px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/mypage/go_link.png');}
.notifi_wrap .list .notice a:hover:before  {transition:none; background-position:0 -11px;}
.notifi_wrap .list .notice a:hover {color:#ff0000;}

.esports_wrap .tl .info {width:220px;}
.esports_wrap .tl .title {background:rgba(0, 0, 0, 0.2); border:1px solid rgba(135,207,255,0.5); position:relative; margin-bottom:1.7rem;}
.esports_wrap .tl .title:before {content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:url('/images/common/account/dot_r.jpg') 0 0 no-repeat, url('/images/common/account/dot_r.jpg') right 0 no-repeat, url('/images/common/account/dot_r.jpg') 0 bottom no-repeat, url('/images/common/account/dot_r.jpg') right bottom no-repeat;}
.esports_wrap .tl .title .con {height:36px; line-height:36px;}
.esports_wrap .tl .title .con > div {background:none; color:#87cfff; font-weight:700; font-size:12px; text-align:center; text-transform:uppercase; position:relative;}
.esports_wrap .tl .title .con > div:before { content: '';  display: block; position: absolute; width: 1px; height: 20px; right: 0; top: 50%; transform: translate(0 , -50%);  background: #87cfff; }
.esports_wrap .tl .title .con > div:last-child:before {display:none;}
.esports_wrap .tl .title .num {background:rgba(135, 207, 255, 0.3) !important; border-right:1px solid rgba(135,207,255,0.5); position:relative;}
.esports_wrap .tl .title .num:before {content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:url('/images/common/account/dot_r.jpg') right 0 no-repeat, url('/images/common/account/dot_r.jpg') right bottom no-repeat;}
.esports_wrap .tl .title .tit {width:calc(((100% - 390px) / 2) + 110px);}
.esports_wrap .tl .tit {width:calc((100% - 390px) / 2);} 
.esports_wrap .tl .period {width:calc((100% - 390px) / 4); color:#949494; text-transform:uppercase; overflow: hidden;  text-overflow: ellipsis;  -ms-text-overflow: ellipsis; white-space: nowrap;  word-wrap: normal; font-size: 12px !important; font-family: 'Roboto'; }
.esports_wrap .tl .info {font-size:0;}
.esports_wrap .tl .info a {text-align:center; font-weight:700; font-size:11px; position: relative; z-index: 3; text-transform:uppercase; display:inline-block; vertical-align:middle; margin-right:5px; width:60px; height:33px; line-height:33px; color:#fff; border-radius:4px;}
.esports_wrap .tl .info a:last-child {margin-right:0;}
.esports_wrap .tl .info .btn_info {background:rgba(104, 154, 255, 0.8); border:1px solid #689aff;}
.esports_wrap .tl .info .btn_edit {background:rgba(255, 0, 0, 0.8); border:1px solid #ff0000;}
.esports_wrap .tl .info .btn_delete {background:rgba(112, 112, 112, 0.8); border:1px solid #707070;}
.esports_wrap .tl .info .btn_info:hover {background:#689aff;}
.esports_wrap .tl .info .btn_edit:hover {background:#ff0000;}
.esports_wrap .tl .info .btn_delete:hover {background:#707070;}
.esports_wrap .tl li .con > div.num, .esports_wrap .tl li .con > div.sort { }
.esports_wrap .tl li.title .con:before {display:none !important;}
.pb_account .complete_area {text-align:center; max-width:600px; margin:0 auto; padding:5rem; position:relative; background:rgba(0, 0, 0, 0.5 ); border-top:1px solid #87cfff; border-bottom:1px solid #87cfff;}
.pb_account .complete_area:before, .pb_account .complete_area:after {content:''; display:block; left:50%; transform:translate(-50% , 0); position:absolute; width:10px; height:3px; background:#ff0000;}
.pb_account .complete_area:before {top:-2px;}
.pb_account .complete_area:after {bottom:-2px;}
.pb_account .complete_area .con {position:relative; padding:7em 0;}
.pb_account .complete_area .con:before, .pb_account .complete_area .con:after {content:''; display:block; width:18px; height:18px; position:absolute;} 
.pb_account .complete_area .con:before {background:url('/images/common/icon_lt.png') 0 0 no-repeat; left:-1px; top:-1px;}
.pb_account .complete_area .con:after {background:url('/images/common/icon_rb.png') 0 0 no-repeat; right:-1px; bottom:-1px;}
.pb_account .complete_area .typing_wrap {margin-top:1rem;}
.pb_account .complete_area .typing_wrap .typing-txt {display:none;}
.pb_account .complete_area .typing_wrap .typing {text-transform:uppercase; color:#fff; font-size:30px; font-weight:700; height:3.6rem;}
.pb_account .complete_area .txt {color:#fff; font-size:16px; line-height:normal; font-weight:700; margin-top:2.8rem;}
.pb_account .complete_area .txt font {color:#ff0000;}
.pb_account .complete_area .txt02 {font-size:20px; margin-top:2.5rem; color:#fff; }
.pb_account .complete_area .txt02 font {color:#ffdd00;}
.pb_account .pb_sub_con .complete_area {margin-bottom:3rem;}
.pb_account .pb_sub_con .complete_area .con {padding:8rem 0;}
.pb_account .complete_area02 .txt02 {font-size:24px; font-weight:500; text-transform:uppercase; margin-top:3.5rem;}
.pb_account .complete_area02 .txt03 {font-size:16px; color:#ffdd00; margin-top:3.5rem; line-height: normal;}
.pb_account .complete_area + .btn_read {width:270px;}

/* paging */
.paging_wrap {text-align:center;}
.paging_wrap ul {font-size:0;}
.paging_wrap li {display:inline-block; vertical-align:top; margin:0 0.3rem;}
.paging_wrap li a {position:relative; display:block; padding:0 0.4rem; min-width:24px; height:24px; line-height:23px; text-align:center; font-size:11px; color:#87cfff; font-weight:500; border:1px solid #87cfff;}
.paging_wrap li a:hover, .paging_wrap li.on a {background:rgba(135, 208, 255, 0.3);}
.paging_wrap li.prev a:hover, .paging_wrap li.next a:hover, .paging_wrap li.first a:hover, .paging_wrap li.last a:hover {border:1px solid #ffdd00; background:rgba(255, 234, 0, 0.15);}
.paging_wrap li.prev a:before, .paging_wrap li.next a:before, .paging_wrap li.first a:before, .paging_wrap li.last a:before {position:absolute; left:50%; top:50%; transform:translate(-50% , -50%); content:''; display:block; width:6px; height:10px; background-repeat:no-repeat; background-position:0 0;} 
.paging_wrap li.first a:before, .paging_wrap li.last a:before {width:12px;}
.paging_wrap li.prev a:before {background-image:url('/images/common/page_l.png');}
.paging_wrap li.next a:before {background-image:url('/images/common/page_r.png');}
.paging_wrap li.first a:before {background-image:url('/images/common/page_ll.png');}
.paging_wrap li.last a:before {background-image:url('/images/common/page_rr.png');}
.paging_wrap li.prev a:hover:before, .paging_wrap li.next a:hover:before, .paging_wrap li.first a:hover:before, .paging_wrap li.last a:hover:before {background-position:0 -10px;}

/**/
.new_search_wrap {width:200px;  border:1px solid #467294; background:rgba(135, 207, 255, 0.2); position:relative;}
.new_search_wrap:before, .new_search_wrap:after {position:absolute; content:''; display:block;  width:3px; top:-1px; bottom:-1px; background:url('/images/common/bg_search_dot.jpg') 0 0 no-repeat, url('/images/common/bg_search_dot.jpg') 0 bottom no-repeat;}
.new_search_wrap:before {left:-1px;}
.new_search_wrap:after {right:-1px;}

.new_search_wrap:focus-within {border:1px solid #fff;}
.new_search_wrap:focus-within:before, .new_search_wrap:focus-within:after {background:url('/images/common/account/dot_r.jpg') 0 0 no-repeat, url('/images/common/account/dot_r.jpg') 0 bottom no-repeat;}

.new_search_wrap .search_area {position:relative; padding-right:4.8rem; padding-left:2rem; height:40px;}
.new_search_wrap .search_area input[type=text] {background:none; border:none; font-size:14px; color:#fff; width:100%; height:100%;}
.new_search_wrap .search_area input[type=text]::placeholder {color:#87cfff;}
.new_search_wrap .search_area input[type=text]:focus::placeholder {color:#fff;}
.new_search_wrap .search_area button {cursor: pointer; position:absolute; top:50%; right:1.1rem; transform:translate(0 , -50%); width:21px; height:22px; background-image:url('/images/common/icon_search.png'); background-position: 0 0; background-repeat: no-repeat;     background-color: rgba(255, 255, 255, 0); font-size:0;}
.new_search_wrap .search_area button:hover {background-position:0 -22px;}

.btn_read {display:block; margin:0 auto; box-shadow:0 3px 5px rgba(0, 0, 0, 0.7); background:rgba(0, 0, 0, 0.7); letter-spacing:0.02rem; color:#ff2c2c; height:60px; border:1px solid #ff0000; position:relative; line-height:60px; text-align:center; border-radius:5px;  width:300px; font-size:15px; font-weight:700; text-transform:uppercase;}
.btn_read:before, .btn_read:after {transition:all ease-in-out 0.2s;  content:''; display:block; width:4px; height:10px; position:absolute; background:#e4140c;}
.btn_read:before {top:0; right:10px; }
.btn_read:after {bottom:0; left :10px; }
.btn_read:hover { background:rgba(73, 9, 9, 0.7); color:#fff;}
.btn_read:hover:before, .btn_read:hover:after {transition:all ease-in-out 0.2s; background:#ff0000; height:15px;}

.btn_line_r { box-shadow:0 3px 5px rgba(0, 0, 0, 0.7); background:rgba(0, 0, 0, 0.7); letter-spacing:0.02rem; color:#ff2c2c; border:1px solid #ff0000; position:relative;  text-align:center; border-radius:5px;  font-size:15px; font-weight:700; text-transform:uppercase;}
.btn_line_r:before, .btn_line_r:after {transition:all ease-in-out 0.2s; content:''; display:block; width:4px; height:10px; position:absolute; background:#e4140c;}
.btn_line_r:before {top:0; right:10px; }
.btn_line_r:after {bottom:0; left :10px; }
.btn_line_r:hover { background:rgba(73, 9, 9, 0.7); color:#fff;}
.btn_line_r:hover:before, .btn_line_r:hover:after {transition:all ease-in-out 0.2s; background:#ff0000; height:15px;}

.btn_line_b {box-shadow:0 3px 5px rgba(0, 0, 0, 0.7); background:rgba(0, 0, 0, 0.7); letter-spacing:0.02rem; color:#709fff;  border:1px solid #689aff; position:relative;  text-align:center; border-radius:5px;  font-size:15px; font-weight:700; text-transform:uppercase;}
.btn_line_b:before, .btn_line_b:after {transition:all ease-in-out 0.2s; content:''; display:block; width:4px; height:10px; position:absolute; background:#365794;}
.btn_line_b:before {top:0; right:10px; }
.btn_line_b:after {bottom:0; left :10px; }
.btn_line_b:hover {background:rgba(17, 47, 99, 0.7); color:#fff;}
.btn_line_b:hover:before, .btn_line_b:hover:after {transition:all ease-in-out 0.2s; background:#5986df; height:15px;}

.btn_line_b02 {box-shadow:0 3px 5px rgba(0, 0, 0, 0.7); background:rgba(104, 154, 255, 0.7); letter-spacing:0.02rem; color:#fff;  border:1px solid #689aff; position:relative;  text-align:center; border-radius:5px;  font-size:15px; font-weight:700; text-transform:uppercase;}
.btn_line_b02:before, .btn_line_b02:after {transition:all ease-in-out 0.2s; content:''; display:block; width:4px; height:10px; position:absolute; background:#fff;}
.btn_line_b02:before {top:0; right:10px; }
.btn_line_b02:after {bottom:0; left :10px; }
.btn_line_b02:hover { background:rgba(104, 154, 255, 0.8); color:#fff;  }
.btn_line_b02:hover:before, .btn_line_b02:hover:after {transition:all ease-in-out 0.2s; height:15px;}

.btn_line_r02 { box-shadow:0 3px 5px rgba(0, 0, 0, 0.7); background:rgba(255, 0, 0, 0.6);; letter-spacing:0.02rem; color:#fff; border:1px solid #ff0000; position:relative;  text-align:center; border-radius:5px;  font-size:15px; font-weight:700; text-transform:uppercase;}
.btn_line_r02:before, .btn_line_r02:after {transition:all ease-in-out 0.2s; content:''; display:block; width:4px; height:10px; position:absolute; background:#fff;}
.btn_line_r02:before {top:0; right:10px; }
.btn_line_r02:after {bottom:0; left :10px; }
.btn_line_r02:hover { background:rgba(255, 0, 0, 0.8); color:#fff;}
.btn_line_r02:hover:before, .btn_line_r02:hover:after {transition:all ease-in-out 0.2s; background:#fff;  height:15px;}

.btn_line_y {box-shadow:0 3px 5px rgba(0, 0, 0, 0.7); background:rgba(255, 221, 0, 0.6); letter-spacing:0.02rem; color:#fff;  border:1px solid #ffdd00; position:relative;  text-align:center; border-radius:5px;  font-size:15px; font-weight:700; text-transform:uppercase;}
.btn_line_y:before, .btn_line_y:after {transition:all ease-in-out 0.2s; content:''; display:block; width:4px; height:10px; position:absolute; background:#fff;}
.btn_line_y:before {top:0; right:10px; }
.btn_line_y:after {bottom:0; left :10px; }
.btn_line_y:hover {background:rgba(255, 221, 0, 0.8); }
.btn_line_y:hover:before, .btn_line_y:hover:after {transition:all ease-in-out 0.2s; height:15px; background:#fff;}

.red_dot li {color:#fff; font-size:14px; position:relative; padding-left:1.4rem; text-align:left; margin-bottom:1.5rem; word-break:keep-all;}
.red_dot li:last-child {margin-bottom:0;}
.red_dot li font {color:#fffc00;}
.red_dot li:before {content:''; display:block; position:absolute; width:5px; height:5px; left:0; top:5px; background:#ff0000;}

.nodata_n {color:#fff; font-size:16px; padding:22.5rem 2.5rem;  font-weight:700; text-transform:uppercase; background:rgba(255, 255, 255, 0.2); text-align:center;}
.nodata_n font {color:#ffea00;}
.nodata_n span {display:block; margin:3.6rem auto 0;}

.top_info {background:url('/images/common/sub/bg_notice_top.png') 0 0 repeat; font-size:14px; color:#fff; margin-bottom:5rem; line-height:1.5; text-align:center;}
.top_info font {color:#ffdd00;}
.top_info img {display:block; margin:0 auto 1.5rem;}
.top_info .inner {position:relative; padding-top:5.6rem; padding-bottom:5.6rem;}
.top_info .inner:before, .top_info .inner:after {content:''; display:block; width:18px; height:18px; position:absolute;} 
.top_info .inner:before {background:url('/images/common/icon_lt.png') 0 0 no-repeat; left:2.5rem; top:0;}
.top_info .inner:after {background:url('/images/common/icon_rb.png') 0 0 no-repeat; right:2.5rem; bottom:0;}

/************ client_view ****************/
.client_veiw .nw_wrap .nw_view .nw_v_tit {max-width:1250px; padding-left:2.5rem; padding-right:2.5rem; margin:0 auto 2rem; background:none;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .inner {padding:0;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .tit {position:relative; padding:2.6rem 2.1rem 2.6rem 12rem; text-align:left; font-size:24px; background:rgba(0, 0, 0, 0.2); border:1px solid rgba(255, 255, 255, 0.3); margin-bottom:2rem;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .date {position:static; transform:none; text-align:right; font-size:16px; color:#fff; font-family:'Roboto';}
.client_veiw .nw_wrap .nw_view .nw_v_tit .label {top:24%; margin:0; z-index: 1;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .tit:before, .client_veiw .nw_wrap .nw_view .nw_v_tit .tit:after {content:''; display:block; width:1.8rem; height:1.8rem; position:absolute;} 
.client_veiw .nw_wrap .nw_view .nw_v_tit .tit:before {background:url('/images/common/icon_lt.png') 0 0 no-repeat; left:-1px; top:-1px;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .tit:after {background:url('/images/common/icon_rb.png') 0 0 no-repeat; right:-1px; bottom:-1px;}
.client_veiw .pb_sub .pb_news {padding:2rem 0;}
.client_veiw + .go_top {padding-top:1.4rem; width:6rem; height:6rem; border-radius:50%; bottom:2rem; right:2rem; font-size:16px; color:#000000; font-weight:700; border-radius:50%; background:#ffdd00;}
.client_veiw + .go_top:before {background:url('/images/common/icon_go_top02.png') 0 0 no-repeat; width:1.8rem; height:1rem; background-size:100% auto;}

/* notification */
.notificaton {font-family:'Roboto';}
.notificaton .tab_area {margin-bottom:3rem; position:relative;}
.notificaton .tab_area .state {border-bottom:1px solid rgba(255, 255, 255, 0.3); padding-bottom:2rem; position:relative;}
.notificaton .tab_area .state:after {content:''; display:block; position:absolute; bottom:-1px; right:0; width:1.2rem; height:1px; background:#ff0000;}
.notificaton .tab_area ul {font-size:0;}
.notificaton .tab_area li {display:inline-block; vertical-align:top; margin-right:1rem;}
.notificaton .tab_area li:last-child {margin-right:0;}
.notificaton .tab_area li a {cursor:pointer; padding-left:3rem; letter-spacing:0.04em; font-size:14px; color:#88ccff; font-weight:700; text-transform:uppercase; width:200px; height:50px; line-height:50px; background:rgba(34, 68, 119, 0.8); border:1px solid #88ccff; border-radius:0.6rem; position:relative;}
.notificaton .tab_area li a:before {content:''; display:block; position:absolute; right:1.8rem; transform:translate(0 , -50%); top:50%; border-radius:50%; width:20px; height:20px; background-position:0 0; background-repeat:no-repeat; background:url('/images/common/account/icon_tab_arr.png');}
.notificaton .tab_area li.on a {background:rgba(0, 0, 0, 0.8); border-color:#ff0000;  color:#ff0000;}
.notificaton .tab_area li.on a:before {background-position:0 -40px;}
.notificaton .tab_area li.on a:after {left:0; bottom:-2.2rem; content:''; display:block; position:absolute; width:100%; border-radius:0.2rem; background:#ff0000; height:0.4rem;}
.notificaton .tab_area li a:hover {background:#000000; color:#88ccff; border-color:#88ccff;}
.notificaton .tab_area li a:hover:before {background-position:0 -20px;}
.notificaton .tab_area .btn_all_read {background:rgba(255, 255, 255, 0.1); border:1px solid rgba(255, 255, 255, 0.5); border-radius:0.6rem; position:absolute; top:0; right:0; min-width:13.2rem; height:50px; line-height:50px; text-align:center; text-transform:uppercase; font-size:14px; color:#fff; font-weight:700; letter-spacing:0.04em;}
.notificaton .tab_area .btn_all_read:hover {background:rgba(255, 255, 255, 0.2);}
.notificaton .list.unread {display:none;}
.notificaton .list li {margin-bottom:1rem;}
.notificaton .list li:last-child {margin-bottom:0;}
.notificaton .list .con {-webkit-backdrop-filter: blur(2rem);  backdrop-filter: blur(2rem);}
.notificaton .list .noti_box {cursor:pointer; transition: all 0.2s; padding:1.5rem 15rem 1.5rem 2rem; background:rgba(17, 42, 68, 0.5);  border:1px solid rgba(136, 204, 255, 0.5); position:relative; font-size:0;}
.notificaton .list .noti_box:before {content :''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:url('/images/common/account/dot_r.jpg') 0 0 no-repeat , url('/images/common/account/dot_r.jpg') right 0 no-repeat, url('/images/common/account/dot_r.jpg') 0 bottom no-repeat, url('/images/common/account/dot_r.jpg') right bottom no-repeat;}
.notificaton .list .noti_box:after {content:''; display:block; height:3.2rem; width:1px; background:rgba(136, 204, 255, 0.5); left:9.6rem; top:50%; margin-top:-1.6rem; position:absolute;}
.notificaton .list .noti_box .sort { background:rgba(0, 0, 0, 0.2); text-align:center; display:inline-block; margin-right:2.8rem; vertical-align:middle; width:64px; height:32px; line-height:32px; border-radius:0.6rem; font-size:11px;  text-transform:uppercase; position: relative;}
.notificaton .list .noti_box .sort:before, .notificaton .list .noti_box .sort:after {content:''; display:block; top:0.36rem; bottom:0.36rem; width:1px; background: linear-gradient(to bottom, #ffcc00 , #ff6600); position:absolute; z-index:1;}
.notificaton .list .noti_box .sort:before {left:0;}
.notificaton .list .noti_box .sort:after {right:0;}
.notificaton .list .noti_box .text {display:inline-block; vertical-align:middle; max-width:calc(100% - 64px - 2.8rem);}
.notificaton .list .noti_box .text .time {word-break: break-word; color:#88ccff; font-size:11px; font-weight:500; text-transform:uppercase;}
.notificaton .list .noti_box .text .time span {font-weight:500; border-radius:4px; background:#88ccff; margin-right:0.3rem; color:#000000; padding:0 0.6rem; height:12px; line-height:13px; display:inline-block; }
.notificaton .list .noti_box .text .time.unread {color:#ffff00;}
.notificaton .list .noti_box .text .time.unread span {color:#000000; background:#ffff00;}
.notificaton .list .noti_box .text .txt { word-break: break-word; margin-top:0.6rem; font-size:14px; color:#ffffff; position:relative;}
.notificaton .list .in_link .noti_box .text .txt:after {margin-left:0.8rem; vertical-align:middle; position:relative; top:-1px; content:''; display:inline-block; width:14px; height:14px; background:url('/images/common/account/icon_link_.png') 0 0 no-repeat;}
.notificaton .list .noti_box .btn_open {cursor:pointer; position:absolute; top:0; right:0; bottom:0; width:7rem; border-left:1px solid rgba(136, 204, 255, 0.5); background:rgba(136, 204, 255, 0.1); font-size:0; color:transparent;}
.notificaton .list .noti_box .btn_open:before {transition: all 0.2s; content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); width:2rem; height:1.2rem; background:url('/images/common/account/icon_arr_bl.png') 0 0 no-repeat;}
.notificaton .list .noti_box .btn_close {right:9rem; top:50%; margin-top:-2rem; border-radius:0.6rem; cursor:pointer; position:absolute;  width:4rem; height:4rem; background:rgba(136, 204, 255, 0.2); font-size:0; color:transparent;}
.notificaton .list .noti_box .btn_close:before {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); width:1.6rem; height:1.6rem; background:url('/images/common/account/icon_close_bl.png') 0 0 no-repeat;}
.notificaton .list .noti_box .btn_close:hover {background:#88ccff;}
.notificaton .list .noti_box .btn_close:hover:before {background-position:0 -16px;}
.notificaton .list .add_box {display:none; font-size:14px; color:#fff; background:#000000; border:1px solid #88ccff; border-top:0; padding:2.7rem 2.5rem 2.7rem 6.5rem; word-break:break-word; position:relative;}
.notificaton .list .add_box:before {content:''; display:block; position:absolute; top:2.5rem; left:2.9rem; width:1.6rem; height:1.6rem; background:url('/images/common/account/icon_add.png') 0 0 no-repeat;}
.notificaton .list .add_box a {color:#88ccff; text-decoration:underline;}

.notificaton .list .noti_box .sort.ticket {box-shadow: inset 0 -1px 0 0px #ff6600, inset 0 0 0 1px #ffcc00;  color:#ffcc44; }
.notificaton .list .noti_box .sort.ticket:before, .notificaton .list .noti_box .sort.ticket:after {content:''; display:block; top:0.36rem; bottom:0.36rem; width:1px; background: linear-gradient(to bottom, #ffcc00 , #ff6600); position:absolute; z-index:1;}

.notificaton .list .noti_box .sort.system {box-shadow: inset 0 -1px 0 0px #ff4444, inset 0 0 0 1px #ff77ff;  color:#ff77ff; }
.notificaton .list .noti_box .sort.system:before, .notificaton .list .noti_box .sort.system:after {content:''; display:block; top:0.36rem; bottom:0.36rem; width:1px; background: linear-gradient(to bottom, #ff77ff , #ff4444); position:absolute; z-index:1;}

.notificaton .list .noti_box .sort.coupon {box-shadow: inset 0 -1px 0 0px #44ccff, inset 0 0 0 1px #66ff88;  color:#66ff88; }
.notificaton .list .noti_box .sort.coupon:before, .notificaton .list .noti_box .sort.coupon:after {content:''; display:block; top:0.36rem; bottom:0.36rem; width:1px; background: linear-gradient(to bottom, #66ff88 , #44ccff); position:absolute; z-index:1;}

.notificaton .list .noti_box .sort.esports {box-shadow: inset 0 -1px 0 0px #0088ff, inset 0 0 0 1px #00ddff;  color:#00ddff; }
.notificaton .list .noti_box .sort.esports:before, .notificaton .list .noti_box .sort.esports:after {content:''; display:block; top:0.36rem; bottom:0.36rem; width:1px; background: linear-gradient(to bottom, #00ddff , #0088ff); position:absolute; z-index:1;}

.notificaton .list .noti_box.open {background:#111c2a; border-color:#88ccff;}
.notificaton .list .noti_box.open .btn_open {background:rgba(136, 204, 255, 0.1);}
.notificaton .list .noti_box.open .btn_open:before {transform:translate(-50% , -50%) scaleY(-1);}
.notificaton .list .noti_box.open .text .txt {color:#88ccff;}

.notificaton .list .noti_box:hover {background:#000000;}
.notificaton .list .noti_box:hover .btn_open {background:none;}
.notificaton .list .noti_box:hover .btn_open:before {transform:translate(-50% , -50%) scaleY(-1);}
.notificaton .list .noti_box:hover .text .txt {color:#88ccff;}



@media screen and (min-width: 2401px) {
.pb_sub > div {background-size:cover;}	
}

@media screen and (min-width: 1921px) {
.profile_wrap .info_user2 .dot, .profile_wrap .info_user3 .eff, .profile_wrap .info_user4 .line, .profile_wrap .info_user6 .light  {width:100%;}
.profile_wrap .info_user6 .light {top:50% !important; transform:translate(-50%, -50%) !important;}
.profile_wrap .info_user5 .flag {width:100%;}
.pb_sub .pb_noti {background-size:100% auto;}
}

@media screen and (max-width: 1800px) {
/* game */	
.g_intro .g_intro_half .con {padding:0 2.5rem; word-break:keep-all;}	
.g_intro .g_intro_half .con .dstc {vertical-align:middle;}
.g_intro .g_intro_half .con br {display:none;}
.g_intro .list {display:flex;}
}

@media screen and (max-width: 1600px) {
.profile_wrap .info_ratio .weapon .title {width: 132px; padding: 0 36px;}
.profile_wrap .info_ratio .weapon .list {width: calc(100% - 132px);}
}

@media screen and (max-width: 1480px) {
/* game */	
.g_app .list {margin-left:-2.5rem;}	
.g_app .list li {padding-left:2.5rem;}	

/* news */
.nw_wrap .btn_nw_l {left:0; background-image: url(/images/common/arr_b_r.png);}
.nw_wrap .btn_nw_r {right:0; background-image: url(/images/common/arr_b_l.png);}
.nw_wrap .btn_nw_arr {width:8rem; height:8rem;  background-color:rgba(0, 0, 0, 0.5); background-position: center center;}
.nw_wrap .btn_nw_arr:hover, .nw_wrap .btn_nw_arr.slick-hidden:hover { background-position: center center;}
.nw_wrap .nw_view .nw_v_tit .date {right:2.5rem;}
.nw_wrap .nw_view .nw_v_tit .label {left:2.5rem;}


}	

@media screen and (max-width: 1280px) {
.pb_sub > div {padding-top:9.6rem;}	
	
/* game */
.g_intro .g_intro_half {padding-right:0;}	
.g_intro .g_intro_half:nth-child(2n-1) {padding-left:0;}
.g_intro .g_intro_half .con {position:relative; width:auto; padding:4rem 2.5rem;}
.g_intro .g_intro_half:nth-child(2n-1) .con {text-align:left;}
.g_intro .g_intro_half:nth-child(2n-1) .dst {width:100%;}
.g_intro .con:before {display:none; }
.g_intro .g_intro01:before, .g_intro .g_intro01:after {display:none;}
.g_intro .g_intro06 .inner:before, .g_intro .g_intro06 .inner:after {display:none;}
.g_intro .g_intro_half .con br {display:block;}
.g_app .list li {width:50%;}
.g_app .g_app_top {margin-bottom:4rem;}
.g_app .g_app_top > div {display:block; text-align:center;}
.g_app .g_app_top .img {margin:4rem 0 0;}
.g_app .g_app_top .left, .g_app .g_app_top .right {margin:0; text-align:center; word-break:keep-all;}
.g_app .g_app_top .right br {display:none;}
.g_app .g_app_top .left .tit {display:none;}
.g_act .g_act_con {max-width:none; margin:0 2.5rem; padding:5rem;}
.g_init .step04 .init_con .box_init {text-align:center; }
.g_init .step04 .init_con .box_init .desc {display:block; text-align:left; width:auto; margin-top:3rem; padding:0;}
.pb_sub .pb_sub_con .guide_wrap .inner {padding-left:2.5rem; padding-right:2.5rem;}

/* ranking */
.nrank_wrap .nrank_top {margin:0 2.5rem 5rem;}
.nrank_wrap .nrank_top .inner:before {left:0;}
.nrank_wrap .nrank_top .inner:after {right:0;}
.nrank_wrap .nrk_b .new_search_wrap {position:relative; bottom:auto; right:auto; max-width:400px; width:auto; margin:5rem auto 0;}
.nsb_depth2.wide {padding-left:2.5rem; padding-right:2.5rem;}
.nrank_wrap .nrank_top.my_rank .inner:before {left:2.5rem;}
.nrank_wrap .nrank_top.my_rank .inner:after {right:2.5rem;}

/* profile */
.profile_wrap .info_user .attend {width: 48px; height: 48px; padding: 0; font-size: 0; border-radius: 9px; top: 36px; transform: none;}
.profile_wrap .info_user .attend span {display: none;}
.profile_wrap .info_user .attend img {margin-left: -14px; left: 50%;}
.profile_wrap .info_user .attend:before, .profile_wrap .info_user .attend:after {display: none;}

.profile_wrap .info_ratio .battle .match > div {width: calc((100% - 48px) / 2);}
.profile_wrap .info_ratio .weapon .title {width: 108px; font-size: 1.45rem; line-height: 2rem;}
.profile_wrap .info_ratio .weapon .list {width: calc(100% - 108px);}
.profile_wrap .info_ratio .weapon .list li {padding-left: 1.8rem; padding-right: 1.8rem;}
.profile_wrap .info_ratio .weapon .list li h4 {font-size: 1.45rem;}
.profile_wrap .info_ratio .weapon .list .graph {max-width: 108px;}
.profile_wrap .info_ratio .weapon .list .value {margin-top: 6px;}
.profile_wrap .members .inner > div {width: calc((100% - 48px) / 2);}

.profile_wrap .info_user1 .bullet01 {top:80px; right:8%; animation-delay:0.3s;}
.profile_wrap .info_user1 .bullet02 {top:120px; right:3%; animation-delay:0.4s;}
.profile_wrap .info_user1 .bullet03 {top:250px; right:14%; animation-delay:0.5s;}
.profile_wrap .info_user .my_level {width: 48px; height: 48px; border-radius: 9px; top: 36px; transform: translate(0, 0);}

/* elua */
.elua_wrap {padding-right:2.5rem; padding-left:2.5rem;}
.elua_wrap .elua_box {padding:5rem 2.5rem;}

/* voucher */
.resel_area .epin_list > li {width:25%;}

/* error */
.error_wrap .motion {padding-left:0; padding-right:0; display:block;}



}
	
@media screen and (min-width: 1024px) {
.pb_sub .pb_top .sub_depth2 ul {display:block !important;}
.nsb_depth2 ul {display:flex !important;}
.g_act .tip01 {display:block; top:-106px !important; left:78px !important;}
.g_init .g_init_tab ul {display:block !important;}
}

@media screen and (max-width: 1023px) {
.pb_sub > div {padding-top:96px;}	
.pb_sub .pb_top .sub_depth2 {text-align:center; font-size:0; margin:2rem auto 0; position:relative; max-width:306px;}	
.pb_sub .pb_top .sub_depth2 .sub_depth2_tab {position:relative; width:100%;; height:46px; line-height:46px; padding-left:2.4rem; text-transform:uppercase; display:inline-block; font-size:14px; color:#fff; text-align:left; border:1px solid rgba(255, 0, 0, 0.4); background:rgba(0, 0, 0, 0.4);}	
.pb_sub .pb_top .sub_depth2 .sub_depth2_tab:before, .pb_sub .pb_top .sub_depth2 .sub_depth2_tab:after {content:''; display:block; position:absolute;}
.pb_sub .pb_top .sub_depth2 .sub_depth2_tab:before {top:0; bottom:0; left:0; right:0; background:url('/images/common/icon_lt.png') 0 0 no-repeat, url('/images/common/icon_rb.png') right bottom no-repeat;}
.pb_sub .pb_top .sub_depth2 .sub_depth2_tab:after {width:46px; top:-1px; bottom:-1px; right:0; border:1px solid rgba(255, 0, 0, 0.4); background:url('/images/common/sub/sub_depth2_arr.png') center center no-repeat;}
.pb_sub .pb_top .sub_depth2 ul {display:none; position:absolute; left:0; right:0; background:rgba(0, 0, 0, 0.9); padding:1.5rem 0; z-index:1;}
.pb_sub .pb_top .sub_depth2 li {padding:0; display:block; padding:1.5rem 2.4rem; text-align:left;}
.pb_sub .pb_top .sub_depth2 li:before {display:none;}

/* game */
.g_act .g_act_top {margin:0 2.5rem 5rem; border:1px solid #689aff;}
.g_act .g_act_top .inner {background:none;}
.g_act .g_act_top .tit span {display:block; margin-right:0; margin-bottom:4px;}
.g_act .g_act_top .tit span:before {display:none;}
.g_act .g_act_top .tit span font {font-size:34px;}
.g_act .tip00 {top:50%; left:50%; transform:translate(-50% , -50%); position:fixed;}
.g_act:before {content:''; display:block; position:absolute; width:24px; height:31px; background:url('/images/common/arr_b_l.png') 0 0 no-repeat; background-size:24px auto; left:auto; top:64%; right:1.2rem; z-index:1; transform:translate(0 , -50%);}
.g_act .g_act_con:before, .g_act .g_act_con:after {display:none;}
.g_start .g_start_list {margin-left:0;}
.g_start .g_start_list > li {display:block; width:100%; padding:0;}
.g_start .g_start_list .con .box {height:auto !important;}
.g_start .g_start_list .con .thum {text-align:center;}
.guide_wrap .pop-up .pop-layout .pop-con {padding-top:2px;}

.g_down .clr > div {float:none; width:100%;}
.g_down .g_client {margin-bottom:4rem;}
.g_down .g_client .box {height:auto !important;}
.g_init .g_init_tab {border:none; margin-bottom:3rem;}
.g_init .g_init_tab.fix {position:static;}
.g_init .g_init_tab .gi_tab:before, .g_init .g_init_tab .gi_tab:after {content:''; display:block; position:absolute;}
.g_init .g_init_tab .gi_tab:before {top:0; bottom:0; left:0; right:0; background:url('/images/common/icon_lt.png') 0 0 no-repeat, url('/images/common/icon_rb.png') right bottom no-repeat;}
.g_init .g_init_tab .gi_tab:after {width:46px; top:-1px; bottom:-1px; right:0; border:1px solid rgba(255, 0, 0, 0.4); background:url('/images/common/sub/sub_depth2_arr.png') center center no-repeat;}

.g_init .g_init_tab .gi_tab {display:block; position:relative; width:100%;; height:46px; line-height:46px; padding-left:2.4rem; text-transform:uppercase; font-size:16px; color:#fff; text-align:left; border:1px solid rgba(255, 0, 0, 0.4); background:rgba(0, 0, 0, 0.4); }
.g_init .g_init_tab a {font-weight:400;}
.g_init .g_init_tab ul {display:none; position:absolute; left:2.5rem; right:2.5rem; background:rgba(0, 0, 0, 0.9); padding:1.5rem 0; z-index:11;}
.g_init .g_init_tab ul li.active a:before, .g_init .g_init_tab ul li:hover a:before {display:none;}
.g_init .g_init_tab ul li.active a:before, .g_init .g_init_tab ul li.active a:after, .g_init .g_init_tab ul li:hover a:before, .g_init .g_init_tab ul li:hover a:after {display:none;}
.g_init .g_init_tab ul li {padding:0; display:block; padding:1.5rem 2.4rem; text-align:left; width:100%;}
.g_init .g_init_tab ul li:before {display:none;}
.g_init .g_init_tab ul li a {border:none; height:auto; line-height:normal; text-align:left; color:#fff; font-weight:400;}
.g_init .g_init_tab ul li.active a, .g_init .g_init_tab ul li:hover a {border:none; font-size:16px; color:#ffdd00; background:none; }
.g_init .step {margin-top:0; margin-bottom:3rem; padding-left:0; }
.g_init .step .init_tit {background: rgba(135, 207, 255, 1) url(/images/common/game/bg_ptn_down.png) 0 0 repeat; position:static; font-size:16px; width:100%;  font-weight:700; text-transform:uppercase; color:#1c3c5e; padding:0.8rem 2.4rem;}
.g_init .step .init_tit i {vertical-align:middle; margin-right:2rem; background-position:0 -34px;}
.g_init .step03 .init_tit i {background-position:0 -33px;}


.guide_wrap .list > li {width:50%;}

/* news */
.nw_wrap .nw_all .nsb_depth2:before, .nw_wrap .nw_all .nsb_depth2:after {display:none;}
.nsb_depth2 .nw_tab {display:block; }	
.nsb_depth2 .nw_tab:before, .nsb_depth2 .nw_tab:after {content:''; display:block; position:absolute;}
.nsb_depth2 .nw_tab:before {top:0; bottom:0; left:0; right:0; background:url('/images/common/icon_lt.png') 0 0 no-repeat, url('/images/common/icon_rb.png') right bottom no-repeat;}
.nsb_depth2 .nw_tab:after {width:46px; top:-1px; bottom:-1px; right:0; border:1px solid rgba(255, 0, 0, 0.4); background:url('/images/common/sub/sub_depth2_arr.png') center center no-repeat;}
.nsb_depth2 a {font-weight:400;}
.nsb_depth2 ul {display:none; position:absolute; left:0; right:0; background:rgba(0, 0, 0, 0.9); padding:1.5rem 0; z-index:11;}
.nrank_wrap .rk_depth2 ul {display:none; position:absolute; left:0; right:0; background:rgba(0, 0, 0, 0.9); padding:1.5rem 0; z-index:11; left:2.5rem; right:2.5rem;}
.nsb_depth2 ul li {padding:0; display:block; padding:1.5rem 2.4rem; text-align:left; width:100%;}
.nsb_depth2 ul li:before {display:none;}
.nsb_depth2 ul li a {border:none; height:auto; line-height:normal; text-align:left; color:#fff;}
.nsb_depth2 ul li.on a, .nsb_depth2 ul li a:hover {border:none !important; font-size:16px; color:#ffdd00; background:none;}
.nw_wrap .list li {width:100%;}
.nw_wrap .nw_view .nw_v_tit  {padding:3rem 0;}
.nw_wrap .nw_view .nw_v_tit .label, .nw_wrap .nw_view .nw_v_tit .date {position:static; transform:none;}
.nw_wrap .nw_view .nw_v_tit .tit {padding:0; margin:2rem 0;}
.nw_wrap .nw_view .nw_paging {background:none; border:none;}
.nw_wrap .nw_view .nw_paging ul li {padding:0;}
.nw_wrap .nw_view .nw_paging ul li a {width:5rem; height:5rem; padding:0; max-width:none; font-size:0;  background: rgba(135, 207, 255, 0.1);  border-top: 1px solid #87cfff; border-bottom: 1px solid #87cfff;}
.nw_wrap .nw_view .nw_paging ul li a:before {transform:translate(-50% , -50%); left:50%; right:auto;}
.nw_wrap .nw_view .nw_paging ul li.left a:before {left:50%;}

.nw_wrap .list .con {font-size:0; height:22.4rem;}
.nw_wrap .list .thum_img {width:22.4rem; display:inline-block; vertical-align:top; height:100%;}
.nw_wrap .list .desc {position:relative; bottom:auto; right:auto; left:auto; width:calc(100% - 22.4rem); display:inline-block; vertical-align:top;  height:100%;}
.nw_wrap .list .desc .label {position:static; transform:none;}
.nw_wrap .list .desc .tit {margin:1.5rem 0; height:auto; max-height:34px;}
.nw_wrap .list .con:hover .desc {height:100%;} 
.nw_wrap .list .con:before, .nw_wrap .list .con:after, .nw_wrap .list .desc:before, .nw_wrap .list .thum_img:before {display:none;}
.nw_wrap .btn_nw_arr {display:inline-block;}
.nw_wrap .list .con:hover .desc .label {margin:0;}



/* ranking */
.nrank_wrap .rk_depth2:before, .nrank_wrap .rk_depth2:after {display:none;}
.nsb_depth2.wide:before, .nsb_depth2.wide:after {display:none;}
.nrank_wrap .nrank_table02 .r_tr img.bg, .nrank_wrap .nrank_table02 .r_tr img.logo {left:0;}

/* media */
.nmedia_wrap .nm_list > li {width:50%;}

/* faq */
.nfaq_wrap .fq_depth2:before, .nfaq_wrap .fq_depth2:after {display:none;}
.nfaq_wrap .fq_depth2 ul {left:2.5rem; right:2.5rem;}
.nsb_depth2 a .num {position:relative; top:-2px; margin-left:1rem;}
.nfaq_wrap .nfaq_top {margin:0 2.5rem 3rem;}
.nfaq_wrap .nfaq_top .inner:before {left:0;}
.nfaq_wrap .nfaq_top .inner:after {right:0;}
.nfaq_wrap .nfaq_top .info .go_ticket {top:0; margin-left:0;}
.nfaq_wrap .nfaq_top .info > div {display:block; margin:0 auto 5px;}

/* profile */
.profile_wrap .inner {padding: 96px 24px;}
.profile_wrap .info_user .inner {padding-bottom: 120px;}
.profile_wrap .info_user .rank {width: calc(100% - 48px); left: 24px;}
.profile_wrap .info_ratio .battle .title p {margin-bottom: 49px;}
.profile_wrap .info_ratio .battle .match .stat {padding-left: 48px; padding-right: 48px;}
.profile_wrap .info_ratio .battle .match .stat li h4, .profile_wrap .info_ratio .battle .match .stat li p {height: 48px;}
.profile_wrap .info_ratio .battle .match .stat li p {font-size: 1.8rem;}
.profile_wrap .info_ratio .battle .match .ratio .graph li .progress {height: 140px;}
.profile_wrap .info_ratio .battle .match .ratio .graph li h5 {top: 152px;}
.profile_wrap .info_ratio .battle .skill .stat li {padding-top: 114px; background-size: 120px;}
.profile_wrap .info_ratio .battle .skill .ratio {margin-top: 31px; padding: 0 96px;}
.profile_wrap .info_ratio .weapon .list ul li > h4 {font-size: 1.45rem; line-height: 7rem;}
.profile_wrap .info_ratio .weapon .list ul li .ratio {font-size: 2.8rem;}
.profile_wrap .members .title {height: 70px; background-size: 96px;}
.profile_wrap .members .title .tit {width: calc((100% - 140px) / 2);}
.profile_wrap .members .list {max-height: 472px;}
.profile_wrap .members .clan .title {background-size: 96px;}
.profile_wrap .members .clan .title .tit {width: calc((100% - 104px) / 2);}

/* rank */
.nrank_wrap .r_tr {height:auto; background:none !important; margin-bottom:3rem;}
.nrank_wrap .r_tr .rank {border-top:1px solid rgba(136, 136, 136, 0.4);}
.nrank_wrap .r_tr .ml {float:none; width:100%; height:48px;   position:relative;  background: rgba(136, 136, 136, 0.1);}
.nrank_wrap .r_tr .ml:before, .nrank_wrap .r_tr .ml:after {content:''; display:block; width:4px; height:2px; top:-2px; position:absolute; background:#999999;}
.nrank_wrap .r_tr .ml:before {left:0;}
.nrank_wrap .r_tr .ml:after {right:0;}
.nrank_wrap .r_tr .name {/* padding-left:0; */ width:calc(100% - 100px); border:none; padding-top:2.4rem;}
.nrank_wrap .r_tr .win {border:none; background-color: rgba(255,255,255,0.1); }
.nrank_wrap .r_tr.no01 .ml {background: rgba(255, 255, 0, 0.1);}
.nrank_wrap .r_tr.no02 .ml, .nrank_wrap .r_tr.no03 .ml {background: rgba(0, 255, 204, 0.1);}
.nrank_wrap .r_tr .rank .txt {padding-right:25px; position:relative;}
.nrank_wrap .r_tr .rank img {margin-right:0; position:absolute; top:50%; right:0; transform:translate(0 , -50%);}
.nrank_wrap .r_tr.no01 .ml:before, .nrank_wrap .r_tr.no01 .ml:after {background:#ffff00;}
.nrank_wrap .r_tr.no02 .ml:before, .nrank_wrap .r_tr.no02 .ml:after, .nrank_wrap .r_tr.no03 .ml:before, .nrank_wrap .r_tr.no03 .ml:after {background:#00ffcc;}
.nrank_wrap .r_tr:before, .nrank_wrap .r_tr:after {bottom:auto; width:auto; height:12px; content: ''; position: absolute; display: none; left:-7px; right:-7px; }
.nrank_wrap .r_tr:before {top: -7px;}
.nrank_wrap .r_tr:after {bottom: -7px;}
.nrank_wrap .r_tr.no01:before, .nrank_wrap .r_tr.no01:after {display: block; background: url(/images/common/clan/bg_plus01.png) 0 0 no-repeat,  url(/images/common/clan/bg_plus01.png) right 0 no-repeat;}
.nrank_wrap .r_tr.no02:before, .nrank_wrap .r_tr.no02:after, .nrank_wrap .r_tr.no03:before, .nrank_wrap .r_tr.no03:after {display: block; background: url(/images/common/clan/bg_plus02.png) 0 0 no-repeat, url(/images/common/clan/bg_plus02.png) right 0 no-repeat;}
.nrank_wrap .nk_my .r_tr .ml:before, .nrank_wrap .nk_my .r_tr .ml:after {background:rgba(135, 207, 255, 0.5);}
.nrank_wrap .nrank_table02 .r_tr .ml {width:100%; border-right: 0;}
.nrank_wrap .nrank_table02 .r_tr .exp {border-bottom:1px solid rgba(255, 221, 0, 0.2);}
.nrank_wrap .nrank_table02 .r_tr .name {width:100%; padding:1.8rem 2.4rem 4.8rem; text-align:center; border-bottom: 1px solid rgba(136, 136, 136, 0.4); background: url(/images/common/clan/ptn04.png) 0 0 repeat;}
.nrank_wrap .nrank_table02 .r_tr .win {position:absolute; top:0; left:0; height:96px;}
.nrank_wrap .nrank_table02 .r_tr .logo {position:relative; top:auto; left:auto; margin:0 auto -2rem;}
.nrank_wrap .nrank_table02 .r_tr .name .rank img {position:relative; right:auto; top:auto; transform:none; margin-right:5px;}
.nrank_wrap .nrank_table02 .r_tr .win .state {position:static; text-align:center; margin-top:-1.2rem !important; background-position:center center;}
.nrank_wrap .nrank_table02 .r_tr.no01 .name {    background: url(/images/common/clan/ptn02.png) 0 0 repeat;}
.nrank_wrap .nrank_table02 .r_tr.no02 .name, .nrank_wrap .nrank_table02 .r_tr.no03 .name {    background: url(/images/common/clan/ptn03.png) 0 0 repeat;}
.nrank_wrap .nrank_table03 .r_tr .ml {height:48px; border-top: 1px solid rgba(255, 255, 0, 0.2);}
.nrank_wrap .nk_my .r_tr .name {background: rgba(136, 136, 136, 0.1);}
.nrank_wrap .nk_my .r_tr .name a {padding:0; position:static;}
.nrank_wrap .nk_my .r_tr .name a:after {top:2.4rem; right:2.4rem; transform:none;}
.nrank_wrap .nrank_table02 .r_tr .win {background: url(/images/common/clan/bg_rank_normal.png) center center no-repeat; background-size: 48px auto;}

.nrank_wrap .nrank_top.my_rank {margin-right:0; margin-left:0;}
.nrank_wrap .nrank_top.my_rank .inner {padding-top:2.5rem; padding-bottom:2.5rem;}
.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .ml {background:none; border-top: 1px solid rgba(135, 207, 255, 0.5);}
.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .win {font-size: 0; position:absolute; top:1.5rem; right:3rem; width: auto; height: auto; padding: 0; background: none; border-right: 0;}
.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .win img {display:none;}
.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .name {padding:8rem 3rem 4rem; border-right:0; width:100%; text-align:center;}
.nrank_wrap .nrank_top.my_rank .inner:before {top:2.5rem;}
.nrank_wrap .nrank_top.my_rank .inner:after {bottom:2.5rem;}
.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .name .num {text-align:left; position:absolute; top:0; left:3rem;}
.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .name .num .state {display:block; margin-left:0;}
.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .rank {border-bottom:none;}
.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .win span {line-height:16px;}

.nrank_wrap .nk_my .r_tr .win {position:static; height:auto; background:none; width:100%;}
.nrank_wrap .nk_my .r_tr .logo {transform:scale(0.5);}
.nrank_wrap .nk_my .nrank_table .r_tr .name {position:static; background:none;}
.nrank_wrap .nk_my .nrank_table .r_tr .name .num {position:absolute; top:2.4rem; left:2.4rem; margin-top:0;}
.nrank_wrap .nk_my .nrank_table .r_tr .name .num .state {display:block; margin-left:0; margin-top:1rem; text-align: left;}
.nrank_wrap .nk_my .r_tr > div {background:none !important;}


/* elua */
.elua_wrap .nsb_depth2:after {display:none;}

/* voucher */
.resel_area .resel_t table {display:block;}
.resel_area .resel_t table tbody {display:block;}
.resel_area .resel_t table tr {display:block; font-size:0; overflow:hidden;}
.resel_area .resel_t th, .resel_area .resel_t td {display:inline-block; width:50%; float:left; padding:0 2rem; line-height:35px; border:none; position:relative;}
.resel_area .resel_t th:before, .resel_area .resel_t td:before {content:''; display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background:#000;}
.resel_area .resel_t th:after, .resel_area .resel_t td:after {content:''; display:block; position:absolute; bottom:0; top:0; right:0; width:1px; background:#000;}
.resel_area .resel_t th:first-child {display:block; width:100%;}
.resel_area .resel_t td.t01 {display:none;}
.resel_area .resel_t td.t02 {display:block; width:100%; background:rgba(255, 255, 255, 0.5); color:#fff; text-align:left;}
.resel_area .resel_t td.c02, .resel_area .resel_t td.c03 {background:#fff;}
.resel_area .resel_t td.ro02 {line-height:70px;}
.resel_area .resel_t td.ro03 {line-height:105px;}
.resel_area .epin_list > li {width:calc(100% / 3);}
.resel_wrap .nsb_depth2 ul {left:2.5rem; right:2.5rem;}

/* error */
.error_wrap .motion .left, .error_wrap .motion .right {display:none;}

/**/
.top_info {margin:0 2.5rem 5rem;}
.top_info .inner:before {left:0;}
.top_info .inner:after {right:0;}

/* mypage */
.ticket_wrap .tl li .con {height:auto; text-align:left; padding:3rem; background:#fff; line-height:normal;}
.ticket_wrap .tl li .con > div {display:block; width:100%; height:auto;}
.ticket_wrap .tl .num {display:none !important;}
.ticket_wrap .tl .tit {padding:0;}
.ticket_wrap .state {position:absolute; right:5px; top:1.5rem; width:auto !important;}
.ticket_wrap .state.new:before {text-align:center; top:-1rem;}
.ticket_wrap .state span {width:120px; text-align:center;}
.ticket_wrap .tl .tit {margin:3rem 0 2rem;}
.ticket_wrap .tl .tit a {line-height:1.6;}
.ticket_wrap .tl .tit span {line-height:1.6;}
.top_info .ticket_con {text-align:center;}
.top_info .ticket_con .btn_line_y {transform:none; margin:2rem auto 0; position:relative; top:auto; right:auto;}
.ticket_wrap .tv .tv_top {margin:0 2.5rem; padding-bottom:0;}
.ticket_wrap .tv .tv_top .inner {padding-right:4rem; padding-left:4rem;}
.ticket_wrap .tv .tv_top .sort {display:block; width:100%; margin-bottom:2rem;}
.ticket_wrap .tv .tv_top .sort:before {display:none;}
.ticket_wrap .tv .tv_top .tit {padding:0; display:block; width:100%; line-height: normal;}
.ticket_wrap .tv .tv_top .state {display:block; width:100%; margin:4rem -4rem 0; border:none; position:static; transform:none;}
.ticket_wrap .tv .tv_top .state span {width:100%; border-radius: 0;  }
.ticket_wrap .tv .tv_top.wait .state span {background: #689aff; color:#fff; }
.ticket_wrap .tv .tv_top.answered .state span {background: #ff7510; color:#fff;}
.ticket_wrap .tv .tv_top.closed .state span {background: #777777; color:#fff;}
.ticket_wrap .state span:before {top:-1px;}
.ticket_wrap .state span:after {bottom:-1px;}
.ticket_wrap .tv .comment {padding:5rem;}
.ticket_wrap .tv .comment .tit {padding-left:3rem;}
.ticket_wrap .tv .comment .tit:before {left:0;}
.ticket_wrap .tv .comment .cm_area textarea {display:block; width:100%; margin-right:0;}
.ticket_wrap .tv .comment .cm_area:before, .ticket_wrap .tv .comment .cm_area:after {right:0;}
.ticket_wrap .tv .comment .cm_area:after {bottom:auto; top:97px;}
.ticket_wrap .tv .comment .btn_submit {width:180px; height:60px; line-height:60px; margin:2rem auto 0; display:block;}
.ticket_wrap .tv .reply {padding:5rem;}
.ticket_wrap .tv .reply .writer {padding-left:3rem;}
.ticket_wrap .tv .reply .writer:before {left:0;}
.my_wrap .my_form:before, .my_wrap .my_form:after { display:none;}

.esports_wrap .tl .title {display:none;}
.esports_wrap .tl .info {position:absolute; top:3rem; right:3rem; width:auto !important;}
.esports_wrap .tl .sort:before {display:none;}
.esports_wrap .tl .period:before {display:block; text-transform:uppercase; color:#689aff; font-weight:700; margin-bottom: 0.3rem;}
.esports_wrap .tl .regi:before {content:'REGISTRATION PERIOD';}
.esports_wrap .tl .match:before {content:'PERIOD MATCHES';}
.esports_wrap .tl .regi {margin-bottom:2rem;}

/************ client_view ****************/
.client_veiw .nw_wrap .nw_view .nw_v_tit {padding:0 2.5rem;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .tit {margin:0 0 2rem;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .label {position:absolute;}

/* notification */
.notificaton .list .noti_box {padding:2rem 10rem 2rem 3rem;}
.notificaton .list .noti_box .sort {position:absolute; top:2rem; left:3rem; margin-right:0; height:24px; line-height:24px; border-radius:4px;}
.notificaton .list .noti_box .text .time span { height:24px; line-height:24px;}
.notificaton .list .noti_box:after {display:none;}
.notificaton .list .noti_box .text {display:block; max-width: none; position:relative;}
.notificaton .list .noti_box .text .time {padding-bottom:2rem; border-bottom:1px solid rgba(136, 204, 255, 0.5); margin-bottom:2rem; padding-left:74px; padding-right:5rem;}
.notificaton .list .noti_box .btn_close {top:-0.8rem; margin-top:0; right:0;}
.notificaton .tab_area li a { pointer-events: none;}
}	

@media screen and (max-width: 960px) {
/* profile */
.profile_wrap h3 {height: 15px; font-size: 1.85rem; line-height: 15px;}
.profile_wrap .info_user .nick {margin-bottom: 13px;}
.profile_wrap .info_user .exp > p {height: 44px; line-height: 44px;}
.profile_wrap .info_user .exp > p:first-child {line-height: 44px;}
.profile_wrap .info_user .rank .level {margin-bottom: 18px;}
.profile_wrap .info_ratio .battle h3 {margin-bottom: 4px;}
.profile_wrap .info_ratio .battle .title p {font-size: 4.2rem;}
.profile_wrap .info_ratio .battle .match > div {width: calc((100% - 24px) / 2);}
.profile_wrap .info_ratio .battle .match .stat li h4, .profile_wrap .info_ratio .battle .match .stat li p {height: 42px;}
.profile_wrap .info_ratio .battle .match .ratio h4 {left: 24px;}
.profile_wrap .info_ratio .battle .match .ratio .graph {padding: 0 12px 0 90px;}
.profile_wrap .info_ratio .battle .skill {margin-top: 96px;}
.profile_wrap .info_ratio .battle .skill h4 {font-size: 1.35rem;}
.profile_wrap .info_ratio .weapon .inner > div h3, .profile_wrap .info_ratio .weapon .inner > div ul {display: block;}
.profile_wrap .info_ratio .weapon .title {width: 100%; height: 72px; line-height: 73px;}
.profile_wrap .info_ratio .weapon .title br {display: none;}
.profile_wrap .info_ratio .weapon .title img {width: 30px; margin: 25px 6px 0 0;}
.profile_wrap .info_ratio .weapon .list {width: 100%;}
.profile_wrap .members .inner > div {width: calc((100% - 24px) / 2);}
.profile_wrap .members .title .tit h3 {font-size: 1.85rem;}

/* game*/
.guide_wrap .pop-up .pop-layout {width:auto;}
}

@media screen and (max-width: 768px) {
.pb_sub > div {padding-top:58px; min-height:130rem; background-attachment: inherit;}	
.pb_sub .pb_top .typing_wrap .typing {font-size:5rem;}
.pb_sub .pb_top .typing_wrap .typing:before {height:22px;}
.pb_sub .pb_top .sub_depth2 {max-width:234px;}
.pb_sub .pb_top .sub_depth2 .sub_depth2_tab {height:35px; line-height:35px; font-size:2.3rem;}
.pb_sub .pb_top .sub_depth2 li a {font-size:2.3rem;}
.pb_sub .pb_top .sub_depth2 .sub_depth2_tab:before {background-size:11px auto;}
.pb_sub .pb_top .sub_depth2 .sub_depth2_tab:after {width:35px; background-size:12px auto;}
.g_intro .g_intro_half .txt br {display:none;}

/* game */
.g_intro .g_intro01 {padding:10rem 0 12rem; }
.g_intro .g_intro01 img {width:234px;}
.g_intro .g_intro_half .tit {font-size:4.6rem;}
.g_intro .txt {font-size:2.7rem;}
.g_intro .g_intro06 .tit {font-size:3.3rem;}
.g_intro .g_intro06 .txt {font-size:2.5rem;}


.g_app .list {margin-left:0;}
.g_app .list li {width:100%; padding-left:0;}
.g_app .list li .con .img img {height:208px;}
.g_app .list li .con .txt {height:auto !important; font-size:2.3rem;}
.g_app .list li .con:before, .g_app .list li .con:after {width:11px; height:11px; background-size:11px auto;}
.g_app .list li .con .tit {font-size:3.3rem;}
.g_app .g_app_top .right {font-size:2.5rem;}
.g_app .g_app_top .left .tit {font-size:4.9rem;}
.g_app .g_app_top .img img {width:140px;}
.g_app .g_app_top .btn_line i {width:19px; height:21px; background-size:19px auto;}
.btn_line:before, .btn_line:after {width:2px; height:11px;}

.g_act .g_act_con {overflow-x:scroll; position:relative;}
.g_act .act_tree {max-width:none; width:690px;}
.g_act .g_act_top .tit, .g_act .g_act_top .tit span font {font-size:4.3rem;}
.g_act .g_act_top .txt {font-size:2.7rem;}
.g_act .g_act_top .info {font-size:2.5rem;}
.g_act .tip_con .tip_pic img {width:140px;}
.g_app .g_app_top .pc { display:none; }
.g_app .g_app_top .mobile { display:block; }
.g_act .tip00 {min-width:155px;}
.g_act .tip05, .g_act .tip07, .g_act .tip09, .g_act .tip12, .g_act .tip14, .g_act .tip16, .g_act .tip19, .g_act .tip21, .g_act .tip23, .g_act .tip28, .g_act .tip30, .g_act .tip32, .g_act .tip34  {width:300px;}
.g_act .tip_tit {font-size:2.3rem;}
.g_act .tip_con .tip_name {font-size:2.1rem;}

.g_start .g_start_list .info li {font-size:2.3rem; padding-left:4.4rem;}
.g_start .g_start_list .info span {font-size:2rem; width:12px; height:12px; line-height:13px; top:1px;}
.g_start .g_start_list .tit {font-size:2.9rem;}
.g_start .g_start_list .con:before, .g_start .g_start_list .con:after {width:11px; height:11px; background-size:11px auto; }
.g_start .g_start_list .info li a {width:32px; height:15px; line-height:15px;}

.g_down .g_full {background-size:auto;}
.g_down .g_full:before, .g_down .g_full:after {width:11px; height:11px; background-size:11px auto;}
.g_down .g_system:before, .g_down .g_system:after {width:11px; height:11px; background-size:11px auto;}
.g_down .g_down_t {max-width:none; width:100%;}
.g_down .g_tit {font-size:3.9rem;}
.g_down .g_full .g_tit {font-size:4.8rem;}
.g_down .g_down_t li {font-size:2.3rem; padding-left:19rem;}
.g_down .btns_down a {font-size:2.4rem; height:36px; line-height:36px; border-radius:3px;}
.g_down .info {font-size:2.1rem;}
.g_down .g_patch .btns_g_link a {font-size:2.1rem; border-radius:3px;}
.g_down .g_system .g_tit {text-align:center;}
.g_down .g_system .g_tit span {font-size:2.9rem; display:block; }
.g_down .g_patch .btns_g_link {width:150px;}
.g_down .g_patch .g_down_t li {padding-right:31rem;}
.g_down .g_system {background-size:auto; background-position:0 center;}
.g_down .btns_down a:before, .g_down .btns_down a:after {width:2px; height:5px;}
.g_down .btns_down a br {display:block;}
.g_down .g_full .btns_down a {text-align:right; height:auto; line-height:1.1;     padding: 1.3rem 0; padding-right:2rem;}
.g_down .g_full .btns_down a span {position:absolute; left:2rem; top:50%; margin-right:0; transform:translate(0 , -50%);}
.g_down .g_system .g_down_t li > div {display:block;}

.g_init .step .init_con .box_init .desc .tit {font-size:2.5rem; word-break:keep-all; }
.g_init .step .init_con .box_init .desc .tit02 {font-size:2.9rem;}
.g_init .step .init_con .box_init .desc .tit span {display:block; margin-left:0;}
.g_init .step .init_con .box_init .desc .txt {font-size:2.3rem; line-height:1.27;}
.g_init .step .init_con .box_init .desc .txt br {display:none;}
.g_init .step .init_con .box_init .desc .txt font.g01 {display:block;}
.g_init .step .init_con .box_init .desc li {font-size:2.3rem; padding-left:3.6rem; line-height:1.27;}
.g_init .step .init_con .box_init .desc li span {font-size:2rem; width:12px; height:12px; line-height:13px; top:0; text-indent: 0;}
.g_init .step .init_con .box_init .desc .ul_2 li span {font-size:2.3rem;}
.g_init .step .init_tit {font-size:2.5rem;}
.g_init .step .init_tit i, .g_init .step03 .init_tit i, .g_init .step.active .init_tit i {width:20px; height:20px; background-size:20px auto; background-position:0 -20px;}
.g_init .step .init_con:before, .g_init .step .init_con:after {width:11px; height:11px; background-size:11px auto;}
.g_init .step .init_con .box_init .thum img {width:132px;}
.g_init .step04 .init_con .box_init .thum img {width:auto;}
.g_init .step .init_con .box_init .desc {width: calc(100% - 134px); padding-left:3rem;}
.g_init .step04 .init_con .box_init .desc {padding:0; width:auto;}

.g_init .g_init_tab .gi_tab:before {background-size:11px auto;}
.g_init .g_init_tab .gi_tab:after { width: 40px;  background-size: 12px auto;}
.g_init .g_init_tab .gi_tab {height: 40px; line-height: 40px;  font-size: 2.5rem;} 
.g_init .g_init_tab ul li a {font-size:2.5rem;}
.g_init .g_init_tab ul li.active a, .g_init .g_init_tab ul li:hover a {font-size:2.5rem;}

.g_down .g_patch .btns_down a {height:40px; line-height:40px;}
.g_down .g_patch .btns_down a.btn_g_down01 {padding-top:1rem; line-height:1.2;}

.guide_wrap .list {margin-left:0;}
.guide_wrap .list > li {width:100%; padding-left:0;}
.guide_wrap .list .tit {font-size:2.7rem; height:8rem;}
.guide_wrap .guide_sel .txt .txt01 {font-size:2.3rem;}
.guide_wrap .guide_sel .txt .txt02 {font-size:2.1rem;}
.guide_wrap .guide_sel .txt {height:7rem;}
.guide_wrap .guide_sel .sel_on {height:8rem;}
.guide_wrap .guide_sel .sel_on .txt01:before {width:12px; height:12px; left:2rem;}
.guide_wrap .guide_sel .ovs {top:7.9rem;     max-height: 112px;}
.guide_wrap .guide_sel .sel_on:after {width:8rem;}
.guide_wrap .guide_sel .txt .desc {padding-left:6.4rem;}
.guide_wrap .list .vod .s_link {background-size:2rem auto;}
.guide_wrap .guide_sel .sel_on:after {background-size:2.2rem auto , 3px auto , 3px auto , 3px auto , 3px auto !important;}
.guide_wrap .pop-up:before, .guide_wrap .pop-up:after {margin-left:0; left:2.5rem;}
.guide_wrap .pop-up .pop-layout h2 {font-size:2.5rem;}
.guide_wrap .pop-up .explan {font-size:2.1rem;}
.client_guide .pb_sub .pb_top .typing_wrap {font-size:4.3rem;}

/* news */
.nw_wrap .btn_nw_arr {background-size:25px auto;}
.nw_wrap .list .desc {width:calc(100% - 25.8rem);}
.nw_wrap .list .desc .tit {font-size:2.3rem; -webkit-line-clamp: 2; max-height:29px; }
.nw_wrap .list .desc .label {font-size:2rem;  height: 19px; line-height: 19px; width:70px;}
.nw_wrap .list .desc .txt {font-size:2.1rem; -webkit-line-clamp: 2; max-height:28px; height:auto;}
.nw_wrap .list .desc .date {font-size:2.1rem;}
.nw_wrap .list .con {height:25.8rem;}
.nw_wrap .list .thum_img { background-size:50%;  width:25.8rem;}
.nw_wrap .list .thum_img:after, .nw_wrap .list .desc:after {width:11px !important; height:11px !important; background-size:11px auto !important;}
.nw_wrap .nw_view .nw_v_tit .label {font-size:2rem;  height: 19px; line-height: 18px;}
.nw_wrap .nw_view .nw_v_tit .tit {font-size:2.7rem;}
.nw_wrap .nw_view .nw_v_tit .date {font-size:2.5rem;}
.nw_wrap .nw_view .nw_v_con {font-size:2.4rem; line-height:1.3; padding:0;}
.nw_wrap .nw_view .nw_v_admin {max-width:177px; margin:0 auto; padding:2.5rem 0;}
.nw_wrap .nw_view .nw_v_admin a {display:block;}
.nw_wrap .nw_view .nw_v_admin a img {max-width:100%;}
.nw_wrap .nw_view .nw_v_btns a {font-size:2.4rem; height:36px; line-height:36px; width:calc((100% - 4rem) / 3);}
.nw_wrap .nw_view .nw_v_btns .btn_line_r {width:calc((100% - 4rem) / 3);}
.nw_wrap .nw_view .nw_v_btns .btn_line_b {margin-right:2rem;}
.nw_wrap .nw_view .nw_paging ul li a {width:8rem; height:8rem;}
.nw_wrap .nw_view .nw_paging ul li a:before {width:9px; height:14px; background-size:9px auto;}
.nw_wrap .nw_view .nw_paging ul li a:hover:before {background-position:0 -14px;}
.nw_wrap .nw_view .btn_line_b i {top:-1px;}
.nw_wrap .nw_view .btn_share i {width:7px; height:15px; background-size:7px auto;}
.nw_wrap .nw_view .btn_link i {width:14px; height:14px; background-size:14px auto;}
.nw_wrap .nw_view .btn_share:hover i{background-position:0 -15px;}
.nw_wrap .nw_view .btn_link:hover i {background-position:0 -11px;}
.nsb_depth2 .nw_tab {height:40px; line-height:40px; font-size:2.5rem;}
.nsb_depth2 ul li a, .nsb_depth2 ul li.on a, .nsb_depth2 ul li a:hover {font-size:2.5rem;}
.nsb_depth2 .nw_tab:before {background-size:11px auto;}
.nsb_depth2 .nw_tab:after {width:35px; background-size:12px auto;}

/* ranking */
.nrank_wrap .nrank_top {font-size:2.5rem; word-break:keep-all;}
.nrank_wrap .nrank_top img {width:33px;}
.nrank_wrap .nrank_top .inner:before, .nrank_wrap .nrank_top .inner:after {background-size:11px auto; width:11px; height:11px;}
.nrank_wrap .r_tr .ml {height:40px; font-size:2.3rem;}
.nrank_wrap .r_tr .ml .tit {font-size:1.9rem;}
.nrank_wrap .r_tr .name a {font-size:2.9rem;}
.nrank_wrap .r_tr .win {line-height:64px; font-size:2.4rem; width:70px; background-size:36px auto;}
.nrank_wrap .r_tr .name {width:calc(100% - 70px); padding-top:3rem;}
.nrank_wrap .r_tr.no01 .win, .nrank_wrap .r_tr.no02 .win, .nrank_wrap .r_tr.no03 .win {font-size:3.4rem;}
.nrank_wrap .r_tr.no01 .win {background-size:40px auto; }
.nrank_wrap .r_tr.no02 .win, .nrank_wrap .r_tr.no03 .win {background-size:36px auto; }
.nrank_wrap .r_tr:before, .nrank_wrap .r_tr:after {height:7px; left:-4px; right:-4px; background-size:7px auto !important;}
.nrank_wrap .r_tr:before {top:-4px;}
.nrank_wrap .r_tr:after {bottom:-4px;}
.nrank_wrap .r_tr .ml:before, .nrank_wrap .r_tr .ml:after {width:2px; height:1px; top:-1px;}
.nrank_wrap .r_tr .rank .txt {padding-right:18px;}
.nrank_wrap .r_tr .rank img, .nrank_wrap .r_tr .leader img ,.nrank_wrap .r_tr .member img {width:13px; height:13px;}
.nrank_wrap .nrank_table .state {font-size:2.2rem;}
.nrank_wrap .nrank_table .state.down:before {top:0;}
.nrank_wrap .nrank_table .state.up:before {top:-1px;}
.nrank_wrap .nrk_b .new_search_wrap {max-width:234px;}
.nrank_wrap .nrk_explan:before, .nrank_wrap .nrk_explan:after {background-size:11px auto; width:11px; height:11px;}
.nrank_wrap .season_state {font-size:2.3rem;}
.nrank_wrap .season_state .date span {display:block;}
.nrank_wrap .season_state .date {font-size:2.7rem;}
.nrank_wrap .season_state:before, .nrank_wrap .season_state:after {width:11px; height:11px; background-size:11px auto;}
.nrank_wrap .nk_map {margin-bottom:1rem;}
.nrank_wrap .nk_map ul li {width:50%; margin-bottom:2rem;}
.nrank_wrap .nk_map ul li a:before, .nrank_wrap .nk_map ul li a:after {width:11px; height:11px; background-size:11px auto;}
.nrank_wrap .nk_map ul li a span {font-size:2.9rem;}
.nrank_wrap .nk_my .inner:before, .nrank_wrap .nk_my .inner:after {width:11px; height:11px; background-size:11px auto;}
.nrank_wrap .nk_my .r_tr .no_login {font-size:2.3rem; line-height:48px;}
.nrank_wrap .nrank_table02 .r_tr .win {height:70px; line-height:70px;}
.nrank_wrap .nk_my .r_tr .name a:after {top:3.6rem;}
.nrank_wrap .nrank_table03 .r_tr .ml {height:40px;}

.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .name {padding-top:10rem;}
.nrank_wrap .nrank_top.my_rank .nrank_table .r_tr .name .num {font-size:2.9rem;}
.nrank_wrap .nk_my .nrank_table .r_tr .name .num {font-size:2.5rem;}
.nrank_wrap .nk_my .nrank_table .r_tr .name {padding-top:5rem; }

/* media */
.nmedia_wrap .nm_list {margin-left:0;}
.nmedia_wrap .nm_list > li {width:100%; padding-left:0;}
.nmedia_wrap .nm_list .info .tit {font-size:2.1rem;}
.nmedia_wrap .nm_list .info .txt {font-size:2.5rem;}

/* faq */
.nfaq_wrap .nfaq_list li .qa img {width:21px;}
.nfaq_wrap .nfaq_list li .txt {font-size:2.3rem;}
.nsb_depth2 a .num {font-size:2.1rem; top:-1px;}
.nfaq_wrap .nfaq_top .new_search_wrap .search_area {height:35px;}
.nfaq_wrap .nfaq_top .info, .nfaq_wrap .nfaq_top .info .go_ticket, .nfaq_wrap .nfaq_data {font-size:2.3rem;}
.nfaq_wrap .nfaq_top .inner:before, .nfaq_wrap .nfaq_top .inner:after {width:11px; height:11px; background-size:11px auto;}

/* profile */
.profile_wrap h3 {font-size: 2.8rem;}
.profile_wrap h4 {font-size: 2.4rem;}
.profile_wrap h5 {font-size: 2.25rem;}
.profile_wrap .inner {padding: 12rem 2.4rem;}
.profile_wrap .info_user .inner {padding-bottom: 16.4rem;}
.profile_wrap .info_user .nick {height: 3.8rem; margin: 0 0 2.4rem; font-size: 4.65rem; line-height: 3.8rem;}
.profile_wrap .info_user .nick:before {height: 22px; top: calc(50% - 2px);}
.profile_wrap .info_user .exp > p {min-width: 120px; height: 5.4rem; padding: 0 3rem; font-size: 2.8rem; line-height: 5.5rem;}
.profile_wrap .info_user .exp > p:first-child {min-width: auto; padding: 0 3rem; font-size: 2.2rem; line-height: 5.4rem;}
.profile_wrap .info_user .playtime {min-width: auto; margin-top: 24px;}
.profile_wrap .info_user .playtime li {height: auto; padding: 0 3rem; font-size: 3.2rem;}
.profile_wrap .info_user .playtime li h5 {margin-bottom: 2px; font-size: 2.2rem;}
.profile_wrap .info_user .rank {width: calc(100% - 4.8rem); font-size: 2.55rem; font-weight: 400; left: 2.4rem;}
.profile_wrap .info_user .rank .level {margin-bottom: 1.2rem;}
.profile_wrap .info_user .rank .level img {width: 1.8rem; margin: -2px 0.8rem 0 0; vertical-align: middle;}
.profile_wrap .info_user .rank .progress {height: 2.4rem;}
.profile_wrap .info_user .rank .progress::before {height: 3.6rem;}
.profile_wrap .info_user .rank .progress .bar {height: 2.4rem;}

.profile_wrap .info_ratio {background-position: 50% -50%;}
.profile_wrap .info_ratio .battle h3 {margin-bottom: 0.4rem;}
.profile_wrap .info_ratio .battle .title p {margin-bottom: 3.6rem;}
.profile_wrap .info_ratio .battle .match {display: block;}
.profile_wrap .info_ratio .battle .match > div {width: 100%;}
.profile_wrap .info_ratio .battle .match .stat li h4, .profile_wrap .info_ratio .battle .match .stat li p {height: 5.8rem; line-height: 5.9rem;}
.profile_wrap .info_ratio .battle .match .stat li h4 {width: 7.2rem;}
.profile_wrap .info_ratio .battle .match .stat {padding: 3.6rem 4.8rem;}
.profile_wrap .info_ratio .battle .match .stat li p {font-size: 2.7rem; font-weight: 400;}
.profile_wrap .info_ratio .battle .match .stat li p font {padding-left: 2rem; background: #0b292a;}
.profile_wrap .info_ratio .battle .match .ratio {margin-top: 2.4rem; padding-top: 4.8rem;}
.profile_wrap .info_ratio .battle .match .ratio h4 {text-align: center; position: static; left: auto; bottom: auto;}
.profile_wrap .info_ratio .battle .match .ratio h4 br {display: none;}
.profile_wrap .info_ratio .battle .match .ratio .graph {padding: 6rem 2.4rem 0; position: static;}
.profile_wrap .info_ratio .battle .match .ratio .graph li .progress {height: 13.2rem;}
.profile_wrap .info_ratio .battle .match .ratio .graph li h5 {width: calc(100% + 4.8rem); top: 14.8rem;}
.profile_wrap .info_ratio .battle .match .ratio .graph li .progress .bar span {font-size: 2.6rem; top: -3.2rem;}
.profile_wrap .info_ratio .battle .skill {margin-top: 13.2rem;}
.profile_wrap .info_ratio .battle .skill h4 {margin: 0 0 4px; font-size: 2.4rem;}
.profile_wrap .info_ratio .battle .skill .stat li {width: calc((100% - 9.6rem) / 4); min-height: 6.8rem; margin: 3.6rem 1.2rem 0; padding: 10.4rem 0 0; background-size: 54px;}
.profile_wrap .info_ratio .battle .skill .stat li p {font-size: 2.6rem;}
.profile_wrap .info_ratio .battle .skill .ratio {margin-top: 4.8rem; padding: 0 9rem;}
.profile_wrap .info_ratio .battle .skill .ratio > div {width: calc((100% - 15rem) / 2);}
.profile_wrap .info_ratio .battle .skill .ratio > div > h4 {width: calc(100% + 4.8rem); font-size: 2.2rem; bottom: -1.2rem;}
.profile_wrap .info_ratio .battle .skill .ratio > div > ul {padding: 1.2rem 0 6rem;}
.profile_wrap .info_ratio .battle .skill .ratio > div > ul > li {height: 2.4rem;}
.profile_wrap .info_ratio .battle .skill .ratio > div > ul > li > h5, .profile_wrap .info_ratio .battle .skill .ratio > div > ul > li > div {height: 7.2rem; line-height: 2.6rem;}
.profile_wrap .info_ratio .battle .skill .ratio .txt {width: 15rem; padding: 0 1.2rem;}
.profile_wrap .info_ratio .battle .skill .ratio .graph .progress .bar {height: 3.6rem;}
.profile_wrap .info_ratio .battle .skill .ratio .graph .progress .bar span {font-size: 2.35rem; line-height: 3.6rem; letter-spacing: -0.04rem; right: -7.6rem;}
.profile_wrap .info_ratio .battle .skill .ratio .kda > h4 {right: 2.4rem;}
.profile_wrap .info_ratio .battle .skill .ratio .headshot h4 {left: 2.4rem;}
.profile_wrap .info_ratio .weapon .title {font-size: 2.8rem; height: 9.6rem; line-height: 9.6rem;}
.profile_wrap .info_ratio .weapon .title img {width: 22px; margin: 3rem 0.8rem 0 0;}
.profile_wrap .info_ratio .weapon .list {text-align: left;}
.profile_wrap .info_ratio .weapon .list li {width: 100%; height: 12rem; padding: 3rem 3.6rem 0 15.6rem; display: block;}
.profile_wrap .info_ratio .weapon .list li h4 {font-size: 2.5rem;}
.profile_wrap .info_ratio .weapon .list .ratio {margin-bottom: 0; font-size: 3.4rem; position: absolute; right: 3.6rem; top: 50%; transform: translate(0, -50%);}
.profile_wrap .info_ratio .weapon .list .value {margin-top: 0.4rem; font-size: 2.7rem;}
.profile_wrap .info_ratio .weapon .list .graph {width: 12rem; height: 12rem; margin: 0; padding: 2.4rem; position: absolute; left: 0; top: 0;}
.profile_wrap .info_ratio .weapon .list .graph::before {background-size: 6px;}
.profile_wrap .info_ratio .weapon .list .graph .progress {width: 7.2rem; height: 7.2rem; padding-top: 0;}
.profile_wrap .info_ratio .weapon .list li:nth-child(even) h4 {background: none;}
.profile_wrap .info_ratio .weapon .list li:nth-child(even) .graph {background: #292929;}
.profile_wrap .info_ratio .weapon .list li:nth-child(even) .graph::before {display: none;}

.profile_wrap .members .inner {display: block;}
.profile_wrap .members .inner > div {width: 100%;}
.profile_wrap .members .title {width: calc(100% - 4.8rem); height: 48px; margin: 0 auto 2.4rem; background-size: 66px; background-position: right 0;}
.profile_wrap .members .title .tit {width: 100%; text-align: left;}
.profile_wrap .members .title .tit h3 {font-size: 2.8rem;}
.profile_wrap .members .title .tit p {margin-top: 5px; font-size: 2.6rem; text-align:left;}
.profile_wrap .members .title .tit p.clanname a font {display:inline; margin-bottom:0;}
.profile_wrap .members .title .tit p.clanname a span {font-size:0; width:16px; vertical-align:middle; height:16px; border: 1px solid transparent; border-image: linear-gradient(to right, #7776ff , #ac2ef1);  border-image-slice: 1;     position: relative; top: -2px; margin-left: 5px;}
.profile_wrap .members .title .tit p.clanname a span:before {right:auto; left:50%; transform:translate(-50% , -50%);     }
.profile_wrap .members .list {height: auto; max-height: 39.6rem;}
.profile_wrap .members .list li {padding: 0 2.4rem;}
.profile_wrap .members .list::-webkit-scrollbar {width: 1.8rem;}
.profile_wrap .members .list::-webkit-scrollbar-thumb {width: 1.8rem; border: 0.6rem solid transparent;}
.profile_wrap .members .list::-webkit-scrollbar-track {width: 1.8rem;}
.profile_wrap .members .list li a {height: 7.8rem; padding-right: 30px; font-size: 2.6rem; line-height: 7.8rem;}
.profile_wrap .members .list li a img {width: 1.8rem; margin: -2px 1rem 0 0; vertical-align: middle;}
.profile_wrap .members .list li a::before {margin-top: -8px; display: none;}
.profile_wrap .members .list .txt {height: 7.8rem; font-size: 2.6rem; line-height: 8rem;}
.profile_wrap .members .clan {margin-top: 4.8rem;}
.profile_wrap .members .clan .title {background-size: 66px; background-position: right 0;}
.profile_wrap .members .clan .title .tit {width: calc((100% - 104px) / 2);}

.profile_wrap .profile_none {background-size: cover;}
.profile_wrap .profile_none .cont {padding-top: 28.7rem; padding-bottom: 26.6rem;}
.profile_wrap .profile_none .cont .nick {font-size: 3.6rem;}
.profile_wrap .profile_none .cont .txt {margin-top: 0.2rem; font-size: 3.6rem;}
.profile_wrap .profile_none .cont .btn_prev {margin-top: 3.6rem; font-size: 2.6rem;}
.profile_wrap .profile_none .cont .btn_prev span {height: 7.8rem;}
.profile_wrap .profile_none .cont .btn_prev span:first-child {width: 7.8rem; background-size: 18px;}

.profile_wrap .info_user .my_level {width: 24px; height: 24px; border-radius: 4.5px; left: 3rem; top: 3rem;}
.profile_wrap .info_user1 .bullet01 {top:10%; right:8%; width:25px; }
.profile_wrap .info_user1 .bullet02 {top:18%; right:3%; width:26px;}
.profile_wrap .info_user1 .bullet03 {top:50%; right:11%; width:15px;}
.profile_wrap .info_user .attend {width: 24px; height: 24px; line-height: 24px; border-width: 1px; border-radius: 4.5px; top: 3rem; right: 3rem;}
.profile_wrap .info_user .attend img {width: 16px; height: 16px; margin-top: -8px; margin-left: -8px;}

/* elua */
.elua_wrap > h1 img {max-width:234px;}
.elua_wrap .elua_box .con:first-child .tit {font-size:2.9rem;}
.elua_wrap .elua_box .tit {font-size:2.5rem;}
.elua_wrap .elua_box .txt {font-size:2.3rem;}
.elua_wrap .elua_box .num_tit {font-size:2.3rem;}
.elua_wrap .elua_box .num_con > ul > li {font-size:2.3rem; }
.elua_wrap .elua_box .num_con .dash_li li {font-size:2.3rem; padding-left:2rem;}
.elua_wrap .elua_box .elua_update {font-size:2.3rem;}
.elua_wrap .elua_box .num_con > ul > li {padding-left:5rem;}
.elua_wrap .elua_box .num_con > ul > li > span {width:18px; height:18px; line-height:17px; top:2px;}

/* voucher */
.resel_area .con > .tit {font-size:2.9rem;}
.resel_area .resel_t th, .resel_area .resel_t td {font-size:2.3rem;}
.resel_area .epin_list > li {width:50%;}
.resel_area .epin_list .pin .txt {font-size:2.3rem;}
.resel_area .epin_list .pin:after { height: calc(100% - 4.4rem);}

/* error */
.error_wrap {min-height:100%;}
.error_wrap h1 img {max-width:233px;}
.error_wrap .motion .center .pic {width:250px; height:250px;}
.error_wrap .motion .info .tit {font-size:14.9rem;}
.error_wrap .motion .info .txt {font-size:3.9rem;}

/* mypage */
.ticket_wrap .tl li .con > div {font-size:2.1rem;}
.ticket_wrap .state span {font-size:2.1rem; width:87px; height:30px; line-height:30px; border-radius:3px;}
.ticket_wrap .state.new:before {font-size:2rem; width:30px; height:15px; line-height:15px; top:-1.3rem;}
.ticket_wrap .tl_bottom .go_topup, .notifi_wrap .tl_bottom .go_topup {font-size:2.4rem; width:164px; height:36px; line-height:36px;}
.ticket_wrap .tl_bottom .go_topup img, .notifi_wrap .tl_bottom .go_topup img {width:12px;}
.top_info .ticket_con {font-size:3.5rem;}
.top_info .ticket_con span {font-size:2.5rem;}
.ticket_wrap .tv .tv_top .sort {font-size:2.5rem;}
.ticket_wrap .tv .tv_top .tit {font-size:2.7rem; }
.ticket_wrap .tv .tv_date {font-size:2.3rem;}
.ticket_wrap .tv .tv_con .text {font-size:2.3rem; line-height:1.6;}
.ticket_wrap .tv .tv_con .attach li {font-size:2.3rem;}
.ticket_wrap .tv .tv_con .attach li a {font-size:2.3rem;}
.ticket_wrap .tv .tv_con .attach li:before {top:1px;}
.ticket_wrap .tv .reply {font-size:2.3rem;}
.ticket_wrap .tv .reply .writer {padding-left:4rem;}
.ticket_wrap .tv .reply .date {font-size:2.3rem;}
.ticket_wrap .tv .reply .txt {line-height:1.6;}
.ticket_wrap .tv .reply .writer:before {top:1px;}
.ticket_wrap .tv .comment:before, .ticket_wrap .tv .comment:after {width:11px; height:11px; background-size:11px auto;}
.ticket_wrap .tv .comment .tit {font-size:2.3rem;}
.ticket_wrap .tv .comment .btn_submit {height:36px; line-height:36px; }
.ticket_wrap .tv .comment .cm_area textarea {font-size:2.1rem;}
.ticket_wrap .tv .btn_answers .info {font-size:2.5rem;}
.ticket_wrap .tv .btn_answers a {font-size:2.4rem; height:36px; line-height:36px; border-radius:3px; width:83px; }
.ticket_wrap .tv .tl_bottom a, .ticket_wrap .tv .tl_bottom .btn_line_b02 {width:calc((100% - 2rem) / 2); height:36px; line-height:36px; max-width:170px;}
.ticket_wrap .tv .tl_bottom .go_topup {margin-right:2rem;}
.ticket_wrap .tw .tl_bottom a, .ticket_wrap .tw .tl_bottom .btn_line_b02 {width:calc((100% - 2rem) / 2); height:36px; line-height:36px; max-width:170px;}
.ticket_wrap .tw .tl_bottom .go_topup {margin-right:2rem;}
.ticket_wrap .tw .tw_form:before, .ticket_wrap .tw .tw_form:after {width:11px; height:11px; background-size:11px auto;}
.ticket_wrap .tw .tw_sel > a {height:36px; line-height:36px; font-size:2.3rem;}
.ticket_wrap .tw .tw_form .tit {font-size:2.3rem;}
.ticket_wrap .tw .tw_sel li a {font-size:2.3rem;}
.ticket_wrap .tw .tw_form .inp input[type=text] {height:36px; font-size:2.1rem;}
.ticket_wrap .tw .tw_form .inp textarea {height:120px; font-size:2.1rem;}
.my_wrap .my_form .inp input {height:36px; line-height:36px;}
.my_wrap .btn_line_r02 {width:112px; height:36px; line-height:36px;}
.my_wrap .btn_line_b {width:164px; height:36px; line-height:36px;}
.my_wrap .my_form:before, .my_wrap .my_form:after {width:11px; height:11px; background-size:11px auto;}
.my_wrap .my_form .tit {font-size:2.3rem;}
.my_wrap .ps_detail .title {display:none;}
.my_wrap .ps_detail .line > div {padding:0; display:block; width:100%;}
.my_wrap .ps_detail .tit {margin-bottom:1.5rem; font-size:2.3rem;}
.my_wrap .ps_detail .btn_edit {top:50%; transform:translate(0 , -50%); width:46px; height:25px; line-height:24px; font-size:2.1rem; border-radius:3px; }
.my_wrap .ps_detail .tit:before {display:none;}
.my_wrap .ps_detail .txt {font-size:2.3rem;}
.my_wrap .ps_detail .error {font-size:2.3rem; background-size:16px auto; padding-left:5.8rem  !important; margin-right:-9rem; width: auto !important;}
.my_wrap .ps_detail .error + .btn_edit {top:30%;}
.my_wrap .ps_detail .rd_controls {position:relative; margin-top:0; width:140px; padding:2px;}
.my_wrap .ps_detail .rd_controls label {height:16px; line-height:17px; font-size:2.1rem;}
.my_wrap .ps_detail .require {font-size:2.1rem; border-radius:3px;}
.my_wrap .ps_detail .require:after {right:10%;}
.my_wrap .ps_detail .line.in_nation .txt {padding-left:0;}
.my_wrap .ps_detail .line.in_nation .txt img {position:static; width:24px; vertical-align: middle; position: relative; transform: none; left: 0; top: -1px;}
.notifi_wrap .list .btn_close {width:18px; height:18px; background-size:18px auto;}
.notifi_wrap .list .btn_close:hover {background-position:0 -18px;}
.notifi_wrap .list .date {font-size:2.1rem;}
.notifi_wrap .list .notice .label {font-size:2rem; border-radius:3px;}
.notifi_wrap .list .notice .txt {font-size:2.3rem;}
.notifi_wrap .list .notice a {padding-right:3rem;}
.notifi_wrap .list .notice a:before { top:2px; }
.esports_wrap .tl .info a {font-size:2rem; width:45px; height:23px; line-height:22px; border-radius:2px;}

.pb_account .complete_area .typing_wrap .typing {font-size:3.9rem;}
.pb_account .complete_area .txt {font-size:2.5rem;}
.pb_account .complete_area .con:before, .pb_account .complete_area .con:after {width:11px; height:11px; background-size:11px auto;}
.pb_account .pb_sub_con .complete_area {max-width:none; margin:0 2.5rem 3rem;}
.pb_account .complete_area .txt02 {font-size:2.9rem;}
.pb_account .complete_area02 .txt02 {font-size:3.3rem; line-height: normal;}
.pb_account .complete_area02 .txt03 {font-size:2.5rem;}
.pb_account .complete_area + .btn_read {width:200px;}

/* paging */
.paging_wrap li a {width:20px; height:20px; line-height:19px;}

/**/
.btn_read {font-size:2.4rem; height:36px; line-height:36px; width:177px; border-radius:3px;}
.btn_read:before, .btn_read:after {width:2px; height:5px;}
.btn_read:before {right: 5px;}
.btn_read:after {left :5px; }
.btn_read:hover:before, .btn_read:hover:after {height:8px;}

.btn_line_b {border-radius:3px; font-size:2.4rem;}
.btn_line_b:before, .btn_line_b:after {width:2px; height:5px;}
.btn_line_b:before {right: 5px;}
.btn_line_b:after {left :5px; }
.btn_line_b:hover:before, .btn_line_b:hover:after {height:8px;}

.btn_line_b02 {border-radius:3px; font-size:2.4rem;}
.btn_line_b02:before, .btn_line_b02:after {width:2px; height:5px;}
.btn_line_b02:before {right: 5px;}
.btn_line_b02:after {left :5px; }
.btn_line_b02:hover:before, .btn_line_b02:hover:after {height:8px;}

.btn_line_r {border-radius:3px;}
.btn_line_r:before, .btn_line_r:after {width:2px; height:5px;}
.btn_line_r:before {right: 5px;}
.btn_line_r:after {left :5px; }
.btn_line_r:hover:before, .btn_line_r:hover:after {height:8px;}

.btn_line_r02 {border-radius:3px; font-size:2.4rem;}
.btn_line_r02:before, .btn_line_r02:after {width:2px; height:5px;}
.btn_line_r02:before {right: 5px;}
.btn_line_r02:after {left :5px; }
.btn_line_r02:hover:before, .btn_line_r02:hover:after {height:8px;}

.new_search_wrap .search_area input[type=text] {font-size:2.3rem;}
.new_search_wrap .search_area {height:30px;}
.new_search_wrap .search_area button {width:16px; height:17px; background-size:16px auto;}
.new_search_wrap .search_area button:hover {background-position:0 -17px;}

.red_dot li {font-size:2.3rem; }
.red_dot li:before {width:2px; height:2px;}

.nodata_n {font-size:2.5rem;}

.top_info {font-size:2.3rem; word-break:keep-all;}
.top_info img {width:33px;}
.top_info .inner:before, .top_info .inner:after {background-size:11px auto; width:11px; height:11px;}

/* paging */
.paging_wrap li a {border:none; }
.paging_wrap li.first a, .paging_wrap li.prev a, .paging_wrap li.next a, .paging_wrap li.last a { border: 1px solid #87cfff;}

/************ client_view ****************/
.client_veiw + .go_top {font-size:2.4rem; width:8rem; height:8rem; }
.client_veiw + .go_top:before {margin-bottom:0.8rem;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .tit:before, .client_veiw .nw_wrap .nw_view .nw_v_tit .tit:after {background-size:100% auto !important;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .tit {font-size:3.3rem; padding-left:16rem;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .date {font-size:2.7rem;}
.client_veiw .nw_wrap .nw_view .nw_v_tit .label {top:20%;}

/* notification */
.notificaton .tab_area .btn_all_read {position:static; margin-left:auto; margin-right:0; margin-top:2.4rem; height:35px; line-height:35px; font-size:2.3rem; padding:0 2rem; display:block; width: max-content;}
.notificaton .tab_area li {width:calc((100% - 1rem) / 2);}
.notificaton .tab_area li a {height:42px; line-height:42px; font-size:2.3rem; width:100%;}
.notificaton .tab_area li a:before {background-size:100% auto;}
.notificaton .tab_area li.on a:after {bottom:-2.4rem;}
.notificaton .list .noti_box .sort {font-size:2rem; height:17px; line-height:17px;}
.notificaton .list .noti_box .text .time {font-size:2rem; padding-left:70px;}
.notificaton .list .noti_box .text .time span {height:17px; line-height:17px;}
.notificaton .list .noti_box .text .txt {font-size:2.3rem;}
.notificaton .list .add_box {font-size:2.3rem;}
.notificaton .list .add_box:before {background-size:100% auto;}
.notificaton .list .in_link .noti_box .text .txt:after {width:10px; height:10px; background-size:100% auto;}
.notificaton .list .noti_box .btn_close {width:24px; height:24px;}
.notificaton .list .noti_box .btn_close:before {background-size:100% auto;}
.notificaton .list .noti_box .btn_open:before {background-size:100% auto;}



}



@media screen and (max-width: 460px) {
.resel_area .epin_list { text-align:center; }
.resel_area .epin_list > li { width:100%;  }
.resel_area .epin_list > li .pin { margin:0 auto; }
}

@media screen and (max-width: 365px) {

/* profile */
.profile_wrap .info_user .nick {font-size: 4.2rem;}
.profile_wrap .info_ratio .battle .skill .stat ul {width: 84%;}
.profile_wrap .info_ratio .battle .skill .stat li {width: calc((100% - 4.8rem) / 2);}
.profile_wrap .info_ratio .battle .skill .ratio {margin-top: 3.6rem;}

}	

/* effect */

@keyframes cursor{ 
  0%{background:#fff;} 
  50%{background:#000;} 
  100%{background:#fff;} 
}	
@keyframes anim1 {
  from {
    transform: translateX(-3%) scale(1.1);
  }
  to {
    transform: translateX(0%) translateY(0%) scale(1);
  }
}

@keyframes twinkle_one {
  0%   { opacity: 1; }
  30%  { opacity: 1; }
  70%  { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes twinkle_two {
  0%   { opacity: 1; }
  25%  { opacity: 0; }
  80%  { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes twinkle_three {
  0%   { opacity: 1; }
  30%  { opacity: 0; }
  40%  { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes pulse{
  0%{
    opacity: 0;
  }
  10%{
    opacity:.50;
    transform-origin: 50% 50%;
    transform: rotate(-2deg) scale(5);
    transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100%{
    opacity:1;
    transform: rotate(-15deg) scale(1);
  }
}

@keyframes opacity {
	0% {opacity: 0.5; transform: scale(1);}
	20% {opacity: 0.9;}
	50% {opacity: 0.65; transform: scale(1.005);}
	65% {opaciy: 1;}
	100% {opacity: 0.5; transform: scale(1);}
}

@keyframes opacity2 {
	0% {opacity: 1;}
	12% {opacity: 0;}
	24% {opacity: 1;}
	36% {opacity: 0;}
	54% {opacity: 1;}
	62% {opacity: 0;}
	73% {opacity: 1;}
	85% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes round {
	0% {transform:scale(.4); opacity:0;}
	20% {transform:scale(0.9);}
	40% {transform:scale(1.3);}
	60% {transform:scale(0.9);}
	80% {transform:scale(1.05);}
	100% {transform:scale(1); opacity:1;}
}

@keyframes sheen {
  100% {
    transform: rotateZ(60deg) translate(0, -5em);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}  
  
  @keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes diaUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, -100%, 0);
    transform: translate3d(50%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes diaDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
   top:0;
  }
  40% {
    top:6px;
  }
  60% {
    top:3px;
  }
}

@keyframes circle1AnimationMove {
	00%, 100% 		{ transform: scale(1.05); }
	07% 					{ transform: scale(1);}
	12%, 19%, 68% {transform: scale(1.05);}
	26%, 30% 			{ transform: scale(1); }
	73% 					{ transform: scale(1.05); }
	87%, 92% 			{ transform: scale(1);}
	94% 					{ transform: scale(1.05);}
}

@keyframes biu {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
     opacity: 1;
  }
}