@import url("/knight/assets/css/common.css");

body    {}
 
section#TOP {position:relative; height:370px; background:url('//image.nttgame.com/knight/ver2022/assets/images/common/bg.jpg') no-repeat; background-position:center -40px; background-size:auto;}
section#CNT {}
article     {margin-bottom:3em;}


H3  {clear:both; padding:20px 0 0 8px; color:#ac9e98; font-size:30px;}
article > p {font-size:18px; line-height:24px;}
.explain    {padding:1%; font-size:18px; line-height:24px;}
H4  {clear:both; padding:30px 0 3px; color:#ac9e98; font-size:20px; line-height:24px;}
H4:nth-of-type(1)  {padding-top:3px;}
    H4:before   {content:'\2022'; padding:0 3px 0 6px;}
    H4 ~ p      {padding-left:18px; font-size:18px; line-height:24px;}
    img.img_left    {float:left;}
    img.img_right   {float:right; margin-top:-20px;}
    img.img_clear   {clear:both; display:block;}
    img.inline      {display:inline-block; vertical-align:middle;}

/*News*/
dl.news {display:block; padding:10px; border-bottom:2px solid #3f332f;}
    dl.news dt.title    {color:#ac9e98; font-size:28px; margin-bottom:5px;}
    dl.news dd.date     {font-size:13px;}
    dl.news dd.detail   {padding-bottom:10px; font-size:18px; line-height:24px;}
        dl.news dd.detail > img {display:block; margin:10px 0;}

/*Search*/
div.select_server   {margin:10px -10px 10px 5px; font-size:14px; text-align:right;}
    div.select_server select   {min-width:110px;}
div.search  {margin:10px 5px; font-size:14px; text-align:right;}
    div.search input    {width:250px;}
    .btn_search {display:inline-block; margin:-2px 0 0 -33px; width:25px; height:25px; background:url('//image.nttgame.com/knight/ver2018/assets/images/common/search.png') no-repeat 0 0; vertical-align:middle;}
    .btn_search:hover   {background-position:0 -25px; cursor:pointer;}


/*Guide - Tab Menus*/
ul.sub_tab1 {margin:0 auto; padding:5px 10px;
            -moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px);
            border:2px solid #251c19; outline:3px solid #3f332f; background:#3f332f;}
    ul.sub_tab1 li  {display:inline-block; padding-left:20px; color:#6f5d57; font-size:18px; line-height:24px;}
        ul.sub_tab1 li:after    {content:'|'; padding-left:20px;}
        ul.sub_tab1 li:last-child:after {content:'';}
    ul.sub_tab1 li a    {color:#ac9e98;}
        ul.sub_tab1 li a:hover, ul.sub_tab1 li.current a    {color:white;}
div.tab_content {display:none;}
    div#tab1    {display:block;}

ul.sub_tab2 {margin:0 auto; margin:10px 5px 5px 8px; padding:5px 10px 3px 15px;
            -moz-calc(100% - 45px); width:-webkit-calc(100% - 45px); width:-o-calc(100% - 45px); width:calc(100% - 45px);
            border:2px solid #251c19; outline:3px solid #16100e; background:#16100e;}
    ul.sub_tab2 li  {display:inline-block; padding:2px 5px 5px 5px; color:#6f5d57;}
        ul.sub_tab2 li:after    {content:'|'; padding-left:15px; color:#312622;}
        ul.sub_tab2 li:last-child:after {content:'';}
        ul.sub_tab2 li a    {color:#6f5d57; font-size:17px; line-height:22px;}
        ul.sub_tab2 li a:hover, ul.sub_tab2 li.current a    {color:white;}


div.subtab_content  {display:none; padding:6px; zoom:1;
        -moz-calc(100% - 15px); width:-webkit-calc(100% - 15px); width:-o-calc(100% - 15px); width:calc(100% - 15px);}
div.subtab_content:after    {content:"."; clear:both; display:block; height:0; visibility:hidden;}
    div#sub_tab1    {display:block;}


dl.guide    {margin-left:35px; font-size:18px; line-height:24px;}
    dl.guide dt {margin-top:15px; display:list-item; list-style-type:decimal;}
    dl.guide dt:first-child {margin:0;}
ul.guide    {margin-left:35px;}
    ul.guide li {padding:5px 0; font-size:18px; line-height:22px; list-style-type:decimal;}

div.explain {clear:both; display:block; width:100%;}
    img.img_intro   {float:right; width:270px;}
    img.img_chrt    {float:right; width:290px;}
    img.img_map     {float:left; width:239px;}
    img.img_ui      {float:left; width:475px;}
    img.icon    {vertical-align:middle;}
    dl.intro{float:left; -moz-calc(100% - 300px); width:-webkit-calc(100% - 300px); width:-o-calc(100% - 300px); width:calc(100% - 300px);}
    dl.chrt {float:left; -moz-calc(100% - 300px); width:-webkit-calc(100% - 300px); width:-o-calc(100% - 300px); width:calc(100% - 300px);}
    dl.zone {float:left; -moz-calc(100% - 250px); width:-webkit-calc(100% - 250px); width:-o-calc(100% - 250px); width:calc(100% - 250px);}
    dl.ui   {float:left; -moz-calc(100% - 480px); width:-webkit-calc(100% - 480px); width:-o-calc(100% - 480px); width:calc(100% - 480px); padding-left:5px;}
        dl.intro dt, dl.chrt dt, dl.zone dt, dl.ui dt   {width:100%; color:#ac9e98; font-size:20px; line-height:24px;}
        dl.intro dt:before, dl.chrt dt:before, dl.zone dt:before, dl.ui dt:before   {content:'\2022'; padding:0 3px 0 6px;}
        dl.intro dd, dl.chrt dd, dl.zone dd, dl.ui dd   {width:100%; padding:0 0 1.5em 18px; font-size:18px; line-height:24px;}

/*Guide - Install - Shortcut*/
div[class^="ctrl_"] {margin:0 0 20px 18px;}
    span.ctrl_key    {padding:0 5px 2px; background:#16100e; font-size:18px; font-weight:bold;}
div.ctrl_mouse  {position:relative; width:460px;}
    div.ctrl_mouse img.img_ctrl {z-index:0;}
    dl.ctrl_mouse    {position:absolute; z-index:1;}
        dl.ctrl_mouse dd   {font-size:16px; line-height:20px;}
        dl.mouse_left   {top:97px; width:195px;}
        dl.mouse_center {top:0; left:288px;}
        dl.mouse_right  {top:97px; right:0; width:130px; text-align:right;}
    div.ctrl_keyboard ul    {margin-bottom:20px;}
        div.ctrl_keyboard ul li {display:inline-block; margin-bottom:5px; width:23%; font-size:16px; vertical-align:top;}
        div.ctrl_keyboard ul li span.ctrl_key   {margin-right:5px;}
        div.ctrl_keyboard ul hr {border:none;}
        div.ctrl_keyboard ul.full li    {width:100%;}

/*Guide - Characters*/
dl.character_tab    {display:inline-block; width:100%; border:2px solid #251c19; outline:3px solid #3f332f; background:url('//image.nttgame.com/knight/ver2018/assets/images/guide/character_tab_bg.png') repeat-y left bottom;}
    dl.character_tab dt {float:left; padding:5px 10px; width:90px; min-height:100px;
                        background-color:#3f332f; background-repeat:no-repeat; background-position:left top;
                        color:#140f0d; font-size:18px; font-weight:600; letter-spacing:-0.03em; text-align:center;}
        dl.character_tab dt.karus   {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/guide/character_race_karus.png');}
dl.character_tab dt.current_race    {color:white; background-position:right top;}
        dl.character_tab dt.elmorad {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/guide/character_race_elmorad.png');}
    dl.character_tab dd {float:right; -moz-calc(100% - 135px); width:-webkit-calc(100% - 135px); width:-o-calc(100% - 135px); width:calc(100% - 135px);}
        dl.character_tab dd.detail  {padding:10px 10px 10px 15px; font-size:16px; line-height:18px}
    dl.character_tab ul.sub_tab1    {margin-left:-10px; padding-left:0; border:none; outline:none; background:none;}
        dl.character_tab ul.sub_tab1 li:first-child  {padding-left:0;}

/*Guide - Enjoy Knight*/
article#Enjoy div.subtab_content img    {clear:both; margin:5px 0;}
.subtab_content table  {margin:5px 0 5px 18px; -moz-calc(100% - 35px); width:-webkit-calc(100% - 35px); width:-o-calc(100% - 35px); width:calc(100% - 35px);}
    .subtab_content table td:first-child   {font-weight:bold;}

ul.guide2   {margin-left:18px;}
    ul.guide2 li    {padding:5px 0; font-size:18px; line-height:22px; list-style:none;}
    ul.guide2 li:before    {content:'-'; padding-right:5px;}
ul.guide3   {margin-left:18px;}
    ul.guide3 li    {display:inline-block; padding:5px; font-size:14px; text-align:center;}
    ul.guide3 li .img_icon   {display:block; align-self: center;}
dl.guide2   {margin-left:18px;}
    dl.guide2 dt    {color:#ac9e98; font-weight:600;}
    dl.guide2 dt img    {display:inline-block;}
    dl.guide2 dd    {padding:0 0 10px;}
    dl.guide2 dd:before {content:'-'; padding-right:5px;}
ul.guide_sub li {list-style:none;}
    ul.guide_sub li:before {content:'-'; padding-right:5px;}
ul.guide_sub2   {margin-left:25px;}
    ul.guide_sub2 li    {margin-bottom:10px; list-style:decimal;}
ul.guide_sub3   {margin-left:4%; width:96%;}
    ul.guide_sub3 li    {padding:0; list-style:upper-roman; list-style-position:inside; color:#5c4a43; font-size:16px;}
    ul.guide_sub3 li:before {content:'';}


/*Map Thumbnail*/
dl.thumb_show   {margin:0 18px;}
    dl.thumb_show dt    {display:none;}
        dl.thumb_show dt#thumb_img1 {display:block;}
    dl.thumb_show dd    {display:inline-block; margin:0 2px 2px 0; width:90px; height:auto;}
        dl.thumb_show dd img    {height:auto; border:1px solid black; font-size;0; line-height:1px; padding:0;}
        dl.thumb_show dd.current, dl.thumb_show dd:hover    {transform:scale(1.06);}
        dl.thumb_show dd:last-child {margin-right:0;}
table.grade {}
    table.grade tr.clan td  {color:#3e4c89;}
    table.grade tr.accredited td    {color:#8a3136;}
    table.grade tr.royal td {color:#897d3e;}
    table.grade tr td:nth-of-type(1)    {padding-left:5%; text-align:left;}
    table.grade tr td:nth-of-type(2), table.grade tr td:nth-of-type(3)  {text-align:right; padding-right:5%;}
table.item tr td:first-child    {padding-left:1%; text-align:left;}
table.item td.equipment {padding:0 !important; border-left:1px solid #3f332f; border-right:1px solid #3f332f;}
iframe.youtube  {width:100%; height:450px;}


/*Top_Ranking_No*/
div.top_ranking {-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px);
                margin:0 auto; margin-bottom:1em; background:#3f332f; border:2px solid #251c19; outline:3px solid #3f332f; text-align:center;}
dl[class^="top_ranking_no"] {display:inline-block; width:300px; height:315px; background-size:auto; background-position:center top; background-repeat:no-repeat;}
    dl.top_ranking_no1  {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/ranking/ranking_1.png');}
        dl.top_ranking_no1 dt, dl.top_ranking_no1 dd    {color:#f7cc6e; text-shadow:-1px -1px #300a08, 1px 1px #300a08;}
    dl.top_ranking_no2  {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/ranking/ranking_2.png');}
        dl.top_ranking_no2 dt, dl.top_ranking_no2 dd    {color:#f9fafa; text-shadow:-1px -1px #161a1f, 1px 1px #161a1f;}
    dl.top_ranking_no3  {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/ranking/ranking_3.png');}
        dl.top_ranking_no3 dt, dl.top_ranking_no3 dd    {color:#ed996b; text-shadow:-1px -1px #160b0d, 1px 1px #160b0d;}
        dl[class^="top_ranking_no"] dt  {margin-top:130px; height:30px; font-size:24px; font-weight:600; letter-spacing:-0.04em;}
        dl[class^="top_ranking_no"] dd  {height:20px;}
/*Ranking*/
table   {width:100%; border-bottom:1px solid #3f332f;}
    table th    {padding:8px 0; background:#3f332f; color:#140f0d; font-size:16px; font-weight:600; line-height:18px; letter-spacing:-0.05em;}
        table th:before  {content:''; float:left; background:#312520; width:1px; height:15px; line-height:15px;}
        table th:first-child:before {visibility:hidden;}
    table td    {padding:10px 0; font-size:14px; text-align:center; border-bottom:1px dashed #3f332f;}
        td em   {font-size:14px;}
        td em.same  {}
            td em.same:before   {content:'\2013';}
        td em.up    {color:#b41900;}
            td em.up:before     {content:'\25b2';}
        td em.down  {color:#0053a7;}
            td em.down:before   {content:'\25bc';}
    table td.name   {color:#ac9e98;}


table.requirement   {margin:10px 0 0 18px; border-collapse:separate; border-spacing:1px; border:1px solid #3f332f;
                    -moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}
    table.requirement th    {background:#3f332f; border:1px solid #251c19; outline:1px solid #3f332f; color:#140f0d;}
    table.requirement th:before {display:none;}
    table.requirement td    {border:none; outline:1px solid #3f332f;}
dl.explain  {font-size:18px;}
    dl.explain dd   {padding-top:3px;}
    dl.explain dd:before    {content:'-'; padding:0 3px;}
dl.img_explain {padding-left:18px; -moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}
    dl.img_explain dd   {margin-left:30px; display:list-item; list-style-type:lower-latin; font-size:18px;
                        -moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px);}


/*Store - Power up*/
article#Store img.flexibility   {clear:both; display:block;}

/*Store - Web Shop*/
article#WebShop > div.tab_content   {text-align:center;}
dl.shop_tab {display:inline-block; width:100%; border:2px solid #251c19; outline:3px solid #3f332f; background:url('//image.nttgame.com/knight/ver2018/assets/images/guide/character_tab_bg.png') repeat-y left bottom;}
    dl.shop_tab dt {float:left; padding:5px 10px; width:90px;
                    background-color:#3f332f; color:#140f0d; font-size:18px; font-weight:600; letter-spacing:-0.03em; text-align:center;}
    dl.shop_tab dt.current_shop    {color:white; background-position:right top;}
    dl.shop_tab dd {float:right; -moz-calc(100% - 135px); width:-webkit-calc(100% - 135px); width:-o-calc(100% - 135px); width:calc(100% - 135px);}
    dl.shop_tab ul.sub_tab1     {margin-left:-10px; padding-left:0; border:none; outline:none; background:none;}
    dl.shop_tab ul.sub_tab1 li {padding-left:10px;}
    dl.shop_tab ul.sub_tab1 li:first-child  {padding-left:0;}
        dl.shop_tab ul a    {display:inline-block;}
        dl.shop_tab ul a em {display:block; padding-top:20px; font-size:11px; line-height:14px;}
            dl.shop_tab ul a em.star5  {background:url('//image.nttgame.com/knight/ver2018/assets/images/store/icon_star5.png') no-repeat top left;}
            dl.shop_tab ul a em.star2  {background:url('//image.nttgame.com/knight/ver2018/assets/images/store/icon_star2.png') no-repeat top left;}
            dl.shop_tab ul a em.star1  {background:url('//image.nttgame.com/knight/ver2018/assets/images/store/icon_star1.png') no-repeat top left;}
/*H3[class^="star"][class^="_silver"]  {padding-bottom:50px; background-position:bottom center;}*/
H3[class$="_silver"]  {padding-bottom:50px; background-repeat:no-repeat; background-position:bottom center;}
            H3.star5_silver {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/store/icon_star5_silver.png');}
            H3.star2_silver {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/store/icon_star2_silver.png');}
            H3.star1_silver {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/store/icon_star1_silver.png');}
        dl.shop_tab ul li.current a em, dl.shop_tab ul li a:hover em    {color:white;}
        article#WebShop em.price    {color:#ff9c00; font-size:24px;}
div.shop_features   {position:relative; margin:10px; padding:30px 20px 20px; min-width:230px; min-height:520px; border-radius:5px; text-align:center;}
    div[class^="shop_"] {background-color:#1f1715; background-repeat:no-repeat; background-position:left top;}
    div[class^="shop_"]:before  {content:''; position:absolute; top:0; right:0; width:360px; height:520px; background-repeat:no-repeat; background-position:right top;}
        div.shop_platinum       {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/store/premium_bg1.png');}
        div.shop_platinum:before{background-image:url('//image.nttgame.com/knight/ver2018/assets/images/store/premium_bg2.png');}
        div.shop_gold           {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/store/gold_bg1.png');}
        div.shop_gold:before    {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/store/gold_bg2.png');}
        div.shop_bronze         {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/store/bronze_bg1.png');}
        div.shop_bronze:before  {background-image:url('//image.nttgame.com/knight/ver2018/assets/images/store/bronze_bg2.png');}
    a.btn_buy   {margin:0 auto; margin-top:10px; margin-bottom:10px; display:block; padding:31px 45px; width:160px; height:25px; z-index:3;
                color:#f2d99b; font-size:18px; font-weight:600; letter-spacing:-0.05em; text-align:center;
                background:url('//image.nttgame.com/knight/ver2018/assets/images/common/btn_buy.png') no-repeat center top;
                box-shadow:none; text-shadow:1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000;}
    a.btn_buy:hover {background-position:center -90px; cursor:pointer;}
div.features_area   {position:relative; margin:0 auto; margin-top:10px; padding:5px; width:640px; background:rgba(111, 93, 87, 0.4); border-radius:5px; text-align:left;}
    dl[class^="feature_"]   {display:inline-block; margin:5px 2px; padding:5px 5px 5px 55px; width:250px; min-height:42px; border-radius:5px; vertical-align:top;}
    dl[class^="feature_"] dt    {color:#ac9e98;}
    dl[class^="feature_"] dd    {font-size:14px;}
        dl.feature_bonus800 {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_bonus800.png') no-repeat 5px 5px;}
        dl.feature_death    {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_death.png') no-repeat 5px 5px;}
        dl.feature_exp20    {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_exp20.png') no-repeat 5px 5px;}
        dl.feature_exp30    {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_exp30.png') no-repeat 5px 5px;}
        dl.feature_exp100   {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_exp100.png') no-repeat 5px 5px;}
        dl.feature_exp400   {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_exp400.png') no-repeat 5px 5px;}
        dl.feature_coins    {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_coins.png') no-repeat 5px 5px;}
        dl.feature_items    {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_items.png') no-repeat 5px 5px;}
        dl.feature_np2      {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_np2.png') no-repeat 5px 5px;}
        dl.feature_np5      {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_np5.png') no-repeat 5px 5px;}
        dl.feature_price    {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_price.png') no-repeat 5px 5px;}
        dl.feature_repair   {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_repair.png') no-repeat 5px 5px;}
        dl.feature_time     {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_time.png') no-repeat 5px 5px;}
        dl.feature_trinas   {background:#16100e url('//image.nttgame.com/knight/ver2018/assets/images/store/feature_trinas.png') no-repeat 5px 5px;}
    div.shop_features > p.notice    {position:absolute; top:520px; width:100%; text-align:center;}
    article#WebShop p.notice    {color:#9c3000; font-size:14px;}

div.shop_result {margin:10px; padding:30px 30px 20px; min-width:250px; min-height:100px; background:#1f1715; border-radius:5px; text-align:left; vertical-align:top; zoom:1;}
div.shop_result:after   {content:"."; clear:both; display:block; height:0; visibility:hidden;}
div.order_summery   {display:inline-block; width:50%;}
    ul.detail_list  {margin-bottom:20px; padding:10px 5px; list-style:decimal; list-style-position:inside;}
        ul.detail_list li   {font-size:16px; margin:3px 0 5px 0px;}
div.order_verification  {float:right; width:40%;}
    H5.verify   {color:white; font-size:26px; text-align:center;}
    dl.conform_pw   {zoom:1; margin:10px 0 15px; padding-top:5px;}
    dl.conform_pw:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
        dl.conform_pw dt    {float:left; margin:5px 1%; width:38%;}
        dl.conform_pw dt.pw {margin:10px 1% 0;}
        dl.conform_pw dd    {float:left; margin:5px 0; width:60%; color:white;}
        dl.conform_pw dd > input    {color:white; margin-left:-5px; -moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);}
        dl.conform_pw dd > input::placeholder  {color:#5a4d49;}
div[class^="order_"] > .order   {color:#ac9e98;}
div.order_verification p.order  {margin-top:10px; padding:15px 0; text-align:center; border-top:1px solid #3f332f; border-bottom:1px solid #3f332f;}
    a.button   {clear:both; display:block; margin:0 auto; margin-top:10px; padding:9px;
            width:165px; height:22px; background:url('//image.nttgame.com/knight/ver2018/assets/images/common/btn_L.png') no-repeat center 0;
            color:#bd8671; font-size:16px; text-align:center;}
    a.button:hover {background-position:center -40px; color:#ffa973;}

div.webshop_guide   {text-align:left !important;}


/*Download*/
a.btn_download  {position:relative; display:block; margin:10px 0; width:600px; height:85px; box-shadow:none; line-height:25px;
                background:url('//image.nttgame.com/knight/ver2018/assets/images/common/btn_download_center.png') no-repeat center 10px; text-align:center;}
    a.btn_download:hover    {background-position:center -80px;}
    a.btn_download:before   {content:''; float:left; width:65px; height:85px; background:url('//image.nttgame.com/knight/ver2018/assets/images/common/btn_download_left.png') no-repeat left top;}
    a.btn_download:after    {content:''; float:right; width:65px; height:85px; background:url('//image.nttgame.com/knight/ver2018/assets/images/common/btn_download_right.png') no-repeat right top;}
    a.btn_download span     {display:inline-block; padding-top:28px; color:#f2d99b; font-size:18px; font-weight:600; letter-spacing:-0.05em;
                            text-shadow:1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000;}
    a.btn_download:hover span   {color:#f7e2b6;}
    a.btn_download em.version   {position:absolute; display:block; bottom:-15px; width:100%; color:#9b714a; font-size:11px;}
dl.wallpaper    {display:inline-block; margin-top:15px; width:24.5%; text-align:center;}
    dl.wallpaper dd {margin-top:-8px;}


/*Promo Code*/
div.promo   {margin:0 5px; padding:3% 5%; background:#130f0e; font-size:25px;}
    div.promo input {margin:5px; width:15%; height:45px; font-size:25px; line-height:45px; letter-spacing:0; text-align:center;}
    a.btn_promo     {margin:5px 0 0 15px; padding-top:0; width:120px; height:50px; background:url('//image.nttgame.com/knight/ver2018/assets/images/common/btn_promo.png') no-repeat center top;
                    font-size:20px; line-height:48px; text-align:center; vertical-align:top;}
    a.btn_confirm   {margin:0 auto; display:block;}
        a.btn_promo:hover   {background-position:center bottom; color:#ffa973;}
    div.promo table {margin-bottom:20px;}
/*Resellers*/
span.seller {display:block; margin-top:1em;}



@media screen and (max-width:999px) {
section#TOP {height:41vw; background-size:190%; background-position:45% 1px;}
.flexibility    {clear:both; display:block; padding-bottom:10px; max-width:100%; height:auto; object-fit:contain;}
/*News*/
    dl.news dd.detail > img {width:100%;}
/*Guide - Install - Shortcut*/
        div.ctrl_keyboard ul li {width:48%;}
/*Top_Ranking_No*/
    dl[class^="top_ranking_no"] {width:32.8%; height:32vw; background-size:100%;}
        dl[class^="top_ranking_no"] dt  {margin-top:13vw; height:3.3vw; font-size:22px;}
        dl[class^="top_ranking_no"] dd  {height:2vw; font-size:16px;}
/*Download*/
    dl.wallpaper    {}
        dl.wallpaper dt img    {width:100%; max-width:225px;}
/*Store - Web Shop*/
    div[class^="shop_"] {background-position:-50px 0;}
    div[class^="shop_"]:before  {background-position:80px 0; position: relative;}
/*Promo Code*/
        div.promo input {width:14%; font-size:22px;}
        a.btn_promo     {margin-left:5px; letter-spacing:0em;}
        a.btn_confirm   {margin:0 auto; display:block;}
}

/*footer*/
ul.social   {display: inline-block;}


@media screen and (max-width:767px) {
section#TOP {background-size:180%;}
H3  {padding:15px 0 0 5px; font-size:25px;}
/*Guide - Character*/
    dl.character_tab ul.sub_tab1    {padding-left:0;}
        dl.character_tab ul.sub_tab1 li  {padding-left:0px; font-size:18px;}
        dl.character_tab ul.sub_tab1 li:after    {padding-left:5px;}
    dl.ui, dl.ui dt, dl.ui dd   {display:block; width:95%;}
    iframe.youtube  {height:50vw;}
/*Top_Ranking_No*/
    dl[class^="top_ranking_no"] {height:32vw;}
        dl[class^="top_ranking_no"] dt  {margin-top:12.5vw; height:3.5vw; font-size:20px;}
        dl[class^="top_ranking_no"] dd  {font-size:14px;}
/*Button Download*/
    a.btn_download  {width:90%;}
    a.btn_download .mobile {display:none;}
/*Store - Web Shop*/
div.features_area   {width:95%; min-height:auto; margin-bottom:20px; text-align:center;}
        div[class^="shop_"] {background-position:-100px 0;}
        div[class^="shop_"]:before  {background-position:130px 0;}
    dl[class^="feature_"]   {text-align:left;}
    div.shop_features > p.notice    {position:relative; top:auto;}
div.shop_result {}
    div.order_summery   {width:100%;}
    div.order_verification  {margin-top:50px; width:100%;}
    H5.verify   {margin-bottom:-10px; padding:5px 0; background-color:#3f332f;}
/*Download*/
    dl.wallpaper    {width:32.5%; padding-left:0.2%;}
/*Promo Code*/
    div.promo   {padding:3%; text-align:center;}
        div.promo input {width:17%;}
}


@media screen and (max-width:585px) {
section#TOP {height:43vw;}
H3  {padding:10px 0 0 3px; font-size:22px;}
    img.img_right   {clear:right; float:left; margin:0 10px 0 18px;}
    dl.intro, dl.chrt, dl.zone, dl.ui   {clear:both; width:95%;}
        img.img_intro, img.img_chrt {width:50%; float:left;}
/*Paging*/
div.pages   {margin:1em 0;}
    div.pages a {letter-spacing:-0.02em; padding:3px 0.2em 2px;}
/*Guide - Install - Shortcut*/
    div.ctrl_keyboard ul li {width:100%;}
/*Guide - Map Thumbnail*/
    dl.thumb_show dd    {-moz-calc(19.5% - 4px); width:-webkit-calc(19.5% - 4px); width:-o-calc(19.5% - 4px); width:calc(19.5% - 4px); height:17vw;}
/*Top_Ranking_No*/
    dl[class^="top_ranking_no"] {width:32.4%; height:31vw;}
        dl[class^="top_ranking_no"] dt  {font-size:14px; letter-spacing:-0.08em;}
        dl[class^="top_ranking_no"] dd  {display:none;}
/*Ranking*/
    table th    {font-size:12px; line-height:13px;}
        table th:before  {height:30px; font-size:12px;}
        table th:nth-of-type(1)     {min-width:30px;}
    table td    {}
/*Button Download*/
    a.btn_download  {width:100%;}
/*Download*/
    dl.wallpaper    {width:49%;}
/*Promo Code*/
    div.promo   {font-size:17px;}
        div.promo input {width:14.5%; font-size:17px;}
}

@media screen and (max-width:500px) {
/*Guide - Install - Shortcut*/
    dl.mouse_left   {width:70%;}
        dl.mouse_left dd:nth-of-type(1) {width:50%;}
    dl.mouse_center {top:0; -moz-calc(50% + 28px); left:-webkit-calc(50% + 28px); left:-o-calc(50% + 28px); left:calc(50% + 28px);}
    dl.mouse_right  {width:30%;}
    div.ctrl_mouse  {width:95%;overflow:hidden;}
        div.ctrl_mouse img.img_ctrl {-moz-calc(50% - 260px); margin-left:-webkit-calc(50% - 260px); margin-left:-o-calc(50% - 260px); margin-left:calc(50% - 260px);}
/*Guide - Map Thumbnail*/
    dl.thumb_show dd    {-moz-calc(19% - 4px); width:-webkit-calc(19.5% - 4px); width:-o-calc(19.5% - 4px); width:calc(19% - 4px);}
/*Store - Web Shop*/
	ul.sub_tab1 li {padding-left: 0px;}	
    div[class^="shop_"] {background-position:-180px 0;}
    div[class^="shop_"]:before  {background-image:none;}
    dl[class^="feature_"]   {-moz-calc(100% - 65px); width:-webkit-calc(100% - 65px); width:-o-calc(100% - 65px); width:calc(100% - 65px);}
}

@media screen and (max-width:390px) {
/*Search*/
    .select_arrow   {clear:right;}
    div.search input    {width:70%;}
/*Ranking*/
    table th    {font-size:11px; line-height:12px; letter-spacing:-0.1em;}
        table th:before  {height:25px;}
    table td    {letter-spacing:-0.07em;}
/*Store - Web Shop*/	
    div.shop_result {padding:30px 10px;}
/*Button Download*/
    a.btn_download  {min-width:285px;}
    a.btn_download span   {font-size:13px; letter-spacing:-0.06em;}
/*Promo Code*/
    div.promo   {padding:3% 3% 5%;}
        div.promo input {width:33%; font-size:17px;}
}

.sub-contents { 
}
	.sub-contents table th{ 
		padding: 5px 0px;
	}
	.sub-contents table td{ 
		padding: 3px 0px;
	}

#prcess-loading {
    display:none; 
	position:fixed; 
	width:100px;	
	top:0; 
	left:50%; 
	margin-left:-50px; 
	padding:20px 10px;	
	text-align:center;
	z-index:100001; 
	background:rgba(0,0,0, 1);
	color:#FFFFFF;
	border-radius: 0 0 5px 5px;
}
.overlayOuter { 
	display:none; position:fixed; background:rgba(146,146,146, 0.7);	
	opacity:0.7; 
	filter:alpha(opacity=70); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7;
	width:100%; height:100%; left:0; top:0; z-index:100000; 
}	
.overlayInner { display:none; position:absolute; top:25%; left:50%; margin-left:-25%; z-index:100001; background:rgba(0,0,0, 1); border:1px solid #3c3c3c; 
}

.gnb-form input[type="text"], .gnb-form input[type="email"], .gnb-form input[type="password"] {
	margin-left: 0;
}

.gnb_user_register input[type="text"], .gnb_user_register input[type="email"], .gnb_user_register input[type="password"]{
	margin-left: 0;
}

.gnb-container span, .gnb-container div {
	font-size: 12px;
}
	
div.pages a.active {
	margin: 0 3px;
}

ul.TMenu > li > a { cursor: default; }
ul.TMenu > li > ul.sub_menu > li > a { width: auto !important } 
		
.banner_btns_mobile { z-index: 100; }
.banner_btns_mobile a.banner_btn_prev, .banner_btns_mobile a.banner_btn_next {
	display:inline-block; width:45px; height:45px; background-position:0 0;
}
.banner_btns_mobile a.banner_btn_prev:hover, .banner_btns_mobile a.banner_btn_next:hover   {
	background-position:0 -50px;
}		

@media screen and (max-width: 1024px) {
	.gnb-wrapper2 { 
		width: 100% !important; 
	}
}

@media screen and (min-width:0px) and (max-width:480px) {
	div#Top_Logo a {
		background-size: 70%;
	}
}