@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);




/* RESET */
* { padding: 0; margin: 0; }
html, body { font-family: 'Nanum Gothic'; background: #2e2215 url('../img/bg.png') repeat-x; background-position: top center; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img { border: none; }
a { text-decoration: none; }
ul, li { list-style: none; }



/* HEADER */
#hd { position: relative; display: block; width: 960px; height: 122px; text-align: center; padding: 40px 0 0; margin: 0 auto; }
#hd .logo {}
#hd .ban-left { position: absolute; top: 40px; left: 40px; }
#hd .ban-right { position: absolute; top: 65px; display: inline-block; left: auto; right: 51px; }
#hd .btn { position: absolute; top: -14px; right: 3px; }
#hd .btn img { width: 50px; }




/* MAIN VISUAL */
#mv { overflow: hidden; width: 960px; height: 353px; padding: 30px 0 0; margin: 0 auto;}
#mv .tocplus { float: left; width: 280px; height: 353px; background: #ffa500; box-sizing: border-box; padding: 7px 6px 6px; }
#mv .tocplus .title { font-size: 12px; font-weight: bold; color: #333; margin: 0 0 7px; }
#mv .tocplus .inner { overflow: hidden; position: relative; height: 299px; font-size: 13px; font-weight: bold; color: #888; background: #fff; padding: 10px; }
#mv .tocplus .content { line-height: 20px; color: #333; margin: 5px 0 0; }
#mv .tocplus input { position: absolute; left: 0; bottom: 0; width: 100%; height: 26px; line-height: 24px; font-size: 12px; color: #999; border: 0; border-top: 1px solid #999; padding: 0 5px 0; }
#mv .img { float: right; }




/* MAIN CONTENT */
#mc { overflow: hidden; width: 960px; margin: 0 auto; }

#mc > a { float: left; display: block; width: 280px; height: 200px; background-image: url('../img/join.png'); -webkit-transition: background .2s; -moz-transition: background .2s; -o-transition: background .2s; transition: background .2s; margin: 10px 10px 0 0; }
#mc > a:hover { background-image: url('../img/join_hover.png'); }
#mc .game { width: 380px; background-image: url('../img/game.png'); }
#mc .game:hover { background-image: url('../img/game_hover.png'); }
#mc > div:last-child { margin-right: 0; }

#mc .notice table { width: 280px; border-collapse: collapse; margin: 20px 0 0; }
#mc .notice thead { overflow: hidden; height: 46px; background: #1a1106; }
#mc .notice .title { text-align: left; padding: 1px 0 0 11px; }
#mc .notice .more { float: right; line-height: 46px; font-size: 13px; color: #fff; padding: 0 15px 0 0; }
#mc .notice tbody { line-height: 36px; font-size: 13px; background: url('../img/table_bg.png'); }
#mc .notice tbody tr { background: url('../img/table_bg.png') repeat-x; }
#mc .notice .subject { padding: 0 0 0 17px; }
#mc .notice .subject a { color: #fff; }
#mc .notice .subject a:hover { text-decoration: underline; }
#mc .notice .date { color: #fff; letter-spacing: -0.5px; text-align: right; padding: 0 15px 0 0; }

#mc .live table { width: 100%; border-collapse: collapse; margin: 20px 0 0; }
#mc .live thead tr { overflow: hidden; height: 55px; background: #1a1106; }
#mc .live tbody td { overflow: hidden; padding: 4px 2px 0 0; }
#mc .live tbody td + td { padding: 4px 0 0 2px; }
#mc .live tbody div { overflow: hidden; float: left; height: 35px; line-height: 34px; font-size: 13px; color: #fff; background: url('../img/table_bg.png'); box-sizing: border-box; }
#mc .live tbody .name { width: 25%; padding: 0 0 0 15px; }
#mc .live tbody .num { width: 35%; font-size: 14px; font-weight: bold; color: #ffb032; padding: 0 0 0 15px; }
#mc .live tbody .date { width: 40%; text-align: right; padding: 0 15px 0 0; }




/* SUB CONTENT */
#sc { position: relative; width: 960px; padding: 30px 0 0; margin: 0 auto; }
#sc:before { position: absolute; top: 30px; left: 0; right: 0; bottom: 0; content: ''; display: block; background-color: #2b1f11; }
#sc .sc-inner { position: relative; background: url('../img/sc_bg_middle.png'); padding: 50px; }
#sc .sc-inner:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 10px; background: url('../img/sc_bg_top.png') no-repeat; }
#sc .sc-inner:after { position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 11px; background: url('../img/sc_bg_bottom.png') no-repeat; }
#sc .sc-inner > .title { overflow: hidden; }
#sc .sc-inner > .title img{ float: left; }




#sc .list table { width: 100%; line-height: 45px; font-size: 14px; color: #fff; border-collapse: collapse; background: #413629; margin: 30px 0 0; }
#sc .list table th { font-weight: normal; }
#sc .list table td { border-top: 1px solid #5d5348; }
#sc .list table tbody .subject { padding: 0 15px; }
#sc .list a { color: #fff; }
#sc .list a:hover { text-decoration: underline; }
#sc .list .num { width: 10%; text-align: center; }
#sc .list .subject { width: 70%; }
#sc .list .deta { width: 20%; text-align: center; }
#sc .list .page { text-align: center; }
#sc .list .page ul { overflow: hidden; display: inline-block; margin: 67px auto 28px; }
#sc .list .page ul li { float: left; line-height: 30px; font-size: 12px; padding: 0 10px; }
#sc .list .page ul li a { color: #c6c3c0; }
#sc .list .page ul li .active { color: #fff; font-weight: bold; }
#sc .list .page ul li i { margin: 10px 0 0; }

#sc .view { overflow: hidden; background: #413629; margin: 30px 0 0; }
#sc .view div { float: left; line-height: 45px; font-size: 14px; color: #fff; box-sizing: border-box; padding: 0 30px; }
#sc .view .subject { width: 80%; }
#sc .view .date { width: 20%; text-align: right; }
#sc .view .content { width: 100%; min-height: 460px; line-height: 2.2; border-top: 1px solid #5d5348; padding-top: 10px; padding-bottom: 10px; }
#sc .btn { display: block; width: 245px; margin: 56px auto 16px; }

#sc .join { overflow: hidden; background: #413629; margin: 30px 0 0; padding: 20px 30px; }
#sc .form-group { overflow: hidden; line-height: 28px; margin-bottom: 15px; }
#sc .form-group.last { margin-bottom: 0; }
#sc .form-group label { float: left; width: 100px; font-size: 14px; font-weight: bold; color: #fff; }
#sc .form-group #telephone { width: 60px; }
#sc .form-group input { height: 28px; float: left; width: 224px; }
#sc .form-group span { float: left; color: #fff; padding: 0 8px; }
#sc .form-group p { float: left; font-size: 12px; color: #fff; margin: 0 0 0 25px; }

#sc .aladdin { margin: 30px 0 0; }
#sc .aladdin li { overflow: hidden; background: #413629; padding: 25px; margin-bottom: 15px; }
#sc .aladdin li:last-child { margin-bottom: 0; }
#sc .aladdin li .num { float: left; }
#sc .aladdin li .text { float: left; color: #fff; margin: 7px 0 0 25px; }
#sc .aladdin li .content_img {margin-top:20px;}
#sc .aladdin li a {color:#fff;}
#sc .aladdin li h4 { font-size: 18px; font-weight: bold; margin: 0 0 8px; }
#sc .aladdin li:nth-of-type(4) h4, #sc .aladdin li:nth-of-type(6) h4 { margin: 12px 0 0; }
#sc .aladdin li p { font-size: 14px; }
#sc .aladdin .img { text-align: center; margin: 45px 0 10px; } 




/* FOOTER */
#ft .copyright { width: 960px; line-height: 70px; font-size: 11px; color: #a7a7a7; text-align: center; margin: 0 auto; }