@charset "utf-8";
@import url("../common/default.css?v=20220803");
@import url("../common/common.css?v=20220803");
@import url("../common/button.css?v=20220803");
@import url("../common/layoutCommon.css?v=20220803");
@import url("../common/mainCommon.css?v=20220803");
@import url("../common/popopzone.css?v=20220803");
@import url("layout.css?v=20220803");

/* mainColor */
#section1.topInfoSection {background: url("/include/image/mmlib/main/bg_public_visual.png") no-repeat center 110px}
#section2.searchSection::before {background: url('/include/image/mmlib/main/bg_public_visual01.png') no-repeat right bottom;}
.dayWrap {background-color: #943897;}
.dayWrap .dayArea .dayList {background-color: #59225b;}
.marquee02 p {color: #fbe7fc;}

/* 자주찾는 메뉴 */
.shortcut.pub .itemBox .ico {width: 100px; height: 100px; background: url("/include/image/mmlib/main/ico_shortcut.png") no-repeat 50% 50%; margin: 0px auto;}
.shortcut.pub .itemBox.item01 .ico {background-position: 0 0;} /* 회원가입안내 */
.shortcut.pub .itemBox.item02 .ico {background-position: 0 -100px;} /* 모바일서비스 */
.shortcut.pub .itemBox.item03 .ico {background-position: 0 -200px;} /* 문화행사신청 */
.shortcut.pub .itemBox.item04 .ico {background-position: 0 -300px;} /* 찾아오시는길 */
.shortcut.pub .itemBox.item05 .ico {background-position: 0 -400px;} /* 상호대차안내 */
.shortcut.pub .itemBox.item06 .ico {background-position: 0 -500px;} /* 책아이서비스 */
.shortcut.pub .itemBox.item07 .ico {background-position: 0 -600px;} /* 전자정보실좌석예약 */
.shortcut.pub .itemBox.item08 .ico {background-position: 0 -700px;} /* 개인학습실좌석안내 */
.shortcut.pub .itemBox.item09 .ico {background-position: 0 -900px;} /* 전자도서관 */

/* 처음오셨나요 모바일 - 공공 */
.navRight.pub.mobile {padding: 30px 0 0 0;}
.navRight.pub.mobile > ul {background: #fff; border-radius: 20px 0 0 20px;}
.navRight.pub.mobile > ul > li:nth-child(1) {box-shadow: none;}
.navRight.pub.mobile > ul > li:nth-child(2) a {background-color: #fff;}
.navRight.pub ul li a {color: #802e82; border: none;}
.navRight.pub ul li:nth-child(1) a {color: #fff; background: #802e82;}

/* popupZonePanel */
.popupZonePanel {position: relative; max-width: 1680px; margin: -50px auto 0;}

/* MOBILE */
@media screen and (max-width: 1024px){
    #section1.topInfoSection {background: none;}
	#section2.searchSection::before {background: url('/include/image/mmlib/main/bg_public_visual01.png') no-repeat right top;}

    .topInfoSection .section_right {background: #fbe7fc;}

	/* popupZonePanel */
	.popupZonePanel {margin: 0px auto 0;}
}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 640px){

}

@media screen and (max-width: 480px){
	/* 자주찾는 메뉴 */
    .shortcut.pub {width: auto;}
    .shortcut.pub .itemBox {height: 120px;}
	.shortcut.pub .itemBox .ico {width: 80px; height: 80px; background-size: 80px auto;}
	.shortcut.pub .itemBox.item01 .ico {background-position: 0 0;}
	.shortcut.pub .itemBox.item02 .ico {background-position: 0 -80px;}
	.shortcut.pub .itemBox.item03 .ico {background-position: 0 -160px;}
	.shortcut.pub .itemBox.item04 .ico {background-position: 0 -240px;}
	.shortcut.pub .itemBox.item05 .ico {background-position: 0 -320px;}
	.shortcut.pub .itemBox.item06 .ico {background-position: 0 -400px;}
	.shortcut.pub .itemBox.item07 .ico {background-position: 0 -480px;}
	.shortcut.pub .itemBox.item08 .ico {background-position: 0 -560px;}
	.shortcut.pub .itemBox.item09 .ico {background-position: 0 -720px;}
	
}

@media screen and (max-width: 375px){	
}