/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit}
optgroup{font-weight:700}
button,input,select{overflow:visible}
button,input,select,textarea{margin:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{cursor:pointer}
[disabled]{cursor:default}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}

button,input,textarea{outline:0}
[class*=" is-show"]{display:block}

.footer-copyright::after,.section-hotissue::after,.section-notice::after,.section-promotion .pagination-pc .btns::after,.section-promotion .wrap-listall ul::after,.section-quickmenu::after,.section-siege::after,.siege::after,.siege__article dl::after,.ui-slidetab .btns::after,.wrap-section-article section::after,.wrap-section-nshop>.section-nshop article .slick-item::after,.wrap-section-nshop>.section-nshop::after,.wrap-section-portal>section>section.section-my .wrap-myranking::after,.wrap-section::after,.wrap-section>section::after{content:'';display:table;clear:both}
.wrap-section-nshop,.wrap-section-portal{padding:0 18px}
@media (min-width:1260px){.wrap-section-nshop,.wrap-section-portal{padding:0}
}
.siege__util .ui-dropdown.ui-dropdown-server{position:static;color:#575757}
.siege__util .ui-dropdown.ui-dropdown-server .option{left:0;right:0;width:100%;max-width:1224px;margin:-36px auto 0 auto;padding:18px 12px 18px 14px;border:solid 1px #d3d6da;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.15);z-index:100}
.siege__util .ui-dropdown.ui-dropdown-server .option header{padding-bottom:10px;font-size:14px;font-weight:600;color:#1f1f1f;border-bottom:0 none}
.siege__util .ui-dropdown.ui-dropdown-server .option .btn-close{position:absolute;top:0;right:0;width:45px;height:45px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-image:url(icon-close.png);background-size:14px 14px;background-position:center center;background-repeat:no-repeat}
.siege__util .ui-dropdown.ui-dropdown-server .option ul{list-style:none;margin:0;padding:0}
.siege__util .ui-dropdown.ui-dropdown-server .option li{list-style:none;float:left;width:calc(100% * .33333 - 4px * (1 - .33333));height:auto;margin:0;padding:0;font-size:13px}
.siege__util .ui-dropdown.ui-dropdown-server .option li.selected a{border-color:#c69c7c;color:#aa8060}
.siege__util .ui-dropdown.ui-dropdown-server .option li:hover{background-color:transparent}
.siege__util .ui-dropdown.ui-dropdown-server .option li:hover a{background-color:rgba(153,153,153,.1)}
@media (min-width:640px){.siege__util .ui-dropdown.ui-dropdown-server .option li{width:16.66667%}
}
.siege__util .ui-dropdown.ui-dropdown-server .option li a{display:block;text-align:center;border:1px solid #f4f5f7;margin:0 0 4px 4px;padding:5px;color:#1f1f1f;text-decoration:none}
.ui-slidetab{position:relative;width:100%;height:51px;margin:0 auto;background-color:#f4f5f7;overflow:hidden;font-size:15px}
.ui-slidetab .handle{position:absolute;top:0;left:0}
.ui-slidetab .btns{display:block;position:relative;margin:0;padding:0;white-space:nowrap}
.ui-slidetab .btns li{display:inline-block}
.ui-slidetab .btns li a{display:block;margin:0;height:50px;line-height:52px;color:#1f1f1f;text-align:center;text-decoration:none;padding-left:10px;padding-right:10px;min-width:65px}
.ui-slidetab .btns li a.on{color:#aa8060}
.ui-slidetab.percentage .btns,.ui-slidetab.percentage .handle{width:100%}
.ui-slidetab.percentage .btns li a{padding-left:0;padding-right:0}
@media screen and (min-width:960px){.wrap{margin:0 23px}
.ui-slidetab{border:1px solid #e1e1e5;font-size:16px}
.ui-slidetab .btns li{vertical-align:top;border-left:1px solid #e1e1e5}
.ui-slidetab .btns li:first-child{border-left:none}
.ui-slidetab .btns li a{line-height:45px;background-color:#fff;color:#000}
.ui-slidetab .btns li a.on{background-color:#c69c7c;color:#fff;border-bottom:none}
}
@media screen and (min-width:1260px){.wrap{margin:0 auto}
}
.page-my .ui-slidetab,.page-search .ui-slidetab{background-color:#fff}
.page-my .ui-slidetab::before,.page-search .ui-slidetab::before{content:'';display:block;height:1px;position:absolute;left:0;right:0;bottom:1px;background:#e1e1e5}
.page-my .ui-slidetab .btns li,.page-search .ui-slidetab .btns li{position:relative}
.page-my .ui-slidetab .btns li a.on::after,.page-search .ui-slidetab .btns li a.on::after{content:'';display:block;height:1px;position:absolute;left:0;right:0;bottom:0;background-color:#aa8060}
.overlay{z-index:9999999}
.ui-modal{z-index:9999999}
.ui-modal .modal{width:100%;width:calc(100% - 36px);min-width:284px;margin:0 auto;background:#fff}
.ui-modal .modal .contents{position:relative;-ms-word-break:break-all;word-break:break-all}
.ui-modal .modal .contents header.title{padding:18px 30px;color:#fff;font-size:20px;background-color:#b5bdca}
.ui-modal .modal .contents article{padding:32px 30px;color:#474747;font-size:13px}
.ui-modal .modal .btn-close{position:absolute;top:20px;right:30px;font-size:0;text-decoration:none;width:20px;height:18px;background-image:url(modal-close.png);background-size:20px 18px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px){.ui-modal .modal{width:674px}
}
.editor-icon-close,.editor-icon-emoticon,[class*=" fe-icon-"],[class^=fe-icon-]{position:relative;display:inline-block;vertical-align:middle;line-height:1;font-size:0;background-image:url(/uikit/nccommunity/img/icon/comm-icon-default_@1x.png);background-repeat:no-repeat;opacity:.7}
.editor-icon-close:hover,.editor-icon-emoticon:hover,[class*=" fe-icon-"]:hover,[class^=fe-icon-]:hover{opacity:1}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.editor-icon-close,.editor-icon-emoticon,[class*=" fe-icon-"],[class^=fe-icon-]{background-image:url(/uikit/nccommunity/img/icon/comm-icon-default_@2x.png);background-size:1000px auto}
}
.mobile .editor-icon-close,.mobile .editor-icon-emoticon,.mobile [class*=" fe-icon-"],.mobile [class^=fe-icon-],.tablet .editor-icon-close,.tablet .editor-icon-emoticon,.tablet [class*=" fe-icon-"],.tablet [class^=fe-icon-]{background-image:url(/uikit/nccommunity/img/icon/comm-icon-default_@2x.png);background-size:1000px auto}
.fe-icon-new{display:inline-block;width:auto;height:auto;font-size:12px;color:#ff5f3c;background-image:none;opacity:1}
.fe-icon-new::before{content:"N";font-style:normal;font-weight:400;font-size:12px;background:0 0}
@media (min-width:640px){.fe-icon-new::before{content:"new"}
}
.fe-icon-paging-prev{width:30px;height:31px;background-position:-20px -20px}
.fe-icon-paging-next{width:30px;height:31px;background-position:-70px -20px}
.fe-icon-notice-prev{width:16px;height:29px;background-position:-120px -20px}
.fe-icon-notice-next{width:16px;height:29px;background-position:-156px -20px}
.fe-icon-picture{width:16px;height:16px;background-position:-192px -20px}
.fe-icon-like{width:16px;height:14px;background-position:-227px -20px}
.fe-icon-comment{width:16px;height:15px;background-position:-263px -70px}
.fe-icon-reload{width:18px;height:19px;background-position:-298px -20px}
.fe-icon-write{width:17px;height:17px;background-position:-298px -70px}
.fe-icon-cards{width:20px;height:21px;background-position:-376px -20px}
.fe-icon-back{width:9px;height:16px;background-position:-416px -20px}
.fe-icon-more{width:6px;height:24px;background-position:-445px -20px}
.fe-icon-vote-like{width:16px;height:14px;background-position:-336px -170px}
.fe-icon-bookmark{width:18px;height:17px;background-position:-376px -170px}
.fe-icon-plus{width:13px;height:13px;background-position:-561px -20px}
.fe-icon-comments{width:17px;height:16px;background-position:-593px -20px}
.fe-icon-reply{width:19px;height:12px;background-position:-630px -20px}
.fe-icon-list{width:19px;height:15px;background-position:-669px -20px}
.fe-icon-search{width:17px;height:18px;background-position:-708px -20px}
.fe-icon-menu{width:13px;height:11px;background-position:-745px -20px}
.fe-icon-share{width:15px;height:14px;background-position:-778px -70px}
.fe-icon-checked{width:23px;height:16px;background-position:-821px -20px}
.editor-icon-close,.fe-icon-close{width:19px;height:19px;background-position:-864px -20px}
.fe-icon-top{width:37px;height:37px;background-position:-943px -20px}
.editor-icon-emoticon{width:20px;height:19px;background-position:-903px -19px}
.fe-icon-arrow_down{background:0 0;width:8px}
.fe-icon-arrow_down::before{content:'';height:0;width:0;border-left:4px solid #faf8f2;border-right:4px solid #faf8f2;border-top:5px solid #000;display:inline-block;margin-right:5px}
.loadingbar{position:relative;width:100%;height:100%;min-height:100px;text-align:center;z-index:1}
.loadingbar::before{position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;content:'';display:inline-block;width:50px;height:50px;border-radius:50%;background-color:rgba(255,255,255,.9);background-image:url(loading.gif);background-size:31px 31px;background-position:center center;background-repeat:no-repeat}
section .nodata{min-height:220px;padding-top:70px;text-align:center}
section .nodata p{margin-bottom:15px;font-size:13px;line-height:1.54;color:#474747}
section .nodata p strong{font-weight:400;color:#1f1f1f}
section .nodata a,section .nodata button{display:inline-block;min-width:135px;padding:9px 20px 11px 20px;margin:0 auto;color:#aa8060!important;border:1px solid #c69c7c;outline:0;border-radius:100px;font-size:15px;background-color:transparent}
section .nodata a:hover,section .nodata button:hover{text-decoration:none!important}
.slick-loading .slick-list{background:#fff url(loading.gif) center center no-repeat}
.slick-next,.slick-prev{position:absolute;z-index:99;display:block;width:22px;height:22px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px\9;padding:0;border:none;outline:0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:0;background:0 0;color:transparent}
.slick-next:focus::before,.slick-next:hover::before,.slick-prev:focus::before,.slick-prev:hover::before{opacity:1}
.slick-next.slick-disabled::before,.slick-prev.slick-disabled::before{opacity:.25}
.slick-next::before,.slick-prev::before{font-family:dotum;font-size:22px;line-height:1;color:#c7c7cc;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{left:auto;right:-25px}
.slick-prev::before{content:''}
[dir=rtl] .slick-prev::before{content:">"}
.slick-next{right:-25px}
[dir=rtl] .slick-next{left:-25px;right:auto}
.slick-next::before{content:''}
[dir=rtl] .slick-next::before{content:"<"}
.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:8px;width:8px;margin:0 4px!important;padding:0;cursor:pointer}
@media (min-width:960px){.slick-dots li{margin:0 6px}
}
.slick-dots li button{border:0;background:0 0;display:block;height:8px;width:8px;outline:0;line-height:0;font-size:0;color:transparent;cursor:pointer}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus::before,.slick-dots li button:hover::before{opacity:1}
.slick-dots li button::before{content:'';position:absolute;top:0;left:0;width:6px;height:6px;border:1px solid #cdcdcd;border-radius:50%;font-family:dotum;font-size:30px;color:#c69c7c;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media (min-width:960px){.slick-dots li button::before{width:8px;height:8px}
}
.slick-dots li.slick-active button::before{border:1px solid #c69c7c;color:#c69c7c;opacity:.75;background-color:#c69c7c}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block}
.slick-track::after,.slick-track::before{content:"";display:table}
.slick-track::after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-arrow{top:0;height:38px;font-weight:700}
.slick-arrow.slick-prev{left:0}
.slick-arrow.slick-next{right:0}
.nc-cnb--lineage .ncc-bi {
    width: 300px !important;
    height: 120px !important;
    margin-top: 5px;
    color: transparent;
    text-align: left;
    text-indent: -9999em;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(bi-lineage-type1.png);
    background-size: 300px 120px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.nc-cnb--lineage .ncc-left-panel .ncc-bi,.nc-cnb--lineage.is-sticky .ncc-bi{background-image:url(bi-lineage-type2.png);background-size:82px 26px;background-position:center center;background-repeat:no-repeat}
#nc-cnb .ncc-character-list-wrap .loadingbar{display:none;position:fixed}
@media (min-width: 960px) {
  #nc-cnb .ncc-lnb {
    margin-left: 300px !important;
  }
}

#nc-cnb .ncc-character-list{background-color:rgba(244,245,247,.85)}
#nc-cnb .ncc-character-list>li{position:relative;font-size:14px;font-weight:300;line-height:1;text-align:left;color:#1f1f1f;cursor:pointer;border-bottom:1px solid #fff}
#nc-cnb .ncc-character-list>li::before{position:absolute;right:18px;top:21px;display:inline-block;content:'';width:11px;height:1px;background-color:#c7c7cc}
#nc-cnb .ncc-character-list>li::after{position:absolute;right:23px;top:16px;display:inline-block;content:'';width:1px;height:11px;background-color:#c7c7cc}
#nc-cnb .ncc-character-list>li.on::after{display:none}
#nc-cnb .ncc-character-list>li span{display:block;padding:15px 18px}
#nc-cnb .ncc-character-list>li ul.l1-character-list{padding:10px 0;background-color:#fff}
#nc-cnb .ncc-character-list>li ul.l1-character-list li{margin:0;font-size:13px;font-weight:300;color:#474747}
#nc-cnb .ncc-character-list>li ul.l1-character-list li:hover{color:#d17c15}
#nc-cnb .ncc-character-list>li ul.l1-character-list li span{padding:7px 18px}
body,html{margin:0;padding:0}

body .wrap-contents{max-width:1260px;margin:0 auto;padding-top:48px;text-align:left}
@media (min-width:960px){body .wrap-contents{padding-top:55px}
}
body.page-main .wrap-header{display:none}
body.page-main .wrap-contents{max-width:100%!important}
body.app .wrap-contents{padding:0 0 50px 0}

#diyxwhd .list{ height:240; margin:10px 15px 0;overflow:hidden }
#diyxwhd .list li{ overflow:hidden; height:35px; line-height:35px; padding-top:3px; float:left; width:600px;list-style:none;}
#diyxwhd .list span{ float:right }
#diyxwhd .list .act{ width:70px;  line-height: 20px; height:20px; margin-top: 5px; float:left; margin-right:5px; text-align:center; color:#000; background:#ceb9b9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;font-size:14px; }
#diyxwhd .list .act:hover{ text-decoration:none; background:#e2cbcb; }
#diyxwhd .list a.title{ float:left; color:#230000; height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
#diyxwhd .list a.title{ color:#6c6f75;padding-left: 5px;letter-spacing: 1px; font-size:15px ;font-family:-apple-system, BlinkMacSystemFont, Roboto, "微軟正黑體", Dotum, sans-serif}
#diyxwhd .list a.title:hover{ color:#93979e; text-decoration:none }
#diyxwhd .list span {float: right;font-size: 15px;letter-spacing: -1px;line-height:30px;color:#000}
#diyxwhd .list .date {display: block; width: 60px; float: right; margin-right: 0;}
#diyxwhd li{display:list-item;margin:0;padding-top: 5px; padding-bottom: 5px;}
#diyxwhd .title{line-height: 30px;}

#diywjlt .list{ height:240; margin:10px 15px 0;overflow:hidden }
#diywjlt .list li{ overflow:hidden; height:35px; line-height:35px; padding-top:3px; float:left; width:600px;list-style:none;}
#diywjlt .list span{ float:right }
#diywjlt .list .act{ width:70px;  line-height: 20px; height:20px; margin-top: 5px; float:left; margin-right:5px; text-align:center; color:#000; background:#ceb9b9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;font-size:14px; }
#diywjlt .list .act:hover{ text-decoration:none; background:#e2cbcb; }
#diywjlt .list a.title{ float:left; color:#230000; height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
#diywjlt .list a.title{ color:#6c6f75;padding-left: 5px;letter-spacing: 1px; font-size:15px ;font-family:-apple-system, BlinkMacSystemFont, Roboto, "微軟正黑體", Dotum, sans-serif}
#diywjlt .list a.title:hover{ color:#93979e; text-decoration:none }
#diywjlt .list span {float: right;font-size: 15px;letter-spacing: -1px;line-height:30px;color:#000}
#diywjlt .list .date {display: block; width: 60px; float: right; margin-right: 0;}
#diywjlt li{display:list-item;margin:0;padding-top: 5px; padding-bottom: 5px;}
#diywjlt .title{line-height: 30px;}


section h1,section h2,section h3,section h4,section h5{margin:0;padding:0;font-weight:400}
section dd,section dl,section dt,section figure,section p{margin:0;padding:0}
section menu,section ol,section ul{list-style:none;margin:0;padding:0}
section li{display:list-item;margin:0;padding-top: 5px; padding-bottom: 5px;}
section i,section var{font-style:normal}
section a{outline:0;text-decoration:none;color:inherit}
section img{vertical-align:top}
section *{box-sizing:border-box;outline:0}
section button{cursor:pointer;border:0 none;background:0 0}
section em{font-style:normal}
section.board-view h1,section.board-view h2,section.board-view h3,section.board-view h4,section.board-view h5{display:block;margin:initial;padding:initial;font-weight:700}
section.board-view p{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0}
section.board-view ul{display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
section.board-view ol{display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
section.board-view li{display:list-item}
section.board-view i,section.board-view var{font-style:initial}
section.board-view a{color:initial;text-decoration:underline;cursor:auto}
section.board-view img{display:inline-block}
section.board-view *{outline:initial}
section.board-view em{font-style:italic}
.floatingbanner{display:none;width:214px;height:214px;position:absolute;left:50%;margin-left:-107px;top:279px;background-size:cover;z-index:12}
.floatingbanner a{position:absolute;left:0;top:0;cursor:pointer;border-radius:50%}
.floatingbanner .event{width:200px;height:200px}
.floatingbanner .close{left:171px;top:158px;width:44px;height:44px}
@media (min-width:960px){.floatingbanner{top:472px}
}
@media (min-width:1260px){.floatingbanner{top:619px}
}
.floatingbanner.off{display:none!important}
.board-top-utils{padding-top:8px}
.is-sticky .ncc-header{background-color:#aa8060}
.wrap-header{min-height:56px;background-color:#aa8060}
@media (min-width:960px){.wrap-header{position:static;min-height:197px;background-image:url(header.jpg);background-repeat:no-repeat;background-size:2560px auto;background-position:50% 50%}
}
@media (min-width:960px){.wrap-header .header{position:relative;margin:0 auto}
}
@media (min-width:1260px){.wrap-header .header{max-width:1260px}
}
.wrap-header .header .logo{display:none}
@media (min-width:960px){.wrap-header .header .logo{display:block;position:absolute;top:15px;left:0;text-decoration:none;font-family:verdana;color:#000;font-size:35px;font-weight:300}
}
.wrap-header .header .header-title{display:none;margin:0;padding:0;font-size:21px;color:#fff;letter-spacing:-1px;text-align:center;font-weight:400;line-height:1.2}
@media (min-width:960px){.wrap-header .header .header-title{font-size:32px}
}
.wrap-header .header-subcopy{margin-top:5px;text-align:center;font-size:13px;color:rgba(255,255,255,.4);line-height:1.2}
@media (min-width:960px){.wrap-header .header-subcopy{margin-top:17px}
}
.launcherLayer{z-index:10001000!important}
.page-my .nc-cnb--lineage .ncc-bi,.page-search .nc-cnb--lineage .ncc-bi{background-image:url(bi-lineage-type2.png);background-size:82px 26px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px){.page-my .nc-cnb--lineage .ncc-bi,.page-search .nc-cnb--lineage .ncc-bi{background-image:url(bi-lineage-type1.png);background-size:82px 26px;background-position:center center;background-repeat:no-repeat}
}
.editor-icon-close,.editor-icon-emoticon,[class*=" fe-icon-"],[class^=fe-icon-]{position:relative;display:inline-block;vertical-align:middle;line-height:1;font-size:0;background-image:url(/uikit/nccommunity/img/icon/comm-icon-default_@1x.png);background-repeat:no-repeat;opacity:.7}
.editor-icon-close:hover,.editor-icon-emoticon:hover,[class*=" fe-icon-"]:hover,[class^=fe-icon-]:hover{opacity:1}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.editor-icon-close,.editor-icon-emoticon,[class*=" fe-icon-"],[class^=fe-icon-]{background-image:url(/uikit/nccommunity/img/icon/comm-icon-default_@2x.png);background-size:1000px auto}
}
.mobile .editor-icon-close,.mobile .editor-icon-emoticon,.mobile [class*=" fe-icon-"],.mobile [class^=fe-icon-],.tablet .editor-icon-close,.tablet .editor-icon-emoticon,.tablet [class*=" fe-icon-"],.tablet [class^=fe-icon-]{background-image:url(/uikit/nccommunity/img/icon/comm-icon-default_@2x.png);background-size:1000px auto}
.co-btn-top{position:fixed;right:18px;bottom:18px;z-index:10}
@media (min-width:1333px){.co-btn-top{right:50%;margin-right:-685px}
}
.fe-icon-top{width:37px;height:37px;background-position:-943px -20px}
.wrap-footer{margin-top:90px;width:100%;background-color:#111}
.footer .select-country .wrap-footer .icon-country,.footer .select-country .wrap-footer .icon-country-arrow,.footer-sns-items .wrap-footer a,.wrap-footer .footer .select-country .icon-country,.wrap-footer .footer .select-country .icon-country-arrow,.wrap-footer .footer-logo,.wrap-footer .footer-sns-items a,.wrap-footer .sprites{background-image:url(footer.png);background-size:149px auto;background-repeat:no-repeat}
.footer{clear:both;max-width:880px;margin:0 auto;padding:40px 0 55px;text-align:center}
.footer ul{margin:0;padding:0;list-style:none}
@media (min-width:960px){.footer{padding:40px 0 75px}
}
.footer .footer-communtiy-policy{display:inline-block;font-size:15px;font-weight:400;font-style:normal;line-height:1.14;letter-spacing:-.9px;text-align:center;color:#1f1f1f}
.footer .footer-communtiy-policy::after{content:'';display:inline-block;width:1px;height:13px;margin:-2px 8px 0 11px;vertical-align:middle;background-color:#babdc2}
@media (min-width:960px){.footer .footer-communtiy-policy{font-size:16px;letter-spacing:-1px}
.footer .footer-communtiy-policy::after{margin-top:0}
}
.footer .select-country{position:relative;margin:15px auto 0;cursor:pointer}
@media (min-width:960px){.footer .select-country{margin-top:21px}
}
.footer .select-country-title{display:inline-block;font-size:15px;font-weight:400;font-style:normal;line-height:1.14;letter-spacing:-.9px;text-align:center;color:#1f1f1f;cursor:pointer}
@media (min-width:960px){.footer .select-country-title{font-size:16px}
}
.footer .select-country .icon-country{display:inline-block;width:17px;height:17px;margin-right:2px;vertical-align:middle;background-position:0 -43px}
.footer .select-country .icon-country-arrow{display:inline-block;width:8px;height:5px;margin-left:4px;vertical-align:middle;background-position:0 -74px}
.footer .select-country-list{position:absolute;z-index:10;overflow:hidden;left:50%;width:180px;height:0;margin-top:10px;margin-left:-90px}
.footer .select-country-items{border-top:1px solid #ceab90;text-align:center}
.footer .select-country-items:first-child{border:0}
.footer .select-country-items a{display:block;height:33px;font-size:14px;line-height:31px;color:#fff;text-decoration:none;background-color:#c69c7c}
@media (min-width:960px){.footer .select-country-items a{font-size:15px}
}
.footer .select-country.on .select-country-list{height:101px}
.footer-sns-list{text-align:center;line-height:1}
.footer-sns-items{display:inline-block;width:46px;height:46px;margin:0 4px}
.footer-sns-items a{text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;display:block;width:100%;height:100%;outline:0}
.footer-sns-items-facebook a{background-position:0 -94px}
.footer-sns-items-facebook a:hover{background-position:0 -155px}
.footer-links{padding:5px 0 5px;border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;font-weight:350;font-size:12px;line-height:24px;letter-spacing:-.075em}
@media (min-width:960px){.footer-links{margin:0;padding:22px 0 0;border:0;font-size:13px}
}
.footer-links-list{position:relative}
.footer-links-list-kr .footer-links-items:nth-child(1),.footer-links-list-kr .footer-links-items:nth-child(6),.footer-links-list-kr .footer-links-items:nth-child(7){display:none}
.footer-links-list-kr .footer-links-items.items2::after{display:none}
.footer-links-list-sea .items1,.footer-links-list-tw .items1{display:none}
@media (min-width:960px){.footer-links-list .footer-links-items{padding:0 11px}
.footer-links-list-kr .footer-links-items:nth-child(n){display:inline-block}
.footer-links-list-sea .items1,.footer-links-list-tw .items1{display:inline-block}
}
.footer-links-items{display:inline-block;position:relative;padding:0 4px 0 3px;color:#9d9d9d;font-size:12px}
.footer-links-items a{color:#9d9d9d;text-decoration:none}
.footer-links-items.items1::after{display:none}
@media (min-width:960px){.footer-links-items{font-size:14px}
}
.footer-copyright{margin-top:3px;padding-top:13px;font-size:11px;color:#5f5f5f;line-height:1.5}
.footer-copyright .copyright-studio{display:none}
.footer-copyright a{color:inherit;text-decoration:none}
@media (min-width:960px){.footer-copyright{margin-top:10px;padding-top:25px;font-size:12px;letter-spacing:-.9px;border-top:1px solid #1f1f1f}
.footer-copyright .copyright-studio{display:inline-block}
.footer-copyright .copyright-company{display:inline-block}
.footer-copyright .copyright-company br,.footer-copyright .copyright-studio br{display:none}
}
.footer-info{display:none}
.footer-info-tw{display:block}
.footer-info-tw dl{margin:0;padding:0}
.footer-info-tw dt{text-align:center}
.footer-info-tw dd{padding:0;margin:7px 0 0 0}
.footer-info-tw p{margin:0;padding:9}
.footer-info-tw img{width:45px;height:45px}
@media (min-width:960px){.footer-info{display:block}
}
.footer-logo{display:none;margin-top:19px;height:29px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-position:center 0}
.footer-logo a{display:none}
@media (min-width:960px){.footer-logo{display:block}
}
@media (min-width:960px){.footer-tw .footer-copyright{text-align:left}
}
@media (min-width:960px){.footer-info-tw{float:right;margin:0;text-align:right}
.footer-info-tw dt{float:right}
.footer-info-tw dt img{margin-top:4px}
.footer-info-tw dd{float:right;margin:0}
}
@media (min-width:960px){.tw .footer .footer-copyright{text-align:left}
.tw .footer .footer-copyright .copyright-studio br{display:block}
}
.items6{position:relative}
.layer-grade{display:none;position:absolute;bottom:23px;left:-239px;width:574px;height:246px;background:url(grade.png) no-repeat;text-indent:-9999px;overflow:hidden;z-index:9999}
.section-keyword{width:284px;margin:0 auto;padding-top:12px;z-index:100}
.section-keyword .btn-toggle{content:'';float:right;display:inline-block;width:23px;height:17px;cursor:pointer;margin-top:2px;background-image:url(../img/search/icon-below.png);background-size:13px 7px;background-position:center center;background-repeat:no-repeat}
.section-keyword.on .btn-toggle{background-image:url(../img/search/icon-above.png);background-size:13px 7px;background-position:center center;background-repeat:no-repeat}
.section-keyword label{float:left;display:inline-block;width:47px;margin-top:2px;font-size:12px;color:#888}
.section-keyword ol.keyword{float:left;position:relative;width:100%}
.section-keyword .keyword__rolling{display:inline-block;height:25px;overflow:hidden}
.section-keyword .keyword__rolling ol.keyword{height:26px;overflow:hidden;width:210px}
.section-keyword .keyword__list{display:none;position:absolute;width:calc(100% + 18px*2);left:-18px;top:41px;background:#fff;border:1px solid #d3d6da;box-shadow:0 2px 2px 0 rgba(0,0,0,.15);padding:10px 18px 12px 18px;z-index:2}
.section-keyword .keyword__list .keyword li{padding:7px 0;border-bottom:solid 1px #f4f5f7}
.section-keyword .keyword__list .keyword li:last-child{border-bottom:0 none}
@media (min-width:640px){.section-keyword .keyword__list{max-width:290px;left:auto}
}
ol.keyword li{width:100%;height:37px;font-size:14px}
ol.keyword li:nth-child(1) a::before{content:"1";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(2) a::before{content:"2";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(3) a::before{content:"3";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(4) a::before{content:"4";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(5) a::before{content:"5";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(6) a::before{content:"6";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(7) a::before{content:"7";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(8) a::before{content:"8";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(9) a::before{content:"9";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li:nth-child(10) a::before{content:"10";display:inline-block;box-sizing:border-box;width:auto;margin-right:8px;text-align:center;font-size:15px;font-weight:700}
ol.keyword li a{float:left;width:160px;display:inline-block;color:#1f1f1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
ol.keyword li .ui-rank{display:inline-block;min-width:40px;color:#888;font-size:13px;vertical-align:middle}
ol.keyword li .ui-rank::before{display:inline-block;content:'';margin-right:3px;font-size:13px;letter-spacing:-.1em;vertical-align:top}
ol.keyword li .ui-rank.new{font-size:0;color:#ff5f3c}
ol.keyword li .ui-rank.new::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0;content:'NEW'}
ol.keyword li .ui-rank.up::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0;width:0;height:0;border-style:solid;border-width:0 4.5px 5px 4.5px;border-color:transparent transparent #e27747 transparent}
ol.keyword li .ui-rank.down::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0;width:0;height:0;border-style:solid;border-width:5px 4.5px 0 4.5px;border-color:#7399b6 transparent transparent transparent}
ol.keyword li .ui-rank.same{font-size:0}
ol.keyword li .ui-rank.same::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0;width:8px;height:8px;color:#888;border-bottom:solid 2px #c7c7cc}
ol.keyword li .ui-rank.none::before{display:inline-block;content:'';vertical-align:middle;margin:0 5px 3px 0}
ol.keyword li .ui-rank{float:right;font-size:13px}
ol.keyword li .ui-rank.same::before{margin-top:2px}
.page-search .section-keyword .keyword__list{top:75px}
@media (min-width:640px){.page-search .section-keyword .keyword__list{max-width:290px;left:70px;right:auto}
}
.page-powerbook .section-keyword .keyword__list{top:41px}
.section-promotion{position:relative;margin:0;padding:0;width:100%;visibility:hidden;background-color:#000}
.section-promotion .section-promotion__list{height:00px;overflow:hidden}
.section-promotion .section-promotion__list ul{margin:0;padding:0}
.section-promotion .section-promotion__list ul li{position:relative;color:#fff}
.section-promotion .section-promotion__list ul li .loadingbar{position:relative;width:100%;height:100%;min-height:100px;text-align:center;z-index:1}
.section-promotion .section-promotion__list ul li .loadingbar::before{position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;content:'';display:inline-block;width:50px;height:50px;border-radius:50%;background-color:rgba(255,255,255,.9);background-image:url(loading.gif);background-size:31px 31px;background-position:center center;background-repeat:no-repeat}
.section-promotion .section-promotion__list ul li .article{position:absolute;top:50%;left:-25%;width:100%;text-align:center;font-weight:400;padding:0 18px;display:table;min-height:400px;margin-top:-200px}
.section-promotion .section-promotion__list ul li .article a{display:table-cell;vertical-align:middle;width:100%;text-decoration:none;}
.section-promotion .section-promotion__list ul li .article .type{position:relative;display:none;height:49px;font-size:12px;font-weight:300}
.section-promotion .section-promotion__list ul li .article .type.is-type{display:inline-block}
.section-promotion .section-promotion__list ul li .article .type.is-type::after{content:'';display:inline-block;position:absolute;bottom:15px;left:50%;width:20px;height:1px;margin-left:-10px;background-color:rgba(255,255,255,.2)}
@media (min-width:1260px){.section-promotion .section-promotion__list ul li .article .type{font-size:14px}
}
.section-promotion .section-promotion__list ul li .article .title{display:block;font-size:33px;font-weight:300}
@media (min-width:1260px){.section-promotion .section-promotion__list ul li .article .title{font-size:48px!important}
}
.section-promotion .section-promotion__list ul li .article .desc{display:none;margin-top:23px;font-size:14px}
@media (min-width:1260px){.section-promotion .section-promotion__list ul li .article .desc{font-size:16px}
}
.section-promotion .section-promotion__list ul li .article .date{display:block;margin-top:7px;font-size:14px;font-weight:300;color:rgba(255,255,255,.6)}
@media (min-width:960px){.section-promotion .section-promotion__list ul li .article .date{margin-top:16px}
}
@media (min-width:960px) and (max-width:1259px){.section-promotion .section-promotion__list ul li .article .date{margin-top:7px}
}
@media (min-width:1260px){.section-promotion .section-promotion__list ul li .article .date{margin-top:9px;font-size:16px}
}
.section-promotion .section-promotion__list ul li .bg-mobile{position:relative;height:500px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.section-promotion .section-promotion__list ul li .bg{position:relative;display:none;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.section-promotion .pagination-wrap{position:absolute;bottom:0;width:100%}
.section-promotion .pagination-wrap .page-no{position:relative;text-align:center;margin-bottom:16px;color:#fff;font-size:14px;font-weight:300}
.section-promotion .page-no .current{color:#fff;filter:alpha(opacity=100)}
.section-promotion .page-no .divider,.section-promotion .page-no .total{color:rgba(255,255,255,.5);filter:alpha(opacity=50)}
@media (min-width:640px){.section-promotion .pagination-wrap::before{content:'';position:absolute;left:0;bottom:47px;display:block;width:100%;height:1px;background-color:rgba(255,255,255,.05)}
}
.section-promotion .pagination-wrap .pagination-mobile,.section-promotion .pagination-wrap .pagination-pc{max-width:1260px;margin:0 auto;z-index:9}
.section-promotion .pagination-wrap .pagination-mobile{position:relative;display:none;margin:0;padding:0;width:100%;height:48px;overflow:hidden}

.section-promotion .pagination-mobile .handle{position:absolute;top:0;left:0}
.section-promotion .pagination-mobile .btns{display:block;position:relative;margin:0;padding:0;white-space:nowrap}
.section-promotion .pagination-mobile .btns li{display:inline-block;height:48px;line-height:47px}
.section-promotion .pagination-mobile .btns li a{display:block;margin:0;text-align:center;color:rgba(255,255,255,.5);font-size:14px;font-weight:300;text-decoration:none}
.section-promotion .pagination-mobile .btns li a.on{color:#fff;border-top:1px solid #c69c7c;-webkit-transition:all .4s;transition:all .4s}
.section-promotion .pagination-wrap .pagination-pc{position:relative;display:none;padding:0;width:100%;height:58px;overflow:hidden}
.section-promotion .pagination-pc .btns{display:block;position:relative;margin:0;padding:0;width:100%;white-space:nowrap}
.section-promotion .pagination-pc .btns li{position:absolute;display:inline-block;top:0;left:0;height:58px}
.section-promotion .pagination-pc .btns li a{display:block;margin:0;color:rgba(255,255,255,.5);text-align:center;font-size:14px;line-height:58px}
.section-promotion .pagination-pc .btns li a.on{color:#fff;border-top:1px solid #c69c7c;line-height:56px}
.section-promotion .pagination-pc .btn-prev{position:absolute;display:none;top:1px;left:7px;width:40px;height:56px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-image:url(icon-promotion-prev.png);background-size:11px 22px;background-position:center center;background-repeat:no-repeat}
.section-promotion .pagination-pc .btn-next{position:absolute;display:none;top:1px;right:7px;border:0 none;background:0 0;width:40px;height:56px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-image:url(icon-promotion-next.png);background-size:11px 22px;background-position:center center;background-repeat:no-repeat}
.section-promotion__listall{display:none;position:absolute;left:0;right:0;bottom:0;width:100%;text-align:center}
.section-promotion__listall.on{height:100%;z-index:10;background-color:rgba(21,16,13,.6)}
.section-promotion__listall .bundle{width:100%;height:100%;max-width:1260px;margin:0 auto;position:relative}
.section-promotion__listall.on .bundle::after{content:'';position:absolute;left:0;bottom:57px;width:100%;height:1px;border-bottom:1px solid #fff;border-color:rgba(255,255,255,.05)}
.section-promotion__listall.on .btn-listall{right:27px;content:''}
.section-promotion__listall.on .btn-listall::before{background-image:url(icon-close.png);background-size:13px 12px;background-position:center center;background-repeat:no-repeat}
.section-promotion__listall.on .btn-listall::after{content:'닫기'}
.section-promotion__listall.on .wrap-listall{display:block}
.section-promotion .btn-listall{display:block;position:absolute;right:30px;bottom:80px;padding:0;font-size:14px;color:#fff;z-index:9}
.section-promotion .btn-listall::before{content:'';display:inline-block;width:15px;height:15px;vertical-align:middle;margin:-1px 9px 0 0;background-image:url(icon-promotion-list.png);background-size:15px 15px;background-position:center center;background-repeat:no-repeat}
.section-promotion .btn-listall::after{content:'전체보기'}
@media (min-width:960px){.section-promotion .btn-listall{display:block}
}
.section-promotion .wrap-listall{display:none;position:absolute;bottom:0;width:100%;padding-bottom:120px;max-height:531px;background-color:rgba(200,160,129,.98)}
.section-promotion .wrap-listall ul{padding:0 10px 0 32px}
.section-promotion .wrap-listall li{float:left;width:calc(100% / 4);height:81px;display:table;padding:46px 10px 0 0;text-align:left;cursor:pointer;overflow:hidden;z-index:2103}
.section-promotion .wrap-listall li a{display:table;float:left}
.section-promotion .wrap-listall li .thumb{float:left;display:block;width:81px;height:81px;margin:0 10px 0 0;border-radius:50%}
.section-promotion .wrap-listall li .article{display:table-cell;width:178px;height:100%;vertical-align:middle;padding-bottom:6px}
.section-promotion .wrap-listall li .article .subject{display:block;font-size:14px;font-weight:400;color:#46342e;line-height:1.4}
.section-promotion .wrap-listall li .article .date{display:block;margin-top:6px;font-size:13px;color:#916b4e}
@media (min-width:1260px){.section-promotion .wrap-listall ul{padding:30px 97px 0 135px}
}
@media (min-width:640px){.section-promotion .pagination-wrap .pagination-mobile{display:block}
.section-promotion .section-promotion__list ul li .article{min-height:330px;margin-top:-165px}
.section-promotion .section-promotion__list ul li .article .title{font-size:44px;letter-spacing:-3px}
}
@media (min-width:960px){.section-promotion .pagination-wrap::before{bottom:57px}
.section-promotion .section-promotion__list{height:575px}
.section-promotion .pagination-pc .btns li a{font-size:16px;text-decoration: none;}
.section-promotion .section-promotion__list ul li .bg-mobile{display:none}
.section-promotion .section-promotion__list ul li .bg{display:block;height:575px}
.section-promotion .pagination-wrap .pagination-mobile{display:none}
.section-promotion .pagination-wrap .pagination-pc{display:block}
.section-promotion .pagination-pc .btns li{line-height:54px}
.section-promotion .section-promotion__list ul li .article .desc{display:block}
.section-promotion__listall{display:block}
.section-promotion .pagination-pc .btn-next,.section-promotion .pagination-pc .btn-prev{display:block}
}
@media (min-width:1260px){.section-promotion .section-promotion__list{height:530px}
.section-promotion .section-promotion__list ul li .article{min-height:400px;margin-top:-200px}
.section-promotion .section-promotion__list ul li .bg{height:650px}
.btn-listall{right:0}
.section-promotion .pagination-pc .btn-prev{left:-13px}
.section-promotion .pagination-pc .btn-next{right:-13px}
}
.wrap-section-special{width:100%;text-align:center;padding:0!important}
.wrap-section-special .section-special{height:409px}
.wrap-section-special .slick-dots{bottom:-25px}
.wrap-section-special .slick-dots li button::before{border-color:rgba(255,255,255,.27)}
.wrap-section-special .slick-next,.wrap-section-special .slick-prev{width:18px;height:36px;top:85px;position:absolute}
.wrap-section-special .slick-next::before,.wrap-section-special .slick-prev::before{content:'';display:block;width:18px;height:36px}
.wrap-section-special .slick-prev{left:-32px}
.wrap-section-special .slick-next{right:-32px}
.wrap-section-special .slick-next::before,.wrap-section-special .slick-prev::before{position:absolute;content:'';display:inline-block;top:6px;width:22px;height:22px;border:solid #747880;border-width:0 0 1px 1px}
.wrap-section-special .slick-prev::before{left:5px;-webkit-transform:rotate(49deg) skew(6deg);-ms-transform:rotate(49deg) skew(6deg);transform:rotate(49deg) skew(6deg)}
.wrap-section-special .slick-next::before{left:-5px;-webkit-transform:rotate(229deg) skew(6deg);-ms-transform:rotate(229deg) skew(6deg);transform:rotate(229deg) skew(6deg)}
@media (min-width:320px){.wrap-section-special .slick-arrow{opacity:0}
}
@media (min-width:640px){.wrap-section-special .slick-arrow{opacity:1}
}
@media (min-width:960px){.wrap-section-special .slick-prev{left:-74px}
.wrap-section-special .slick-next{right:-74px}
.wrap-section-special .slick-next::before,.wrap-section-special .slick-prev::before{width:32px;height:32px}
}
.wrap-section-special header{position:relative;height:134px}
.wrap-section-special header h2{padding:50px 18px 13px 18px;font-size:33px;font-weight:300;line-height:1;text-align:center;color:#fff}
.wrap-section-special header p{margin:0 30px;font-size:11px;font-weight:300;line-height:1.5;text-align:center;color:#fff;opacity:.6}
@media (min-width:640px){.wrap-section-special header{height:169px}
.wrap-section-special header h2{padding:60px 0 13px 0}
.wrap-section-special header p{font-size:13px}
}
@media (min-width:960px){.wrap-section-special header{height:246px}
.wrap-section-special header h2{padding:80px 0 30px 0;font-size:44px}
.wrap-section-special header p{font-size:14px}
}
@media (min-width:1260px){.wrap-section-special header{height:326px}
.wrap-section-special header h2{padding:120px 0 30px 0;font-size:50px}
.wrap-section-special header p{font-size:16px}
}
.wrap-section-special .slick-item a{display:block;overflow:hidden}
.section-special.image .btn-play,.section-special.video ul{display:none}
.section-special{position:relative;width:100%;overflow:hidden;text-align:center;background-position:center top;background-size:cover}
.section-special::before{position:absolute;left:0;top:0;content:'';display:block;width:100%;height:100%;background-color:rgba(21,16,13,.6)}
.section-special.video{height:284px}
.section-special.video .btn-play{margin-top:20px}
@media (min-width:640px){.section-special.video .btn-play{margin-top:10px}
}
@media (min-width:960px){.section-special.video header h2{padding-top:120px}
.section-special.video .btn-play{margin-top:40px}
}
@media (min-width:1260px){.section-special.video .btn-play{margin-top:-25px}
}
.section-special.video::before{display:none}
.btn-play{position:relative;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;display:inline-block;content:'';width:72px;height:72px;margin-top:70px;background-image:url(icon-special-vod-b.png);background-size:72px 72px;background-position:center center;background-repeat:no-repeat}
.section-special.image{height:409px}
.section-special.image>ul{margin:0 auto;width:245px}
.section-special.image>ul .thumbnail a,.section-special.image>ul .video a{display:block;width:100%;height:100%;position:relative}
.section-special.image>ul .video a::after{position:absolute;left:0;top:0;display:inline-block;content:'';width:100%;height:145px;z-index:2;background-color:rgba(0,0,0,.6)}
@media (min-width:960px){.section-special.image>ul .video a::after{height:178px}
}
.section-special.image .slick-slide{position:relative;height:210px}
.section-special a{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.section-special a:hover .contents{background:rgba(198,156,124,.6)}
.section-special a:hover .contents img{display:block;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.section-special a:hover .contents strong{text-decoration:underline}
.section-special .contents{width:100%;background:rgba(0,0,0,.6);padding:0 0 15px 0}
.section-special .contents .contents-img{width:100%;height:145px;overflow:hidden}
.section-special .contents strong{display:block;padding:14px 18px 5px 18px;font-weight:400;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-special .contents p{padding:0 18px;font-size:11px;color:#fff;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-special .contents img{width:100%;height:auto}
@media (min-width:960px){.section-special .contents .contents-img{height:178px}
}
@media (min-width:640px){.section-special.video{height:306px}
.section-special.image{height:439px}
.section-special.image>ul{width:522px}
.section-special.image .slick-slide{padding:0 8px}
}
@media (min-width:960px){.section-special.video{height:490px}
.section-special.image{height:585px}
.section-special.image>ul{width:636px}
.section-special.image .slick-slide{height:259px}
.section-special .contents{padding:0 0 19px 0}
.section-special .contents strong{font-size:16px}
.section-special .contents p{font-size:13px}
.section-special.image>ul .video a::after{background-image:url(icon-special-vod-b.png);background-size:52px 52px;background-position:center 70px;background-repeat:no-repeat}
}
@media (min-width:1260px){.section-special.image{height:705px}
.section-special.image>ul{width:1256px}
.section-special.image>ul li{margin:0 8px;width:302px;height:259px;float:left}
.section-special.image>ul li .contents{height:259px}
.section-special.image>ul li:first-child{margin-left:0}
.section-special.image>ul li:last-child{margin-right:0}
.section-special.image::after{content:"";display:block;clear:both}
}
.ui-youtube-modal .modal{margin:0 auto;width:100%;width:calc(100%);max-width:1260px;padding:0 18px;text-align:right}
@media (min-width:1260px){.ui-youtube-modal .modal{padding:0}
}
.ui-youtube-modal .modal .btn-close{text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;position:absolute;top:-30px;right:18px;width:20px;height:20px;background-image:url(icon-modal-close.png);background-size:20px 20px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px){.ui-youtube-modal .modal .btn-close{width:36px;height:35px;top:-48px;background-image:url(icon-modal-close.png);background-size:36px 35px;background-position:center center;background-repeat:no-repeat}
}
@media (min-width:1260px){.ui-youtube-modal .modal .btn-close{right:0}
}
.ui-youtube-modal .modal .embed-responsive-video{position:relative;padding-top:56.25%;background-color:#000}
.ui-youtube-modal .modal .embed-responsive-video .iframe-wrap{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%}
.overlay,.ui-youtube-modal{z-index:9999999}
.ui-youtube-modal .btn-close-today{display:inline-block;padding-top:11px;font-size:13px;color:#fff;vertical-align:middle;text-decoration:none;cursor:pointer}
.ui-youtube-modal .btn-close-today #checkModalCookie{margin:0 5px 0;vertical-align:middle}
.ui-youtube-modal .btn-close-today label{cursor:pointer}
.page-main .wrap-section-portal article a:hover dt,.page-main .wrap-section-portal article li a:hover dt{text-decoration:underline}
.page-main .wrap-section-portal article a:hover dd,.page-main .wrap-section-portal article li a:hover dd{color:#474747}
.page-main .section-content-type6 a:hover *{text-decoration:none}
.page-main .section-content-type6 a:hover dd.desc{text-decoration:underline}
.page-main .section-contents,.page-main .wrap-contents{padding-top:0}
.wrap-section{vertical-align:top;padding:0 18px}
@media (min-width:1260px){.wrap-section{padding:0}
}
.wrap-section>section{max-width:1260px;margin:0 auto}
.wrap-section .slick-item,.wrap-section .slick-list,.wrap-section .slick-slider{margin-bottom:0}
.wrap-section-portal{padding-top:20px;padding-bottom:20px;background:#f4f5f7}
.wrap-section-portal .nodata p{margin-bottom:20px}
@media (min-width:640px){.wrap-section-portal{padding-top:25px;padding-bottom:25px}
}
@media (min-width:960px){.wrap-section-portal{padding-top:40px;padding-bottom:40px}
}
@media (min-width:1260px){.wrap-section-portal{padding-left:0;padding-right:0;padding-top:45px;padding-bottom:45px}
}
.wrap-section-portal section.section-cartoon,.wrap-section-portal section.section-hotissue,.wrap-section-portal section.section-my,.wrap-section-portal section.section-notice,.wrap-section-portal section.section-powerbook{float:left;text-align:left;overflow:hidden;border:1px solid #efefef;background:#fff;height:325px;margin-bottom:7px}
@media (min-width:640px){.wrap-section-portal section.section-cartoon,.wrap-section-portal section.section-hotissue,.wrap-section-portal section.section-my,.wrap-section-portal section.section-notice,.wrap-section-portal section.section-powerbook{height:334px;margin-bottom:18px}
}
@media (min-width:960px){.wrap-section-portal section.section-cartoon,.wrap-section-portal section.section-hotissue,.wrap-section-portal section.section-my,.wrap-section-portal section.section-notice,.wrap-section-portal section.section-powerbook{height:247px}
}
@media (min-width:1260px){.wrap-section-portal section.section-cartoon,.wrap-section-portal section.section-hotissue,.wrap-section-portal section.section-my,.wrap-section-portal section.section-notice,.wrap-section-portal section.section-powerbook{height:336px}
}
.wrap-section-portal section.section-cartoon:first-child,.wrap-section-portal section.section-hotissue:first-child,.wrap-section-portal section.section-my:first-child,.wrap-section-portal section.section-notice:first-child,.wrap-section-portal section.section-powerbook:first-child{margin-left:0}
.wrap-section-portal section.section-cartoon header,.wrap-section-portal section.section-hotissue header,.wrap-section-portal section.section-my header,.wrap-section-portal section.section-notice header,.wrap-section-portal section.section-powerbook header{height:44px;padding:13px 17px 13px 17px}
.wrap-section-portal section.section-cartoon header h2,.wrap-section-portal section.section-hotissue header h2,.wrap-section-portal section.section-my header h2,.wrap-section-portal section.section-notice header h2,.wrap-section-portal section.section-powerbook header h2{font-size:16px;color:#1f1f1f}
@media (min-width:960px) and (max-width:1259px){.wrap-section-portal section.section-cartoon header,.wrap-section-portal section.section-hotissue header,.wrap-section-portal section.section-my header,.wrap-section-portal section.section-notice header,.wrap-section-portal section.section-powerbook header{height:32px;padding-top:6px!important;padding-bottom:6px}
}
@media (min-width:960px){.wrap-section-portal section.section-cartoon header,.wrap-section-portal section.section-hotissue header,.wrap-section-portal section.section-my header,.wrap-section-portal section.section-notice header,.wrap-section-portal section.section-powerbook header{padding-top:11px}
}
.wrap-section-portal section.section-cartoon article,.wrap-section-portal section.section-hotissue article,.wrap-section-portal section.section-my article,.wrap-section-portal section.section-notice article,.wrap-section-portal section.section-powerbook article{font-size:13px}
@media (min-width:320px){.section-hotissue,.section-notice{width:100%;margin-left:0}
}
@media (min-width:640px){.section-hotissue,.section-notice{width:calc(100% * .5 - 17px * (1 - .5));margin-bottom:18px;margin-left:17px}
.section-hotissue:first-child,.section-hotissue:nth-child(3),.section-notice:first-child,.section-notice:nth-child(3){margin-left:0}
.section-hotissue:nth-child(2),.section-notice:nth-child(2){margin-left:17px}
}
@media (min-width:960px){.section-hotissue,.section-notice{width:calc(100% * .25 - 17px * (1 - .25));margin-left:17px;margin-bottom:0!important}
.section-hotissue:nth-child(3),.section-notice:nth-child(3){margin-left:17px}
}
section.section-notice article dl{position:relative}
section.section-notice article dl dt{position:absolute;left:18px;bottom:0;height:28px;font-size:13px;color:#fff;z-index:2;width:94%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
section.section-notice article dl::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:40px;background-color:rgba(1,1,1,.5);z-index:1}
section.section-notice article ul{clear:both;padding:30px 15px}
section.section-notice article ul li{position:relative;height:26px;padding:0 0 9px 10px;line-height:1.3}
section.section-notice article ul li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#888;max-width:90%;display:inline-block}
section.section-notice article ul li::before{content:'';position:absolute;left:0;top:6px;width:3px;height:3px;border-radius:1px;background:#ccc}
section.section-notice article ul li.is-new-true a{color:#1f1f1f}
section.section-notice article .icon-new{position:relative;display:inline-block;width:13px;height:13px;margin-left:4px;margin-top:1px;vertical-align:top;background-image:url(icon-new.png);background-size:13px 13px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px) and (max-width:1259px){section.section-notice article dl::before{height:30px}
section.section-notice article dl dt{left:13px;height:25px}
section.section-notice article ul{padding:16px 12px}
section.section-notice article ul li{padding-bottom:2px}
}
@media (min-width:1260px){section.section-notice article dl dt{height:30px;font-size:14px}
section.section-notice article ul{padding:25px 15px}
section.section-notice article ul li::before{top:9px}
section.section-notice article .icon-new{margin-top:3px}
}
section.section-hotissue{height:148px!important}
section.section-hotissue .btn-toggle{float:right;display:inline-block;width:10px;height:10px;margin:-18px 10px 0 0;border:solid #c7c7cc;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer}
section.section-hotissue.on{height:334px!important}
section.section-hotissue.on .btn-toggle{margin:-13px 10px 0 0;border-color:#c69c7c;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}
section.section-hotissue.on article{height:auto}
section.section-hotissue article{height:86px;overflow:hidden;padding:7px 15px 20px 17px}
section.section-hotissue article ol.keyword li{position:relative;height:27px;padding-right:50px}
section.section-hotissue article ol.keyword li:nth-child(1) a::before{background-color:#c69c7c}
section.section-hotissue article ol.keyword li:nth-child(2) a::before{background-color:#c69c7c}
section.section-hotissue article ol.keyword li:nth-child(3) a::before{background-color:#c69c7c}
section.section-hotissue article ol.keyword li a{float:left;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
section.section-hotissue article ol.keyword li a::before{width:19px;height:19px;padding:1px 0 0 0;text-align:center;vertical-align:middle;margin-right:5px;border-radius:10px;font-size:11px;color:#fff;font-family:Verdana;font-weight:400;line-height:1.55;background-color:#999}
section.section-hotissue article ol.keyword li .ui-rank{position:absolute;right:-10px}
@media (min-width:640px){section.section-hotissue{height:334px!important;min-height:inherit}
section.section-hotissue .btn-toggle{display:none}
section.section-hotissue article{height:auto}
}
@media (min-width:960px){section.section-hotissue{height:247px!important}
section.section-hotissue ol.keyword li a{width:140px}
}
@media (min-width:1260px){section.section-hotissue{height:336px!important}
section.section-hotissue ol.keyword a::before{vertical-align:middle!important;padding-top:2px!important}
}
@media (min-width:960px) and (max-width:1259px){section.section-hotissue article ol.keyword li{height:20px}
section.section-hotissue article ol.keyword li a{font-size:12px}
section.section-hotissue article ol.keyword li a::before{width:14px;height:14px;font-size:9px;padding:0}
section.section-hotissue ol.keyword li .ui-rank{font-size:11px}
section.section-hotissue ol.keyword li .ui-rank.new{font-size:0}
section.section-hotissue ol.keyword li .ui-rank.new::before{font-size:11px}
}
.wrap-section-portal .section-powerbookcartoon{clear:both;width:100%;margin-bottom:22px}
.wrap-section-portal .section-powerbookcartoon article dl{position:relative}
.wrap-section-portal .section-powerbookcartoon article dl dt{padding:27px 0 7px 0;text-align:center;font-size:16px;color:#1f1f1f}
.wrap-section-portal .section-powerbookcartoon article dl dd.desc{padding-left:18px;padding-right:18px;font-size:13px;color:#474747;text-align:center;line-height:1.6}
@media (min-width:640px){.wrap-section-portal .section-powerbookcartoon section[class^=section]:first-child{margin-left:0}
}
@media (min-width:960px){.wrap-section-portal .section-powerbookcartoon{float:left;clear:none;height:247px;width:calc(100% * .5 - 17px * (1 - .5));margin-left:17px;margin-bottom:0}
}
@media (min-width:960px) and (max-width:1259px){.wrap-section-portal .section-powerbookcartoon article dl dt{padding:14px 0 6px 0;font-size:14px}
.wrap-section-portal .section-powerbookcartoon article dl dd.desc{font-size:12px}
}
.wrap-section-portal .section-powerbookcartoon section[class^=section]{margin-bottom:0}
@media (min-width:640px){.wrap-section-portal .section-powerbookcartoon section[class^=section]{width:calc(100% * .5 - 18px * (1 - .5));margin-left:18px}
}
@media (min-width:960px){.wrap-section-portal .section-powerbookcartoon section[class^=section]{width:calc(100% * .5 - 17px * (1 - .5));margin-left:17px;margin-bottom:0}
}
@media (min-width:1260px){.wrap-section-portal .section-powerbookcartoon section[class^=section]{height:336px}
}
section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:152px;background-position:center center;background-repeat:no-repeat;background-size:cover}
section:not(.wrap-section-nshop) section[class^=section] article dd.thumb img{display:none}
@media (min-width:640px){section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:152px}
}
@media (min-width:640px){section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:157px}
}
@media (min-width:960px){section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:119px}
}
@media (min-width:1260px){section:not(.wrap-section-nshop) section[class^=section] article dd.thumb{height:162px}
}
.wrap-section-article>section a:hover dt,.wrap-section-nshop>section a:hover dt,.wrap-section-portal>section li a:hover,.wrap-section-siege>section a:hover dt strong{text-decoration:underline}
.wrap-section-article{padding-top:60px!important}
@media (min-width:960px){.wrap-section-article{padding-top:78px!important}
}
.wrap-section-article>section.false{display:none!important}
.wrap-section-article section{min-height:200px;margin-bottom:50px;padding-bottom:0}
@media (min-width:640px){.wrap-section-article section{margin-bottom:60px}
}
@media (min-width:960px){.wrap-section-article section{margin-bottom:78px}
}
.wrap-section-article header{position:relative;height:52px;padding:5px 0 17px 0;text-align:center}
.wrap-section-article header::after{content:'';display:block;position:absolute;top:20px;left:0;width:100%;height:1px;background-color:#eee;z-index:1}
.wrap-section-article header h2{position:relative;display:inline-block;margin:0 auto;padding:0 32px;font-size:18px;line-height:1.6;color:#1f1f1f;background-color:#fff;z-index:3}
.wrap-section-article article{margin-bottom:0;font-size:13px}
.wrap-section-article article dl{position:relative}
.wrap-section-article article dl dd.thumb{position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover}
.wrap-section-article article dl dd.thumb::before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.73));background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.73))}
.wrap-section-article article dl dd.thumb img{display:none}
.wrap-section-article article dl dd.thumb .flag{position:absolute;left:50%;bottom:16px;margin-left:-40px;width:81px;Height:31px;font-size:13px;font-weight:300;line-height:1;text-align:center;padding-top:9px;color:#fff;border:solid 1px #c69c7c;background-color:rgba(0,0,0,.5);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.wrap-section-article article dl dd.thumb .flag.none{display:none}
@media (min-width:960px) and (max-width:1259px){.wrap-section-article article dl dd.thumb .flag{width:57px;height:22px;margin-left:-29px;padding-top:4px!important;font-size:11px}
}
@media (min-width:960px){.wrap-section-article article dl dd.thumb .flag{padding-top:7px}
}
.wrap-section-article article dl dt{padding:15px 0 7px 0;text-align:center;font-size:16px;color:#1f1f1f;white-space:normal!important}
.wrap-section-article article dl dt strong{font-weight:400}
@media (min-width:960px) and (max-width:1259px){.wrap-section-article article dl dt{font-size:15px!important}
}
.wrap-section-article article dl dd.desc{font-size:13px;color:#474747;text-align:center;line-height:1.4;padding-bottom:1px}
.wrap-section-article>:not(.section-content-type6) article dl dd.desc,.wrap-section-article>:not(.section-content-type6) article dl dt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:18px;padding-right:18px}
.wrap-section-article>:not(.section-content-type6) .thumb{height:204px}
@media (min-width:960px){.wrap-section-article>:not(.section-content-type6) .thumb{height:147px}
}
@media (min-width:960px){.wrap-section-article>:not(.section-content-type6) .thumb{height:210px}
}
section.section-content-type2 .slick-item,section.section-content-type4 .slick-item{float:left;text-align:left;overflow:hidden;margin-left:18px}
section.section-content-type2 .slick-item:last-child,section.section-content-type4 .slick-item:last-child{margin-bottom:0}
section.section-content-type2 .slick-item:first-child,section.section-content-type4 .slick-item:first-child{margin-left:0}
@media (min-width:320px){section.section-content-type2 .slick-item,section.section-content-type4 .slick-item{width:100%;margin-left:0}
}
section.section-content-type2 .slick-item{margin-bottom:30px}
@media (min-width:640px){section.section-content-type2 .slick-item{width:calc(100% * .5 - 18px * (1 - .5));min-height:214px;margin-left:18px;margin-bottom:0}
section.section-content-type2 .slick-item:nth-child(3){margin-left:0}
}
section.section-content-type4 .slick-item{width:calc(100% * .5 - 6px * (1 - .5));min-height:156px;margin-left:6px;margin-bottom:0}
section.section-content-type4 .slick-item:nth-child(3){margin-left:0}
section.section-content-type4 .slick-item:nth-child(1),section.section-content-type4 .slick-item:nth-child(2){margin-bottom:21px}
section.section-content-type4 .slick-item .thumb{height:97px}
section.section-content-type4 .slick-item dt{padding-top:12px;padding-bottom:7px;font-size:13px;line-height:1.6}
section.section-content-type4 .slick-item .desc{display:none}
@media (min-width:640px){section.section-content-type4 .slick-item{height:268px;width:calc(100% * .5 - 18px * (1 - .5));margin-left:18px}
section.section-content-type4 .slick-item:nth-child(1),section.section-content-type4 .slick-item:nth-child(2){margin-bottom:28px}
section.section-content-type4 .slick-item .thumb{height:204px}
section.section-content-type4 .slick-item .desc{display:block}
section.section-content-type4 .slick-item dt{font-size:16px}
}
@media (min-width:960px){section.section-content-type4 .slick-item{width:calc(100% * .25 - 18px * (1 - .25));margin-left:18px;height:208px}
section.section-content-type4 .slick-item:nth-child(3){margin-left:18px}
section.section-content-type4 .slick-item .thumb{height:147px}
section.section-content-type4 .slick-item dt{padding-bottom:7px}
}
@media (min-width:1260px){section.section-content-type4 .slick-item{height:272px;margin-bottom:0!important}
section.section-content-type4 .slick-item .thumb{height:210px}
}
@media (min-width:640px){section.section-content-type3 .slick-item{width:calc(100% * .33333);margin-left:18px}
}
section.section-content-type3 .slick-dots,section.section-content-type6 .slick-dots{position:static;margin-top:10px}
section.section-content-type6{min-height:auto}
section.section-content-type6 .slick-item{width:calc(100% * .5)}
section.section-content-type6 dl,section.section-content-type6 dt{width:135px}
section.section-content-type6 dt{height:135px}
section.section-content-type6 dl{position:relative;margin:0 auto}
section.section-content-type6 dl:hover ::before{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
section.section-content-type6 dl dd.thumb{position:relative;overflow:hidden;background-image:none!important}
section.section-content-type6 dl dd.thumb .flag{display:none}
section.section-content-type6 dl dd.thumb img{display:block;width:100%;height:100%;max-height:188px;border-radius:50%}
section.section-content-type6 dl dd.thumb::before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(21,16,13,.7);border-radius:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
section.section-content-type6 dl dt{position:absolute;left:0;top:0;display:table;padding:0;text-align:center;vertical-align:middle;font-size:13px;color:#fff;z-index:2}
section.section-content-type6 dl dt strong{display:table-cell;vertical-align:middle;padding-left:18px;padding-right:18px;line-height:1.5}
section.section-content-type6 dl dd.desc{height:48px;overflow:hidden;line-height:1.5;padding-top:10px;text-align:center;font-size:13px;color:#1f1f1f}
@media (min-width:640px){section.section-content-type6 .slick-item{width:calc(100% * .5)}
section.section-content-type6 .slick-item dl,section.section-content-type6 .slick-item dt{width:169px}
section.section-content-type6 .slick-item dt{height:169px}
}
@media (min-width:960px){section.section-content-type6 .slick-item{width:calc(100% * .16667)}
section.section-content-type6 .slick-item dl,section.section-content-type6 .slick-item dt{width:132px}
section.section-content-type6 .slick-item dt{height:132px}
}
@media (min-width:1260px){section.section-content-type6 .slick-item dl,section.section-content-type6 .slick-item dt{width:188px}
section.section-content-type6 .slick-item dt{height:188px}
section.section-content-type6 .slick-item dd,section.section-content-type6 .slick-item dt{font-size:14px}
}
.section-quickmenu__list{width:100%}
.section-quickmenu__list li{float:left;width:10%}
.section-quickmenu__list li a{display:block}
.wrap-section-article article a:hover dl dd.thumb .flag{background-color:#c69c7c}
.section-shortcut{position:relative;width:100%;height:60px;overflow:hidden;background-color:#FFF}
.section-shortcut .handle{position:absolute;top:0;left:0}
.section-shortcut .handle .btns{max-width:1260px;margin:0 auto}
.section-shortcut .btns{display:block;position:relative;margin:0;padding:0;white-space:nowrap}
.section-shortcut .btns::after{content:"";display:block;clear:both}
.section-shortcut .btns li{display:inline-block;height:60px;line-height:60px}
.section-shortcut .btns li a::before{background-image:url(icon-shortcut.png);background-size:18px 198px;background-position:center center;background-repeat:no-repeat}
.section-shortcut .btns li.my a::before{background-position:0 0}
.section-shortcut .btns li.community a::before{background-position:0 -18px}
.section-shortcut .btns li.item a::before{background-position:0 -36px}
.section-shortcut .btns li.powerbook a::before{background-position:0 -54px}
.section-shortcut .btns li.coupon a::before{background-position:0 -72px}
.section-shortcut .btns li.new a::before{background-position:0 -90px}
.section-shortcut .btns li.return a::before{background-position:0 -108px}
.section-shortcut .btns li.security a::before{background-position:0 -126px}
.section-shortcut .btns li.report a::before{background-position:0 -144px}
.section-shortcut .btns li.unseal a::before{background-position:0 -162px}
.section-shortcut .btns li.haste a::before{background-position:0 -180px}
.section-shortcut .btns li a{display:block;margin:0;padding-left:10px;padding-right:10px;min-width:65px;font-size:10px;font-weight:300;line-height:1;color:#474747;text-align:center;text-decoration:none;}
.section-shortcut .btns li a::before{content:'';display:block;width:18px;height:18px;margin:10px auto}
.section-shortcut .btns li a.on{color:red}
.section-shortcut .btns li.report,.section-shortcut .btns li.security{display:none}
@media (min-width:640px){.section-shortcut .btns,.section-shortcut .handle{width:100%}
.section-shortcut .btns li{width:calc(100%/9)}
.section-shortcut .btns li a{padding-left:0;padding-right:0}
}
@media (min-width:960px){.section-shortcut{height:98px}
.section-shortcut .btns li{width:calc(100%/8);height:98px}
.section-shortcut .btns li a::before{margin:23px auto 12px auto;width:25px;height:25px;background-image:url(icon-shortcut.png);background-size:25px 275px;background-position:center center;background-repeat:no-repeat}
.section-shortcut .btns li.my a::before{background-position:0 0}
.section-shortcut .btns li.community a::before{background-position:0 -25px}
.section-shortcut .btns li.item a::before{background-position:0 -50px}
.section-shortcut .btns li.powerbook a::before{background-position:0 -75px}
.section-shortcut .btns li.coupon a::before{background-position:0 -100px}
.section-shortcut .btns li.new a::before{background-position:0 -125px}
.section-shortcut .btns li.return a::before{background-position:0 -150px}
.section-shortcut .btns li.security a::before{background-position:0 -175px}
.section-shortcut .btns li.report a::before{background-position:0 -200px}
.section-shortcut .btns li.unseal a::before{background-position:0 -225px}
.section-shortcut .btns li.haste a::before{background-position:0 -250px}
.section-shortcut .btns li a{font-size:13px}
.section-shortcut .btns li.community,.section-shortcut .btns li.item,.section-shortcut .btns li.powerbook{display:none}
.section-shortcut .btns li.report,.section-shortcut .btns li.security{display:inline-block}
}
@media (min-width:1260px){.section-shortcut .btns li a{font-size:14px}
}
.section-nochar{display:none}
section>li.nodata{display:none}
.wrap-section-portal>section>section.section-my{clear:both;width:100%;margin:0 0 38px 0;padding:0;background-color:#fff;border:solid 1px #efefef;overflow:visible!important}
.wrap-section-portal>section>section.section-my .slick-dots{margin-top:25px}
.wrap-section-portal>section>section.section-my div.title{position:relative;padding:13px 17px 0 17px;text-align:left}
.wrap-section-portal>section>section.section-my .nodata{padding-top:50px}
@media (min-width:640px){.wrap-section-portal>section>section.section-my{margin-bottom:0}
}
@media (min-width:960px){.wrap-section-portal>section>section.section-my{width:calc(100% * .5 - 17px * (1 - .5))!important;margin-left:17px!important;clear:none!important;float:left}
.wrap-section-portal>section>section.section-my .slick-slider{margin-bottom:0}
}
@media (min-width:960px) and (max-width:1259px){.wrap-section-portal>section>section.section-my{height:247px}
.wrap-section-portal>section>section.section-my div.title{padding-top:6px;padding-bottom:10px}
}
.wrap-section-portal>section>section.section-my .btn-myranking{position:relative;display:inline-block;width:20px;height:20px;vertical-align:middle;margin:-3px 0 0 4px;cursor:pointer;border:1px solid #dedfe2;border-radius:50%}
.wrap-section-portal>section>section.section-my .btn-myranking::after,.wrap-section-portal>section>section.section-my .btn-myranking::before{position:absolute;top:50%;left:50%;content:'';display:inline-block;background:#c7c7cc}
.wrap-section-portal>section>section.section-my .btn-myranking::before{margin:-1px 0 0 -5px;width:10px;height:2px}
.wrap-section-portal>section>section.section-my .btn-myranking::after{margin:-5px 0 0 -1px;width:2px;height:10px}
.wrap-section-portal>section>section.section-my .btn-myranking.on::after{display:none}
.wrap-section-portal>section>section.section-my .wrap-myranking{display:none;position:absolute;left:0;top:38px;width:100%;height:100%;min-height:70px;background-color:#fff;border-bottom:1px solid #efefef;z-index:2}
.wrap-section-portal>section>section.section-my .wrap-myranking .nodata{padding-top:15px}
.wrap-section-portal>section>section.section-my .wrap-myranking .myranking__bundle{width:300px;height:100%;margin:0 auto}
.wrap-section-portal>section>section.section-my .wrap-myranking .myranking__bundle .nodata{padding-top:50px}
@media (min-width:640px){.wrap-section-portal>section>section.section-my .wrap-myranking .myranking__bundle{width:381px;margin:-14px auto 0 auto}
}
.wrap-section-portal>section>section.section-my .wrap-myranking dl{width:calc(100%/3);display:inline-block;float:left;text-align:center}
.wrap-section-portal>section>section.section-my .wrap-myranking dl::before{content:'';float:left;display:inline-block;width:1px;height:30px;margin-top:7px;border-right:solid 1px #efefef}
.wrap-section-portal>section>section.section-my .wrap-myranking dl:first-child::before{display:none}
.wrap-section-portal>section>section.section-my .wrap-myranking dl dt{font-size:12px;color:#575757}
.wrap-section-portal>section>section.section-my .wrap-myranking dl dd{font-size:18px;font-weight:200;color:#6286a9}
.wrap-section-portal>section>section.section-my .wrap-myranking dl.myranking__grade dd span{display:inline-block;min-width:13px;height:13px}
.wrap-section-portal>section>section.section-my .wrap-myranking dl.myranking__grade .grade-1{width:calc(15px*1);background-size:13px 13px;background-repeat:no-repeat;background-position:0 0;background-image:url(../img/world/ranking/star-1.png)}
.wrap-section-portal>section>section.section-my .wrap-myranking dl.myranking__grade .grade-2{width:calc(15px*2);background-size:13px 13px;background-repeat:no-repeat;background-position:0 0,15px 0,30px 0;background-image:url(../img/world/ranking/star-2.png),url(../img/world/ranking/star-2.png)}
.wrap-section-portal>section>section.section-my .wrap-myranking dl.myranking__grade .grade-3{width:calc(15px*3);background-size:13px 13px;background-repeat:no-repeat;background-position:0 0,15px 0,30px 0,45px 0;background-image:url(../img/world/ranking/star-3.png),url(../img/world/ranking/star-3.png),url(../img/world/ranking/star-3.png)}
.wrap-section-portal>section>section.section-my .wrap-myranking dl.myranking__grade .grade-4{width:calc(15px*4);background-size:13px 13px;background-repeat:no-repeat;background-position:0 0,15px 0,30px 0,45px 0,60px 0;background-image:url(../img/world/ranking/star-4.png),url(../img/world/ranking/star-4.png),url(../img/world/ranking/star-4.png),url(../img/world/ranking/star-4.png)}
.wrap-section-portal>section>section.section-my section{width:calc(100% * .5)!important;margin:0;padding:0 18px}
.wrap-section-portal>section>section.section-my section header{height:45px;padding:12px 0!important;border-bottom:solid 1px #efefef}
.wrap-section-portal>section>section.section-my section header h2{float:left;font-size:14px;font-weight:300;line-height:1;color:#c69c7c!important}
.wrap-section-portal>section>section.section-my section header menu{float:right;margin-top:1px;margin-right:-4px;font-size:12px;font-weight:300;line-height:1;color:#474747}
.wrap-section-portal>section>section.section-my section header menu li{float:left;padding:0 5px;font-size:12px;font-weight:300;line-height:1}
.wrap-section-portal>section>section.section-my section header menu li a{color:#474747}
.wrap-section-portal>section>section.section-my section header menu li.on a{color:#1f1f1f}
.wrap-section-portal>section>section.section-my section header menu li::before{content:'';display:inline-block;width:1px;height:11px;vertical-align:top;margin:1px 9px 0 0;background-color:#efefef}
.wrap-section-portal>section>section.section-my section header menu li:first-child::before{display:none}
.wrap-section-portal>section>section.section-my section article{clear:both;overflow-x:hidden;overflow-y:auto;height:100%;max-height:230px;margin:12px 0 0 0;font-size:13px}
.wrap-section-portal>section>section.section-my section article::-webkit-scrollbar{width:7px;display:block;border-radius:4.5px;background:#f4f5f7}
.wrap-section-portal>section>section.section-my section article::-webkit-scrollbar-thumb{background-color:#d6d6d7;border-radius:4.5px}
@media (min-width:960px) and (max-width:1259px){.wrap-section-portal>section>section.section-my section{width:calc(100% * .5)!important;margin:0;padding:0 13px}
.wrap-section-portal>section>section.section-my section header{height:23px;padding:0 0 8px 0!important}
.wrap-section-portal>section>section.section-my section article{height:158px;font-size:12px}
}
.wrap-section-portal>section>section.section-my .section-characteron ul li{height:20px;padding:0 5px 7px 0;color:#474747}
.wrap-section-portal>section>section.section-my .section-characteron ul li strong{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;width:calc(100% - 75px)}
.wrap-section-portal>section>section.section-my .section-characteron ul li span{float:right;display:inline-block}
.wrap-section-portal>section>section.section-my .section-characteron ul li span.talk{width:40px;height:17px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;background-image:url(icon-nctalk-off.png);background-size:40px 17px;background-position:center center;background-repeat:no-repeat}
.wrap-section-portal>section>section.section-my .section-characteron ul li span.talk.on{background-image:url(icon-nctalk-on.png);background-size:40px 17px;background-position:center center;background-repeat:no-repeat}
.wrap-section-portal>section>section.section-my .section-characteron ul li span.game{width:23px;margin-left:10px;text-align:center;color:#888;font-size:13px;font-weight:300;line-height:1;text-indent:-1px}
.wrap-section-portal>section>section.section-my .section-characteron ul li span.game.on{text-indent:0;color:#ff5f3c}
@media (min-width:960px) and (max-width:1259px){.wrap-section-portal>section>section.section-my .section-characteron ul li{padding-bottom:6px!important}
}
.wrap-section-portal>section>section.section-my .section-item ul li{clear:both;padding:12px 0 12px 0;border-bottom:solid 1px #efefef}
.wrap-section-portal>section>section.section-my .section-item ul li:last-child{border-bottom:0 none;padding-bottom:0}
.wrap-section-portal>section>section.section-my .section-item ul li:first-child{padding-top:0}
.wrap-section-portal>section>section.section-my .section-item ul li .item__thumb{float:left;width:51px;height:51px;padding:8px;border-radius:3px;margin-right:10px;background-color:#1f1f1f}
.wrap-section-portal>section>section.section-my .section-item ul li .item__thumb img{width:35px;height:35px;border:solid 1px #5f5f5f}
.wrap-section-portal>section>section.section-my .section-item ul li .item__buy,.wrap-section-portal>section>section.section-my .section-item ul li .item__sell{padding:3px 0 1px 0}
.wrap-section-portal>section>section.section-my .section-item ul li .item__sell .label{color:#6286a9}
.wrap-section-portal>section>section.section-my .section-item ul li .label{display:inline-block;width:40px;height:21px;text-align:center;padding-top:1px;color:#aa8060;font-size:12px;line-height:1;letter-spacing:-1px;border-radius:100px;background-color:#fff;border:solid 1px #eaeaea}
.wrap-section-portal>section>section.section-my .section-item ul li strong{font-weight:400;font-size:13px;color:#474747}
@media (min-width:960px) and (max-width:1259px){.wrap-section-portal>section>section.section-my .section-item ul li{padding:9px 0 5px 0}
.wrap-section-portal>section>section.section-my .section-item ul li .item__thumb{width:37px;height:37px}
.wrap-section-portal>section>section.section-my .section-item ul li .item__thumb img{width:25px;height:25px}
.wrap-section-portal>section>section.section-my .section-item ul li .item__buy,.wrap-section-portal>section>section.section-my .section-item ul li .item__sell{padding-bottom:0}
.wrap-section-portal>section>section.section-my .section-item ul li .label{width:30px;height:15px;padding-top:1px;font-size:9px}
.wrap-section-portal>section>section.section-my .section-item ul li strong{font-size:12px}
}
.wrap-section-siege{position:relative;background:url(siege-bg.jpg) repeat 50% 50%;background-size:cover}
.wrap-section-siege::before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(21,16,13,.6)}
.section-siege{position:relative;max-width:1260px;margin:0 auto}
.section-siege>header{position:relative;padding:40px 18px;text-align:center}
.section-siege>header h2{font-size:16px;font-weight:300;line-height:1;color:#aa8060}
.section-siege>header h2::after{position:absolute;left:50%;bottom:23px;content:'';display:inline-block;width:15px;height:1px;margin-left:-7px;opacity:.4;border-bottom:solid 1px #fff}
.section-siege .siege__subject{margin-bottom:20px;font-size:20px;font-weight:300;line-height:1;text-align:center;color:#fff}
.section-siege .siege__desc{text-align:center;margin-bottom:20px;font-size:13px;font-weight:300;line-height:1;color:#fff;opacity:.6}
@media (min-width:960px){.section-siege>header{padding:62px 18px 45px 18px}
.section-siege .siege__subject{margin-bottom:25px}
.section-siege .siege__desc{margin-bottom:34px;font-size:13px}
}
@media (min-width:1260px){.section-siege h2{font-size:18px}
.section-siege .siege__subject{margin-bottom:35px;font-size:28px}
}
.siege{position:relative;padding:0 18px 42px 18px}
.siege__map{position:relative;min-height:185px;background-image:url(siege-map.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
.siege__map .nodata{position:relative;height:100%;min-height:inherit;padding-top:0;background-image:url(siege-nodata.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}
.siege__map .nodata p{position:absolute;top:50%;width:100%;margin-top:-20px;margin-bottom:0;text-align:center;font-size:15px;font-weight:300;line-height:1.3;color:#fff}
.siege__map .nodata p strong{color:#6b4024}
@media (min-width:640px){.siege__map .nodata p{margin-top:-30px;font-size:20px}
}
.siege__mapimg{display:none;width:100%;height:100%}
.siege__castle-giran,.siege__castle-kent,.siege__castle-orc{position:absolute;display:inline-block;padding:2px 6px 0 8px;border-radius:2px;font-size:11px;color:#f2bf47;background-color:rgba(250,0,0,.85)}
.siege__castle-giran strong,.siege__castle-kent strong,.siege__castle-orc strong{font-weight:400}
.siege__castle-giran::before,.siege__castle-kent::before,.siege__castle-orc::before{position:absolute;margin:-5px 0 0 -35px;content:'';display:inline-block;width:20px;height:29px;background-image:url(icon-siege.png);background-size:20px 116px;background-position:center center;background-repeat:no-repeat}
@media (min-width:640px){.siege__castle-giran::before,.siege__castle-kent::before,.siege__castle-orc::before{width:43px;height:63px;margin:-5px 0 0 -50px;background-size:43px 252px!important}
}
@media (min-width:1260px){.siege__castle-giran,.siege__castle-kent,.siege__castle-orc{height:21px}
}
.siege__castle-giran{left:66%;top:10%;color:#fff;background-color:rgba(32,87,118,.85)}
.siege__castle-giran::before{background-position:0 0}
.siege__castle-kent{left:51%;top:49%;color:#fff;background-color:rgba(34,123,166,.85)}
.siege__castle-kent::before{background-position:0 -29px}
@media (min-width:640px){.siege__castle-kent::before{background-position:0 -63px}
}
.siege__castle-orc{left:14%;top:37%;color:#fff;background-color:rgba(123,83,14,.85)}
.siege__castle-orc::before{background-position:0 -58px}
@media (min-width:640px){.siege__castle-orc::before{background-position:0 -126px}
}
.siege__castle-redknights{color:#ffce4a;background-color:rgba(140,44,44,.85)}
.siege__castle-redknights::before{background-position:0 -87px}
@media (min-width:640px){.siege__castle-redknights::before{background-position:0 -189px}
}
.siege__util{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
.siege__util .ui-dropdown{display:inline-block;position:relative;min-width:100px;height:30px;text-align:left;vertical-align:middle}
.siege__util .ui-dropdown select{-webkit-appearance:none;border:0 none}
.siege__util .ui-dropdown.is-active .select::after{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #c7c7cc;border-top:0 none}
.siege__util .ui-dropdown .select,.siege__util .ui-dropdown .select-mobile{position:relative;height:100%;padding-right:30px;background-color:#fff;cursor:pointer;font-size:13px}
.siege__util .ui-dropdown .select-mobile.disabled,.siege__util .ui-dropdown .select.disabled{color:#000;background-color:#fff}
.siege__util .ui-dropdown .select-mobile::after,.siege__util .ui-dropdown .select::after{content:'';position:absolute;right:18px;top:50%;margin-top:-12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #c7c7cc}
@media (min-width:960px){.siege__util .ui-dropdown .select,.siege__util .ui-dropdown .select-mobile{font-size:16px}
.siege__util .ui-dropdown .select-mobile::after,.siege__util .ui-dropdown .select::after{margin-top:-7px}
}
.siege__util .ui-dropdown .option{display:none;position:absolute;z-index:10;left:-1px;right:-1px;margin:0;padding:0;list-style:none;border:1px solid #ddd;background-color:#fff}
.siege__util .ui-dropdown .option li{height:30px;padding-top:8px;padding-left:8px;background-color:#fff;cursor:pointer}
.siege__util .ui-dropdown .option li:hover{background-color:rgba(153,153,153,.1)}
.siege__util .ui-dropdown .editor-icon-close,.siege__util .ui-dropdown .editor-icon-emoticon,.siege__util .ui-dropdown [class^=fe-icon-]{position:absolute;right:10px;top:50%}
.siege__util .ui-dropdown.selected .option{display:block}
.siege__util .ui-dropdown.ui-dropdown-server{min-width:90px;height:23px;font-size:11px;font-weight:300;color:#1f1f1f}
.siege__util .ui-dropdown.ui-dropdown-server .select{margin:14px 0 0 10px;padding-top:4px;padding-left:5px;padding-right:15px;background-color:#fff;font-size:13px}
.siege__util .ui-dropdown.ui-dropdown-server .select::after{content:'';display:inline-block;right:9px;margin-top:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #c7c7cc;border-top-color:#c69c7c}
.siege__util .ui-dropdown.ui-dropdown-server .option{margin-top:-46px}
.siege__article{clear:both;width:100%;height:auto;margin-top:7px;background-color:rgba(21,16,13,.7)}
.siege__article a{display:block}
.siege__article dd.thumb{float:left;min-height:88px;height:auto;margin-right:15px;overflow:hidden}
.siege__article dd.thumb img{width:auto;height:88px}
.siege__article dt{float:left;margin-bottom:18px}
.siege__article dt strong{display:block;margin:28px 0 7px 0;min-height:15px;font-size:13px;font-weight:300;line-height:1;color:#fff}
.siege__article dt .server{display:block;font-size:11px;font-weight:300;line-height:1;color:#aa8060}
.siege__article dd.desc{display:none;width:50%;font-size:13px;line-height:1.6;letter-spacing:-1px;color:#fff;opacity:.6}
@media (min-width:640px){.siege__map{height:394px}
}
@media (min-width:960px){.siege{padding-left:40px;padding-right:40px;padding-bottom:70px}
.siege__map{float:left;width:calc(51.797% - 12px);height:284px;margin-right:12px}
.siege__bundle{float:left;width:calc(100% - 51.797%)}
.siege__article{margin-top:12px}
.siege__article:first-child{margin-top:0}
.siege__article dd.thumb{width:auto;height:136px}
.siege__article dd.thumb img{height:136px}
.siege__article dt{width:40%}
.siege__article dd.desc{display:block;float:left;width:40%;height:38px;position:relative;display:block;display:-webkit-box;overflow:hidden;max-height:3em;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}
@media (min-width:1260px){.siege{padding-left:0;padding-right:0;padding-bottom:87px}
.siege__util .ui-dropdown.ui-dropdown-server{font-size:13px}
.siege__util .ui-dropdown.ui-dropdown-server .select{min-width:129px;height:34px;margin:20px 0 0 20px;font-size:13px;padding-top:7px;padding-left:8px;padding-right:17px}
.siege__util .ui-dropdown.ui-dropdown-server .option{margin-top:-74px}
.siege__map{float:left;width:calc(50.636% - 17px);height:405px;margin-right:17px}
.siege__bundle{width:calc(100% - 50.636%)}
.siege__article{margin-top:17px}
.siege__article dt{margin-bottom:25px}
.siege__article dt strong{margin:42px 0 10px 0;font-size:16px}
.siege__article dt .server{font-size:13px}
.siege__article dd.desc{font-size:13px}
.siege__article dd.thumb{height:194px;margin-right:20px}
.siege__article dd.thumb img{height:194px}
}
.section-etcservice{text-align:center;padding:40px 0;line-height:1.4}
.section-etcservice a{position:relative;padding:0 8px 0 15px;line-height:1;letter-spacing:-1px;font-size:14px;color:#474747;white-space:nowrap}
.section-etcservice a::before{position:absolute;content:'';display:inline-block;left:0;top:9px;width:2px;height:2px;border-radius:1px;font-size:0;line-height:0;background-color:#c9cdd4}
.section-etcservice a:first-child{padding-left:0}
.section-etcservice a:first-child::before{display:none}
.section-etcservice a:nth-child(3)::after{clear:both;display:table;content:''}
.section-etcservice a:nth-child(4)::before{display:none}
@media (min-width:640px){.section-etcservice a:nth-child(3)::after{display:none}
.section-etcservice a:nth-child(4)::before{display:inline-block}
}
.wrap-footer{margin-top:0}
.wrap-section-nshop{background:#f4f5f7}
.wrap-section-nshop>.section-nshop{position:relative;margin-bottom:40px}
@media (min-width:640px){.wrap-section-nshop>.section-nshop{margin-bottom:57px}
}
.wrap-section-nshop>.section-nshop header{text-align:center;padding:40px 0 20px 0}
@media (min-width:640px){.wrap-section-nshop>.section-nshop header{padding-top:60px}
}
@media (min-width:960px){.wrap-section-nshop>.section-nshop header{padding-top:57px}
}
.wrap-section-nshop>.section-nshop header h2{font-size:16px}
.wrap-section-nshop>.section-nshop article .slick-dots{position:static;margin-top:10px}
.wrap-section-nshop>.section-nshop article .slick-item section{float:left;display:inline-block;width:calc(100% * .5 - 6px * (1 - .5));margin-bottom:6px;margin-left:6px}
.wrap-section-nshop>.section-nshop article .slick-item section:first-child,.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(3){margin-left:0}
.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(3),.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(4){margin-bottom:0}
.wrap-section-nshop>.section-nshop article .slick-item a{position:relative;display:block;height:110px;border:solid 1px #efefef;text-align:center;overflow:hidden;background-color:#fff}
.wrap-section-nshop>.section-nshop article .slick-item .flag{position:absolute;left:6px;top:6px;display:inline-block;width:27px;height:27px;border-radius:50%;padding-top:2px;text-align:center}
.wrap-section-nshop>.section-nshop article .slick-item .flag::after{display:inline-block;font-size:10px;font-weight:300;line-height:1;color:#fff}
.wrap-section-nshop>.section-nshop article .slick-item .flag-new{background-color:#e27747}
.wrap-section-nshop>.section-nshop article .slick-item .flag-new::after{content:'NEW!'}
.wrap-section-nshop>.section-nshop article .slick-item .flag-hot{background-color:#a2bc3c}
.wrap-section-nshop>.section-nshop article .slick-item .flag-hot::after{content:'HOT!'}
.wrap-section-nshop>.section-nshop article .slick-item dl dt{padding-left:18px;padding-right:18px;height:15px;font-size:13px;font-weight:300;line-height:1.08;text-align:center;color:#1f1f1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb{padding:20px 0 15px 0;text-align:center}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb img{width:auto;height:46px;margin:0 auto}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price{display:none}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price i{display:inline-block;width:16px;height:16px;vertical-align:middle;margin:0 5px 1px 0}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price i.grade_vip{background-image:url(icon-nshop.png);background-size:16px 48px;background-position:0 0}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price i.price_point{background-image:url(icon-nshop.png);background-size:16px 48px;background-position:0 -16px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price i.price_ncoin{background-image:url(icon-nshop.png);background-size:16px 48px;background-position:0 -32px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price strong{font-weight:400;font-size:14px;line-height:1;letter-spacing:-1px;text-align:center;color:#474747}
@media (min-width:640px){.wrap-section-nshop>.section-nshop article .slick-item section{width:calc(100% * .5 - 18px * (1 - .5));margin-left:18px;margin-bottom:18px}
.wrap-section-nshop>.section-nshop article .slick-item a{height:226px}
.wrap-section-nshop>.section-nshop article .slick-item .flag{position:absolute;left:13px;top:13px;display:inline-block;width:57px;height:57px;padding-top:16px}
.wrap-section-nshop>.section-nshop article .slick-item .flag::after{font-size:14px}
.wrap-section-nshop>.section-nshop article .slick-item dl dt{height:20px;margin-bottom:7px;font-size:16px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb{padding:37px 0 24px 0}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb img{width:auto;height:94px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price{display:block}
}
@media (min-width:960px) and (max-width:1259px){.wrap-section-nshop>.section-nshop article .slick-item a{height:167px}
.wrap-section-nshop>.section-nshop article .slick-item .flag{width:40px;height:40px;padding-top:7px}
.wrap-section-nshop>.section-nshop article .slick-item .flag::after{font-size:11px}
.wrap-section-nshop>.section-nshop article .slick-item dl dt{height:auto;margin-bottom:0;font-size:13px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb{padding:30px 0 13px 0}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb img{height:76px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.price strong{font-size:12px}
}
@media (min-width:960px){.wrap-section-nshop>.section-nshop article .slick-item section{width:calc(100% * .25 - 12px * (1 - .25));margin-left:12px;margin-bottom:0}
.wrap-section-nshop>.section-nshop article .slick-item section:first-child{margin-left:0}
.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(3){margin-left:12px}
}
@media (min-width:1260px){.wrap-section-nshop>.section-nshop article .slick-item section{width:calc(100% * .25 - 17px * (1 - .25));margin-left:17px}
.wrap-section-nshop>.section-nshop article .slick-item section:nth-child(3){margin-left:17px}
.wrap-section-nshop>.section-nshop article .slick-item section a{height:239px}
.wrap-section-nshop>.section-nshop article .slick-item dl dd.thumb{padding:50px 0 22px 0}
}
section.section-account{width:100%;height:146px}
section.section-account .bundle{position:relative;width:100%;max-width:1260px;margin:0 auto;text-align:center}
section.section-account .title{font-size:20px;font-weight:300;line-height:1;text-align:center;color:#fff}
section.section-account .summary{display:none;padding-bottom:10px;font-size:14px;color:#fff}
section.section-account .wrap-button a{display:inline-block;width:138px;height:36px;border-radius:35px;padding-top:10px;text-align:center;font-size:13px;font-weight:300;color:#fff}
section.section-account .wrap-button a:hover{text-decoration:none}
section.section-account p{font-size:13px;font-weight:300;line-height:1.36;opacity:.8;text-align:center}
section.section-account .btn-close{position:absolute;display:inline-block;width:56px;height:56px;right:0;top:0;cursor:pointer;background-image:url(icon-account-close.png);background-size:19px 18px;background-position:center center;background-repeat:no-repeat}
@media (min-width:960px){section.section-account{height:210px}
section.section-account .title{font-size:26px}
section.section-account p{font-size:14px}
section.section-account .wrap-button a{width:170px;height:45px;font-size:14px;padding-top:12px}
}
section.section-account.section-account__return{background-color:#bab2c8}
section.section-account.section-account__return .title{padding:22px 0 9px 0}
section.section-account.section-account__return .wrap-button a{background-color:#a197b4}
section.section-account.section-account__return .wrap-button a:hover{background-color:#624F80}
section.section-account.section-account__return p{width:77%;max-width:290px;margin:0 auto;padding-bottom:9px;line-height:1.5;color:#494158;font-size:11px}
section.section-account.section-account__return p::before{content:'';display:inline-block;width:2px;height:2px;border-radius:1px;vertical-align:middle;margin:-3px 5px 0 0;background-color:#494157}
section.section-account.section-account__return p a{color:#990503;text-decoration:none;border-bottom:1px solid #990503}
@media (min-width:640px){section.section-account.section-account__return{background-image:url(account-return-mobile.jpg);background-size:640px 146px;background-position:center center;background-repeat:no-repeat}
}
@media (min-width:960px){section.section-account.section-account__return{background-image:url(account-return-tablet.jpg);background-size:960px 210px;background-position:center center;background-repeat:no-repeat}
section.section-account.section-account__return .title{padding:33px 0 17px 0}
section.section-account.section-account__return p{width:52%;max-width:382px;padding-bottom:20px;font-size:12px}
}
@media (min-width:1260px){section.section-account.section-account__return{background-image:url(account-return-pc.jpg);background-size:1920px 210px;background-position:center center;background-repeat:no-repeat}
section.section-account.section-account__return .summary{display:block;opacity:.8}
section.section-account.section-account__return p{width:100%;max-width:100%}
}
section.section-account.section-account__new{background-color:#afb7c4}
section.section-account.section-account__new .title{padding:28px 0 10px 0}
section.section-account.section-account__new .wrap-button a{background-color:#939daf}
section.section-account.section-account__new .wrap-button a:hover{background-color:#6E788B}
section.section-account.section-account__new p{padding-bottom:12px;color:#fff}
@media (min-width:640px){section.section-account.section-account__new{background-image:url(account-new-mobile.jpg);background-size:640px 146px;background-position:center center;background-repeat:no-repeat}
}
@media (min-width:960px){section.section-account.section-account__new{background-image:url(account-new-tablet.jpg);background-size:960px 210px;background-position:center center;background-repeat:no-repeat}
section.section-account.section-account__new .title{padding:43px 0 17px 0}
section.section-account.section-account__new p{padding-bottom:25px}
}
@media (min-width:1260px){section.section-account.section-account__new{background-image:url(account-new-pc.jpg);background-size:1920px 210px;background-position:center center;background-repeat:no-repeat}
}
#serverrenewalButton{position:absolute;right:15px;top:12px;display:inline-block;font-size:13px;line-height:1;letter-spacing:-.9px;color:#aa8060;border-bottom:1px solid;font-weight:700;padding:0 0 2px 0}
#serverrenewalButton::before{content:'▶';display:inline-block;color:#aa8060;width:9px;height:5px;font-size:10px;margin:2px 3px 0 0;vertical-align:top}
#serverrenewalLayer{width:100%;max-width:602px;margin:0 auto;background-color:#c19c69}
.section-serverrenewal>header{position:relative;padding:43px 18px 24px 18px}
.section-serverrenewal>header h2{font-size:20px;font-weight:300;line-height:1.3;text-align:center;color:#fff}
.section-serverrenewal>header .ico-close{position:absolute;right:0;top:3px;width:50px;height:50px;cursor:pointer}
.section-serverrenewal>header .ico-close::after,.section-serverrenewal>header .ico-close::before{position:absolute;content:'';display:inline-block;width:25px;height:25px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border:solid #fff}
.section-serverrenewal>header .ico-close::before{top:17px;border-width:1px 0 0 0}
.section-serverrenewal>header .ico-close::after{border-width:0 1px 0 0}
.section-serverrenewal>article{display:none;min-height:626px;padding-bottom:30px}
.section-serverrenewal>article p{font-size:13px;font-weight:300;line-height:1.23;letter-spacing:-.3px;margin:0;text-align:center;color:#502e0e}
.section-serverrenewal>article p a{padding-bottom:2px;border-bottom:1px solid #502e0e}
.section-serverrenewal>article p a.btn-serverrenewal-list{font-weight:700}
.section-serverrenewal .serverrenewal-list{margin:0 18px}
.section-serverrenewal .serverrenewal-list ul{max-width:419px;margin-left:auto;margin-right:auto;margin-top:38px;margin-bottom:19px;background-image:url(ico-serverrenewal.png);background-size:60px 106px;background-position:68% 50%;background-repeat:no-repeat}
.section-serverrenewal .serverrenewal-list ul li{margin-bottom:10px}
.section-serverrenewal .serverrenewal-list span{display:inline-block;width:72px;height:32px;border-radius:80px;background-color:#b38d59;font-size:13px;font-weight:300;line-height:1.23;text-align:center;color:#fff;padding-top:7px}
.section-serverrenewal .serverrenewal-list .original+.original{margin-left:4px}
.section-serverrenewal .serverrenewal-list .changed{float:right}
.section-serverrenewal .serverrenewal-list .special span{background-color:#ae7951}
.section-serverrenewal .serverrenewal-list .on span.changed{background-color:#724418;cursor:pointer}
.section-serverrenewal .serverrenewal-detail p:first-child{margin-bottom:22px}
.section-serverrenewal .serverrenewal-detail .serverrenewal-servername{height:46px;font-size:18px;font-weight:300;line-height:.89;text-align:center;color:#fff;background-color:#724418;padding-top:12px}
.section-serverrenewal .serverrenewal-detail .serverrenwal-char{max-height:499px;overflow-y:auto}
.section-serverrenewal .serverrenewal-detail table{width:100%;border-collapse:collapse;margin-bottom:28px;border-spacing:0;font-size:13px;box-sizing:border-box}
.section-serverrenewal .serverrenewal-detail td,.section-serverrenewal .serverrenewal-detail th{box-sizing:border-box;width:33.33333%;height:39px;border-bottom:1px solid #b38d59}
.section-serverrenewal .serverrenewal-detail th{text-align:left;font-weight:400;color:#623811}
.section-serverrenewal .serverrenewal-detail td{color:#fff}
.section-serverrenewal .serverrenewal-detail .original-server{padding-left:5%}
.section-serverrenewal .serverrenewal-detail .changed-char{padding-right:5%}
@media (min-width:640px){.section-serverrenewal .serverrenewal-list ul{margin-left:62px;margin-right:85px}
.section-serverrenewal .serverrenewal-list span{width:100px}
.section-serverrenewal>article p{margin-left:18px;margin-right:18px}
.section-serverrenewal .serverrenewal-detail .original-server{width:40%;padding-left:120px}
.section-serverrenewal .serverrenewal-detail .original-char{width:25%}
.section-serverrenewal .serverrenewal-detail .changed-char{width:35%;padding-right:120px}
}
.ui-modal{z-index:9999998}


/* index_contents */
.index_contents { width: 100%; position: absolute; top: 0; right: false; bottom: false; left: 0; }

.visual_box {
    height: 568px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1100px;
}
.promo_txt_box {width: 1100px; height: 204px; text-align: left; font-size: 0; letter-spacing: 0; word-spacing: 0; }

.promo_txt_box > li { margin-left: 15px; width: 263.75px; height:  204px; display: inline-block; overflow: hidden; }

.promo_txt_box > li:first-child { margin-left: 0; }

.promo_txt_box > li > a { width: 100%; height: 100%; display: block; }

.promo_txt_box > li > a > .promo_list_br { width: 261.754px; height: 202px; display: table; text-align: center; position: relative; border: 1px solid rgba(255, 255, 255, 0.15); }
/* 
.promo_txt_box > li > a > .promo_list_br > .promo_txt_mask { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #000; opacity: 0.48; } */

.promo_txt_box > li > a > .promo_list_br > .promo_txt { position: relative; display: table-cell; vertical-align: middle; }

.promo_txt_box > li > a > .promo_list_br > .promo_list_on { width: 100%; height: 100%; display: table; text-align: center; position: absolute; left: 0; top: 0; }

.promo_txt_box > li > a > .promo_list_br > .promo_list_on > .promo_img { position: absolute; left: 0; top: 0; }

.promo_txt_box > li > a > .promo_list_br > .promo_list_on > .promo_txt_on { position: relative; display: table-cell; vertical-align: middle; }

.promo_txt_box > li > a > .light1:before { content: ""; margin-left: -144px; display: block; width: false; height: false; position: absolute; top: 1px; right: false; bottom: false; left: 50%; width: 288px; height: 28px; background: url("promo_light1.png") no-repeat left top; z-index: 1; }

.promo_txt_box > li > a > .light2:before { content: ""; margin-left: -144px; display: block; width: false; height: false; position: absolute; top: 1px; right: false; bottom: false; left: 50%; width: 288px; height: 28px; background: url("promo_light2.png") no-repeat left top; z-index: 1; }

.promo_txt_box > li > a > .light3:before { content: ""; margin-left: -144px; display: block; width: false; height: false; position: absolute; top: 1px; right: false; bottom: false; left: 50%; width: 288px; height: 28px; background: url("promo_light3.png") no-repeat left top; z-index: 1; }

.promo_txt_box > li > a > .light4:before { content: ""; margin-left: -144px; display: block; width: false; height: false; position: absolute; top: 1px; right: false; bottom: false; left: 50%; width: 288px; height: 28px; background: url("promo_light4.png") no-repeat left top; z-index: 1; }

.promo_txt_box > li > a > .promo_list_br.over1 { border: 1px solid rgba(164, 106, 77, 0.22); }

.promo_txt_box > li > a > .promo_list_br.over2 { border: 1px solid rgba(39, 200, 215, 0.22); }

.promo_txt_box > li > a > .promo_list_br.over3 { border: 1px solid rgba(63, 42, 27, 0.22); }

.promo_txt_box > li > a > .promo_list_br.over4 { border: 1px solid rgba(0, 27, 53, 0.22); }
.section-promotion .section-promotion__list ul li .bg {
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.section-promotion .pagination-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
    pointer-events: auto;
    /* 黑色底，三階透明度漸層（更有美術感） */
background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.0) 70%,
    rgba(0,0,0,0.7) 85%,
    rgba(0,0,0,0.9) 100%
);
}