@charset "utf-8";
@import url("/include/css/common/default.css");
@import url("/include/css/common/common.css");
@import url("/include/css/common/button.css");
@import url("/include/css/common/layoutCommon.css");
@import url("layout.css");
@import url("/include/css/common/mainCommon.css");

/* top popup - 휴관일 */
.topPopupWrap {background-color: rgba(105,59,5,.8);}


/* header off 있을때 */
#header.off #logo a {background-image: url("/include/image/spslib/common/logoW.png?v20220707");}


#section0 {background-image: url("/include/image/spslib/main/bg_section0.jpg");}


#section1 .sectionGroup > div.leftBox::before {background-image: url("/include/image/spslib/main/bg_section1.png");}


/* 검색 */
.searchZone .mainSearchWrap .btnSearch {background-image: url("/include/image/spslib/main/ico_search.png");}


/* 로그인 */
.loginZone {background: linear-gradient(180deg, #b16004 80px,#fef5ec 80px,#fef5ec 100%);}
.loginZone .topItem {background-image: url("/include/image/spslib/main/bg_loginZone1.png"), url("/include/image/spslib/main/bg_loginZone2.png");}
.loginZone .centerItem {background-color: #fef5ec;}
.loginZone .centerItem > p strong {color: #b16004;}
.loginZone .centerItem > div a span {color: #b16004;}


#section1 {background: linear-gradient(90deg, #f5e5ce 50%,#f8ece0 50%,#f8ece0 100%);}
#section1 .sectionGroup > div.leftBox {background-color: #f5e5ce;}
#section1 .sectionGroup > div.rightBox {background-color: #f8ece0;}


@media screen and (max-width: 1024px){
	
}

@media screen and (max-width: 768px){
	
}

@media screen and (max-width: 640px){
	
}

@media screen and (max-width: 480px){
	
}

@media screen and (max-width: 375px){
	
}

@media screen and (min-width: 1025px){
	#section0 .sectionGroup {padding-bottom: 40px;}
}
@media screen and (min-width: 1240px) {
	.fp-viewing-1 .gnbNav .gnb > li, .fp-viewing-2 .gnbNav .gnb > li {width: 25% !important;}
}

@media screen and (min-width: 1520px){
	/* gnb */
	.gnb {padding-right: 170px;}
	.gnb #gnb1 {width: 186px;}
	.gnb #gnb2 {width: 206px;}
	.gnb #gnb3 {width: 186px;}
	.gnb #gnb4 {width: 186px;}
}