@import url(reset.css);
@import url(../fonts/font-awesome/css/font-awesome.min.css);


/* form */
select{border: 1px solid #d9d9d9; height:34px; padding-left: 15px; color: #666666; /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ position: relative; /*z-index: 10;*/ background: none; font-size: 15px; border-radius: 3px; /*background: url(../img/bg_appearance.png) no-repeat right center;*/}
/*select::-ms-expand {display: none;}*/
.select{position: relative; background-color: #fff;}
.select select{width: 100%;}
.select:after{content: "\f0d7"; display: block; font-family:'FontAwesome'; color: #999; position: absolute; right:15px; top: 10px;}
.clearfix:after{content: ""; display: block; clear: both;}
button{background: none; padding: 0; line-height: 100%;  cursor: pointer; border: none;}
input[type=text],input[type=number],input[type=password]{border: 1px solid #d9d9d9; height: 34px; box-sizing: border-box; padding-left: 10px; font-weight: normal;font-family: 'notokr-regular'; font-size: 13px; border-radius: 3px;}
textarea{border: 1px solid #d9d9d9; padding: 10px; box-sizing: border-box;font-family: 'notokr-regular'; font-size: 13px;}
input:focus, select:focus,textarea:focus{outline-width: 0; border: 1px solid #568db8;}

input.checkbox{width: 16px; height: 16px; border: 1px solid #e5e6ea;border-radius: 3px; vertical-align: middle;background-color: #fff; position: absolute; top: -9999px;}
input.checkbox:checked{background-color: #573fb1; border: 1px solid #573fb1;}
input.checkbox+label{display: inline-block; border: 1px solid #e5e6ea; width: 16px; height: 16px; box-sizing: border-box; background-color: #fff; vertical-align: middle; border-radius: 3px; position: relative;}
input.checkbox:checked+label{background-color: #573fb1; border: 1px solid #573fb1;}
input.checkbox:checked+label:after{content: "\f00c"; color: #fff; position: absolute; left: 0; top:0 ; font-family: "FontAwesome"; font-size: 10px; display: block; width: 14px; height: 14px;line-height: 14px; text-align: center;}


/* font - color */
b{font-weight: 900;}
.f_blue{color: #3477ac;}
.f_red{color: #e82a68;}

/* btn */
.btn{display: inline-block; text-align: center;  font-size: 13px; box-sizing: border-box; box-sizing: border-box;}
.btn-m{height: 34px; line-height: 36px; padding: 0 20px; min-width: 90px;  border-radius:3px;}
.btn-s{height: 34px; line-height: 36px; padding: 0 12px; border-radius:3px;}
.btn-ms{height: 34px; line-height: 36px; padding: 0 12px; border-radius:3px; min-width: 68px;}
.btn-xs{height: 32px; line-height: 32px; padding: 0 10px; border-radius:3px;}
.btn-xxs{height: 24px; line-height: 24px; padding: 0 10px; border-radius:3px; font-size: 13px;}
.btn-gray{background-color: #f7f7f7; border: 1px solid #d9d9d9; color: #666; border: 1px solid #d9d9d9;}
.btn-blue{background-color: #3477ac; color: #fff; }
.btn-dark{background-color: #6a6a6e; color: #fff !important; }
.btn-pupple{background-color: #413eaa !important; color: #fff; }
.btn-white{background-color:none !important; color: #666; border:1px solid #222; }
.btn-square{display: inline-block; width: 34px; height: 34px; background-color: #f7f7f7; border-radius:3px; border: 1px solid #dbdee1; color: #888888; text-align: center;}
.btn:disabled{color: #fff; background-color: #cdcdcd;}
.btnLine{}
.btnLine:after{content:""; display: block; clear: both;}
.btnLine .btnCenter{text-align: center;}
.btnLine button{margin: 0 5px;}
/* href link */
a{color:#707070;text-decoration:none;}
a:link, a:visited, a:active{text-decoration: none;}
a:hover{color:#707070;}

/* contents_box */
.contents_box{width: 990px; margin: auto; position: relative; box-sizing: border-box;}
.contents_box:after{content: ""; display: block; clear: both;}

/* layout */
html{height: 100%; min-width: 990px;}
body{font-family: 'Lato',Arial,Verdana, Helvetica, sans-serif; font-size: 12px; color: #222; height: 100%; font-weight: 700; background-color: #d7d7d7;}
body.index{background-color: #000;}
#wrapper{}

#indexHeader{height: 625px; background: url(../img/bg_index.png) no-repeat 50% 0;}
#indexHeader h1{text-align: center; padding-top: 25px;}
#indexMenu{text-align: center; margin-top: 25px;}
#indexMenu ul li{display: inline-block; margin: 0 15px;}
#indexMenu ul li a{color: #fff; font-size: 18px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); transition: all 0.4s ease; font-weight: bold;}
#indexMenu ul li a:hover{color: #00a8ff;}
#indexHeader .accountBtn{position: absolute; text-align: right; position: absolute; right: 20px; top: 55px;}
#indexHeader .accountBtn a{display:inline-block; width: 98px; height: 28px; line-height: 28px; color: #fff; font-weight: bold; font-size: 13px; text-align: center; border-radius: 8px; margin-left: 5px; transition: all 0.4s ease;}
#indexHeader .accountBtn a.join{background-color: #252525;}
#indexHeader .accountBtn a.login{background-color: #00a8ff;}
#indexHeader .accountBtn a:hover{box-shadow: 3px 3px 3px rgba(0,0,0,0.5); border-radius: 10px;}
#indexHeader .btnPlay {text-align: center; margin-top: 70px;}
#indexHeader .btnPlay a{color: #fff; font-size: 16px; letter-spacing: 4px; color: #fff; display: inline-block; width: 206px; height: 50px; line-height: 40px; box-sizing: border-box; border: 5px solid rgba(255,255,255,0.1); border-radius: 10px; text-align: center;transition: all 0.4s ease;}
#indexHeader .btnPlay a:hover{border:5px solid rgba(255,255,255,1);}
#indexHeader .indexBanner{height: 120px; margin-top: 95px; overflow: hidden; margin-left:100px;  margin-right:100px; position: relative; padding-left: 30px; padding-right: 30px;}
#indexHeader .indexBanner ul li{text-align: center; height: 120px;}
#indexHeader .indexBanner .bx-controls {font-size: 30px;}
#indexHeader .indexBanner .bx-controls .bx-prev{position: absolute; left: 0; top: 30px;}
#indexHeader .indexBanner .bx-controls .bx-prev:after{content: "\f053"; display: block; font-family: "fontAwesome"; color: #fff;}
#indexHeader .indexBanner .bx-controls .bx-next{position: absolute; right: 0; top: 30px}
#indexHeader .indexBanner .bx-controls .bx-next:after{content: "\f054"; display: block; font-family: "fontAwesome"; color: #fff;}
#indexHeader .indexBanner .bx-controls a{ opacity: 0.3; transition: all 0.4s ease;}
#indexHeader .indexBanner .bx-controls a:hover{opacity: 1;}


#indexCon .index_contents_01{background: #0d0d0d; padding: 35px 0 50px 0; border-top: 1px solid rgba(255,255,255,0.1)}
#indexCon .index_contents_02{background:url(../img/bg_index_article_con.png) no-repeat center top,url(../img/bg_index_article.png);}
#indexCon .index_contents_02 .contents_box{background: ; height: 529px; box-sizing: border-box; padding-top: 125px;}
#indexCon .index_contents_03{padding: 50px 0 180px 0; text-align: center;  background-color: #090807;}
#indexCon .spo_info li{display: inline-block; vertical-align: top; margin: 0 6px;}
#indexCon .spo_info li a{width: 226px; height: 245px; display: block; box-sizing: border-box; background-color: #362f2d; color: #fff; font-size: 13px; padding-top: 70px; transition: all 0.4s ease; border: 5px solid #362f2d;}
#indexCon .spo_info li a b{display: block; font-size: 20px; font-weight: 900; letter-spacing: -0.5px; margin-bottom: 30px;}
#indexCon .spo_info li a:hover{border: 5px solid #c31420; background-color: #60504b; transform: translateY(-10px)}
#indexCon .logo{margin-top: 70px;}
#indexCon .slogan{margin-top: 50px; color: #fff; font-size: 25px; line-height: 120%; font-weight: 300; letter-spacing: -1px;}
#indexCon .slogan b{display: block; font-weight: 900; color: #f7941d;}
#indexCon .btnLogin{margin-top: 100px;}
#indexCon .btnLogin a{display: inline-block; font-size: 18px; color: #c31420; font-weight: 900; letter-spacing: 3px; width: 245px; height: 70px; line-height: 60px; border: 5px solid #c31420; border-radius: 15px; box-sizing: border-box;transition: all 0.4s ease;}
#indexCon .btnLogin a:hover{color: #fff;border: 5px solid #fff;}
#indexCon .index_slider{background: url(../img/bg_mag.png) no-repeat; width: 463px; height: 394px; padding: 105px 43px 0 43px; box-sizing: border-box; position: relative; margin-left: 15px;}
#indexCon .index_slider ul { height:86px; overflow: hidden;}
#indexCon .index_slider ul li{text-align: center;}
#indexCon .index_slider .bx-controls {font-size: 30px;}
#indexCon .index_slider .bx-controls .bx-prev{position: absolute; left: 40px; top: 130px;}
#indexCon .index_slider .bx-controls .bx-prev:after{content: "\f053"; display: block; font-family: "fontAwesome"; color: #fff;}
#indexCon .index_slider .bx-controls .bx-next{position: absolute; right: 40px; top: 130px}
#indexCon .index_slider .bx-controls .bx-next:after{content: "\f054"; display: block; font-family: "fontAwesome"; color: #fff;}
#indexCon .index_slider .bx-controls a{ opacity: 0.3; transition: all 0.4s ease;}
#indexCon .index_slider .bx-controls a:hover{opacity: 1;}
#indexCon .introMsg{position: absolute; left: 515px; top: 132px;}
#indexCon .videoArea{width: 640px; height: 430px; margin: auto; background: url(../img/bg_video.png) no-repeat;}

#indexCon .topMenu {text-align: center; margin-bottom: 50px;}
#indexCon .topMenu li{float: left;margin:0 5px;}
#indexCon .topMenu li a{height: 150px; width: 320px; vertical-align: middle; background-color: #040404; padding-left: 85px; box-sizing: border-box; text-align: left; display: block; padding-top: 40px;}
#indexCon .topMenu li dl{}
#indexCon .topMenu li dl dt{ color: #fff; font-weight: 900; font-size: 16px; margin-bottom: 5px;transition: all 0.4s ease;}
#indexCon .topMenu li dl dd{ color: #636363; font-size: 15px;}
#indexCon .topMenu li:nth-child(1) a{background:#040404 url(../img/ico_indexMenu01.png) no-repeat 25px 50%;}
#indexCon .topMenu li:nth-child(2) a{background:#040404 url(../img/ico_indexMenu02.png) no-repeat 25px 50%;}
#indexCon .topMenu li:nth-child(3) a{background:#040404 url(../img/ico_indexMenu03.png) no-repeat 25px 50%;}
#indexCon .topMenu li a:hover dt{ color: #00a8ff;}

#footer { position: relative; background-color: #000000;}
#footer .contents_box{padding-top: 65px; padding-bottom: 50px; padding-left: 12px; padding-right: 12px; background: url(../img/img_logo_bottom.png) no-repeat; box-sizing: border-box; background-position: right 18px top 63px;}
#footer #footMenu{font-size: 13px;}
#footer #footMenu li{float: left; margin-right: 20px;}
#footer #footMenu li a{color: #fff;}
#footer #category {margin-top: 35px;}
#footer #category dt{color: #fff; font-size: 13px;}
#footer #category dd{margin-top: 15px;}
#footer #category dd li{float: left; margin-right: 15px;}
#footer #category dd li a{color: #444; font-size: 14px;}
#footer #category dd li a:hover{color: #00a8ff;}
#footer .copyright{color: #444; font-size: 14px; position: absolute; right: 12px; top:148px ;}
#footer .copyright span{color: #f7941d;}
#footer .snsList{position: absolute; right: 205px; top: 84px;}
#footer .snsList li{float: left; margin-left: 17px;}
#footer .snsList li a{opacity: 0.5;transition: all 0.4s ease;}
#footer .snsList li a:hover{opacity: 1;}
#footer .footerSlider{}
#footer .footerSlider button{position: absolute; display: block; width: 84px; height: 66px; background: url(../img/bg_open.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; left: 50%; top: -40px; margin-left: -42px;}
#footer.active .contents_box{padding-top: 45px; padding-bottom: 0; overflow: hidden; height: 0;}
#footer.active .footerSlider button{background-position: 0 -66px;}

#header {position: relative; /*z-index: 10;*/}
#header .headerTop{background-color: #363636; height: 48px;}
#header .headerTop h1{position: absolute; left: 9px; top: 9px; /*z-index: 10;*/}
#header .headerTop #gnb {float: left;}
#header .headerTop #gnb ul{padding-top: 12px;}
#header .headerTop #gnb li{float: left; line-height: 100%; margin-right: 25px;}
#header .headerTop #gnb li:last-child{margin: 0;}
#header .headerTop #gnb li a{font-size: 18px; font-weight: 900;text-shadow: 1px 1px 2px rgba(0,0,0,0.8); color: #fff;transition: all 0.4s ease;}
#header .headerTop #gnb li a:hover{color: #00a8ff;}
#header .headerTop #gnb li.active a{color: #00a8ff;}

#header .headerTop .accountArea{float: right;}
#header .headerTop .accountArea .accountBtn {padding-top: 11px;}
#header .headerTop .accountArea .accountBtn a{display:inline-block; width: 98px; height: 28px; line-height: 28px; color: #fff; font-weight: bold; font-size: 13px; text-align: center; border-radius: 8px; margin-left: 10px; transition: all 0.4s ease; font-weight: 900;}
#header .headerTop .accountArea .accountBtn a.join{background-color: #252525;}
#header .headerTop .accountArea .accountBtn a.login{background-color: #00a8ff;}
#header .headerTop .accountArea .accountBtn a:hover{box-shadow: 3px 3px 3px rgba(0,0,0,0.5);}

#header .accountInfo .info{float: left; position: relative; margin-top: 10px; padding-left: 40px; margin-right: 20px;}
#header .accountInfo .info .photo{background: url(../img/bg_photo.png) no-repeat; width: 30px; height: 30px; position: absolute; left: 0; top: 0;}
#header .accountInfo .info .photo img{ width: 30px; height: 30px;}
#header .accountInfo .info .name {font-size: 12px; color: #fff; border-bottom: 2px solid #9a9a9a; line-height: 100%;}
#header .accountInfo .info .gold {font-weight: 700; color: #f7941d; font-size: 14px; line-height: 100%; padding-top: 3px;}


#header .accountInfo .accountMenu{float: left; margin-top: 12px; position: relative;}
#header .accountInfo .accountMenu .btn_menu{width: 28px; height: 28px; border-radius: 10px; background-color: #252525; color: #fff; font-size:16px; }
#header .accountInfo .accountMenu .btn_menu i{transition: all 0.2s ease;}
#header .accountInfo .accountMenu .btn_menu:hover{color: #f7941d;}

#header .accountInfo .accountMenu .menu{background-color: #fff; position: absolute; width: 140px; box-sizing: border-box; padding: 15px 18px; z-index: 20; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); left: 50%; margin-left: -70px; top: 37px; display: none;}
#header .accountInfo .accountMenu .menu li{line-height: 30px;}
#header .accountInfo .accountMenu .menu li a{color: #b4aba4; font-size: 12px; font-weight: 700;}
#header .accountInfo .accountMenu .menu li.help{ border-bottom: 1px dotted #c0c0c0; border-top: 1px dotted #c0c0c0; margin: 5px 0;}
#header .accountInfo .accountMenu .menu li.help a{color: #f7941d;}
#header .accountInfo .accountMenu .menu:after{content: "\f0d8"; display: block; color: #fff; font-family: "fontAwesome"; position: absolute; top: -11px; font-size: 20px; left: 50%; margin-left: -6px;}

#header .accountInfo .accountMenu.active .btn_menu i{transform: rotateZ(180deg);color: #f7941d;}
#header .accountInfo .accountMenu.active .menu {display: block;}

#header .accountInfo .goldShop{float: left; padding-top: 11px;}
#header .accountInfo .goldShop a{display:inline-block; width: 98px; height: 28px; line-height: 28px; color: #fff; font-weight: bold; font-size: 13px; text-align: center; border-radius: 8px; margin-left: 10px; transition: all 0.4s ease; font-weight: 900; background-color: #f7941d;}
#header .accountInfo .goldShop a:hover{box-shadow: 3px 3px 3px rgba(0,0,0,0.5);}

#header .contents_box{padding: 0 15px 0 195px;}

#header .headerBottom{background-color: #151414; height: 39px;}
#header .headerBottom #subMenu{float: left;}
#header .headerBottom #subMenu ul{padding-top:9px;}
#header .headerBottom #subMenu ul li{float: left;margin-right: 20px;}
#header .headerBottom #subMenu ul li a{color: #555555; font-size: 14px;}
#header .headerBottom #subMenu ul li a:hover{color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
#header .headerBottom #subMenu ul li.active a{color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
#header .headerBottom #localSelect{float: right; position: relative; padding-top: 10px; padding-right: 10px;}
#header .headerBottom #localSelect .btn-local{color: #8a8989; font-size: 12px; font-weight: 700;}
#header .headerBottom #localSelect .settingLayer{position: absolute; background-color: #fff; width: 220px; box-sizing: border-box; padding: 13px 20px; top:39px; right: -15px;box-shadow: 3px 3px 3px rgba(0,0,0,0.5); color: #a69584; display: none;}
#header .headerBottom #localSelect .settingLayer:after{content: "\f0d8"; display: block; color: #fff; font-family: "fontAwesome"; position: absolute; top: -11px; font-size: 20px; left:145px;}
#header .headerBottom #localSelect .settingLayer label{display: block; height: 26px; line-height: 26px;}
#header .headerBottom #localSelect .settingLayer select{ width: 100%; border: 1px solid #dfdfdf; border-radius: 0;color: #a69584; font-size: 12px; padding-left:8px;}
#header .headerBottom #localSelect .settingLayer .btn{text-align: right; margin-top: 12px; width: 100%;}
#header .headerBottom #localSelect .settingLayer .btn button{ color: #fff; font-size: 12px; text-align: center; width: 56px; height: 25px; line-height: 25px; display: inline-block;}
#header .headerBottom #localSelect .settingLayer .btn .close{ background-color: #a1a1a1;}
#header .headerBottom #localSelect .settingLayer .btn .apply{background-color: #00a8ff;}

#contentsArea{padding-bottom: 80px;}

/* lobby */
#indexContents{padding-top: 5px;}
#indexContents .bannerBox{margin-bottom: 5px;}
#indexContents .gameStats{height: 130px; position: relative; background-color: #100f0f; padding: 13px 0 0 10px; box-sizing: border-box;}
#indexContents .gameStats .coinInfo{width: 219px; height: 56px; background: url(../img/bg_coinInfo.png) no-repeat; font-size: 15px; color: #e1e1e1; padding:5px 10px; box-sizing: border-box;}
#indexContents .gameStats .coinInfo dt{font-size: 15px; color: #e1e1e1;}
#indexContents .gameStats .coinInfo dd{font-size: 20px; color: #f7941d; text-align: right;}
#indexContents .gameStats .search {margin-top: 11px; border: 1px solid #dfdfdf; width: 219px; box-sizing: border-box; background-color: #fff; height: 32px;}
#indexContents .gameStats .search input{ height: 30px; float: left; border: none;}
#indexContents .gameStats .search .btn_search{float: right; margin-right: 5px;}
#indexContents .gameSlider{ width:; position: absolute; top: 20px; right:20px; padding-left: 40px; padding-right: 40px; height: 90px; overflow: hidden;}
#indexContents .gameSlider ul{}
#indexContents .gameSlider li{background-color: #000;}
#indexContents .gameSlider li a{display: block;height: 90px; position: relative; box-sizing: border-box; padding-left: 13px; color: #e1e1e1; font-weight: 400;}
#indexContents .gameSlider li a .date{ font-size: 15px; padding-top: 15px;}
#indexContents .gameSlider li a .tit{font-size: 13px;}
#indexContents .gameSlider li a .statsBar{position: absolute; left: 13px; top:62px; width: 130px; height: 8px; background-color: #2b2b2b;}
#indexContents .gameSlider li a .statsBar .bar{height: 8px; display: block; background-color: #f8941d; float: left;}
#indexContents .gameSlider li a .gameIco{position: absolute; left: 153px; top: 47px;}
#indexContents .gameSlider {}
#indexContents .gameSlider .bx-prev{position: absolute; left: 0; top: 35px; font-size: 18px;}
#indexContents .gameSlider .bx-prev:after{content: "\f053"; display: block; font-family: "fontAwesome"; color: #fff;}
#indexContents .gameSlider .bx-next{position: absolute; right: 0; top: 35px; font-size: 18px;}
#indexContents .gameSlider .bx-next:after{content: "\f054"; display: block; font-family: "fontAwesome"; color: #fff;}
#indexContents .gameSlider .bx-controls a{ opacity: 0.3; transition: all 0.4s ease;}
#indexContents .gameSlider .bx-controls a:hover{opacity: 1;}

#indexContents .playerNews{margin-top: 5px;}
#indexContents .gameInfoArea{position: relative;}
#indexContents .newsTabArea{background-color: #000; font-size: 15px; color: #fff; line-height: 50px; height: 50px;}
#indexContents .newsTabArea h2{color: #fff;line-height: 50px; padding-left: 12px; float: left;}
#indexContents .newsTab{ width: 750px; float: right; background: url(../img/bg_newsTab.png); box-sizing: border-box; padding-left:14px;}
#indexContents .newsTab li{float: left;}
#indexContents .newsTab li a{display: block; line-height: 50px; height: 50px; color: #fff; padding: 0 16px}
#indexContents .newsTab li a:hover{background-color:rgba(196,174,168,0.5);}
#indexContents .newsTab li.active a{background-color:rgba(196,174,168,0.5);}
#indexContents .release{float: left; width: 240px; overflow-y: auto; position: absolute; left: 0; top: 0; height: 100%;}
#indexContents .release li{ width: 220px; background-color: #c8c7c7; box-sizing: border-box; padding: 10px; margin-top: 10px;}
#indexContents .release li:first-child{margin: 0;}
#indexContents .release li .name{background-color: #000; position: relative; height: 44px; overflow: hidden; padding-left: 50px; padding-right: 10px;}
#indexContents .release li .name .photo{position: absolute; left: 0; top: 0;width: 44px; height: 44px; overflow:hidden;}
#indexContents .release li .name .photo img{float: left; width: 44px; height: 44px;}
#indexContents .release li .name dl{font-weight: 400; line-height: 120%; padding-top: 5px; position: relative; z-index: 1;}
#indexContents .release li .name dl dt{color: #fff; font-size: 15px; line-height: 120%; white-space:nowrap; overflow:hidden; word-break:break-all; text-overflow:ellipsis;}
#indexContents .release li .name dl dd{ color: #808080; font-size: 13px; line-height: 120%;white-space:nowrap; overflow:hidden; word-break:break-all; text-overflow:ellipsis;}
#indexContents .release li .name .ico{position: absolute; right: 0; bottom: 0;}
#indexContents .release li .releaseCon{line-height: 120%; margin-top:8px; min-height: 50px;}
#indexContents .release li .more{text-align: right; margin-top: 5px; line-height: 100%;}
#indexContents .release li .more a{color: #00bff3; line-height: 100%;}

#indexContents .newsList{float: right; width: 740px; min-height: 710px; overflow-y: auto; border-bottom: 1px solid #b7b5b5; box-sizing: border-box;}
#indexContents .table-gameList{font-size: 13px;}
#indexContents .table-gameList thead{}
#indexContents .table-gameList th{color: #603913; height: 34px; border-bottom: 1px solid #b7b5b5;}
#indexContents .table-gameList td{text-align: center; color: #362f2d; height: 48px; background-color: #d7d7d7;}
#indexContents .table-gameList tr:nth-child(even) td{ background-color: #ebebeb;}
#indexContents .table-gameList td .enter{display: inline-block; width: 56px; height: 22px; line-height: 22px; color: #fff; text-align: center; background-color: #f7941d; border-radius: 6px; margin-left: 5px;}
#indexContents .table-gameList td.title{text-align: left; padding-left:5px;}
#indexContents .table-gameList td.total{color: #f7941d;}

#contents{padding-top: 10px;}
.contentsHeader{}
.contentsHeader .headTop{ background-color: #36332f; color: #d7d7d7; position: relative;}
.contentsHeader .headTop h1{line-height: 90px; font-size: 22px; padding-left: 30px; font-weight: 400;}
.contentsHeader .headBottom {background-color: #fff;}
.contentsHeader .headTop .balance{position: absolute; right: 20px; top: 20px; height: 50px; padding: 0 5px 0 35px; background: url(../img/bg_cabon.png); border-radius: 10px;}
.contentsHeader .headTop .balance dt{ line-height: 50px; float: left; font-size:13px; color: #998675; margin-right: 20px;}
.contentsHeader .headTop .balance dd{line-height: 50px; float: left; font-size: 24px; color: #3f3e3e;}
.contentsHeader .headTop .balance dd span{display: inline-block; padding: 0 30px;}
.contentsHeader .headTop .balance dd span.gold{ color: #f7941d;}
.contentsHeader .headTop .balance dd span.coin{ color: #fff;}

.contentsHeader .headBottom .headSlider{position: relative; padding: 0 95px;}
.contentsHeader .headBottom .headSlider li{text-align: center; border-right: 1px solid #ebeaea;}
.contentsHeader .headBottom .headSlider li a{display: block; height:58px; line-height: 58px; font-size: 13px; height: 58px; overflow: hidden; box-sizing: border-box;}
.contentsHeader .headBottom .headSlider li a.time{font-size: 11px; line-height: 140%; text-align: left; padding-left: 12px; padding-top:6px; color: #222;}
.contentsHeader .headBottom .headSlider li.active a{background-color: #eadcff;}
.contentsHeader .headBottom .headSlider li a:hover{color: #222;}
.contentsHeader .headBottom .headSlider .bx-controls .bx-prev{position: absolute; left: 0px; top:0px;}
.contentsHeader .headBottom .headSlider .bx-controls .bx-prev:after{content: ""; display: block; width: 58px; height: 58px; background: url(../img/btn_slider_left.png) no-repeat 50% 50%;}
.contentsHeader .headBottom .headSlider .bx-controls .bx-next{position: absolute; right:0px; top:0px}
.contentsHeader .headBottom .headSlider .bx-controls .bx-next:after{content: ""; display: block; width: 58px; height: 58px; background: url(../img/btn_slider_right.png) no-repeat 50% 50%;}
.contentsHeader .headBottom .headSlider .bx-controls a{opacity: 0.3; transition: all 0.4s ease;}
.contentsHeader .headBottom .headSlider .bx-controls a:hover{opacity: 1;}

.contentsHeader .gameInfo {height: 90px; position: relative; padding-left: 67px; box-sizing: border-box; padding-top: 20px;}
.contentsHeader .gameInfo .ico{position: absolute; left:20px; top: 30px;}
.contentsHeader .gameInfo h1{line-height: 100%; padding: 0; margin-bottom:10px;}
.contentsHeader .gameInfo .info{ color: #c1afa6; font-size: 13px;}
.contentsHeader .gameInfo .info li{float: left; margin-right: 25px; font-weight: 400;}
.contentsHeader .gameInfo .info li b{color: #f7941d; font-weight: 700;}
.contentsHeader .gameInfo .liveInfo{position: absolute; right: 20px; top:20px; width: 280px; height: 48px; background-color: #151515; box-sizing: border-box; padding-left: 120px;}
.contentsHeader .gameInfo .liveInfo .stats{color: #; position: absolute; left:0; width: 110px; text-align: center; line-height: 48px; color: #00bff3; font-weight:900; font-size: 18px;}
.contentsHeader .gameInfo .liveInfo .time{color: #534741; font-size: 14px; padding-top:3px;}
.contentsHeader .gameInfo .liveInfo .time-bot{color: #f7941d; font-size: 14px;}


.contestList{position: relative; margin-top: 20px;}
.contestList .contestTab{padding-left: 348px;}
.contestList .contestTab li{float: left;}
.contestList .contestTab li a{display: block; text-align: center; height:30px; line-height: 30px; color: #666; width: 95px; background-color: #fff; border-left: 1px solid #dfdfdf;}
.contestList .contestTab li.active a{background-color: #ff1f2a; color: #fff;}
.contestList .contestTab li:first-child a{border: none;}
.contestList .amount{position: absolute; right: 12px; top: 0; background-color: #36332f; border-radius: 8px; height: 30px; line-height: 30px; padding: 0 10px; font-size:12px; color: #fff;}
.contestList .amount b{display: inline-block; padding-left: 20px; color: #f7941d;}

.table-contest{margin-top: 10px; font-weight: 700;}
.table-contest>thead{}
.table-contest>thead th{height: 34px;}
.table-contest>tbody{background-color: #fff;}
.table-contest>tbody tr{}
.table-contest>tbody>tr>td{width:auto; padding: 20px 0; border-bottom: 1px solid #dfdfdf; text-align: center;}
.table-contest>tbody>tr>td.title{text-align: left; padding-left: 10px;}
.table-contest>tbody>tr>td.title img{margin-right: 5px;}
.table-contest>tbody>tr.edit{display: none;}
.table-contest>tbody>tr.edit>td{padding: 0;}
.table-contest>tbody>tr.old{opacity: 0.6;}

.paging{ margin-top: 30px; text-align: center;}
.paging a{display: inline-block; margin: 0 6px; color: #333;}
.paging a.active{color: #f7941d;}

.mypageTab{border-bottom: 1px solid #d7d7d7;}
.mypageTab li{float: left; border-right: 1px solid #d7d7d7; width: 138px;}
.mypageTab li a{display: block; text-align: center; height: 58px; line-height: 58px; font-size: 13px; color: #999;}
.mypageTab li.active a{background-color: #f4edff;  color: #333}
.mypageArea{background-color: #fff; padding:35px 90px 45px 90px; font-weight: 400;}
.mypageArea .infoBox{padding-top: 35px;}
.mypageArea .myInfoEdit{float: left;}
.mypageArea .text{color: #ad9e91; font-size: 15px; font-weight: 400;}
.mypageArea .sns{float: right; width: 365px; padding-left: 30px; box-sizing: border-box; position: relative;}
.mypageArea .sns dt{color: #998675; font-size: 13px; margin-bottom: 15px;}
.mypageArea .sns dd{float: right;}
.mypageArea .sns dd ul{float: right;}
.mypageArea .sns dd ul li{float: left; margin-left: 10px; margin-bottom: 10px;}
.mypageArea .sns:after{content: ""; display: block; width: 1px; height: 80px; background-color: #ebeaea; position: absolute; left: 0;  top:35px;}

.mypageArea .photoEdit{float: left; width: 130px;}
.mypageArea .photoEdit .photo {width: 130px; height: 130px; background-color: #ddd;}
.mypageArea .photoEdit .photo img{border: 1px solid #ddd;}
.mypageArea .photoEdit .btnPhoto{text-align: center; margin-top: 10px;}

.mypageArea .nameEdit{float: right; margin-left: 30px; width: 240px;}
.mypageArea .nameEdit label{display: block; font-size: 13px; color: #998675; margin-bottom:2px;}
.mypageArea .nameEdit input{ width: 100%; font-weight: bold; font-size: 15px;}

.mypageArea .coinInfo{ margin-top: 30px;}
.mypageArea .coinInfo .detail{float: left; width: 398px; height: 230px; background-color: #36332f; border-radius: 10px; padding: 15px 20px; box-sizing: border-box;}
.mypageArea .coinInfo .address{float:right; width: 398px; height: 230px; background-color: #ebeaea;border-radius: 10px; padding: 15px 20px; box-sizing: border-box;}
.mypageArea .coinInfo .tit{font-size: 18px; font-weight: bold; margin-bottom: 40px;}
.mypageArea .coinInfo .detail .tit{color: #fff;}
.mypageArea .coinInfo .detail dl{}
.mypageArea .coinInfo .detail dl dt{line-height: 100%; color: #fff; font-size: 13px; font-weight: bold;}
.mypageArea .coinInfo .detail dl dd{font-size: 21px; font-weight: bold; text-align: right; line-height: 100%; text-decoration: underline;}
.mypageArea .coinInfo .detail .gold dd{color: #f7941d;}
.mypageArea .coinInfo .detail .ticket dd{color: #00bff3;}
.mypageArea .coinInfo .address .tit{color: #362f2d;}
.mypageArea .coinInfo .address .mail {}
.mypageArea .coinInfo .address .mail input{ width: 100%;}
.mypageArea .coinInfo .address .submit {text-align: right; margin-top: 30px;}
.mypageArea .btnLine{margin-top: 40px;}

.selectArea{margin-top: 10px;}
.selectArea .chaInfo{float: left; width: 616px; background-color: #fff; padding: 10px; box-sizing: border-box; height: 140px; position:relative; padding-left:140px;}
.selectArea .chaInfo .photo{ width: 120px; height: 120px; overflow: hidden; position: absolute; left: 10px; top: 10px;}
.selectArea .chaInfo .photo img{ width: 120px; height: 120px;}
.selectArea .chaInfo .name{border-bottom: 1px solid #bdbdbd; padding-bottom:3px; padding-top:5px;}
.selectArea .chaInfo .name dt{font-size:18px; width: 165px;}
.selectArea .chaInfo .name dt span{display: inline-block; margin-right: 8px; color: #998675;}
.selectArea .chaInfo .name dd{font-size:12px; color: #9a9796; font-weight: 400;  width: 165px;}
.selectArea .chaInfo .cost{font-size:15px; color: #333;   margin-top:8px;}
.selectArea .chaInfo .score {position: absolute; right: 10px; top: 15px;}
.selectArea .chaInfo .score li {float: left; width:56px; text-align: center; font-size: 12px; line-height: 100%; color: #999;}
.selectArea .chaInfo .score li b{display: block; font-size: 18px; color: #333; font-weight: 700;}


.selectArea .lineup{float: right; width: 363px; border-top: 4px solid #c1c1c1; border-bottom: 4px solid #c1c1c1; box-sizing: border-box; height: 140px; position:relative; text-align: center;}
.selectArea .lineup dt{font-size: 18px; padding-top: 10px;}
.selectArea .lineup dd{ font-size: 13px; font-weight: 400; padding-top: 15px;}
.selectArea .lineup dd .left{float: left; width: 45%;}
.selectArea .lineup dd .right{float: right; width: 45%;}
.selectArea .lineup dd b{display: block; margin-top: 10px; font-size: 25px; font-weight: 900;}
.selectArea .table-score{font-size: 12px; font-weight: 400; width: 300px; text-align: center; position: absolute; right: 10px; top:70px;}
.selectArea .table-score th{font-weight: 400; background-color: #e0e0e0; height: 22px;}
.selectArea .table-score td{background-color: #f7f7f7; height: 26px;}

.playerInfoArea{margin-top: 20px;}
.playerInfoArea .playerList{float: left; width: 616px;}
.playerInfoArea .playerTab{}
.playerInfoArea .playerTab .search{ float: left; width: 128px; height: 30px; border: 1px solid #dfdfdf; background-color: #fff;}
.playerInfoArea .playerTab .search input{height: 30px; width: 90px; float: left;border: none;}
.playerInfoArea .playerTab .search button{float: right;}
.playerInfoArea .playerTab .search button img{height: 30px;}
.playerInfoArea .playerTab ul{float: right; border: 1px solid #dfdfdf;border-left: none;}
.playerInfoArea .playerTab ul li{float: left; border-left: 1px solid #dfdfdf;}
.playerInfoArea .playerTab ul li a{display: block; background-color: #fff; height: 30px; line-height: 30px; width: 51px; text-align: center; color: #333;}
.playerInfoArea .playerTab ul li.active a{background: none;}
.playerInfoArea .pickList{float: right; width: 364px;}
.playerInfoArea .playerTable {margin-top: 12px; min-height: 580px; background-color: #fff;}
.playerInfoArea .playerTable table th{ height: 30px; background-color: #d7d7d7;}
.playerInfoArea .playerTable table td{background-color: #fff; text-align: center; height: 45px; border-bottom: 1px solid #f5f5f5;}
.playerInfoArea .playerTable table td.left{text-align: left; padding-left:10px;}
.playerInfoArea .playerTable table tr:hover td{background-color: #fff2cd;}
.playerInfoArea .playerTable table tr.gray td{color: #c2c0c0;}
.playerInfoArea .playerTable table tr td button:disabled{opacity: 0.3; cursor: default;}

.playerInfoArea .random{ margin-bottom: 14px;}
.playerInfoArea .listTable{height: 490px; overflow-y: auto;}
.playerInfoArea .list td{padding:5px; border-bottom: 1px solid #ddd; background-color: #fff; text-align: center;}
.playerInfoArea .list td.name{padding-left: 10px; text-align: left; font-size: 10px; color: #999; font-weight: 400;}
.playerInfoArea .list td.name b{font-size: 12px; color: #222;}
.playerInfoArea .btn_list{margin-top: 10px;}

.overay{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 100;}

#statsLayer{position: fixed; left: 50%; margin-left: -495px; top: 50%; margin-top: -345px; width: 990px; height: 690px; background-color: #fff;background-color: #f1f1f1; z-index: 110;}
#statsLayer .stastheader{border-bottom: 1px solid #ddd; padding-left: 150px; position: relative; height: 140px; overflow: hidden;}
#statsLayer .stastheader .photo{width: 120px; height: 120px; overflow: hidden; position: absolute; left:20px; top: 10px;}
#statsLayer .stastheader .photo img{ width: 120px; height: 120px;}
#statsLayer .stastheader .name{margin-top: 20px;}
#statsLayer .stastheader .name dt{font-size: 23px; color: #362f2d; line-height: 100%;}
#statsLayer .stastheader .name dt span{margin-right: 10px; color: #998675;}
#statsLayer .stastheader .name dd{font-size: 14px; color: #999; font-weight: 400; line-height: 100%;}
#statsLayer .stastheader .cost{font-size: 19px; color: #362f2d; margin-top: 10px;}
#statsLayer .stastheader .cost b{ color: #f7941d; font-weight: 700;}
#statsLayer .stastheader .text{font-size: 13px; color: #998675;}
#statsLayer .stastheader .score{position: absolute; right: 40px; top: 30px; width: 411px; height: 78px; background: url(../img/bg_score.png) no-repeat; box-sizing: border-box; padding-left: 12px;}
#statsLayer .stastheader .score li{float: left; color: #675c52; text-align: center; width: 78px; text-align: center; font-weight: 13px; box-sizing: border-box; padding-top: 12px;}
#statsLayer .stastheader .score li b{color: #fff; display: block; font-size: 24px; font-weight:700;}
#statsLayer .statsTab{border-bottom: 1px solid #ddd; margin-left: 20px; border-left: 1px solid #ddd; height: 48px;}
#statsLayer .statsTab li{float: left; border-right: 1px solid #ddd;}
#statsLayer .statsTab li a{display: block; text-align: center; color: #999; font-size: 13px; height: 48px; line-height: 48px; width: 125px;}
#statsLayer .statsTab li.active a{background-color: #fff; border-bottom: 1px solid #fff; color: #362f2d;}

#statsLayer .statsContents{background-color: #fff; height: 428px; position: relative; padding: 20px; box-sizing: border-box; font-size: 13px; padding-left: 265px;}
#statsLayer .playerNews{width: 225px; position: absolute; left: 20px; top: 23px;}
#statsLayer .playerNews .tit{font-size: 13px; font-weight: 700; padding-left: 10px;}
#statsLayer .playerNews .newsList{height: 355px; overflow-y: auto; margin-top: 15px;}
#statsLayer .playerNews .newsList li{margin-top: 10px; padding: 10px;}
#statsLayer .playerNews .newsList li.bg01{background-color: #e9e1d7;}
#statsLayer .playerNews .newsList li.bg02{ background-color: #c7b29a;}
#statsLayer .playerNews .newsList li:first-child{margin: 0;}
#statsLayer .playerNews .newsList li dt{}
#statsLayer .playerNews .newsList li dd{font-size: 12px; line-height: 120%;font-weight: 400;}
#statsLayer .playerNews .newsList li dd p{margin-top: 13px; line-height: 120%;}

#statsLayer .statsCon{}
#statsLayer .statsBottom{text-align: right; padding: 17px 20px 0 20px; border-top: 1px solid #ddd;}

#statsLayer .statsTable:last-child{display: none;}
#statsLayer .statsTable{overflow-y: auto; height: 390px;}
#statsLayer .statsTable table {color: #362f2d;}
#statsLayer .statsTable table thead th{height: 35px; vertical-align: top;}
#statsLayer .statsTable table thead tr.headLine th{border-bottom: 1px solid #ddd;}
#statsLayer .statsTable table thead th:first-child{text-align: left;}
#statsLayer .statsTable table tbody th:first-child{text-align: left;}
#statsLayer .statsTable table tbody th{height:30px;}
#statsLayer .statsTable table tbody td{text-align: center; color: #998675;  font-weight: 400; height:30px; font-size: 12px;}
#statsLayer .statsTable table tbody td.dark{color: #362f2d; font-weight: 700;}
#statsLayer .statsTable table tbody tr.line th{border-top: 2px solid #ff0000; border-bottom: 2px solid #ff0000;}
#statsLayer .statsTable table tbody tr.line td{border-top: 2px solid #ff0000; border-bottom: 2px solid #ff0000;}

#popupLayer{position: fixed; left: 50%; margin-left: -485px; top: 50%; width: 970px; background-color: #fff;background-color: #fff; z-index: 110; border-radius:15px; padding-left: 60px; padding-right: 60px; box-sizing: border-box;}
#popupLayer.password{height: 770px; margin-top: -385px;}
#popupLayer.join{height: 800px; margin-top: -400px;}

#popupLayer.contestSelect{height: 630px; margin-top: -315px; padding: 30px; padding-bottom: 0;}
#popupLayer .closeLayer{position: absolute; right: 6px; top:12px;}
#popupLayer #layerFooter{text-align: center; border-top: 1px dotted #999; padding-top: 40px;}
#popupLayer.join #layerFooter{text-align: center; border-top: 1px dotted #999; padding-top: 25px;}
#popupLayer h1{text-align: center; padding-top: 58px; margin-bottom: 40px;}
#popupLayer h1.tit_select{padding: 0; margin: 0; background-color: #000; color: #d7d7d7; font-size: 22px; text-align:left; padding-left: 20px; font-weight: 700; height: 50px; line-height: 50px; border-radius: 10px;}
#popupLayer h2{font-size: 42px; color: #534741; font-weight: 900; padding-bottom: 10px; border-bottom: 1px dotted #999;}
#popupLayer h2.join{font-size: 42px; text-align: center; line-height: 100%; color: #000; padding-bottom: 30px;}
#popupLayer h2.join span{display: block; color: #ff8a00;}
#popupLayer #layerCon{height: 395px; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; padding-bottom: 50px;}
#popupLayer #layerCon .text{font-size: 18px; color: #98918d; margin-top: 15px; font-weight: 400;}
#popupLayer .btn_bottom{text-align: center;}
#popupLayer .btn_bottom a{ margin: 0 5px;}
#popupLayer .formArea{margin-top: 50px;}
#popupLayer .formArea .label{padding-left: 225px; position: relative;}
#popupLayer .formArea label{display:inline-block; position: absolute; line-height: 60px; left: 0; top: 0; font-size: 22px; font-weight: 900;}
#popupLayer input[type=text],#popupLayer input[type=password]{height: 60px; border: 1px solid #ddd; border-radius: 0; width: 100%; font-size: 22px; padding-left: 20px;}
#popupLayer input[type=checkbox]{width: 20px; height: 20px; vertical-align: middle; margin-right: 10px;}
#popupLayer .accountFind{color: #66cbff; font-size: 15px; text-align: right; font-weight: 400; margin-top: 15px;}
#popupLayer .accountFind a{color: #66cbff;}
#popupLayer .snsLogin{margin-top: 30px; text-align: center;}
#popupLayer .snsLogin li{display: inline-block; margin-top: 10px; margin-left: 3px; margin-right: 3px;}

#popupLayer.contact{ width: 700px; margin-left: -350px; height: 800px; margin-top: -400px; padding-left: 20px; padding-right: 20px;}
#popupLayer.contact h1{padding-top: 20px; margin-bottom: 25px;}
#popupLayer.contact h2{font-size: 18px; text-align: center; color: #000000; padding-bottom: 15px;}

#popupLayer .contactInfo{border-top: 1px dotted #999; padding-top: 15px;}
#popupLayer .contactInfo .mail{float: left; margin-right: 20px; margin-top:27px;}
#popupLayer .contactInfo .mail a{color: #00aeef;font-weight: 800;}
#popupLayer .contactInfo .time{float: left;}
#popupLayer .contactInfo .time dt{font-size: 13px; font-weight: 800; margin-bottom:8px;}
#popupLayer .contactInfo .time dd{font-size: 12px;}

#popupLayer .selectTop{margin-top: 10px;}
#popupLayer .prize-table{float: left; font-size: 15px; width: 565px;}
#popupLayer .prize-table th{background-color: #000; color: #534741; height: 45px; border-left: 1px solid #3b3b3b;}
#popupLayer .prize-table td{background-color: #c7b29a; color: #fff; text-align: center; height: 45px;}
#popupLayer .liveInfo{float: right; background-color: #000000; width: 332px; height: 90px; position: relative; padding-left: 20px; box-sizing: border-box;}
#popupLayer .liveInfo .live{padding-top: 8px;}
#popupLayer .liveInfo .live dt{font-size: 22px; color: #00bff3;}
#popupLayer .liveInfo .live dd.time1{color: #534741; font-size: 16px; line-height: 100%;}
#popupLayer .liveInfo .live dd.time1 span{margin-left: 10px;}
#popupLayer .liveInfo .live dd.time2{color: #f7941d; font-size: 16px;}
#popupLayer .liveInfo .image{position: absolute; right:25px; top: 0; line-height: 90px;}

#popupLayer .infoArea{}
#popupLayer .infoArea h2.info{padding: 0; margin: 0; border: none; font-size: 22px; margin-top: 15px; margin-bottom: 5px; background: url(../img/bg_bulit.png) no-repeat 10px center; padding-left: 25px; font-weight: 700;}
#popupLayer .infoArea .infoLeft{float: left;width: 565px;}
#popupLayer .infoArea .infoRight{float: right;width: 332px;}
#popupLayer .infoArea .infoBox{padding: 15px; box-sizing: border-box; border-radius:5px; border: 1px solid #dfdfdf;}
#popupLayer .infoArea .infoBox .infoTxt{ font-size: 14px; overflow-y: auto; overflow-x: hidden;}
#popupLayer .infoArea .infoBox .infoTxt p{ font-size: 14px;}

#popupLayer .infoArea .prizeList{overflow-y: auto; overflow-x: hidden; height: 282px; padding-right: 10px;}
#popupLayer .infoArea .prizeList li{border-top: 1px dotted #ccc; height: 40px; line-height: 40px; padding: 0 10px;}
#popupLayer .infoArea .prizeList li:first-child{border: none;}
#popupLayer .infoArea .prizeList li:after{content: ""; display: block; clear: both;}
#popupLayer .infoArea .prizeList li .tit{float: left; line-height: 40px;}
#popupLayer .infoArea .prizeList li .prize{float: right; line-height: 40px; color: #f7941d;}

.comapnyArea{background-color: #fff; padding:35px 50px 45px 50px; font-weight: 400;}
.table-default{}
.table-default th{color: #998675; height: 40px; background:#36332f url(../img/bg_tableLine.png) no-repeat left center;}
.table-default td{height: 50px; border-bottom: 1px solid #d0cecd; color: #362f2d;padding-left: 50px; font-weight: 700;}
.table-default td.center{text-align:center; padding-left: 0px;}
.table-default td a{color: #362f2d;}
/*.table-default .view {display: none;}*/
.table-default .view td{background-color: #f7f6f5; padding: 30px 20px;}
.table-default .old td{opacity: 0.6}
.table-default .old td a{opacity: 0.6}
.table-default.text-center{text-align: center;}
.table-default.text-center td{padding: 0;}
.table-default td.blue{font-weight: 800; color: #00aeef;}
.table-default td.red{font-weight: 800; color: #ff1f2a}
.table-default td.gold{font-weight: 800; color: #f7941d;}

.policyArea{ color: #998675;border-bottom: 1px dotted #362f2d; padding-bottom: 50px;}
.policyArea h2{font-size: 25px; color: #362f2d; border-bottom: 1px dotted #362f2d; padding-bottom:15px;}
.policyArea h3{padding-left: 10px; font-size: 15px; color: #362f2d; margin-top: 30px;}
.policyArea h4{ padding-left: 10px; font-size: 15px; margin-top: 40px;}
.policyArea p{font-size: 13px; padding-left: 10px; margin-top: 15px;}
.policyArea ul{}
.policyArea li{margin-top: 15px; padding-left:25px; background: url(../img/img_bulit.png) no-repeat 15px 7px}

#popupLayer.contact .table-contact{padding: 20px 0;}
#popupLayer.contact .table-contact table{}
#popupLayer.contact .table-contact table th{padding:6px 0; text-align: right; font-size: 15px; vertical-align: top; line-height: 44px;}
#popupLayer.contact .table-contact table td{padding: 6px 20px; font-size: 13px;}
#popupLayer.contact .table-contact table td select{ width: 100%; border-radius: 0; font-size: 13px; height: 44px;}
#popupLayer.contact .table-contact table td input{font-size: 13px; height: 44px;}
#popupLayer.contact .table-contact table td textarea{ font-size: 13px; width: 100%;}
#popupLayer.contact .table-contact table td p{font-size: 12px;}
#popupLayer.contact .confirm{margin-top: 20px;}
#popupLayer.contact .confirm .capcha{float: left; width: 470px;}
#popupLayer.contact .confirm .submit{float: left;}

.editBlock {background-color: #000; padding: 5px; padding-right: 0;}
.editBlock .close{background-color: #000; text-align: center; padding:25px 0;}
.editBlockCon{border: 5px solid #8dc63f; background-color: #fff; width: 323px; float: left; box-sizing: border-box; margin-right: 5px;}
.editBlockCon .result li:after{content: ""; display: block; clear: both;}
.editHead {height: 46px; line-height: 46px; border-bottom: 1px solid #ddd; padding-left: 10px; padding-right: 10px;}
.editHead .tit{float: left; line-height: 46px; font-size: 18px;}
.editHead .tit button{vertical-align: middle; margin-left: 10px; position: relative; top: -2px;}
.editHead .stats{float: right; color: #fff; font-size: 12px; height: 20px; line-height: 20px; background-color: #8dc63f; border-radius: 5px; line-height: 20px; padding: 0 10px; margin-top: 12px;}
.editBlockCon .entrie{background-color: #eceae8; padding: 20px 0 30px 0;}
.editBlockCon .entrie dl{width: 50%; float: left;}
.editBlockCon .entrie dl dt{font-size: 11px;}
.editBlockCon .entrie dl dd{font-size: 15px; margin-top: 25px;}
.editBlockCon table{font-size: 12px;}
.editBlockCon table th{border-top: 1px dashed #959595; border-bottom: 1px dashed #959595; height: 30px; color: #b9b7b7;}
.editBlockCon table td{ border-bottom: 1px dashed #cacaca; height: 50px;}
.editBlockCon .result{padding:15px 20px 30px 20px; font-size: 15px;}
.editBlockCon .result li{margin-top: 12px;}
.f_orange{color: #f7941d !important;}

.resultLeft{float: left; width: 303px;}
.resultRight{float: right; width: 673px;  margin-right: 5px;}
.resultCon{background-color: #fff; border: 5px solid #d2a5d2; background-color: #fff; box-sizing: border-box; min-height:300px; ;}
.resultCon.secound{border: 5px solid #9f839f;}
.tableScroll{overflow-y: scroll; height: 250px;}
.tableScrollTop{padding-right: 17px;border-bottom: 1px solid #d2d2d2;}

.table-result {font-size: 12px;}
.table-result th{height: 46px; color: #999; }
.table-result td{padding-top: 10px; padding-bottom: 10px;}
.table-result-second {font-size: 12px;}
.table-result-second th{height: 46px; color: #999;}
.table-result-second td{border-bottom: 1px dashed #ccc; padding-top: 10px; padding-bottom: 10px;}
.table-result-second td.left{text-align: left;}
.table-result-second .old{opacity: 0.5;}

.bbsArea{background-color: #fff; margin-top: 10px; padding: 20px 30px 50px 30px;}
.bbsArea h2{font-size: 15px; margin-bottom: 20px;}
.eventList li{  float: left; margin-left: 40px; margin-bottom: 30px;}
.eventList li:nth-child(3n+1){margin-left: 0;}
.eventList li a{display: block;width: 280px; border: 1px solid #ddd; height: 278px;}
.eventList li a .thumb{height: 141px; overflow: hidden;}
.eventList li a .thumb img{width: 100%;}
.eventList li a p.eve_type{height: 42px; line-height: 42px; text-align: center; font-size: 15px; color: #333;}
.eventList li a p.eve_type.free{background-color: #f8941d;}
.eventList li a p.eve_type.first{background-color: #00bff3;}
.eventList li a dl{padding: 15px 15px 0 15px; color: #333;}
.eventList li a dl dd{margin-top: 10px; text-decoration: underline; color: #f00;}

/*2018-06-13 진경수 (CONTEST Finished Left List)*/
.resultLeft .result_rank table tr:hover td{background-color: #fff2cd;}