@charset "utf-8";

/* UI - Setup
------------------------------------------------*/
html, body {background:#ebebeb !important; color:#666;}
a {color:#444;}
a:hover, a:focus {color:#ff8000;}

/********************************************************
 common css edit
********************************************************/
.text-primary {color:#ff8000 !important;}
.progress {background:rgba(0,0,0,0.1);}
.progress .progress-bar {background: #ff8000;}
.cursor i.fa-arrow-circle-down {color:#FFF !important;}

/********************************************************
 common style
********************************************************/
.na-table-head {border-top:1px solid rgba(0, 0, 0, 0.1) !important; border-bottom:1px solid rgba(0, 0, 0, 0.2) !important;}
/* fullNavi */
.fullNavi {border:2px solid #fff; background:#ff8000; color:#FFF;}

/* bg-primary */
.bg-primary {background:#ff8000 !important; border-color:#ff8000!important; color:#fff !important;}

/* btn-primary */
.btn-primary.na-notice {font-weight:bold;}
.btn-primary {color:#fff !important;background:#ff8000 !important; border-color:#ff8000 !important;}
.btn-primary:hover {background:#ff8000 !important; border-color:#ff8000 !important; box-shadow:0 0 0 0.2rem rgba(212, 130, 132,0.4);}
.btn-primary:focus,
.btn-primary:active {background:#ba6c6d !important; border-color:#ba6c6d !important; box-shadow:0 0 0 0.2rem rgba(212, 130, 132,0.4) !important;}

/* btn-outline-primary */
.btn-outline-primary {border-color:#fec000;}
.btn-outline-primary:hover {color:#262627 !important; background-color:#fec000; border-color:#fec000;}
.btn-outline-primary:focus {box-shadow:0 0 0 0.2rem rgba(254, 229, 0,0.4) !important;}
.btn-outline-primary:active {background:#fec000 !important; border-color:#fec000 !important; }


/* btn_confirm */
.btn_confirm .btn_submit {background:#ff8000;}
.btn_confirm .btn_submit:hover {background:#ff8000; box-shadow:0 0 0 0.2rem rgba(254, 229, 0,0.4);}

/* sly-tab
------------------------------------------------*/
.sly-tab .d-flex {border-left:0;}
.sly-tab ul {border-left:1px solid rgba(0, 0, 0, 0.1) !important;}
.sly-tab ul li a {}
.sly-tab ul li.active a {background:#ff8000; border-bottom: 1px solid #ff8000; color:#fff !important;}
.sly-tab hr {border-top: 1px solid rgba(255, 255, 255, 0.1) !important;}

/* nt_loader */
#nt_loader .loader svg {fill:#ff8000;}

/********************************************************
 common style
********************************************************/
/* switch toggle */
.switch.active .slider {background:#ff8000;}

/* top btn */
.go-btn button {color:#ff8000; border:2px solid #ff8000;}

/* table */

#fsetup .groupBoxWrap .groupBox {border-bottom: 1px dashed rgba(255, 255, 255, 0.2);}
#fsetup .groupBoxWrap .groupBox h3 {color:#ff8000; background:rgba(0, 0, 0, 0.04); border-color:rgba(0, 0, 0, 0.1);}

.sv_wrap .sv {background:#424245;}
.sv_wrap .sv:before {border-color: transparent transparent #424245 transparent;}

/* copy_move
------------------------------------------------*/

.new_win #win_title {background:#ff8000; 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 .manageBody .box .boxheader .title {color:#ff8000;}

/********************************************************
 LAYOUT
********************************************************/
/* header
------------------------------------------------*/
.header .sta .title .hgroup h1 {color:#ff8000;}

@media (max-width:1280px) {
	.responsive .header {background:#ff8000; border-top:4px solid #af5d5f;}
}

/* search
------------------------------------------------*/
.searchPop .search h2 {color:#ff8000;}


/* bodyBox - contents
------------------------------------------------*/
.bodyBox .containerWrap .contents.sub {}

/* bodyBox - widgetBox
------------------------------------------------*/
.bodyBox .widgetBox .widget {}
.bodyBox .widgetBox .widget .wheader {color:#ff8000; border-bottom:1px solid rgba(0,0,0,0.1);}
.bodyBox .containerWrap .contents.sub .title strong {color: #ff8000;}

/* side_left
------------------------------------------------*/
.widget .menuBox ul > li > a {color:#777;}
.widget .menuBox ul > li > a:hover {color:#ff8000;}
.widget .menuBox ul > li > a[href^="#"].line {background:#f1f1f1; color:#555;}
.widget .menuBox ul > li > a[href^="#"].line.active {background:#ff8000; color:#fff;}
.widget .menuBox ul > li > a.active,
.widget .menuBox ul > li > ul > li > a.on {color:#ff8000; background:#f9f0f0; box-shadow:inset 0px 0px 0px 1px rgba(34, 151, 214, 0.1);}
.widget .menuBox ul > li > ul > li > a:hover {color:#ff8000;}

/* footer
------------------------------------------------*/
.footer .linkInfoWrap .linkInfo div a {color:rgba(0,0,0,0.4); font-weight:600;}
.footer .linkInfoWrap .linkInfo div a:hover {color:rgba(0,0,0,0.6);}
.footer .siteInfoWrap .siteInfo .info {color:rgba(0,0,0,0.6);}

/********************************************************
 PAGE
********************************************************/
/* page
------------------------------------------------*/
.btn_admin {color:#fff; background:#ff8000 !important; border-color:#ff8000 !important;}
.btn_admin:hover {background:#ff8000 !important; color:#fff !important; border-color:#ff8000 !important; box-shadow:0 0 0 0.2rem rgba(38,143,255,.5);}
.btn_admin:focus,
.btn_admin:active {background:#ff8000 !important; color:#fff !important; border-color:#ff8000 !important; box-shadow:0 0 0 0.2rem rgba(38,143,255,.5) !important;}

/* page contents */
#ctt_con {}
#ctt_con a,
#ctt_con b {color:#ff8000;}

/* search
------------------------------------------------*/
.sch_word {background:#ff8000;}

/* member
------------------------------------------------*/
.custom-control-input:checked~.custom-control-label::before {border-color: #ff8000;background-color: #ff8000;}

.register .list-group-item h5 {color:#ff8800;}
/********************************************************
 BOARD
********************************************************/
/* common  */

/* gallery */

#bo_gallery ul li .itemBox.active,
#bo_gallery ul li .itemBox:hover {border:2px solid #ff8000 !important; padding: 9px;}

#bo_gallery ul li .itemBox .na-title .na-item a:hover {color:#ff8000;}
#bo_gallery ul li .itemBox .na-title .na-subject {background-image:linear-gradient(transparent 80%, #ff8000 0%) !important;}
#bo_gallery ul li .itemBox:hover .na-title .na-subject {color:#ff8000 !important;}
#bo_gallery ul li .itemBox .infoBox .infoBoxitem {}
#bo_gallery ul li .itemBox .infoBox .infoBoxitem .commentBox.default {background-color:rgba(0, 0, 0, 0.1) !important;}

/* list */
#bo_list .na-table .border-bottom.bg-light {background-color:rgba(0, 0, 0, 0) !important; outline:2px solid #ff8000; outline-offset:-2px;}
#bo_list .na-title .na-subject {background-image:linear-gradient(transparent 80%, #ff8000 0%) !important;}
#bo_list .na-title .na-subject:hover {color:#ff8000 !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 {color:#ff8000 !important;}
.page-item.active .page-link {background:#ff8000; border-color:#ff8000; color: #fff !important;}

/* write */
#bo_w .list-group-item h5 {color: #ff8000;}

/* view */
#bo_v_con a {color:#66acd1;}

/* comment */
#fviewcomment .cmt-box .text-nowrap button:hover i {color:#ff8000 !important;}

.commentMedia .media .media-body .tools ul li a:hover {color:#ff8000 !important;}
.commentMedia .media.my .media-body .media-content {color:#ff8000 !important; border:1px solid #ff8000 !important;}
.commentMedia .media.my .media-body .media-content:before {border-left: 1px solid #ff8000 !important; border-bottom:1px solid #ff8000 !important;}
.commentMedia .media .media-body .media-content a {color:#ff8000 !important;}

/********************************************************
■ WIDGET
********************************************************/
/* widget-infinite-masonry
------------------------------------------------*/
.widget-infinite-masonry .itemWrap .item .itemBox:hover {border:2px solid #ff8000 !important;}
.widget-infinite-masonry .itemWrap .item .itemBox:hover a .thumb ~ .subject {color:#ff8000 !important; }
.widget-infinite-masonry .itemWrap .item .itemBox .ancher .subject {background:#444;}
.widget-infinite-masonry .itemWrap .item .itemBox .labelColor {background:#ff8000 !important;}
.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo .infoBox .commentBox {background:#ff8000;}

/********************************************************
 add index
********************************************************/
.nt-container .blocks h3 a {color:#ff8000;}