.mainBanner { padding:25px; background:#1d2333; border-radius:10px; margin:0 0 15px; }
.mainBanner .banner { position:relative; float:left; width:560px; height:270px; overflow:hidden; border-radius:10px; }
.mainBanner .banner a { display:block; }
.mainBanner .banner img { width:100%; min-height:100%; }
.mainBanner .banner .produce { position:absolute; z-index:1; left:0; right:0; bottom:0; line-height:57px;height:50px; color:#fff; font-size:20px; padding:0 25px; overflow:hidden; background:url(../images/sub/sahdow.png) repeat-x left bottom;}
.mainBanner .thumbArea { width:260px; float:right; height:270px;}
.mainBanner .thumbArea ul {margin:-7px 0 0 -7px; font-size:0; }
.mainBanner .thumbArea li { position:relative; margin:7px 0 0 7px; width:125px; height:62px; border-radius:5px; display: inline-block;overflow:hidden; border:2px solid #1d2333;}
.mainBanner .thumbArea li.active,
.mainBanner .thumbArea li:hover { border:2px solid #7750f8; }
.mainBanner .thumbArea li a { display:block; }
.mainBanner .thumbArea li a img { width:100%; /*height:62px;*/ }
.mainBanner .thumbArea li a .produce { position:absolute; z-index:1; left:0; right:0; bottom:0; line-height:25px;height:24px; color:#fff; font-size:20px; padding:0 5px; overflow:hidden; background:url(../images/sub/shadow_small.png) repeat-x left bottom; font-size:12px; }

.boardList {  }
.boardList .boardTab { height:80px; background:#1d2333; font-size:0; border-radius:10px; }
.boardList .boardTab a { position:relative; display:inline-block; line-height:80px; width:calc((100% - 90px) / 5); text-align: center; color:#464e62;}
.boardList .boardTab a span{ position:relative; font-size:30px; transition: all 0.3s;}
.boardList .boardTab a.prev,
.boardList .boardTab a.next { width:45px; }
.boardList .boardTab a.prev .iconfont,
.boardList .boardTab a.next .iconfont { font-size:25px; }
.boardList .boardTab a.prev { transform:rotate(180deg); }
.boardList .boardTab a.btnCate .name { position:absolute; left:0; right:0; bottom:10px; color:#fff; font-size:15px; line-height:15px; margin:10px 0 0; transition:all 0.3s; opacity:0; }
.boardList .boardTab a.prev:hover .iconfont,
.boardList .boardTab a.next:hover .iconfont { color:#fff; }
.boardList .boardTab a.btnCate:before { position:absolute;content:""; left:0; right:0; bottom:0; height:3px; background:#1d2333; transition: all 0.3s; }
.boardList .boardTab a.btnCate:after { content:""; position:absolute; top:50%; right:0; transform: translateY(-50%); height:20px; width:2px; background:#262d3e; }
.boardList .boardTab a.prev:after { content:""; position:absolute; top:50%; left:0; transform: translateY(-50%); height:20px; width:2px; background:#262d3e; } 
.boardList .boardTab a.btnCate .iconfont { top:0; }
.boardList .boardTab a.btnCate:hover .iconfont { top:-20px; opacity:0; }
.boardList .boardTab a.btnCate.active .iconfont { color:#4ff461; }
.boardList .boardTab a.btnCate:hover:before,
.boardList .boardTab a.btnCate.active:before { background:#4ff461; }
.boardList .boardTab a.btnCate:hover .name { bottom:33px; opacity:1; }
.boardList .boardContent .info { font-size:12px; color:#9aa4bf; font-family:"a3"; margin:20px 0 5px; }
.boardList .boardContent .title { font-family:"a3"; margin:0 0 20px; color:#fff; font-size:20px; }
.boardList .boardContent .title .count { color:#4ff461; }
.boardList .boardContent .title .btnAll { float:right; font-size:13px; color:#9aa4bf; }
.boardList .boardContent > div { display:none; margin-top:3px; }
.boardList .boardContent ul { margin-left:-15px; }
.boardList .boardContent ul li { padding:0 0 0 15px; margin:0 0 15px;  position:relative;  }
.boardList .boardContent ul li a { display:block; height:130px; overflow:hidden;border-radius:10px;}
.boardList .boardContent ul li a img { width:100%; transition:all 0.3s; }
.boardList .boardContent ul li a:hover img { transform: scale(1.2); }
.boardList .boardContent ul li a .name{ position:absolute; bottom:0; left:15px; right:0; padding:0 8px; height:27px; line-height:27px; overflow:hidden; white-space: nowrap; background:url(../images/sub/board_name_bg.png) repeat-x; color:#fff; font-size:12px; border-radius:0 0 10px 10px;}

.company .titleBanner { margin:0 0 15px; }
.company .titleBanner img { width:100%; }
.company ul.comList { margin-left:-15px; }
.company ul.comList li { padding:0 0 15px 15px; }
.company ul.comList li a { display:block; height:66px; border-radius:10px; overflow:hidden; }
.company ul.comList li a img { width:100%; }

.boardList table { margin:0 0 30px; }
.boardList th.left,
.boardList td.left { text-align:left; padding:0 25px; }
.boardList td { padding:25px; }
.boardList th { height:35px; color:#fff; font-size:12px; font-family:"a2"; font-weight:500; }
.boardList td{ border-left:1px solid #161b28; text-align: center;}
.boardList td:first-child{ border-left:1px solid #161b28; }
.boardList tr td { background:#1d2333; color:#fff; }
.boardList tr:nth-child(2n) td { background:#21283b; }
.boardList tr.hot td { background:#303a56; }
.boardList tr.hot td .no { color:#40d04f; font-family:"a3"; }

.boardList tr.hot td .icoNotice { -webkit-animation: darkback 3s infinite linear;  }
.boardList tr:first-child td:first-child { border-top-left-radius:10px; }
.boardList tr:first-child td:last-child { border-top-right-radius:10px; }
.boardList tr:last-child td:first-child { border-bottom-left-radius:10px; }
.boardList tr:last-child td:last-child { border-bottom-right-radius:10px; }
.icoNotice { display:inline-block; padding:0 12px; height:20px; line-height: 20px; color:#fff; font-size:12px; border-radius:10px; margin:0 2px 0 0; background:#40d04f; }
#content .boardList tr td .title { vertical-align:top; margin-bottom:0; color:#ffffff; font-family: "a3"; line-height:17px; font-size:13px; max-width:310px; display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.boardList .imgLevel { position:relative; display:inline-block; width:40px; height:44px; line-height:44px; text-align: center; background:url(../images/sub/level_detail_bg.png) no-repeat; background-size:40px; margin-right: 12px; vertical-align: top; }
.boardList .imgLevel .numLevel { position:absolute; bottom:-2px; right:-9px; width:20px; height:23px; background:url(../images/common/level_bg.png) no-repeat; line-height:23px; color:#ffffff; font-family:"a3"; font-size:12px; }
.boardList .notice .imgLevel .numLevel { background:url(../images/sub/level_admin_bg.png) no-repeat; }
.boardList .boardContent tr td .info { display:inline-block; width: calc(100% - 60px); margin-top:0; }
.boardList .info .name { margin: 5px 0 4px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-family:"a3"; max-width:120px; color:#fff; }
.boardList .info .date { color:#9aa4bf; font-size:12px; }
.boardList .no { color:#727a91; }
.boardList .iconfont.file { color:#616a82; font-size:18px; position:relative; top:-1px; }
.boardList .news .iconfont.file { display:none; }
.boardList .artHot { color:#f91a1a;display:none; }
.boardList .iconfont.hot { color:#f91a1a; font-size:20px; position:relative; top:-1px; }
.boardList .artNew { color:#4ff461; }

table.news .newsType { position:relative; padding:10px 0 10px 180px; height:118px; }
table.news .newsType .thumb { position:absolute; left:0; top:10px; width:165px; height:100px; overflow:hidden; border-radius:10px; }
table.news .newsType .thumb img { width:100%; }
table.news .newsType .detailInfo { padding:5px 0; }
#content table.news .newsType .detailInfo .title { color:#fff; font-size:14px; max-width:385px; display:inline-block; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
table.news .newsType .detailInfo .simpContent { color:#9aa4bf; font-size:12px; line-height:20px; margin:5px 0 12px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
table.news .newsType .detailInfo .count { color:#fff; font-size:12px; }
table.news .newsType .detailInfo .count .seperate { margin:0 10px; color:#9aa4bf; }
#content table.news tr:first-child td { padding-top:10px; }
#content table.news tr:last-child td { padding-bottom:10px; }

/*타이틀*/
#content .ctLeft .siteName { color:#9aa4bf; font-size:12px; margin:0 0 10px; }
#content .ctLeft .pageTitle { color:#fff; font-size:20px; font-family: "a3"; margin:0 0 15px; }
#content .ctLeft .pageTitle .count { color:#4ff461; }

/*게시판 리스트형*/
.boardList { margin:15px 0 0; }
.boardList table { margin:0 0 30px; }
.boardList th.left,
.boardList td.left { text-align:left; padding:0 25px; }
.boardList th { height:35px; color:#fff; font-size:12px; font-family:"a2"; font-weight:500; }
.boardList td{ border-left:1px solid #161b28; text-align: center;}
.boardList td:first-child{ border-left:1px solid #161b28; }
.boardList tr td { background:#1d2333; color:#fff; }
.boardList tr:nth-child(2n) td { background:#21283b; }
.boardList tr.hot td { background:#303a56; }
.boardList tr.hot td .no { color:#40d04f; font-family:"a3"; }

.boardList tr.hot td .icoNotice { -webkit-animation: darkback 3s infinite linear;  }
#content .boardList tr td { padding:25px; position:relative; }
.boardList tr:first-child td:first-child { border-top-left-radius:10px; }
.boardList tr:first-child td:last-child { border-top-right-radius:10px; }
.boardList tr:last-child td:first-child { border-bottom-left-radius:10px; }
.boardList tr:last-child td:last-child { border-bottom-right-radius:10px; }

.boardList .info { display:inline-block; width: calc(100% - 60px); }
.boardList .info .name { margin: 5px 0 4px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-family:"a3"; max-width:120px; }
.boardList .info .date { color:#9aa4bf; font-size:12px; }
.boardList tr td .produce { margin:7px 0 0; color:#9aa4bf; font-size:12px; }

.titleArea { position:relative; }
.titleArea .titThumb { position:absolute; left:200px; top:5px; }
.sports { padding: 25px;background: #1d2333;border-radius: 10px; }

/* light mode */
body.day .mainBanner,
body.day .boardList .boardTab { background:#fff; box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%); }
body.day .mainBanner .thumbArea li { border:2px solid #fff; }
body.day .mainBanner .thumbArea li.active { border:2px solid #7750f8; }
body.day .boardList .boardTab a { color:#cecfdf; }
body.day .boardList .boardTab a .iconfont { color:#cecfdf; }
body.day .boardList .boardTab a.btnCate .name { color:#000; }
body.day .boardList .boardTab a.btnCate.active .iconfont { color:#3e3f5e; }
body.day .boardList .boardTab a.btnCate:after,
body.day .boardList .boardTab a.prev:after { background:#f5f5fa; }
body.day .boardList .boardTab a.btnCate:before { background:#fff }
body.day .boardList .boardTab a.btnCate:hover:before, 
body.day .boardList .boardTab a.btnCate.active:before { background:#615dfa }
body.day .boardList .boardTab a.prev:hover .iconfont, 
body.day .boardList .boardTab a.next:hover .iconfont { color:#5e5e64; }
body.day .boardList .boardContent .title { color:#3e3f5e; }
body.day .boardList .boardContent .title .count { color:#615dfa; }

body.day .boardList table { border-radius:10px; overflow:hidden; box-shadow: 6px 3px 21px 0 rgb(94 92 154 / 10%); }
body.day .boardList th { color:#3e3f5e; }
body.day .boardList tr td { background:#fff; border-left:1px solid #eaeaf5; color:#3e3f5e; }
body.day .boardList tr:nth-child(2n) td { background:#fafafb; }
body.day .boardList td:first-child { border-left:0; }
body.day .boardList tr td .title { color:#3e3f5e; }
body.day .boardList .imgLevel { background:url(../images/sub/level_detail_bg_light.png) no-repeat; background-size: 40px; }
body.day .boardList .imgLevel .numLevel { background:url(../images/common/level_bg_light.png) no-repeat; }
body.day .boardList .notice .imgLevel .numLevel { background: url(../images/sub/level_admin_bg_light.png) no-repeat; }
body.day .boardList .info .name { color:#615dfa; }
body.day .boardList .boardContent .subContent .title { color:#3e3f5e; }
/* body.day .boardContent  .boardList tr td { border-left:1px solid #dedeea; } */

body.day #content .boardList tr td .iconfont.answer,
body.day .boardList .artNew { color:#23d2e2; }
body.day .boardList tr.hot td { background:#f2f2ff; }
body.day .boardList tr.hot td .icoNotice { -webkit-animation: lightback 3s infinite linear; }
body.day #content .boardList tr td .title { color:#3e3f5e; }
body.day #content table.news .newsType .detailInfo .title { color:#3e3f5e; }
body.day table.news .newsType .detailInfo .count { color:#3e3f5e; }
body.day .boardList .artNew { color:#23d2e2; }

body.day .boardList table { border-radius:10px; overflow:hidden; box-shadow: 6px 3px 21px 0 rgb(94 92 154 / 10%); }
body.day .boardList th { color:#3e3f5e; }
body.day .boardList tr td { background:#fff; border-left:1px solid #eaeaf5; color:#3e3f5e; }
body.day .boardList tr:nth-child(2n) td { background:#fafafb; }
body.day .boardList td:first-child { border-left:0; }
body.day .boardList tr td .title { color:#3e3f5e; }
body.day .boardList .imgLevel { background:url(../images/sub/level_detail_bg_light.png) no-repeat; background-size: 40px; }
body.day .boardList .imgLevel .numLevel { background:url(../images/common/level_bg_light.png) no-repeat; }
body.day .boardList .notice .imgLevel .numLevel { background: url(../images/sub/level_admin_bg_light.png) no-repeat; }
body.day .boardList .info .name { color:#615dfa; }
body.day #content .ctLeft .pageTitle { color:#3e3f5e; }
body.day #content .ctLeft .pageTitle .count { color:#615dfa; }
body.day .sports { background:#fff; box-shadow:0 0 40px 0 rgb(94 92 154 / 10%); }