@charset "utf-8";

/* UI - Setup
------------------------------------------------*/
html, body {background:url(../../img/svg/cutie_pink.svg)#e9c7c8 center top !important; color:#777;}
a {color:#777;}
a:hover, a:focus {color:#d48284;}

/********************************************************
 common css edit
********************************************************/
.text-primary {color:#d48284 !important;}
.progress {background:rgba(0,0,0,0.1);}
.progress .progress-bar {background: #d48284;}
.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:#d48284; color:#FFF;}

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

/* btn-primary */
.btn-primary.na-notice {font-weight:bold;}
.btn-primary {color:#fff !important;background:#d48284 !important; border-color:#d48284 !important;}
.btn-primary:hover {background:#d48284 !important; border-color:#d48284 !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:#d48284;}
.btn_confirm .btn_submit:hover {background:#d48284; 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:#d48284; border-bottom: 1px solid #d48284; color:#fff !important;}
.sly-tab hr {border-top: 1px solid rgba(255, 255, 255, 0.1) !important;}

#bo_tag.sly-tab hr {border-top:1px solid #e5e5e5 !important;}

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

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

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

/* table */

#fsetup .groupBoxWrap .groupBox {border-bottom: 1px dashed rgba(255, 255, 255, 0.2);}
#fsetup .groupBoxWrap .groupBox h3 {color:#d48284; 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:#d48284; 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 #e9c7c8;}

/********************************************************
 LAYOUT
********************************************************/
/* header
------------------------------------------------*/
.header {border-bottom:1px solid rgba(255, 255, 255, 0.2); border-top:4px solid #d7a9ab;}
.header .sta .title .hgroup h1 {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
.header .sta .tools button {color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.header .sta .tools button:hover {color:rgba(255, 255, 255, 0.9); background:rgba(0,0,0,0.1);}

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

/* menu
------------------------------------------------*/
#gnb .gnbWrap > ul > li > .sub-slide > ul > li.on a {color:#d48284;}

/* mobileNavi
------------------------------------------------*/
.mobileNavi .twoDepth ul li.active {border-bottom:2px solid #d48284;}
.mobileNavi .twoDepth ul li.active a {color:#d48284;}

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


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

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

/* side_left
------------------------------------------------*/
.widget .menuBox ul > li > a.active,
.widget .menuBox ul > li > ul > li > a.on {color:#d48284; background:#f9f0f0; box-shadow:inset 0px 0px 0px 1px rgba(162, 118, 86,0.2);}
.widget .menuBox ul > li > a[href^="#"].line {background:#f0e6e6; color:#d48284;}
.widget .menuBox ul > li > a[href^="#"].line.active {background:#d48284; color:#fff !important; text-decoration:none;}


/* 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.na-notice {font-weight:bold;}
.btn_admin {color:#fff !important; background:#d48284 !important; border-color:#d48284 !important;}
.btn_admin:hover {background:#d48284 !important; border-color:#d48284 !important; box-shadow:0 0 0 0.2rem rgba(212, 130, 132,0.4);}
.page-content .article-title {color:#d48284 !important;}

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

/* Total search
------------------------------------------------*/
#sch_res_list .list-group .list-group-item .sch_word {background:#d48284; color:#fff;}

/* popup
------------------------------------------------*/


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

.register .list-group-item h5 {color:#d48284;}

/********************************************************
 BOARD
********************************************************/
/* common  */

/* gallery */

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

#bo_gallery ul li .itemBox .na-title .na-item a:hover {color:#d48284;}
#bo_gallery ul li .itemBox .na-title .na-subject {background-image:linear-gradient(transparent 80%, #d48284 0%) !important;}
#bo_gallery ul li .itemBox:hover .na-title .na-subject {color:#d48284 !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:0px solid #d48284; outline-offset:-2px;}
#bo_list .na-title .na-subject {background-image:linear-gradient(transparent 80%, #fff 0%) !important;}
#bo_list .na-title .na-subject:hover {color:#d48284 !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:#d48284 !important;}
.page-item.active .page-link {background:#d48284; border-color:#d48284; color: #fff !important;}

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

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

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

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

/********************************************************
 WIDGET
********************************************************/
/* widget-wswg_outlogin
------------------------------------------------*/
.wswg_outlogin .myMenu .myDetailmenu a {border:1px solid rgba(0, 0, 0, 0.2);}
.wswg_outlogin .myMenu .myDetailmenu a:hover {border:1px solid #d48284;}
.wswg_outlogin .loginFormBox,
.wswg_outlogin .userBox {background:#f0e6e6;}
.wswg_outlogin .loginFormBox .loginForm .inputBox input {color:#333;}
.wswg_outlogin .login-sns {background: rgba(0, 0, 0, 0.1); border:1px solid rgba(255, 255, 255, 0.1);}

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

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