@charset "utf-8";

#logo a{background-image:url("/include/image/nisarang/common/logo2.png");width:177px;height:41px;}
.gnb {padding-left: 270px;}
#gnb7, #gnb8{display: none !important;}
#gnbblackBG{z-index:31;}
.gnbM > li ul ul{background-color: #40bdc7}

/* 해님달님 테마 색상 */
#header .gnb .fbl > a{color:#d84048;}
#header .gnb .fbl:after{background-color:#d84048;}
#header .gnb .fbl ul {background: #fff5f5;}

#lnbNav{border-radius: 15px;}
#lnb{border-radius:0 0 15px 15px;}
#lnbNav h2 {background: url("/include/image/nisarang/common/bg_lnb.jpg") 0 0 no-repeat !important;border-radius:15px 15px 0 0;word-break: break-all;height:120px;line-height: 1.2;display: flex; align-items: center; justify-content: center; font-size: 1.750em}
.libSite li a:focus,.libSite li a:active,.libSite li a:hover {color:#d84048}
.mobileIndexWrap .libSite > a {background-image:url("/include/image/nisarang/common/sel_shortcut_m.png") !important;}
.gnbM > li ul ul{background-color: #e5edf3;}
.gnbM > li > ul > li > ul li > a.current, .dot-list > li, .dot{background-image: url("/include/image/common/bul_dot.png") !important;}

#bannerWrap{background-color:#3b3b3b;}
#footer{background-color: #313131;}

/* 공통에서 색상 변경으로 인해 해님달님 따로 빼는 CSS */
.siteMenu > ul > li .loginTime,
.siteMenu > ul > li .loginTime button,
.board-list tbody tr.top td:nth-child(1), .board-list tbody tr.top td:nth-child(2) {color:#d84048;}
.familySite > ul {background:#3b3b3b;}

#btnTopScroll {background-color:#232323;}


/* ########## START : 테마색상 ########## */
/* Theme Color : #d84048,#fff5f5,#d84048 */
/* 색상1 */
.gnb .fbC:after,
.virtSelect a,
.ss-controls > a,.calendar td.today .today,.calendar td .apply,
.themeBtn,
.themeBG{background-color:#d84048 !important;}

.myToyInfo dl dd span,.myToyInfo dl dd span a,
.toyReturn dl dd span a,
.gnb ul a:hover,
.gnb .fbC ul a.current,
#lnb a:hover,#lnb a:focus,
.linkBox .btnArea select,
#lnb .submenu > li > a.current,.calendar td.today .day,.serveResult-list li:first-child,.toyReturn dl dd span,.board-view th .essential:before,
.themeFC{color:#d84048 !important;}

.photo-navigation .thumbs li.current a:after,
.themeBtn,
.linkBox .btnArea select,
.themeBD {border-color: #d84048 !important;}

/* 색상2 */
.photoThumbView .nav-controls a,
.themeBtn1,
.themeBG1{background-color: #b9262d !important;}

.mobileIndexWrap .libSite > a {color:#fff !important;}
.themeFC1 {color:#b9262d !important;}


.mobileIndexWrap .libSite > a {border-color:#fff !important;}
.themeBtn1,
.themeBD1 {border-color: #b9262d !important;}

/* 색상3 */
#sitemap > li > a,
#lnb > li > a.current,#lnb > li > a.current.link,
.tnb li.choiced a, .tnb li.choiced a:hover,.tnb li.choiced a:focus,
.gnbSearchKeyword input,
.themeBtn2,
.mobileIndexWrap,.mobileIndexWrap .libSite > a,.pageSearch .btn.search,
.themeBG2{background-color: #d84048 !important;}

.gnbM > li > ul > li > a.current,.gnbM .submenu a.current,.gnbM > li.fbC > a,.gnbM > li > ul > li.open > a,
.themeFC2 {color:#d84048 !important;}

.gnbM > li.fbC > a,
#lnb > li > a.current,#lnb > li > a.current.link
.gnbM > li.fbC > a,
.tnb li.choiced a, .tnb li.choiced a:hover,.tnb li.choiced a:focus,
.gnbSearchKeyword input,
.themeBtn2,
.themeBD2 {border-color: #d84048 !important;}

#lnb > li > a.current,#lnb > li > a.current.link {background-color:#b9262d !important; border-color:#b9262d !important;}

/* 색상4 */
.themeBtn3 {background-color: #038347 !important;}
.themeBtn3 {border: 1px solid #038347 !important;}

/* 색상5 */
.themeBtn4 {background-color: #40bdc7 !important;}
.themeBtn4 {border: 1px solid #40bdc7 !important;}
/* ########## END : 테마색상 ########## */


@media screen and (max-width: 1024px){
    #logo a {width:178px;height:41px;margin-left:0px;}
    #gnb8{display: block !important;}
}
@media screen and (min-width: 1025px){
    #header.fixed .headerInner {width: 100%;}
    #header.fixed .headerInner #logo {display:none;}
    #header.fixed .headerInner .siteMenu {display:none;}
	#header.fixed .gnbNav {width:100%; display:flex; justify-content:center;}
	#header.fixed .gnb {width:100%;}
	#header.fixed .gnb > li {width:16.66666666667%; display:flex; justify-content:center;}
	#header.fixed .gnb > li > a {white-space:nowrap;}
    #contents {min-height: 700px;}
}
@media screen and (min-width: 1240px){
    #header.fixed .gnb {padding-left: 0;}
}