서브메뉴 배경색 수정
본문
이렇게 하단에 폰트나 배경색을 어디서 수정해야할까요?
* UI - Setup
------------------------------------------------*/
html, body{background:url(../../img/svg/blizzard.jpg)#012650 no-repeat center top !important; background-size:cover !important; color:rgba(255, 255, 255, 0.8);}
a{color:rgba(255, 255, 255, 0.8);}
a:hover, a:focus{color:#0e86ca;}
/* ---- Scroll bar - webkit ----*/
::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0.4);}
::-webkit-scrollbar-thumb{border:0px solid transparent;background-color:rgba(255, 255, 255, 0.4);background-clip:padding-box;border-radius:7px}
/********************************************************
common css edit
********************************************************/
.bg-light{background:rgba(0, 0, 0, 0.2) !important;}
.text-black-50{color:rgba(255, 255, 255, 0.8) !important;}
.border{border-color:rgba(255, 255, 255, 0.1) !important;}
.border-top{border-color:rgba(255, 255, 255, 0.1) !important;}
.na-table{background:transparent;}
.text-white{color:#262627;}
.text-muted{color:rgba(255, 255, 255, 0.4) !important;}
.text-primary{color:#0e86ca !important;}
.btn{color:rgba(255, 255, 255, 0.8) !important;}
.input-group-text .text-muted{color:#262627 !important;}
.btnSort{color:rgba(255, 255, 255, 0.8) !important;}
.progress{background:#002e62;}
.progress .progress-bar{background:#0e86ca;}
#autosave_pop .list-group{border-radius:0;background:#343538;}
/* fullNavi */
.fullNavi{border:2px solid #0e86ca;background:#0e86ca;color:#fff;}
/* bg-primary */
.bg-primary{border-color:#0e86ca!important;background:#0e86ca !important;color:#fff !important;}
/* .bg-primary .text-white{color:#262627 !important;}
*/
/* btn-primary */
.btn-primary.na-notice{font-weight:bold;}
.btn-primary{border-color:#0e86ca !important;background:#0e86ca !important;color:#fff !important;}
.btn-primary:hover{border-color:#0e86ca !important;background:#0e86ca !important;box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4);}
.btn-primary:focus,
.btn-primary:active{border-color:#01397b !important;background:#01397b !important;box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4) !important;}
/* btn-outline-primary */
.btn-outline-primary{border-color:#0e86ca;}
.btn-outline-primary:hover{border-color:#0e86ca;background-color:#0e86ca;color:#fff !important;}
.btn-outline-primary:focus{box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4) !important;}
.btn-outline-primary:active{border-color:#095386 !important;background:#095386 !important;}
/* btn-basic */
.btn.btn-basic,
.btn-basic{border-color:rgba(255, 255, 255, 0.1) !important;background-color:rgba(255, 255, 255, 0.1) !important;color:rgba(255, 255, 255, 0.8) !important;}
.btn-basic:hover{border-color:rgba(255, 255, 255, 0.1) !important;background:rgba(255, 255, 255, 0.2) !important;box-shadow:0 0 0 0.2rem rgba(255, 255, 255, 0.04);}
.btn-basic:focus,
.btn-basic:active{border-color:rgba(255, 255, 255, 0.1) !important;background:rgba(255, 255, 255, 0.3) !important;box-shadow:0 0 0 0.2rem rgba(0, 0, 0, 0.1) !important;}
/* btn_confirm */
.btn_confirm .btn_submit{background:#0e86ca;}
.btn_confirm .btn_submit:hover{background:#0e86ca;box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4);}
/* sly-tab
------------------------------------------------*/
.sly-tab .d-flex{border-left:0;}
.sly-tab ul{border-left:1px solid rgba(255, 255, 255, 0.1) !important;}
.sly-tab ul li a{border-top:1px solid rgba(255, 255, 255, 0.1);border-right:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.1);background:rgba(0, 0, 0, 0.1);color:#fff;}
.sly-tab ul li.active a{border-bottom:1px solid #0e86ca;background:#0e86ca;color:#fff !important;}
.sly-tab hr{border-top:1px solid rgba(255, 255, 255, 0.1) !important;}
/* nt_loader */
#nt_loader{background:#1e1f21;}
#nt_loader .loader svg{fill:#0e86ca;}
/********************************************************
common style
********************************************************/
/* switch toggle */
.switch.active .slider{background:#0e86ca;}
/* top btn */
.go-btn button{border:2px solid #0e86ca;background:#012650;color:#0e86ca;}
/* table */
.table{background:transparent;color:#fff;}
.table-bordered td,
.table-bordered th{border:1px solid rgba(255, 255, 255, 0.1) !important;color:rgba(255, 255, 255, 0.5) !important;}
#fsetup .groupBoxWrap .groupBox{border-bottom:1px dashed rgba(255, 255, 255, 0.2);}
#fsetup .groupBoxWrap .groupBox h3{border-color:rgba(255, 255, 255, 0.1);background:rgba(0, 0, 0, 0.2);color:#0e86ca;}
#fsetup .groupBoxWrap .groupBox .setContents{}
#fsetup .groupBoxWrap .groupBox .setContents .text-muted{color:rgba(255, 255, 255, 0.7) !important;}
.form-control-plaintext{color:rgba(255, 255, 255, 0.5) !important;}
.sv_wrap .sv{background:#424245;}
.sv_wrap .sv:before{border-color:transparent transparent #424245 transparent;}
.na-table-head{border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-bottom:1px solid rgba(255, 255, 255, 0.2) !important;background:rgba(0, 0, 0, 0.1);}
.na-table-head > div{color:rgba(255, 255, 255, 0.9);}
.btn-wset a{background:rgba(255, 255, 255, 0.1);}
.page-content{color:#fff;}
/* copy_move
------------------------------------------------*/
.new_win #win_title{background:#0e86ca;color:#262627;}
#copymove table{}
#copymove table thead th{color:#fff !important;}
#copymove table tr{}
#copymove table tr.copymove_currentbg{background:transparent;}
#copymove table tr td{}
#copymove table tr td label{color:rgba(255, 255, 255, 0.7);}
#copymove table tr td .copymove_current{}
/* manageTools
------------------------------------------------*/
.manageTools{border-top:4px solid #195ba7;background:#012754;}
.manageTools .manageHeader{border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.manageTools .manageHeader .title{color:rgba(255, 255, 255, 1);}
.manageTools .manageBody{background:#012754;}
.manageTools .manageBody .box .boxheader .title{color:#0e86ca;}
.manageTools .manageBody .box{background:rgba(255, 255, 255, 0.04);}
.manageTools .manageBody .box .boxbody .list ul li{border-color:rgba(255, 255, 255, 0.1) !important;}
.manageTools .manageBody .box .boxbody .list ul li .switch,
.manageTools .manageBody .box .boxbody .list ul li a{color:rgba(255, 255, 255, 0.6);}
.manageTools .manageBody .box .boxbody .list ul li a:hover{background:#012650;color:rgba(255, 255, 255, 0.6);}
/********************************************************
LAYOUT
********************************************************/
/* header
------------------------------------------------*/
.header{border-top:4px solid #0078ff;border-bottom:1px solid rgba(255, 255, 255, 0.06);background:rgba(0,0,0,0.1);}
.header .sta .title .hgroup h1{color:#fff;}
.header .sta .tools button{color:rgba(255, 255, 255, 0.6);}
.header .sta .tools button:hover{background:rgba(0,0,0,0.2);color:rgba(255, 255, 255, 1);}
@media (max-width:1280px){
.responsive .header{border-top:4px solid #0f56ac;background:#003473;}
.responsive .header .sta .title .hgroup h1{color:#fff !important;}
.responsive .header .sta .tools button{color:#fff !important;}
.responsive .header .sta .tools button:hover{background:rgba(0,0,0,0.2);color:#fff !important;}
}
/* search
------------------------------------------------*/
.searchPop .search h2{color:#0e86ca;}
/* bodyBox - widgetBox
------------------------------------------------*/
.bodyBox .widgetBox .widget{background:rgba(0, 102, 225 , 0.5);}
.bodyBox .widgetBox .widget .wheader{border-bottom:0;border-radius:8px 8px 0 0;background:rgba(0, 0, 0, 0.1);color:#fff;}
.bodyBox .containerWrap .contents.sub{background:rgba(0, 102, 225 , 0.5);box-shadow:0px 20px 20px rgba(0, 0, 0, 0.3);}
.bodyBox .containerWrap .contents.sub .title strong{color:#fff;}
/* side_left
------------------------------------------------*/
.widget .menuBox ul > li > a{color:rgba(255, 255, 255, 0.6);}
.widget .menuBox ul > li > a.active,
.widget .menuBox ul > li > ul > li > a.on{background:rgba(0, 0, 0, 0.3);box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.04);color:#fff;}
.widget .menuBox ul > li > a[href^="#"].line{background:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.8);}
.widget .menuBox ul > li > a[href^="#"].line.active{background:#0e86ca;color:#fff !important;}
/* footer
------------------------------------------------*/
.footer .linkInfoWrap{background:#0a3c78;}
.footer .linkInfoWrap .linkInfo div a{}
.footer .linkInfoWrap .linkInfo div a:hover{color:#0e86ca;}
/********************************************************
PAGE
********************************************************/
/* page
------------------------------------------------*/
.titleBox .title nav ol li{color:#9ebccc !important;}
.btn_admin.na-notice{font-weight:bold;}
.btn_admin{border-color:#0e86ca !important;background:#0e86ca !important;color:#fff !important;}
.btn_admin:hover{border-color:#0e86ca !important;background:#0e86ca !important;box-shadow:0 0 0 0.2rem rgba(14, 134, 202, 0.4);}
.page-content .article-title{color:#0e86ca !important;}
/* page contents */
#ctt_con{}
#ctt_con a,
#ctt_con b{color:#0e86ca;}
/* Total search
------------------------------------------------*/
#sch_res_list .list-group .list-group-item .sch_word{background:#0e86ca;color:#fff;}
/* popup
------------------------------------------------*/
/* common */
html.popup, body.popup{background:#012754 !important;}
body.popup #fa_icon .list-group-item a{color:rgba(255, 255, 255, 0.8) !important;}
body.popup #autosave_wrapper{background:#343538;}
/* member
------------------------------------------------*/
.custom-control-input:checked~.custom-control-label::before{border-color:#0e86ca;background-color:#343538;}
.list-group-item{border:1px solid rgba(255, 255, 255, 0.1);background:transparent;}
#fregister .page-content .article-title{color:#fff !important;}
#fregister .custom-checkbox{color:rgba(255, 255, 255, 0.6);}
.register .list-group-item h5{color:#0e86ca;}
/********************************************************
BOARD
********************************************************/
/* common */
.border-bottom{border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;}
/* gallery */
#bo_gallery ul li .itemBox{border:1px solid rgba(255, 255, 255, 0.1) !important;background:rgba(0, 0, 0, 0.1) !important;}
#bo_gallery ul li .itemBox.active,
#bo_gallery ul li .itemBox:hover{padding:9px;border:2px solid #0e86ca !important;}
#bo_gallery ul li .itemBox.active .na-title .na-subject{background-size:100% 100%;color:#0e86ca;}
#bo_gallery ul li .itemBox .na-title{border-bottom:1px dashed rgba(255, 255, 255, 0.2) !important;}
#bo_gallery ul li .itemBox .na-title .na-item a{color:rgba(255, 255, 255, 0.7);}
#bo_gallery ul li .itemBox .na-title .na-item a .text-primary{color:#0e86ca !important;}
#bo_gallery ul li .itemBox .na-title .na-item a:hover{color:#0e86ca;}
#bo_gallery ul li .itemBox .na-title .na-subject{background-image:linear-gradient(transparent 80%, #0e86ca 0%) !important;}
#bo_gallery ul li .itemBox:hover .na-title .na-subject{color:#0e86ca !important;}
#bo_gallery ul li .itemBox .infoBox .infoBoxitem{color:rgba(255, 255, 255, 0.4);}
#bo_gallery ul li .itemBox .infoBox .infoBoxitem .commentBox.default{background-color:rgba(0, 0, 0, 0.3) !important;}
/* list */
#bo_v_title{color:rgba(255, 255, 255, 0.9);}
#bo_list .na-table li:nth-child(odd){background:rgba(0, 0, 0, 0.3) !important;}
#bo_list .na-table .border-bottom.bg-light{outline:2px solid #0e86ca;background-color:rgba(0, 0, 0, 0) !important;outline-offset:-2px;}
#bo_list .na-table .border-bottom.notice{background-color:rgba(0, 0, 0, 0.6) !important;}
#bo_list .na-title .na-subject{background-image:linear-gradient(transparent 80%, #0e86ca 0%) !important;color:rgba(255, 255, 255, 0.6);}
#bo_list .na-title .na-subject:hover{color:#0e86ca !important;}
@media all and (max-width:768px){
.responsive #bo_btn_top{border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-bottom:1px solid rgba(255, 255, 255, 0.2) !important;}
}
/* page-link */
.page-link{border-color:rgba(255, 255, 255, 0.1);background-color:rgba(0, 0, 0, 0.1);color:rgba(255, 255, 255, 0.6) !important;}
.page-link:hover{border-color:rgba(255, 255, 255, 0.1);background-color:rgba(255, 255, 255, 0.1);}
.page-link:focus{box-shadow:0 0 0 0.2rem rgba(254, 229, 0, 0.2);}
.page-item.active .page-link{border-color:#0e86ca;background:#0e86ca;color:#ffffff !important;}
.page-item.disabled .page-link{border-color:rgba(255, 255, 255, 0.1);background-color:rgba(0, 0, 0, 0.1);}
/* write */
#bo_w .list-group-item h5{color:#0e86ca;}
/* view */
.viewBody .readHeader{border:1px solid rgba(255, 255, 255, 0.1) !important;}
.viewBody .readHeader .rhUser{border-color:rgba(255, 255, 255, 0.1) !important;background-color:rgba(0, 0, 0, 0.1) !important;color:rgba(255, 255, 255, 0.6) !important;}
.viewBody .readHeader .rhInfo{color:rgba(255, 255, 255, 0.6) !important;}
#bo_v_con a{color:#e4ff00;}
/* comment */
#fviewcomment .cmt-box .text-nowrap button:hover i{color:#0e86ca !important;}
.commentMedia{border-color:rgba(255, 255, 255, 0.1) !important;background:rgba(0, 0, 0, 0.1) !important;color:rgba(255, 255, 255, 0.6) !important;}
.commentMedia .media .media-body{background-color:rgba(0, 0, 0, 0.2) !important;}
.commentMedia .media .media-body .media-content{border-color:#00428d !important;background-color:#012650 !important;color:rgba(255, 255, 255, 0.8) !important;}
.commentMedia .media .media-body .media-content:before{border-bottom:1px solid #00428d !important;border-left:1px solid #00428d !important;background-color:#012650 !important;}
.commentMedia .media .media-body .media-heading time{color:#0e86ca !important;}
.commentMedia .media .media-body .tools{border-top:1px dashed rgba(255, 255, 255, 0.1) !important;}
.commentMedia .media .media-body .tools ul li a{border-color:rgba(255, 255, 255, 0.1) !important;background:rgba(0, 0, 0, 0.1) !important;color:rgba(255, 255, 255, 0.6) !important;}
.commentMedia .media .media-body .tools ul li a:hover{color:#0e86ca !important;}
.commentMedia .media.my .media-body .media-content{border:1px solid #0e86ca !important;background:#0e86ca !important;color:#fff !important;}
.commentMedia .media.my .media-body .media-content:before{border-bottom:1px solid #0e86ca !important;border-left:1px solid #0e86ca !important;background-color:#0e86ca !important;}
.commentMedia .media .media-body .media-content a{color:#e4ff00 !important;}
/* admin menu */
.adminMenu .btn-group .btn-white{border-color:rgba(255, 255, 255, 0.1) !important;background-color:rgba(0, 0, 0, 0.1) !important;color:rgba(255, 255, 255, 0.6) !important;}
.adminMenu .btn-group .btn-white:hover{background:rgba(0, 0, 0, 0.3) !important;}
/********************************************************
WIDGET
********************************************************/
/* widget-wswg_outlogin
------------------------------------------------*/
.wswg_outlogin .myMenu .myDetailmenu a{border:1px solid rgba(255, 255, 255, 0.1);}
.wswg_outlogin .myMenu .myDetailmenu a:hover{border:1px solid #0e86ca;}
.wswg_outlogin .loginFormBox,
.wswg_outlogin .userBox{background:rgba(255, 255, 255, 0.1);}
.wswg_outlogin .loginFormBox .loginForm .inputBox input{color:rgba(255, 255, 255, 0.8);}
.wswg_outlogin .login-sns{border:1px solid rgba(255, 255, 255, 0.1);background:rgba(0, 0, 0, 0.1);}
.wswg_outlogin .userBox .user .info em{color:rgba(255, 255, 255, 0.6);}
/* widget-infinite-masonry
------------------------------------------------*/
.widget-infinite-masonry .itemWrap .item .itemBox{border:2px solid #004699;background:#004699;}
.widget-infinite-masonry .itemWrap .item .itemBox:hover{border:2px solid #0e86ca !important;}
.widget-infinite-masonry .itemWrap .item .itemBox:hover .ancher .subject{color:#0e86ca;}
.widget-infinite-masonry .itemWrap .item .itemBox .ancher .subject{background:#002e62;color:rgba(255, 255, 255, 0.7);}
.widget-infinite-masonry .itemWrap .item .itemBox .ancher .thumb ~ .subject{color:#ddd;}
.widget-infinite-masonry .itemWrap .item .itemBox:hover a .thumb ~ .subject{color:#0e86ca !important;}
.widget-infinite-masonry .itemWrap .item .itemBox a .labelColor{background:#0e86ca !important;color:#fff !important;}
.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo{border-top:1px solid rgba(255, 255, 255, 0.1);}
.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo .infoBox .commentBox{background:#0e86ca;color:#fff !important;}
.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo .infoBox .commentBox i{color:#fff !important;}
.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo .infoBox .dateBox .dateText{color:rgba(255, 255, 255, 0.6);}
/* nt_sidebar - mobile
------------------------------------------------*/
#nt_sidebar{background:#1e1f21;}
#nt_sidebar_menu .me-ul{background:transparent;}
#nt_sidebar_menu .me-ul li a{border-bottom:1px solid rgba(255, 255, 255, 0.1);}
#nt_sidebar .sidebar-content .widget{background:#012650;}
/********************************************************
add index
********************************************************/
.nt-container .sliderBox, .nt-container .blocks{background:#012650;}
.nt-container .blocks h3 a{background:#002f67;color:#0e86ca;}
.nt-container .blocks .basic-banner .owl-nav button{border:1px solid #1e1f21 !important;background:#1e1f21 !important;}
/* adBox */
.adBox{background:#012650;}
