#contentsArea { padding-bottom: 5px; }

/*001 popup*/
#popupLayer.introPopup { position: fixed; top: 260px; left: calc(50% - 336px); z-index: 99; width: 672px; height: 474px; margin: 0; padding: 0; background: url('../images/001-popup_background.png') no-repeat; }
#popupLayer.introPopup .pHeader { height: 95px; padding-top: 10px; box-sizing: border-box; text-align: center; font-family: 'Arial'; }
#popupLayer.introPopup .pHeader h1 { padding: 0; margin: 0; font-size: 29px; font-weight: normal; color: #ffa200; }
#popupLayer.introPopup .pHeader h2 { padding: 0; margin: 0; border: 0; font-size: 22px; font-weight: normal; color: #fff; }
#popupLayer.introPopup .pBody { position: relative; width: 100%; height: 379px; padding: 20px 50px 0; box-sizing: border-box; font-family: 'Gulim'; font-size: 14px; font-weight: 400; }
#popupLayer.introPopup .pBody .pBodyTop { margin-bottom: 20px; line-height: 15px; } 
#popupLayer.introPopup .pBody .pBodyMid { display: inline-block; width: 240px; vertical-align: top; }
#popupLayer.introPopup .pBody .btnNext { position: absolute; bottom: 25px; right: 115px; width: 126px; height: 42px; border-radius: 5px; outline: none; background: #f7941d; font-family: 'Arial'; font-size: 25px; color: #fff; }

/*tutorial*/
#popupLayer.tutorial.tutorial_001 { position: absolute; top: 5px; left: calc(50% - 495px); width: 990px; margin-left: 0; z-index: 200; }
#popupLayer.tutorial.tutorial_002 { height: 630px; margin-top: -315px; padding: 30px; z-index: 200; background: rgba(0,0,0,0);}
#popupLayer.tutorial.tutorial_003 { position: absolute; top: 5px; left: calc(50% - 495px); width: 990px; margin-left: 0; z-index: 200; }
#popupLayer.tutorial.tutorial_004 { position: absolute; top: 5px; left: calc(50% - 495px); width: 990px; margin-left: 0; z-index: 200; }
#popupLayer.tutorial.tutorial_005 { position: absolute; top: 5px; left: calc(50% - 495px); width: 990px; margin-left: 0; z-index: 200; }
#popupLayer.tutorial.tutorial_006 { position: absolute; top: 5px; left: calc(50% - 495px); width: 990px; margin-left: 0; z-index: 200; }
#popupLayer.tutorial.tutorial_007 { position: absolute; top: 5px; left: calc(50% - 495px); width: 990px; margin-left: 0; z-index: 200; }
#popupLayer.tutorial.tutorial_008 { position: absolute; top: 5px; left: calc(50% - 495px); width: 990px; margin-left: 0; z-index: 200; }
#popupLayer.tutorial .target { position: absolute; top: 250px; left: 550px; width: 95px; height: 141px; background: url('../images/001-finger.png') no-repeat; z-index: 100; }
#popupLayer.tutorial .target.active { background: url('../images/001-finger_active.png') no-repeat; }
#popupLayer.tutorial .target.hidden { display: none; }
#popupLayer.tutorial .t_area { position: absolute; background: rgba(255, 60, 0, .5); }
#popupLayer.tutorial .t_txt { position: absolute; font-size: 13px; font-family: 'Gulim'; font-weight: lighter; }
#popupLayer.tutorial .t_txt span { font-size: 17px; }

#popupLayer.tutorial .t001_02_area { top: 95px; left: 255px; width: 735px; height: 80px; }
#popupLayer.tutorial .t001_02_txt { top: -25px; left: 440px; width: 340px; height: 130px; padding: 18px 25px 0 25px; box-sizing: border-box; background: url('../images/001-02txt.png') no-repeat; }

#popupLayer.tutorial .t001_03_area { top: 260px; left: 255px; width: 735px; height: 548px; }
#popupLayer.tutorial .t001_03_txt { top: 160px; left: 290px; width: 295px; height: 110px; padding: 18px 25px 0 25px; box-sizing: border-box; background: url('../images/001-03txt.png') no-repeat; }

#popupLayer.tutorial .t001_04_area { top: 260px; left: 255px; width: 386px; height: 48px; }
#popupLayer.tutorial .t001_04_txt { top: 160px; left: 257px; width: 287px; height: 96px; padding: 17px 25px 0 25px; box-sizing: border-box; background: url('../images/001-04txt.png') no-repeat; }


#popupLayer.tutorial .t002_01_area { top: 39px; left: 45px; width: 630px; height: 32px; }
#popupLayer.tutorial .t002_01_txt { top: -78px; left: 425px; width: 340px; height: 130px; padding: 15px 25px 0 25px; box-sizing: border-box; background: url('../images/001-02txt.png') no-repeat; }

#popupLayer.tutorial .t002_02_area { top: 98px; left: 37px; width: 552px; height: 76px; }
#popupLayer.tutorial .t002_02_txt { top: 160px; left: 65px; width: 494px; height: 142px; padding: 41px 25px 0 25px; box-sizing: border-box; background: url('../images/002-02txt.png') no-repeat; }

#popupLayer.tutorial .t002_03_area { top: 98px; right: 37px; width: 318px; height: 76px; }
#popupLayer.tutorial .t002_03_txt { top: 164px; right: 47px; width: 319px; height: 126px; padding: 53px 30px 0 30px; box-sizing: border-box; background: url('../images/002-03txt.png') no-repeat; }

#popupLayer.tutorial .t002_04_area { top: 239px; left: 39px; width: 547px; height: 114px; }
#popupLayer.tutorial .t002_04_txt { top: 322px; left: 152px; width: 319px; height: 126px; padding: 53px 25px 0 25px; box-sizing: border-box; background: url('../images/002-04txt.png') no-repeat; }

#popupLayer.tutorial .t002_05_area { top: 375px; left: 22px; width: 581px; height: 175px; }
#popupLayer.tutorial .t002_05_txt { top: 257px; left: 52px; width: 319px; height: 126px; padding: 16px 25px 0 25px; box-sizing: border-box; background: url('../images/002-05txt.png') no-repeat; }

#popupLayer.tutorial .t002_06_area { top: 192px; right: 23px; width: 347px; height: 360px; }
#popupLayer.tutorial .t002_06_txt { top: 235px; left: 280px; width: 324px; height: 90px; padding: 20px 25px 0 25px; box-sizing: border-box; background: url('../images/002-06txt.png') no-repeat; }

#popupLayer.tutorial .t003_01_area { top: 400px; right: -8px; width: 380px; height: 689px; }
#popupLayer.tutorial .t003_txt { position: absolute; top: calc(50% - 57.5px); left: calc(50% - 143.5px); width: 287px; padding: 20px; box-sizing: border-box; background: rgba(0,0,0,.5); color: #fff; text-align: center; font-size: 18px; font-weight: lighter; }
#popupLayer.tutorial .t003_02_01txt { top: 140px; right: 18px; width: 324px; height: 90px; padding:13px 25px 0 25px; box-sizing: border-box; background: url('../images/003-02txt1.png') no-repeat; }
#popupLayer.tutorial .t003_02_02txt { top: 100px; left: 54px; width: 324px; height: 90px; padding:21px 25px 0 25px; box-sizing: border-box; background: url('../images/003-02txt1.png') no-repeat; }
#popupLayer.tutorial .t003_02_03txt { top: 407px; right: 318px; width: 324px; height: 90px; padding:17px 25px 0 25px; box-sizing: border-box; background: url('../images/003-02txt3.png') no-repeat; }
#popupLayer.tutorial .t003_02_04txt { top: 450px; left: 88px; width: 319px; height: 106px; padding:44px 25px 0 25px; box-sizing: border-box; background: url('../images/003-02txt2.png') no-repeat; }
#popupLayer.tutorial .t003_02_05txt { top: 450px; left: 544px; width: 319px; height: 106px; padding:44px 25px 0 25px; box-sizing: border-box; background: url('../images/003-02txt2.png') no-repeat; }
#popupLayer.tutorial .t003_02_06txt { top: 1000px; right: 45px; width: 349px; height: 112px; padding:13px 25px 0 25px; box-sizing: border-box; background: url('../images/003-02txt4.png') no-repeat; }

#popupLayer.tutorial .t004_01_area { top: 70px; left: -6px; width: 1001px; height: 613px; }
#popupLayer.tutorial .t004_txt { position: absolute; top: calc(50% - 52.5px); left: calc(50% - 320px); width: 640px; padding: 15px; box-sizing: border-box; background: rgba(0,0,0,.5); color: #fff; text-align: center; font-size: 18px; font-weight: lighter; }
#popupLayer.tutorial .t004_02_area { top: 70px; left: -6px; width: 1001px; height: 71px; }
#popupLayer.tutorial .t004_02_txt { top: 120px; left: 155px; width: 319px; height: 106px; padding: 44px 20px 0 20px; box-sizing: border-box; background: url('../images/004-02txt.png') no-repeat; }

#popupLayer.tutorial .t005_01_area { top: 70px; left: -6px; width: 1001px; height: 613px; }
#popupLayer.tutorial .t005_txt { position: absolute; top: calc(50% - 52.5px); left: calc(50% - 320px); width: 640px; padding: 15px; box-sizing: border-box; background: rgba(0,0,0,.5); color: #fff; text-align: center; font-size: 18px; font-weight: lighter; }

#popupLayer.tutorial .t006_01_area { top: 70px; left: -6px; width: 1001px; height: 613px; }
#popupLayer.tutorial .t006_txt { position: absolute; top: calc(50% - 52.5px); left: calc(50% - 320px); width: 640px; padding: 15px; box-sizing: border-box; background: rgba(0,0,0,.5); color: #fff; text-align: center; font-size: 18px; font-weight: lighter; }

#popupLayer.tutorial .t007_01_area { top: 135px; left: 0px; width: 312px; height: 446px; }
#popupLayer.tutorial .t007_01_txt { top: 173px; left: 314px; width: 454px; height: 75px; padding: 16px 48px 0 48px; box-sizing: border-box; background: url('../images/007-01txt.png') no-repeat; }
#popupLayer.tutorial .t007_02_area { top: 135px; right: 0px; width: 683px; height: 446px; }
#popupLayer.tutorial .t007_02_txt { top: 70px; left: 402px; width: 319px; height: 92px; padding: 13px 17px 0 17px; box-sizing: border-box; background: url('../images/007-02txt.png') no-repeat; }

#popupLayer.tutorial .t008_01_area { top: 0; left: 0; width: 100%; height: 338px; }
#popupLayer.tutorial .t008_02_area { top: 342px; left: 0; width: 100%; height: 372px; }
#popupLayer.tutorial .t008_txt { position: absolute; top: 0; left: calc(50% - 305px); width: 610px; padding: 15px; box-sizing: border-box; background: rgba(0,0,0,.5); color: #fff; text-align: center; font-size: 18px; font-weight: lighter; }
#popupLayer.tutorial .t008_txt.t1 { top: calc(50% - 27.5px); }
#popupLayer.tutorial .t008_txt.t2 { top: calc(50% - 52.5px); }


/*002 lobby & epl 공통*/
.bannerBox { height: 90px !important; }
#indexContents .locLeft { float: left; width: 240px; overflow: hidden; }
#indexContents .locRight { float: right; width: 735px; overflow: hidden; }

#indexContents .locLeft .coinInfo { width: 100%; height: 80px; padding: 15px 20px; box-sizing: border-box; background: url('../images/002-coinInfo_background.png') no-repeat 100%; }
#indexContents .locLeft .coinInfo dt { text-align: center; font-size: 14px; font-weight: normal; color: #fff; }
#indexContents .locLeft .coinInfo dd { text-align: right; font-size: 19px; color: #ffa200; }

#indexContents .locLeft .release { position: relative; height: 635px; overflow-y: scroll; }
#indexContents .locLeft .release li { width: 100%; } 
#indexContents .locLeft .release li img { width: 100% !important; }

#indexContents .locRight .gameSlider { position: relative; top: 0; left: 0; width: 100%; height: 80px; padding: 5px; box-sizing: border-box; background: #4799c8; }
#indexContents .locRight .gameSlider li { width: 19.4%; height: 70px; margin: 0 5px 0 0 !important; box-sizing: border-box; background: #1d4870; }
#indexContents .locRight .gameSlider li:last-child { margin-right: 0 !important; }
#indexContents .locRight .gameSlider li a { height: 70px;; padding: 5px; }
#indexContents .locRight .gameSlider li a p { padding: 0; }
#indexContents .locRight .gameSlider li a .date { font-size: 14px; }
#indexContents .locRight .gameSlider li a .tit { padding-left: 5px; }
#indexContents .locRight .gameSlider li a .statsBar { top: 50px; left: 11px; }
#indexContents .locRight .gameSlider li a .gameIco { top: 33px; width: 28px; height: 28px; }
#indexContents .locRight .gameSlider li a .gameIco img { width: 100%; height: 100%; }

#indexContents .locRight .newsTab { width: 100%; padding: 0; background: none; }
#indexContents .locRight .newsTab li { width: 13.3%; height: 43px; margin-top: 2px; margin-left: -6px; box-sizing: border-box; background: url('../images/sub_menu_background.png') no-repeat bottom; background-size: cover; text-align: center; }
#indexContents .locRight .newsTab li:first-child { background: url('../images/sub_menu_first_background.png') no-repeat bottom; background-size: 95% 100%; background-position-x: 6px; }
#indexContents .locRight .newsTab li:last-child { background: url('../images/sub_menu_last_background.png') no-repeat bottom; }
#indexContents .locRight .newsTab li.active { height: 43px; background: url('../images/sub_menu_active_background.png') no-repeat bottom; }
#indexContents .locRight .newsTab li.active:first-child { background: url('../images/sub_menu_first_active_background.png') no-repeat bottom; background-size: 95% 100%; background-position-x: 6px; }
#indexContents .locRight .newsTab li.active:last-child { background: url('../images/sub_menu_last_active_background.png') no-repeat bottom; }
#indexContents .locRight .newsTab li.active a { background: none; }
#indexContents .locRight .newsTab li a { height: 43px; line-height: 43px; padding: 0; box-sizing: border-box; font-size: 14px; font-weight: normal; }
#indexContents .locRight .newsTab li a:hover { background: none; }
#indexContents .locRight .table-gameList tr { height: 40px; }
#indexContents .locRight .table-gameList thead tr th { background: #fff; font-weight: normal; color: #333; border-right: 1px solid #c8c8c8; }
#indexContents .locRight .table-gameList thead tr th:nth-child(1),
#indexContents .locRight .table-gameList thead tr th:nth-child(2),
#indexContents .locRight .table-gameList thead tr th:last-child { border-right: 0; }
#indexContents .locRight .table-gameList thead tr th input { border: none; border-radius: 0; background: url('../images/search_background.png') no-repeat; background-size: cover; color: #000; }
#indexContents .locRight .table-gameList thead tr th input::placeholder { color: #333; }
#indexContents .locRight .newsList.dp_lobby_tb_body { height: 548px; min-height: 548px; overflow-y: scroll; }
#indexContents .table-gameList td .enter { height: 32px !important; line-height: 32px !important; border-radius: 3px !important; }

/*008 Shop*/
 /* COLD PURCHASE */
div#dp_store_body_new { background-color: #d7d7d7; padding: 0; padding-top: 5px; }
ul#gold_purchase.gold_purchase_new { background-color: #df8989; width: 989px; height: auto; float: left; padding: 10px 19px; }
ul#gold_purchase.gold_purchase_new > li { margin-right: 10px; position: relative; }
ul#gold_purchase.gold_purchase_new > li:last-child { margin-right: 0; }

 /* BITCOIN PURCHASE */
div#bitcoin_box_new { background-color: #5890ad; width: 989px; height: auto; float: left; margin-top: 5px; padding: 0; position: relative; }

div#next_bitcoin_count_new { position: absolute; top: 0; right: 30px; height: 50px; padding-top: 5px; color: #bfbfbf; font-weight: bold; font-size: 1.1em; }
div#next_bitcoin_count_new > span { color: #ffc424; margin-left: 10px; }

div#bitcoin_limit_new { background-color: #5890ad; box-shadow: none; padding: 0; margin-bottom: 0; color: #72ffd6; font-size: 1.5em; font-weight: normal; }
div#bitcoin_limit_new > span { font-size: 1.3em; margin-left: 10px; }

ul#bitcoin_purchase.bitcoin_purchase_new { width: 989px; height: auto; float: left; padding: 10px 19px; }
ul#bitcoin_purchase.bitcoin_purchase_new > li { margin-right: 10px; position: relative; }
ul#bitcoin_purchase.bitcoin_purchase_new > li:last-child { margin-right: 0; }
ul#bitcoin_purchase.bitcoin_purchase_new > li > div.bitcoin_amount { position: absolute; top: 3px; left: 20%; z-index: 1; }
ul#bitcoin_purchase.bitcoin_purchase_new > li > div.bitcoin_amount.noneB { left: 25%; }
ul#bitcoin_purchase.bitcoin_purchase_new img#imgSoldOut { position: absolute; left: 0; top: 0; z-index: 9; display: none; }
ul#bitcoin_purchase.bitcoin_purchase_new > li.bitcoinSoldout > img#imgSoldOut { display: block; }

 /* btn 공통 */
div.dp_store_content div.price { width: 230px; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 1; }
div.dp_store_content div.price > div { float: left; width: 100%; margin-bottom: 1px; position: relative; }
div.dp_store_content div.price > div.priceFirst div.priceLeft { float: left; padding-left: 2px; }
div.dp_store_content div.price > div.priceFirst div.priceLeft p { width: 50%; left: 0; }
div.dp_store_content div.price > div.priceFirst div.priceLeft p.dolor { line-height: 50px; text-decoration: line-through; }
div.dp_store_content div.price > div.priceFirst div.priceLeft p.through { text-decoration: line-through; }
div.dp_store_content div.price > div.priceFirst div.priceRight { float: right; padding-right: 2px; }
div.dp_store_content div.price > div.priceFirst div.priceRight p { width: 50%; left: unset; right: 0; }
div.dp_store_content div.price p.fineGold { font-size: 0.8em; line-height: 20px; }
div.dp_store_content div.price p.secondText { line-height: 50px; }
div.dp_store_content div.price > div p { 
	width: 100%; height: 42px; text-align: center; font-size: 1.5em; color: #542c1c; line-height: 40px; 
	position: absolute; top: 3px; left: 0; text-shadow: #fff 0 0 1.5px; }
div.dp_store_content div.price > div p.gold { line-height: 30px; }
div.dp_store_content div.price > div p.goldText { font-size: 1.0em; line-height: 60px; }