@charset "utf-8";

/*!
 * 테라 Shop Stylesheet
 * http://tera.nexon.com/shop/
 * pooh224@nexon.co.kr 
 */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
article, aside, figcaption, figure, video, audio, footer, header, hgroup, menu, nav, section{display:block;}
body, input, button, textarea, select, table{line-height:1.2; font-family:'Nanum Barun Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, Helvetica, sans-serif; font-size:16px; letter-spacing:-1px; font-weight:300; color:#201b2e}
font{line-height:1.6;}
ol, ul{list-style:none;}
a{text-decoration:none; color:#222; transition:color 0.3s ease; -moz-transition:color 0.3s ease; -o-transition:color 0.3s ease; -webkit-transition:color 0.3s ease;}
img{vertical-align:middle;}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
select{visibility:hidden;}
table{border-collapse:collapse; border-spacing:0;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}
.sprSet{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/spr_set.png) no-repeat; text-indent:-9999px; display:block;}
/* http://s.nx.com/s2/game/Tera/site/common/spr_footer3.png */
/* Styles
-------------------------------------------------------------- */

/* 레이아웃 ======================================== */
body{overflow-y:scroll;}
#wrap{min-width:1258px; position:relative;}
#container{padding-bottom:110px;}
.innerWrap{margin:0 auto;}

/* 공통 ======================================== */

/* 스크롤바 */
::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #565260;
  border: 0px none #ffffff;
  border-radius: 50px;
}

::-webkit-scrollbar-track {
  background: #1d1a26;
  border: 0px none #ffffff;
  border-radius: 50px;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* 단일 사용 클래스 */
iframe[name="google_conversion_frame"]{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.commonLayer{z-index:99999999; display:none;}
.overlay{width:100%; height:100%; background:#070709; opacity:0.8; filter:alpha(opacity=80); position:fixed; left:0; top:0; z-index:99999998; display:none;}
.overlayAlert{width:100%; height:100%; background:#070709; opacity:0.8; filter:alpha(opacity=80); position:fixed; left:0; top:0; z-index:999999998; display:none;}
.overlay.overlayTrans{opacity:0 !important; filter:alpha(opacity=0) !important;}

/* 텍스트 */
.txtBestItem{width:136px; height:35px; background-position:0 -47px !important;}

/* 버튼 */
.btnAllItem{width:148px; height:41px; background-position:-73px 0 !important;}

/* 분기영역 ======================================== */

/* 공통 */
body.web{background:#f6f5f8;}
body.ingame{background:#322f39;}
body.web .sprSet2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/spr_set_web.png) no-repeat; text-indent:-9999px; display:block;}
body.ingame .sprSet2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/spr_set_ingame.png) no-repeat; text-indent:-9999px; display:block;}

/* 메인 */
body.web .promotionArea{background:#1a1226 url(http://s.nx.com/s2/game/tera/shop_2017/main/bg_promotion_web.jpg) 50% 0 no-repeat;}
body.ingame .promotionArea{background:#52485e url(http://s.nx.com/s2/game/tera/shop_2017/main/bg_promotion_ingame.jpg) 50% 0 no-repeat;}

/* 아이템 리스트 */
body.web .listItem .list .frame{background:#edebef; }
body.web .listItem .list .name, body.web .layerPayment .name{color:#0f0d16;}
body.web .listItem .list .price s{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_sale2.png) 100% 3px no-repeat;}
body.web .listItem .list .price span{color:#dd640a; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash2.png) 0 2px no-repeat;}
body.web .listItem .list .layer{background:#766c90; background:rgba(114,104,141,0.97);}
body.web .listItem .list .layer .name{height:70px; color:#fff;}
body.web .listItem .list .layer .price s{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_sale1.png) 100% 3px no-repeat;}
body.web .listItem .list .layer .price span{color:#ffcf40; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash1.png) 0 2px no-repeat;}
body.web .listItem .list .bestTop{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bg_item_best_web.jpg) no-repeat;}
body.web .viewContents .bestArea .listItem .list .inner{background:#edebef;}

body.ingame .listItem .list .frame{background:#3a3741;}
body.ingame .listItem .list .name, body.ingame .layerPayment .name{color:#fff;}
body.ingame .listItem .list .price s{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_sale1.png) 100% 3px no-repeat;}
body.ingame .listItem .list .price span{color:#e8b826; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash1.png) 0 2px no-repeat;}
body.ingame .listItem .list .layer{background:#5a4f76; background:rgba(90,79,118,0.97);}
body.ingame .listItem .list .layer .infoItem{padding-top:27px;}
body.ingame .listItem .list .layer .btnArea{margin-top:18px;}
body.ingame .listItem .list .layer .name{height:70px; color:#fff;}
body.ingame .listItem .list .layer .price s{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_sale1.png) 100% 3px no-repeat;}
body.ingame .listItem .list .layer .price span{color:#ffcf40; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash1.png) 0 2px no-repeat;}
body.ingame .listItem .list .bestTop{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bg_item_best_ingame.jpg) no-repeat;}
body.ingame .viewContents .bestArea .listItem .list .inner{background:#3a3741;}

/* 상품 목록 사이드바 */
body.web .listContents .sideArea{border-left:1px solid #cfcdd2; border-right:1px solid #cfcdd2;}
body.web .listContents .sideArea .searchArea{border:2px solid #752cb3;}
body.web .listContents .sideArea .sort1:before, body.web .listContents .sideArea .sort1:after{background:#e3e1e6;}
body.web .listContents .sideArea .sort1 .list a{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_chk1.gif) 0 3px no-repeat;}
body.web .listContents .listItem .txtNone{color:#201b2e; border-bottom:1px solid #201b2e;}

body.ingame .listContents .sideArea{min-height:841px;}
body.ingame .listContents .sideArea{border-left:1px solid #423f48; border-right:1px solid #423f48; background:#423f48;}
body.ingame .listContents .sideArea .searchArea{border:2px solid #a030ff;}
body.ingame .listContents .sideArea .searchArea .inputTxt{color:#fff;}
body.ingame .listContents .sideArea .sort1:before, body.ingame .listContents .sideArea .sort1:after{background:#54505a;}
body.ingame .listContents .sideArea .sort1 .list a{color:#fff; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_chk2.gif) 0 3px no-repeat;}
body.ingame .listContents .listItem .txtNone{color:#b053ff; border-bottom:1px solid #b053ff;}

/* 결제 레이어 */
body.web .layerPayment{background:#f6f5f8;}
body.web .layerPayment .header{background:#622795;}
body.web .layerPayment .topArea .thumb{background:#edebef;}
body.web .layerPayment .payArea{border-top:1px solid #3f3548; border-bottom:1px solid #3f3548;}
body.web .layerPayment .payArea li{color:#201b2e;}
body.web .layerPayment .payArea .tit{border-bottom:1px solid #d1cfd5;}
body.web .layerPayment .payArea .tit li strong{color:#dd640a;}
body.web .layerPayment .payArea .tit li.li3_1{color:#4f0093;}
body.web .layerPayment .payArea .pay li.li1:after, body.web .layerPayment .payArea .pay li.li2:after{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/spr_set_web.png) no-repeat;}
body.web .layerPayment .infoItem .price s{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_sale2_1.png) 100% 6px no-repeat;}
body.web .layerPayment .infoItem .price span{color:#dd640a; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash2_3.png) 0 1px no-repeat;}
body.web .layerPayment .payArea .infoItem .price span{color:#322f39; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash3_4.png) 0 2px no-repeat;}
body.web .layerPayment .payArea .infoItem .price strong span{color:#dd640a; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash2_4.png) 0 2px no-repeat;}
body.web .layerPayment .payArea .infoItem .li3_1 span{color:#4f0093; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash5_4.png) 0 2px no-repeat;}
body.web .layerPayment .alertArea .txt{color:#665d6d;}
body.web .layerPayment .alertArea .txt strong{color:#6b15b6;}
body.web .layerPayment .noticeArea{background:#edebef;}
body.web .layerPayment .noticeArea h3{color:#661ba6;}
body.web .layerPayment .noticeArea li{color:#999;}
body.web .layerPayment .txtComplete{color:#6b15b6;}
body.web #layerAlert .alertContainer{color:#0f0d16;}
body.web #layerAlert .alertContainer p.txt small{color:#6925a2;}

body.ingame .layerPayment{background:#3b3742;}
body.ingame .layerPayment .header{background:#9124ed;}
body.ingame .layerPayment .topArea .thumb{background:#433e4b;}
body.ingame .layerPayment .payArea{border-top:1px solid #6d6177; border-bottom:1px solid #6d6177;}
body.ingame .layerPayment .payArea li{color:#d2ccd7;}
body.ingame .layerPayment .payArea .tit{border-bottom:1px solid #4a4452;}
body.ingame .layerPayment .payArea .tit li strong{color:#e8b826;}
body.ingame .layerPayment .payArea .tit li.li3_1{color:#a351ea;}
body.ingame .layerPayment .payArea .pay li.li1:after, body.ingame .layerPayment .payArea .pay li.li2:after{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/spr_set_web.png) no-repeat;}
body.ingame .layerPayment .infoItem .price s{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_sale1_1.png) 100% 6px no-repeat;}
body.ingame .layerPayment .infoItem .price span{color:#e8b826; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash1_3.png) 0 1px no-repeat;}
body.ingame .layerPayment .payArea .infoItem .price span{color:#d2ccd7;  background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash4_4.png) 0 2px no-repeat;}
body.ingame .layerPayment .payArea .infoItem .price strong span{color:#e8b826; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash1_4.png) 0 2px no-repeat;}
body.ingame .layerPayment .payArea .infoItem .li3_1 span{color:#934ad2; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash6_4.png) 0 2px no-repeat;}
body.ingame .layerPayment .alertArea .txt{color:#8a7b98;}
body.ingame .layerPayment .alertArea .txt strong{color:#bb6bff;}
body.ingame .layerPayment .noticeArea{background:#403d46;}
body.ingame .layerPayment .noticeArea h3{color:#b053ff;}
body.ingame .layerPayment .noticeArea li{color:#8e8e8e;}
body.ingame .layerPayment .noticeArea li a{color:#fff;}
body.ingame .layerPayment .txtComplete{color:#bb6bff;}
body.ingame #layerAlert .alertContainer{color:#fff;}
body.ingame #layerAlert .alertContainer p.txt small{color:#9e41ed;}

/* 상품 상세 */
body.web .viewContents .header{background:url(http://s.nx.com/s2/game/tera/shop_2017/view/bg_visual_web.jpg) 50% 0 no-repeat;}
body.web .viewContents .header .infoItem .name{color:#0f0d16;}
body.web .viewContents .header .infoItem .info{color:#999;}
body.web .viewContents .header .infoItem .date{color:#661ba6;}
body.web .viewContents .header .infoItem .limit{color:#db275e;}
body.web .viewContents .header .infoItem .limit .notes .txt{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_notes_txt1.png) no-repeat;}
body.web .viewContents .header .infoItem .limit .nameLimit{border-bottom:1px solid #db275e;}
body.web .viewContents .header .infoItem .limit .remain.off{color:#a9a9a9;}
body.web .viewContents .header .infoItem .price s{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_sale2_1.png) 100% 8px no-repeat;}
body.web .viewContents .header .infoItem .price span{color:#dd640a; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash2_2.png) 0 3px no-repeat;}
body.web .viewContents .navSection .list{border-bottom:2px solid #3f3548;}
body.web .viewContents .navSection .list li a{background:#f6f5f8; border-top:2px solid #e3e1e6; border-left:1px solid #e3e1e6; border-right:1px solid #e3e1e6; color:#a9a7af;}
body.web .viewContents .navSection .list li.on a{background:#f6f5f8; border-top:2px solid #3f3548; border-left:1px solid #3f3548; border-right:1px solid #3f3548; color:#16131e;}
body.web .viewContents .noticeArea .tit{color:#661ba6;}
body.web .viewContents .noticeArea li{color:#999;}
body.web .viewContents .noticeArea li:before{background:#afafaf;}
body.web .viewContents .noticeArea li a{color:#661ba6;}
body.web .viewContents .navSide a.btnList{background-position:-533px -112px;}
body.web .viewContents .navSide a.btnTop{background-position:-533px -176px;}
body.web .viewContents .navSide a.btnList:hover{background-position:-600px -112px;}
body.web .viewContents .navSide a.btnTop:hover{background-position:-600px -176px;}

body.ingame .viewContents .header{background:url(http://s.nx.com/s2/game/tera/shop_2017/view/bg_visual_ingame.jpg) 50% 0 no-repeat;}
body.ingame .viewContents .header .infoItem .name{color:#fff;}
body.ingame .viewContents .header .infoItem .info{color:#8e8e8e;}
body.ingame .viewContents .header .infoItem .date{color:#b053ff;}
body.ingame .viewContents .header .infoItem .limit{color:#ff195f;}
body.ingame .viewContents .header .infoItem .limit .notes .txt{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_notes_txt2.png) no-repeat;}
body.ingame .viewContents .header .infoItem .limit .nameLimit{border-bottom:1px solid #ff195f;}
body.ingame .viewContents .header .infoItem .limit .remain.off{color:#696969;}
body.ingame .viewContents .header .infoItem .price s{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_sale1_1.png) 100% 8px no-repeat;}
body.ingame .viewContents .header .infoItem .price span{color:#e8b826; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash1_2.png) 0 3px no-repeat;}
body.ingame .viewContents .navSection .list{border-bottom:2px solid #9124ed;}
body.ingame .viewContents .navSection .list li a{background:#322f39; border-top:2px solid #463b53; border-left:1px solid #463b53; border-right:1px solid #463b53; color:#776982;}
body.ingame .viewContents .navSection .list li.on a{background:#322f39; border-top:2px solid #9124ed; border-left:1px solid #9124ed; border-right:1px solid #9124ed; color:#c47eff;}
body.ingame .viewContents .noticeArea .tit{color:#b053ff;}
body.ingame .viewContents .noticeArea li{color:#8e8e8e;}
body.ingame .viewContents .noticeArea li:before{background:#818082;}
body.ingame .viewContents .noticeArea li a{color:#b053ff;}
body.ingame .viewContents .header .infoItem .txtNotice{display:none;}
body.ingame .viewContents .navSide{top:73px; margin-top:0; left:auto; margin-left:0; right:13px;}
body.ingame .viewContents .navSide a.btnList{background-position:-1022px -174px;}
body.ingame .viewContents .navSide a.btnTop{background-position:-1022px -238px;}
body.ingame .viewContents .navSide a.btnList:hover{background-position:-1085px -174px;}
body.ingame .viewContents .navSide a.btnTop:hover{background-position:-1085px -238px;}

/* 마이페이지 */
body.web .mypageContents .titArea .list li.buy:after{background:#e3dfe8;}
body.web .mypageContents .listHistory th{border-top:1px solid #3b364a; border-bottom:1px solid #86858b;}
body.web .mypageContents .listHistory td{border-bottom:1px solid #e2e1e6;}
body.web .mypageContents .listHistory tr:last-child td{border-bottom:1px solid #3b364a;}
body.web .mypageContents .listHistory td.price span{color:#dd640a; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash2.png) 0 1px no-repeat; font-weight:normal;}
body.web .mypageContents .listHistory td.none{color:#6b15b6;}
body.web .mypageContents .txtNotice{color:#736182;}

body.ingame .mypageContents .titArea .list li.buy:after{background:#e3dfe8;}
body.ingame .mypageContents .listHistory th{color:#fff; border-top:1px solid #827e86; border-bottom:1px solid #615c66;}
body.ingame .mypageContents .listHistory td{color:#cac3d3; border-bottom:1px solid #3e3945;}
body.ingame .mypageContents .listHistory tr:last-child td{border-bottom:1px solid #827e86;}
body.ingame .mypageContents .listHistory td.price span{color:#e8b826; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash1.png) 0 1px no-repeat; font-weight:normal;}
body.ingame .mypageContents .listHistory td.none{color:#bb6bff;}
body.ingame .mypageContents .txtNotice{display:none;}

/* 셀렉트박스 */
body.web .nice-select .current{color:#3f3548;}
body.web .nice-select .list{border:1px solid #a3a1a6; background:#edebef; color:#3f3548;}
body.web .nice-select .option:hover, body.web .nice-select .option.focus, body.web .nice-select .option.selected.focus{background:#e4dcea; color:#3f3548;}

body.web .listContents .sideArea .sort2 .nice-select, body.web .listContents .sideArea .sort2 .nice-select .list{border:2px solid #d0c9d7;}
body.web .listContents .sideArea .sort2 .nice-select:after{width:27px; height:9px; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_select_list1.png) no-repeat; top:20px;}
body.web .viewContents .header .infoItem .nice-select, body.web .layerPayment .nice-select{border:1px solid #85828a;}
body.web .viewContents .header .infoItem .nice-select:after, body.web .layerPayment .nice-select:after{width:25px; height:10px; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_select_list3.png) no-repeat; top:15px;}

body.ingame .nice-select .current{color:#fff;}
body.ingame .nice-select .list{border:1px solid #a3a1a6; background:#292631; color:#9a94a0;}
body.ingame .nice-select .option:hover, body.ingame .nice-select .option.focus, body.ingame .nice-select .option.selected.focus{background:#403555; color:#fff;}

body.ingame .listContents .sideArea .sort2 .nice-select, body.ingame .listContents .sideArea .sort2 .nice-select .list{border:2px solid #6d6177;}
body.ingame .listContents .sideArea .sort2 .nice-select:after{width:27px; height:9px; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_select_list2.png) no-repeat; top:20px;}
body.ingame .viewContents .header .infoItem .nice-select, body.ingame .layerPayment .nice-select{border:1px solid #a3a1a6;}
body.ingame .viewContents .header .infoItem .nice-select:after, body.ingame .layerPayment .nice-select:after{width:25px; height:10px; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_select_list4.png) no-repeat; top:15px;}

/* 페이징 */
body.web .paging .page_num a, body.web .paging .page_num .nowpage{color:#675c70; background:#efedf2;}
body.web .paging .page_num a:hover, body.web .paging .page_num .nowpage{color:#752cb3; background:#dccdea;}

body.ingame .paging .page_num a, body.ingame .paging .page_num .nowpage{color:#99949d; background:#3f3c46;}
body.ingame .paging .page_num a:hover, body.ingame .paging .page_num .nowpage{color:#a745fb; background:#4e3765;}

/* 헤더 ======================================== */
#header{background:#16131e; border-bottom:1px solid #622795;}
#header .innerWrap{width:1258px;}
#header .left{float:left;}
#header .right{pa.listContentsdding:0 18px 0 0; float:right;}
#header .logo{width:205px; height:58px; float:left;}
#header .logo a{height:58px; float:left;}
#header .logo a.link1{width:119px;}
#header .logo a.link2{width:86px;}
#header .personalize .txtLogin{width:172px; height:58px; background-position:0 -116px; float:left;}
#header .personalize .btnLogin{width:103px; height:58px; background-position:-172px -116px; margin:0 7px 0 0; float:left;}
#header .personalize .btnStart{width:121px; height:58px; background-position:-282px -116px; float:left;}
#header .personalize .btnCharge{width:103px; height:58px; background-position:-403px -116px; margin:0 7px 0 ; float:left;}
#header .personalize .txtCash{padding:21px 12px 0 0; float:left;}
#header .personalize .txtCash span{font-size:14px; color:#aa9cb7; display:inline-block; margin:0 8px 0 0;}
#header .personalize .txtCash strong{font-size:16px; color:#e8b826; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash1.png) 0 1px no-repeat; padding:0 0 0 19px;}
#gnb{float:left;}
#gnb li{float:left;}
#gnb li a{height:58px;}
#gnb li.best a{width:177px; background-position:-205px 0;}
#gnb li.list a{width:151px; background-position:-382px 0;}
#gnb li.my a{width:152px; background-position:-533px 0;}
body.main #gnb li.best a{width:177px; background-position:-205px -58px;}
body.list  #gnb li.list a{width:151px; background-position:-382px -58px;}
body.my #gnb li.my a{width:152px; background-position:-533px -58px;}

/* 프로모션 ======================================== */
.promotionArea{width:100%; height:416px; position:relative; overflow:hidden;}
.promotionArea .list{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;}
.promotionArea .list li{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); z-index:-1;}
.promotionArea .list li.trans{transition:opacity 1s ease; -moz-transition:opacity 1s ease; -o-transition:opacity 1s ease; -webkit-transition:opacity 1s ease;}
.promotionArea .list li.on{opacity:1; filter:alpha(opacity=100); z-index:1;}
.promotionArea .list li:first-child{display:block;}
.promotionArea .list li.firstChild{display:block;}
.promotionArea .list li a{width:100%; height:100%; text-align:center; display:block; position:relative;}
.promotionArea .nav{width:1258px; position:relative; right:39px; top:360px; z-index:20; text-align:right;}
.promotionArea .nav ul{display:inline-block;}
.promotionArea .nav li{margin:0 4px 0 0; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.promotionArea .nav button{width:32px; height:31px; display:block; outline:none;}
.promotionArea .navDir{margin:0 6px 0 0;}
.promotionArea .navDir button.prev{background-position:0 0;}
.promotionArea .navDir button.next{background-position:-34px 0;}
.promotionArea .navNum .nav0 button{background-position:0 -174px;}
.promotionArea .navNum .nav1 button{background-position:-36px -174px;}
.promotionArea .navNum .nav2 button{background-position:-71px -174px;}
.promotionArea .navNum .nav3 button{background-position:-107px -174px;}
.promotionArea .navNum .nav4 button{background-position:-142px -174px;}
.promotionArea .navNum .nav5 button{background-position:-177px -174px;}
.promotionArea .navNum .nav6 button{background-position:-214px -174px;}
.promotionArea .navNum .nav7 button{background-position:-248px -174px;}
.promotionArea .navNum .nav8 button{background-position:-284px -174px;}
.promotionArea .navNum .nav9 button{background-position:-320px -174px;}
.promotionArea .navNum .nav0 button.on{background-position:0 -206px;}
.promotionArea .navNum .nav1 button.on{background-position:-36px -206px;}
.promotionArea .navNum .nav2 button.on{background-position:-71px -206px;}
.promotionArea .navNum .nav3 button.on{background-position:-107px -206px;}
.promotionArea .navNum .nav4 button.on{background-position:-142px -206px;}
.promotionArea .navNum .nav5 button.on{background-position:-177px -206px;}
.promotionArea .navNum .nav6 button.on{background-position:-214px -206px;}
.promotionArea .navNum .nav7 button.on{background-position:-248px -206px;}
.promotionArea .navNum .nav8 button.on{background-position:-284px -206px;}
.promotionArea .navNum .nav9 button.on{background-position:-320px -206px;}

/* 카테고리 ======================================== */
.infoItem .category span{margin:0 5px 0 0; text-indent:-9999px; display:inline-block;}
.infoItem .category span:last-child{margin-right:0;}

body.web .infoItem .category span{height:25px;}
body.web .infoItem .category span.cat1{width:54px;}
body.web .infoItem .category span.cat2{width:65px;}
body.web .infoItem .category span.cat3{width:65px;}
body.web .infoItem .category span.cat4{width:70px;}
body.web .infoItem .category span.cat5{width:65px;}
body.web .infoItem .category span.sale{width:54px;}
body.web .infoItem .category span.cat1{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/2-1.png) no-repeat;}
body.web .infoItem .category span.cat2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/2-2.png) no-repeat;}
body.web .infoItem .category span.cat3{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/2-3.png) no-repeat;}
body.web .infoItem .category span.cat4{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/2-4.png) no-repeat;}
body.web .infoItem .category span.cat5{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/2-5.png) no-repeat;}
body.web .infoItem .category span.sale{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/2-6.png) no-repeat;}
body.ingame .infoItem .category span{height:29px;}
body.ingame .infoItem .category span.cat1{width:61px;}
body.ingame .infoItem .category span.cat2{width:74px;}
body.ingame .infoItem .category span.cat3{width:74px;}
body.ingame .infoItem .category span.cat4{width:78px;}
body.ingame .infoItem .category span.cat5{width:74px;}
body.ingame .infoItem .category span.sale{width:61px;}
body.ingame .infoItem .category span.cat1{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/2-1.png) no-repeat;}
body.ingame .infoItem .category span.cat2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/2-2.png) no-repeat;}
body.ingame .infoItem .category span.cat3{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/2-3.png) no-repeat;}
body.ingame .infoItem .category span.cat4{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/2-4.png) no-repeat;}
body.ingame .infoItem .category span.cat5{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/2-5.png) no-repeat;}
body.ingame .infoItem .category span.sale{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/2-6.png) no-repeat;}

.listItem .list .bestTop .category span{height:34px !important;}
.listItem .list .bestTop .category span.cat1{width:74px !important;}
.listItem .list .bestTop .category span.cat2{width:89px !important;}
.listItem .list .bestTop .category span.cat3{width:89px !important;}
.listItem .list .bestTop .category span.cat4{width:94px !important;}
.listItem .list .bestTop .category span.cat5{width:89px !important;}
.listItem .list .bestTop .category span.sale{width:74px !important;}
body.web .listItem .list .bestTop .category span.cat1{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/1-1.png) no-repeat !important;}
body.web .listItem .list .bestTop .category span.cat2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/1-2.png) no-repeat !important;}
body.web .listItem .list .bestTop .category span.cat3{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/1-3.png) no-repeat !important;}
body.web .listItem .list .bestTop .category span.cat4{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/1-4.png) no-repeat !important;}
body.web .listItem .list .bestTop .category span.cat5{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/1-5.png) no-repeat !important;}
body.web .listItem .list .bestTop .category span.sale{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/1-6.png) no-repeat !important;}
body.ingame .listItem .list .bestTop .category span.cat1{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-1.png) no-repeat !important;}
body.ingame .listItem .list .bestTop .category span.cat2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-2.png) no-repeat !important;}
body.ingame .listItem .list .bestTop .category span.cat3{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-3.png) no-repeat !important;}
body.ingame .listItem .list .bestTop .category span.cat4{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-4.png) no-repeat !important;}
body.ingame .listItem .list .bestTop .category span.cat5{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-5.png) no-repeat !important;}
body.ingame .listItem .list .bestTop .category span.sale{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-6.png) no-repeat !important;}

.listItem .list .layer .category span{height:29px;}
.listItem .list .layer .category span.cat1{width:61px;}
.listItem .list .layer .category span.cat2{width:74px;}
.listItem .list .layer .category span.cat3{width:74px;}
.listItem .list .layer .category span.cat4{width:78px;}
.listItem .list .layer .category span.cat5{width:74px;}
.listItem .list .layer .category span.sale{width:61px;}
body.web .listItem .list .layer .category span.cat1{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/3-1.png) no-repeat;}
body.web .listItem .list .layer .category span.cat2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/3-2.png) no-repeat;}
body.web .listItem .list .layer .category span.cat3{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/3-3.png) no-repeat;}
body.web .listItem .list .layer .category span.cat4{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/3-4.png) no-repeat;}
body.web .listItem .list .layer .category span.cat5{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/3-5.png) no-repeat;}
body.web .listItem .list .layer .category span.sale{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/3-6.png) no-repeat;}
body.ingame .listItem .list .layer .category span.cat1{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/3-1.png) no-repeat;}
body.ingame .listItem .list .layer .category span.cat2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/3-2.png) no-repeat;}
body.ingame .listItem .list .layer .category span.cat3{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/3-3.png) no-repeat;}
body.ingame .listItem .list .layer .category span.cat4{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/3-4.png) no-repeat;}
body.ingame .listItem .list .layer .category span.cat5{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/3-5.png) no-repeat;}
body.ingame .listItem .list .layer .category span.sale{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/3-6.png) no-repeat;}

.viewContents .header .infoItem .category span{height:34px;}
.viewContents .header .infoItem .category span.cat1{width:74px;}
.viewContents .header .infoItem .category span.cat2{width:89px;}
.viewContents .header .infoItem .category span.cat3{width:89px;}
.viewContents .header .infoItem .category span.cat4{width:95px;}
.viewContents .header .infoItem .category span.cat5{width:89px;}
.viewContents .header .infoItem .category span.sale{width:74px;}
body.web .viewContents .header .infoItem .category span.cat1{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/4-1.png) no-repeat;}
body.web .viewContents .header .infoItem .category span.cat2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/4-2.png) no-repeat;}
body.web .viewContents .header .infoItem .category span.cat3{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/4-3.png) no-repeat;}
body.web .viewContents .header .infoItem .category span.cat4{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/4-4.png) no-repeat;}
body.web .viewContents .header .infoItem .category span.cat5{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/4-5.png) no-repeat;}
body.web .viewContents .header .infoItem .category span.sale{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/web/4-6.png) no-repeat;}
body.ingame .viewContents .header .infoItem .category span.cat1{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-1.png) no-repeat;}
body.ingame .viewContents .header .infoItem .category span.cat2{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-2.png) no-repeat;}
body.ingame .viewContents .header .infoItem .category span.cat3{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-3.png) no-repeat;}
body.ingame .viewContents .header .infoItem .category span.cat4{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-4.png) no-repeat;}
body.ingame .viewContents .header .infoItem .category span.cat5{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-5.png) no-repeat;}
body.ingame .viewContents .header .infoItem .category span.sale{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/category/ingame/1-6.png) no-repeat;}

/* 아이템 리스트 ======================================== */
.infoItem .price{font-size:18px; font-weight:bold;}
.infoItem .price s{margin:0 8px 0 0; padding:0 13px; display:inline-block;}
.infoItem .price s span{opacity:0.3; filter:alpha(opacity=30);}
.infoItem .price span{display:inline-block; padding:0 0 0 21px;}

.listItem .list .frame{width:283px; height:341px; background:#edebef; text-align:center; margin:0 12px 12px 0; float:left; position:relative;}
.listItem .list .inner{padding:229px 0 0 0;}
.listItem .list .thumb{position:absolute; left:12px; top:0;}
.listItem .list .thumb .imgThumb{width:259px;}
.listItem .list .name{width:283px; height:55px; font-size:16px; text-align:center; display:table-cell; vertical-align:middle;}
.listItem .list .name span{width:223px; display:inline-block;}
.listItem .list .layer{width:100%; height:100%; text-align:center; position:absolute; left:0; top:0; z-index:10; opacity:0; filter:alpha(opacity=0); transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -webkit-transition:opacity 0.3s ease;}
.listItem .list .frame:hover .layer{opacity:1; filter:alpha(opacity=100);}
.listItem .list .layer .infoItem{padding:47px 0 0 0;}
.listItem .list .layer .infoItem .name{font-size:18px;}
.listItem .list .btnArea{width:148px; margin:28px auto 0;}
.listItem .list .btnArea a{width:148px; height:48px; margin:0 0 6px 0; display:block;}
.listItem .list .btnArea .btnDetail{background-position:0 -308px;}
.listItem .list .btnArea .btnBuy{background-position:-169px -308px;}
.listItem .list .btnArea .btnGift{background-position:-338px -308px;}
.listItem .list .sticker{width:47px; height:72px; position:absolute; left:10px; top:0; z-index:9; display:none;}
body.main .listItem .list li.best1 .sticker{width:54px; height:83px; left:16px; background-position:0 -162px; display:block;}
body.main .listItem .list li.best2 .sticker{width:54px; height:83px; left:16px; background-position:-54px -162px; display:block;}
.listItem .list li.best1 .sticker{background-position:-136px -82px; display:block;}
.listItem .list li.best2 .sticker{background-position:-183px -82px; display:block;}
.listItem .list li.best3 .sticker{background-position:-108px -162px; display:block;}
.listItem .list li.best4 .sticker{background-position:-155px -162px; display:block;}
.listItem .list li.best5 .sticker{background-position:-202px -162px; display:block;}
.listItem .list li.best6 .sticker{background-position:-249px -162px; display:block;}
.listItem .list li.best7 .sticker{background-position:-296px -162px; display:block;}
.listItem .list li.best8 .sticker{background-position:-343px -162px; display:block;}
.listItem .list li.best9 .sticker{background-position:-390px -162px; display:block;}
.listItem .list li.best10 .sticker{background-position:-437px -162px; display:block;}
.listItem .list li.new .sticker{background-position:0 -82px; display:block;}
.listItem .list li.hot .sticker{background-position:-55px -82px; display:block;}
.listItem .list li.event .sticker{background-position:-239px -82px; display:block;}

.listItem .list .bestTop{width:578px; height:314px;}
.listItem .list .bestTop .inner{padding:0; zoom:1;}
.listItem .list .bestTop .inner:after{clear:both; display:block; content:'';}
.listItem .list .bestTop .thumb{float:left; position:static;}
.listItem .list .bestTop .thumb .imgThumb{width:323px;}
.listItem .list .bestTop .infoItem{width:255px; padding:79px 0 0 0; float:left;}

.listItem .list .bestTop .name{width:255px;  height:95px; font-size:20px; color:#fff !important;}
.listItem .list .bestTop .price{font-size:20px;}
.listItem .list .bestTop .price s{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_sale1.png) 100% 3px no-repeat !important;}
.listItem .list .bestTop .price span{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_cash1_1.png) 0 2px no-repeat !important; color:#ffcf40 !important;}

.listItem .list .bestTop .layer .infoItem{width:auto; float:none; padding-top:53px !important;}
.listItem .list .bestTop .layer .name{width:578px;}
.listItem .list .bestTop .layer .name span{width:500px;}
.listItem .list .bestTop .layer .infoItem .name{font-size:22px;}
.listItem .list .bestTop .layer .btnArea{width:auto; margin:34px 0 0 0; text-align:center;}
.listItem .list .bestTop .layer .btnArea a{margin:0 3px 0 0; display:inline-block;}

/* 결제 레이어 ======================================== */
.layerPayment{width:635px;}
.layerPayment .header{height:59px; line-height:59px;}
.layerPayment .header h2{font-size:26px; color:#fff; font-weight:normal; padding:0 0 0 26px; float:left;}
.layerPayment .header .btnClose{width:57px; height:59px; background-position:0 -430px; float:right;}
.layerPayment .topArea{margin:0 0 23px 0; padding:23px 0 0 24px;}
.layerPayment .topArea .thumb{width:194px; margin:0 23px 0 0; float:left;}
.layerPayment .topArea .thumb .imgThumb{width:194px; display:block;}
.layerPayment .topArea .infoItem{width:394px; padding:30px 0 0 0; float:left;}
.layerPayment .topArea .infoItem .category{margin:0 0 10px 0;}
.layerPayment .topArea .infoItem .name{margin:0 0 24px 0; font-size:24px;}
.layerPayment .topArea .infoItem .select{margin:0 7px 0 0; display:inline-block; vertical-align:top;}
.layerPayment .topArea .infoItem .cnt .nice-select{width:112px; height:41px; line-height:43px;}
.layerPayment .topArea .infoItem .cnt .nice-select .current{font-size:20px;}
.layerPayment .topArea .infoItem .cnt .nice-select .list{width:112px; margin-left:-1px;}
.layerPayment .topArea .infoItem .price{font-size:24px; display:inline-block; vertical-align:top; margin:8px 0 0 0;}
.layerPayment .topArea .infoItem .price s{margin:0 7px 0 0; padding:0 16px 0 7px;}
.layerPayment .topArea .infoItem .price span{padding:0 0 0 28px;}
.layerPayment .payArea{width:588px; margin:0 0 22px 24px;}
.layerPayment .payArea .tit{height:51px; line-height:51px;}
.layerPayment .payArea .price span{font-size:22px; padding:0 0 0 25px;}
.layerPayment .payArea li{text-align:center; float:left; position:relative;}
.layerPayment .payArea li.li1{width:204px;}
.layerPayment .payArea li.li2{width:190px;}
.layerPayment .payArea li.li3{width:194px;}
.layerPayment .payArea .pay li{height:75px; display:table-cell; vertical-align:middle; float:none;}
.layerPayment .payArea .pay li.li1:after, .layerPayment .payArea .pay li.li2:after{width:38px; height:38px; position:absolute; right:-19px; top:15px; content:''; display:block;}
.layerPayment .payArea .pay li.li1:after{background-position:-326px -366px !important;}
.layerPayment .payArea .pay li.li2:after{background-position:-516px -366px !important;}
#layerComplete .payArea .pay{font-size:20px;}
#layerComplete .payArea .pay li{height:85px;}
#layerComplete .payArea li.li1{width:288px;}
#layerComplete .payArea li.li1 .name{width:200px; display:inline-block;}
#layerComplete .payArea li.li2{width:138px;}
#layerComplete .payArea li.li3{width:162px;}
#layerComplete .payArea .pay li.li2{font-size:22px; font-weight:bold;}
#layerComplete .payArea .pay li.li1:after, #layerComplete .payArea .pay li.li2:after{background:none !important;}
#layerComplete .btnArea{padding:0 0 32px 0;}
.layerPayment .btnArea{text-align:center;}
.layerPayment .btnArea a{width:253px; height:74px; display:inline-block;}
.layerPayment .btnArea a.btnBuyGo{background-position:-73px -430px;}
.layerPayment .btnArea a.btnGiftGo{background-position:-335px -430px;}
.layerPayment .btnArea a.btnChargeGo{width:266px; background-position:-598px -430px;}
.layerPayment .btnArea a.btnHistoryGo{width:264px; background-position:0 -516px;}
.layerPayment .btnArea a.btnConfirm{width:198px; height:64px; background-position:-272px -516px;}
.layerPayment .noticeArea{margin:35px 0 0 0; padding:28px 24px 22px;}
.layerPayment .alertArea{line-height:30px; margin:35px 0 15px 0; text-align:center;}
.layerPayment .alertArea .txt{font-size:18px;}
.layerPayment .alertArea .txt strong{font-size:26px; display:block;}
.layerPayment .noticeArea h3{font-size:15px; margin:0 0 6px 0;}
.layerPayment .noticeArea li{line-height:20px; font-size:14px; letter-spacing:-0.5px;}
.layerPayment .noticeArea li a{color:#661ba6; font-size:13px;}
.layerPayment .giftArea{width:584px; border:2px solid #a030ff; margin:0 0 25px 24px;}
.layerPayment .giftArea h3{font-size:18px; color:#bb6bff; padding:22px 0 20px 21px;}
.layerPayment .giftArea .listWrap{padding:0 0 20px 19px;}
.layerPayment .giftArea li{margin:0 0 4px 0;}
.layerPayment .giftArea label{width:93px; color:#d2ccd7; padding:12px 0 0 0;float:left;}
.layerPayment .giftArea .inner{float:left;}
.layerPayment .giftArea .nice-select{width:199px; height:39px; line-height:39px; border:1px solid #6d6177 !important;}
.layerPayment .giftArea .nice-select .list{width:199px; margin-left:-1px; border:1px solid #6d6177 !important;}
.layerPayment .giftArea .inputTxt{width:161px; height:37px; line-height:39px; background:none; border:1px solid #6d6177; color:#fff; padding:0 18px; display:block;}
.layerPayment .giftArea .inputTxtArea{width:403px; height:70px; background:none; border:1px solid #6d6177; color:#fff; padding:10px 18px; resize:none; display:block;}
.layerPayment .txtComplete{font-size:30px; text-align:center; padding:68px 0;}
#layerAlert{width:538px; z-index:999999999;}
#layerAlert .alertContainer{width:538px; height:175px; font-size:24px; line-height:30px; text-align:center; vertical-align:middle; display:table-cell;}
#layerAlert .alertContainer p.txt{width:400px; padding:10px 0; display:inline-block;}
#layerAlert .alertContainer p.txt small{display:block; font-size:17px; margin:14px 0 0 0;}
#layerAlert .btnArea{padding:0 0 27px 0;}
#layerLoading{width:100%; height:100%; background:url(http://s.nx.com/s2/game/tera/shop/common/dimmed_all.png); position:fixed; left:0; top:0; z-index:999999999; display:none;}
#layerLoading .inner{width:300px; height:300px; position:fixed; left:50%; top:50%; margin:-150px 0 0 -150px;}
#layerLoading .inner .bg{width:180px; height:215px; margin:0 auto; background:url(http://s.nx.com/s2/game/tera/shop/common/payment_loading.gif) no-repeat;}
#layerLoading .inner .txt{width:158px; height:49px; margin:12px 0 0 85px; text-indent:-9999px; background:url(http://s.nx.com/s2/game/tera/shop/common/txt_loading.png) no-repeat;}


/* 상세페이지 영상 팝업 ========================================  */
#popPlayDetail { position:fixed; top: 50%; left: 50%; z-index: 99999999; margin: -315px 0 0 -505px; width: 1010px; height: 630px; background: url(http://s.nx.com/s2/game/Tera/shop_2017/pop/pop_play.jpg); display: none; }
#popPlayDetail .thum { z-index: 1; position: absolute; top: 0; margin: 5px; width: 1000px; height: 620px; cursor: pointer;}
#popPlayDetail .youtubeArea { position: absolute; top: 0; margin: 5px; width: 1000px; height: 620px; }
#popPlayDetail .pop_close { position: absolute; top: -80px; left: 50%; margin-left: -28px; }
#popPlayDetail .pop_close a { display: block; width: 55px; height: 55px; background: url(http://s.nx.com/s2/game/Tera/shop_2017/pop/btn_close.png) no-repeat; text-indent: -9999px;}


/* 메인 ======================================== */
.mainContents{padding:58px 0 0 0;}
.mainContents .innerWrap{width:1168px;}
.mainContents .titArea{margin:0 0 16px 0;}
.mainContents .titArea .txtBestItem{float:left;}
.mainContents .titArea .btnAllItem{float:right;}
.mainContents .listItem .list{width:1185px;}

/* 상품 목록 ======================================== */
.listContents{width:1258px; margin:0 auto; padding-bottom:0 !important;}
.listContents .sideArea{width:311px; min-height:650px; margin:0 32px 0 0; float:left;}
.listContents .sideArea fieldset{width:244px; padding:37px 0 60px 37px;}
.listContents .sideArea .searchArea{width:240px; height:44px; margin:0 0 29px 0; }
.listContents .sideArea .searchArea .inputTxt{width:176px; height:44px; line-height:44px; padding:0 10px; background:none; border:0 none; float:left; outline:none;}
.listContents .sideArea .searchArea .btnSearch{width:44px; height:44px; background-position:-232px 0; float:left;}
.listContents .sideArea .sort1{position:relative; margin:0 0 29px 0; padding:29px 0 24px;}
.listContents .sideArea .sort1:before{width:233px; height:1px; position:absolute; left:5px; top:0; content:''; display:block;}
.listContents .sideArea .sort1:after{width:233px; height:1px; position:absolute; left:5px; bottom:0; content:''; display:block;}
.listContents .sideArea .sort1 .txtCategory{width:138px; height:25px; background-position:-136px -47px; margin:0 0 20px 0;}
.listContents .sideArea .sort1 .list{padding:0 0 0 5px;}
.listContents .sideArea .sort1 .list li{margin:0 0 10px 0;}
.listContents .sideArea .sort1 .list a{font-size:16px; padding:0 0 0 24px;}
.listContents .sideArea .sort1 .list a.on{background-position:0 -84px !important;}
.listContents .sideArea .sort2{width:244px;}
.listContents .sideArea .sort2 .nice-select{width:244px; height:48px; line-height:48px;}
.listContents .sideArea .sort2 .nice-select .list{width:244px;; margin-left:-2px;}

.listContents .listItem{width:875px; float:left;}
.listContents .listItem .list{width:885px; padding:33px 0 60px;}
.listContents .listItem .txtNone{font-size:16px; font-weight:bold; padding:17px 0 2px 0; display:inline-block;}

/* 상품 상세 ======================================== */
.viewContents .header{width:100%; min-height:526px; margin:0 0 60px 0; position:relative;}
.viewContents .header .visual{width:100%; height:100%; position:absolute; left:0; top:0;}
.viewContents .header .innerWrap{width:1258px; position:relative; z-index:10;}
.viewContents .header .inner{height:452px; vertical-align:middle; padding:74px 0 0 633px; display:table-cell;}
.viewContents .header .infoItem .category{margin:0 0 12px 0;}
.viewContents .header .infoItem .name{width:520px; font-size:46px; margin:0 0 20px 0;}
.viewContents .header .infoItem .name h2{font-weight:normal;}
.viewContents .header .infoItem .info{width:520px; margin:0 0 6px 0;}
.viewContents .header .infoItem .info2{width:520px; margin:0 0 12px 0;}
.viewContents .header .infoItem .info strong{font-weight:700 !important; color:red;}
.viewContents .header .infoItem .date{font-size:15px;}
.viewContents .header .infoItem .limit{font-size:18px; font-weight:bold; margin:8px 0 0 0;}
.viewContents .header .infoItem .limit .notes{width:18px; height:18px; background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_notes.png) no-repeat; display:inline-block; cursor:pointer; position:relative; z-index:10; vertical-align:top; margin:0 0 0 5px;}
.viewContents .header .infoItem .limit .notes .txt{width:332px; height:23px; font-size:14px; font-weight:normal; text-align:center; padding:15px 0 0 0; position:absolute; left:-157px; top:22px; display:none;}
.viewContents .header .infoItem .limit .notes:hover .txt{display:block;}
.viewContents .header .infoItem .limit .nameLimit{display:inline-block;}
.viewContents .header .infoItem .cnt{margin:28px 0 27px;}
.viewContents .header .infoItem .cnt .select{margin:0 15px 0 0; display:inline-block; vertical-align:top; }
.viewContents .header .infoItem .cnt .nice-select{width:125px; height:41px; line-height:43px;}
.viewContents .header .infoItem .cnt .nice-select .current{font-size:20px;}
.viewContents .header .infoItem .cnt .nice-select .list{width:125px; margin-left:-1px;}
.viewContents .header .infoItem .price{font-size:30px; display:inline-block; vertical-align:top; margin:3px 0 0 0;}
.viewContents .header .infoItem .price s{margin:0 13px 0 0; padding:0 19px 0 14px;}
.viewContents .header .infoItem .price span{padding:0 0 0 34px;}
.viewContents .header .infoItem .btnArea{width:570px;}
.viewContents .header .infoItem .btnArea a{width:274px; height:74px; margin:0 3px 0 0; float:left;}
.viewContents .header .infoItem .btnArea a.btnBuy{background-position:0 -266px; margin:0 10px 0 0;}
.viewContents .header .infoItem .btnArea a.btnGift{background-position:-284px -266px;}
.viewContents .header .infoItem .txtNotice{font-size:14px; color:#736182; margin:13px 0 0 0;}
.viewContents .container .innerWrap{width:1258px;}
.viewContents .navSection{margin:0 0 30px 0;}
.viewContents .navSection .list{height:61px; position:relative;}
.viewContents .navSection .list li{width:417px; height:59px; line-height:59px; font-size:18px; position:absolute; top:0; z-index:9;}
.viewContents .navSection .list li.nav0{width:419px; left:0; top:0;}
.viewContents .navSection .list li.nav1{left:420px;}
.viewContents .navSection .list li.nav2{width:419px; left:838px;}
.viewContents .navSection .list li a{width:100%; height:100%; text-align:center; display:block;}
.viewContents .navSection .list li.on{height:61px; z-index:10;}
.viewContents .navSide{width:60px; height:124px; position:fixed; left:50%; margin-left:45%; top:50%; margin-top:-62px; z-index:110;}
.viewContents .navSide li{margin:0 0 4px 0;}
.viewContents .navSide a{width:60px; height:60px;}
.fixHeader .viewContents .navSection{position:fixed; left:50%; top:0; z-index:100; margin-left:-629px;}
.fixHeader .viewContents .navSection .list{width:1258px; height:61px;}
.fixHeader .viewContents .container .innerWrap{padding-top:93px;}
.viewContents .screenshotArea{height:667px; margin:0 0 29px 0; position:relative;}
.viewContents .screenshotArea .contents{width:969px; height:667px; background:#211b26; position:absolute; left:0; top:0;}
.viewContents .screenshotArea .contents li{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:opacity 1s ease; -moz-transition:opacity 1s ease; -o-transition:opacity 1s ease; -webkit-transition:opacity 1s ease;}
.viewContents .screenshotArea .contents li.on{opacity:1; filter:alpha(opacity=100); z-index:1;}
.viewContents .screenshotArea .contents li img{max-width:100%; display:block;}
.viewContents .screenshotArea .nav{width:300px; height:667px; background:url(http://s.nx.com/s2/game/tera/shop_2017/view/bg_screenshot_nav.jpg) right 0 no-repeat; position:absolute; right:0; top:0; z-index:20; overflow:hidden;}
.viewContents .screenshotArea .nav li{width:300px;}
.viewContents .screenshotArea .nav li a{width:266px; height:67px; padding:0 0 0 34px; display:table-cell; vertical-align:middle; position:relative;}
.viewContents .screenshotArea .nav li a.on:before{width:300px; height:68px; background:url(http://s.nx.com/s2/game/tera/shop_2017/view/bg_screenshot_nav_on.png) no-repeat; position:absolute; left:0; top:-1px; z-index:1; content:''; display:block;}
.viewContents .screenshotArea .nav li a span{font-size:16px; display:block; position:relative; z-index:2;}
.viewContents .screenshotArea .nav li a span.txt1{font-size:16px; color:#bbb4c2;}
.viewContents .screenshotArea .nav li a span.txt2{font-size:14px; color:#b08dce; margin:5px 0 0 0;}
.viewContents .screenshotArea .nav li a.on span.txt1{color:#fff;}
.viewContents .screenshotArea .nav li a.on span.txt2{color:#fac0ff;}
.viewContents .screenshotArea .nav li a.youtube .txt1{background:url(http://s.nx.com/s2/game/tera/shop_2017/common/bullet/bul_youtube.png) 0 1px no-repeat; padding:0 0 0 26px; display:inline-block;}
.viewContents .screenshotArea .navDir{width:53px; height:52px; position:absolute; top:310px; z-index:50;}
.viewContents .screenshotArea .navDir.prev{left:28px; background-position:-533px -238px;}
.viewContents .screenshotArea .navDir.next{left:889px; background-position:-588px -238px;}
.viewContents #detail{padding:0 0 87px 0;}
.viewContents #detail .btnItem{width:443px; height:104px; background-position:0 -376px; margin:0 auto;}
.viewContents #detail .txtItem{width:1065px; height:66px; background-position:0 -496px; margin:0 auto;}
.viewContents .noticeArea{letter-spacing:-0.5px; margin:0 0 63px 0; padding:0 0 0 46px;}
.viewContents .noticeArea .txtNotice{width:89px; height:26px; background-position:-326px 0; margin:0 0 24px 0;}
.viewContents .noticeArea .tit{font-size:15px; font-weight:normal; margin:0 0 8px 0;}
.viewContents .noticeArea .list{margin:0 0 12px 0; padding:0 0 0 3px;}
.viewContents .noticeArea li{line-height:22px; font-size:14px; position:relative; padding:0 0 0 8px;}
.viewContents .noticeArea li:before{width:2px; height:2px; position:absolute; left:0; top:9px; content:''; display:block;}
.viewContents .noticeArea li a{font-size:13px;}
.viewContents .noticeArea li a:hover{text-decoration:underline;}
.viewContents .bestArea{width:1170px; padding:0 0 0 46px;}
.viewContents .bestArea .titArea{height:49px;}
.viewContents .bestArea .titArea h3{float:left;}
.viewContents .bestArea .titArea .btnArea{float:right;}
.viewContents .bestArea .titArea .btnArea button{width:38px; height:38px; float:left; outline:none;}
.viewContents .bestArea .titArea .btnArea button.disable{opacity:0.3; cursor:default;}
.viewContents .bestArea .titArea .btnArea .btnPrev{background-position:-326px -82px; margin:0 5px 0 0;}
.viewContents .bestArea .titArea .btnArea .btnNext{background-position:-369px -82px;}
.viewContents .bestArea .listItem{width:1180px; height:341px;}
.viewContents .bestArea .listItem .list .frame{margin:0;}
.viewContents .bestArea .listItem .list .frame{background:none;}
.viewContents .bestArea .listItem .list .inner{width:283px; padding-bottom:10px;}
.viewContents .bestArea .listItem .list .layer{width:283px;}

/* 마이페이지 ======================================== */
.mypageContents .innerWrap{width:1170px;}
.mypageContents .titArea{margin:0 0 38px 0; padding:65px 0 0 0;}
.mypageContents .titArea .list{float:left;}
.mypageContents .titArea .list li{float:left; position:relative;}
.mypageContents .titArea .list li.buy{margin:0 25px 0 0; padding:0 28px 0 0;}
.mypageContents .titArea .list li.buy:after{width:3px; height:19px; position:absolute; right:-3px; top:5px; content:''; display:block;}
.mypageContents .titArea .list li a{width:87px; height:25px;}.mypageContents .titArea .list li.buy a{background-position:-455px -41px;}
.mypageContents .titArea .list li.gift a{background-position:-553px -41px;}
.mypageContents .titArea .list li.buy a.on{background-position:-455px 0;}
.mypageContents .titArea .list li.gift a.on{background-position:-553px 0;}
.mypageContents .listHistory{width:100%;}
.mypageContents .listHistory th{height:45px; font-weight:normal;}
.mypageContents .listHistory td{font-size:15px; text-align:center; height:79px;}
.mypageContents .listHistory td.name{font-size:16px;}
.mypageContents .listHistory td.none{height:100px; font-size:20px; font-weight:bold;}
.mypageContents .txtNotice{font-size:14px; letter-spacing:-0.5px; text-align:right; padding:10px 0 0 0;}
.mypageContents .paging{margin:50px 0 0 0;}
.mypageContents .listBuy .th1{width:16.3%;}
.mypageContents .listBuy .th2{width:44%;}
.mypageContents .listBuy .th3{width:21.7%;}
.mypageContents .listBuy .th4{width:18%;}
.mypageContents .listGift .th1{width:16.3%;}
.mypageContents .listGift .th2{width:32.2%;}
.mypageContents .listGift .th3{width:21.3%;}
.mypageContents .listGift .th4{width:12.2%;}
.mypageContents .listGift .th5{width:18%;}

/* 기타 ======================================== */

/* 푸터 */
#footer{font-size:11px; letter-spacing:0; color:#888888; border-top:1px solid #dfdee2; padding:40px 0 20px;}
#footer .innerWrap{width:1170px;}
#footer .list{margin:0 0 11px 0;}
#footer .list li{margin:0 10px 0 0; padding:0 11px 0 0; font-size:12px; float:left; position:relative;}
#footer .list li:after{width:1px; height:11px; background:#d0d0d0; position:absolute; right:0; top:1px; content:''; display:block;}
#footer .list li:last-child:after{background:none;}
#footer .list li a{color:#666;}
#footer .list li a strong{color:#000;}
#footer address{line-height:16px; font-style:normal; margin:0 0 4px 0;}
#footer address .btnInfo{color:#888; text-decoration:underline;}
#footer .txt{margin:0 0 11px 0;}
#footer .company a{height:55px; float:left; background:url(http://s.nx.com/s2/game/Tera/site/common/spr_footer3.png ) no-repeat;}
#footer .company a.nexon{width:81px; background-position:0px 0;}
#footer .company a.bluehole{width:91px; background-position:-81px 0;}
#footer .company a.naver{width:61px; background-position:-172px 0;}
/* #footer .company a.nexon{width:81px; background-position:-967px 0;}
#footer .company a.bluehole{width:91px; background-position:-1048px 0;}
#footer .company a.naver{width:61px; background-position:-1139px 0;} */
body.ingame #footer{display:none;}
body.list #footer .innerWrap, body.view #footer .innerWrap{width:1258px;}

/* 점검 */
.inspection{background:#08090f;}
.testMsgBox { padding:170px 0 60px;}
.testMsgBox .bg-test { position:relative; margin:0 auto; width:994px; height:634px; background:url(http://s.nx.com/s2/game/tera/site/common/bg_test.png) left top no-repeat; border:3px solid #363738; }
.testMsgBox .btn_beore { position:absolute; top:373px; left:419px; }
.testMsgBox .btn_gomain { position:absolute; top:373px; left:629px; }
/* 페이징 */
.paging{line-height:0; font-size:12px; text-align:center; margin:60px 0; overflow:hidden;}
.paging .page_num{display:inline;}
.paging .page_num a, .paging .page_num .nowpage{width:38px; height:38px; line-height:40px; font-size:15px; vertical-align:top; display:inline-block; margin:0 3px 0 0; border-radius:100%; position:relative;}
.paging .page_num a:hover, .paging .page_num .nowpage{font-weight:bold;}
.paging .prev, .re_paging .prev, .paging .next, .re_paging .next, .paging .fir, .re_paging .fir, .paging .end, .re_paging .end{width:38px; height:38px; vertical-align:top; display:inline-block !important; margin:0 3px 0 0;}
.paging .prev, .re_paging .prev{background-position:-41px -366px !important; margin-right:5px;}
.paging .next, .re_paging .next{background-position:-212px -366px !important; margin-left:5px;}
.paging .fir, .re_paging .fir{background-position:0 -366px !important;}
.paging .end, .re_paging .end{background-position:-253px -366px !important;}
.paging u, .re_paging u{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}

/* Swiper 2.7.6 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

/* nice-select */
.nice-select {
  -webkit-tap-highlight-color: transparent;
  /*background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;*/
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    
    content: '';
	/*border-bottom: 2px solid #999;
    border-right: 2px solid #999;
	height: 5px;
	top: 50%;
    margin-top: -4px;*/
	right: 0;
    display: block;
    pointer-events: none;
    position: absolute;
    
   
    -webkit-transform-origin: 25% 50%;
        -ms-transform-origin: 25% 50%;
            transform-origin: 25% 50%;
    /*-webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);*/
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    box-sizing: border-box;
    margin-top: 0;
	border-top:0 none !important;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }