@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("layout.css");

html,body{ width:100%; height:100%;}
#container.main {position:relative; z-index: 30; padding: 0; width:100%;}/* 메인 기본 16px_메인안에 푸터 포함되어 있음 */

.sectionGroupInner {position:relative; max-width: 1240px; margin: 0 auto; z-index: 1;}
.sectionGroup::after {content:""; display: block; clear: both;}
.section{overflow: hidden; position: relative;background-size: cover;background-repeat:no-repeat;background-position:center bottom;}

#section1{background-image:url("/include/image/a1isarang/main/visual1.jpg");}
#section2{background-image:url("/include/image/a1isarang/main/visual2.jpg");}
#section3{background-image:url("/include/image/a1isarang/main/visual3.jpg");}
#fullPage .section:nth-last-of-type(1){background-color:#244544;}
/* ie버그 화면 줄였을때 하단 1px 높이 모자람 background:cover 마지막 섹션 백그라운드칼라들어갸야함 */

/* #mobileIndexOpen{background-image:url("/include/image/common/snb_open1.png");}
#mobileMypageOpen{background-image:url("/include/image/common/btn_mypage1.png");} */

/* 게시글 없을때 */
.emptyNoti{text-align:center}
.emptyNoti:before{content:"";display:inline-block;width:127px;height:127px;background:url("/include/image/common/bg_nonotice.png") no-repeat 50% 0;}
.emptyNoti p{color:#464646;font-size:1em;}

/* 팝업 슬라이더 */
.visual-tit{font-weight:700;}
.visual-slider{max-width:550px}
.visual-slider li a{display:block;height:100%;width:100%;}
.visual-slider .swiper-container{border-radius:15px;overflow:hidden;}
.visual-slider .controlGroup{display:flex;align-items:center;justify-content:center;margin-top:20px;}
.visual-slider .swiper-pagination-bullet{display:inline-block;width:12px;height:12px;border-radius:50%;border:3px solid #fff;transition:width .3s ease-in-out, border-radius .3s ease-in-out ;margin:0 3px;cursor: pointer;box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.1);}
.visual-slider .swiper-pagination-bullet-active{width:35px;height:13px;border-radius:10px;border:none;background:#fff}
.visual-slider .btnSlidePlay, 
.visual-slider .btnSlidePause{display:inline-block;width:15px;height:19px;background:url("/include/image/common/btn_mainpopup.png") no-repeat 0 0;background-size:30px auto;margin-left:3px;}
.visual-slider .btnSlidePause{background-position:0 0;}
.visual-slider .btnSlidePlay{background-position:-15px 0;}

/* 휴관일 */
.ribbon{position:relative;display:inline-block;height:46px;line-height:46px;padding:0 15px;color:#fff;font-size:1.750em;background:#d84048;margin-bottom:18px;}
.ribbon:before{content:"";display:block;position:absolute;right:-16px;
top:0;border-style:solid;border-width: 23px 16px 0 0;border-color: #d84048 transparent transparent transparent;}
.ribbon:after{content:"";display:block;position:absolute;right:-16px;top:23px;border-style:solid;border-width:0 16px 23px 0;
border-color:transparent transparent #d84048 transparent;}

/* 홈페이지 검색 */
.visual-search{margin-top:58px;}
.visual-search .visual-tit span{font-size:3.438em;line-height:1.2;display:inline-block;background:rgba(0,0,0,.4);color:#fff;margin-top:8px;padding:0 10px 2px;text-shadow:0px 0px 7px rgba(0, 0, 0, 0.25);}
.visual-search .visual-tit span:nth-of-type(1){margin-top:0}
.visual-search .visual-txt{color:#fff;font-size:1.375em;line-height:1.9;text-shadow:0px 0px 7px rgba(0, 0, 0, 0.7);margin-top:20px;}
.mainSearchKeyword{margin-top:27px;border:2px solid #fff;border-radius:30px;width:400px;position:relative;}
.mainSearchKeyword input{background:none;border:none;font-size:1.188em;color:#fff;padding-left:20px;height:46px;line-height:46px;width:100%;padding-right:50px;}
.mainSearchKeyword input::-webkit-input-placeholder{color:#fff}
.mainSearchKeyword input:-ms-input-placeholder{color:#fff}
.mainSearchKeyword .btnSearch{display:block;position:absolute;right:0;top:0;background:url("/include/image/common/btn_search.png") no-repeat 50% 50%;width:46px;height:46px;background-size:24px auto;margin-right:10px;}
.visual-service .visual-tit{font-size:3.438em;line-height:1.2;color:#fff;text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);font-weight:700;}
.visual-service .visual-txt{font-size:1.375em;line-height:1.4;color:#fff;text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);margin-top:15px;}

/* 로그인 */
.loginArea{position:relative;background:#e2efe9;box-shadow:3px 4px 20px 0px rgba(0, 0, 0, 0.3);border-radius:10px;padding:28px 26px 13px;margin-bottom:20px;text-align:center;}
.loginArea .btnLogin{position:absolute;right:0;top:0;background:#bde0cf;color:#26605e;font-size:1.250em;height:90px;line-height:90px;width:100px;text-align:center;}
.loginArea .inputGroup {position:relative;padding-right:100px;background:#fff;border-radius:5px;overflow:hidden;}
.loginArea .inputGroup:before{content:"";width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#e6eef4;}
.loginArea .inputGroup .inpArea{padding-left:35px;position:relative;}
.loginArea .inputGroup .inpArea:before{content:"";display:block;width:30px;height:30px;position:absolute;left:8px;top:50%;transform:translateY(-50%);
background:url("/include/image/common/ico_main_login.png") no-repeat 0 0;}
.loginArea .inputGroup .inpArea:nth-child(2):before{background-position:0 -30px;}
.loginArea .inputGroup .inpArea input{width:100%;height:45px;line-height:45px;border:none;background:none;font-size:1.063em;}
.loginArea .inputGroup .inpArea input::-webkit-input-placeholder{color:#61987e;font-weight:300;}
.loginArea .inputGroup .inpArea input:-ms-input-placeholder{color:#61987e;font-weight:300;}
.loginArea .menuLink{margin-top:10px;display:inline-block;white-space:nowrap;}
.loginArea .menuLink a{position:relative;font-size:1.125em;color:#42807e;white-space:nowrap;}
.loginArea .menuLink a + a{padding-left:10px;margin-left:10px}
.loginArea .menuLink a  + a:before{content:"";display:inline-block;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#bfc9d0;width:1px;height:12px;}
.mainLoginAfter{position:relative;background:#fff;border-radius:5px;padding:22px 10px;text-align:left;background:#fff;}
.mainLoginAfter:before{content:"";display:inline-block;width:42px;height:42px;background:url("/include/image/common/loginAfter.png") no-repeat 0 0;vertical-align:middle;margin-right:10px;}
.mainLoginAfter span{font-size:1.125em;color:#26605e;vertical-align:middle;}
.mainLoginAfter strong{font-size:1.111em;}

/* 어린이집참여/가족참여 */
.serviceZone .noticeArea{position:relative;background:#fff;border-radius:10px;padding:15px 23px 30px;box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.3);height:398px;}
.serviceZone .noticeArea .tab li{float:left;padding-top:1px}
.serviceZone .noticeArea .tab li + li{margin-left:20px}
.serviceZone .noticeArea .tab li a{font-size:1.5em;color:#555;}
.serviceZone .noticeArea .tab li.on{padding-top:0;}
.serviceZone .noticeArea .tab li.on a{font-size:1.563em;color:#333;}
.serviceZone .noticeCon{overflow:hidden;margin-top:17px}
.serviceZone .noticeCon ul li{overflow:hidden;}
.serviceZone .noticeCon ul li + li{margin-top:19px;}
.serviceZone .noticeCon .status i{float:left;font-size:0.938em;line-height:1.2;width:48px;height:43px;text-align:center;margin-right:12px;
display:flex;align-items:center;justify-content:center;font-style:normal;}
.serviceZone .noticeCon .status .sReady{color:#0066b3;border:1px solid #0066b3}/* 예정 */
.serviceZone .noticeCon .status .sIng{color:#fc424d;border:1px solid #fc424d}/* 접수중 */
.serviceZone .noticeCon .status .sFinish{color:#666;border:1px solid #666}/* 마감 */
.serviceZone .noticeCon .caption{display:block;overflow:hidden}
.serviceZone .noticeCon .caption .tit{font-size:1.125em;color:#464646;line-height:1.3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}
.serviceZone .noticeCon .caption .date{color:#777;line-height:1.2;font-size:1.063em;margin-top:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}
.serviceZone .noticeCon .caption .date span + span:before{content:"";display:inline-block;width:1px;height:12px;background:#ccc;margin:0 10px;}
.serviceZone .noticeArea .more{position:absolute;right:30px;top:26px;width:20px;height:20px;
background:url("/include/image/common/more_plus.png") no-repeat 0 0;}
.serviceZone .emptyNoti{padding: 40px 0 45px;}

/* 자주 찾는 서비스 */
.shortcut{background:url("/include/image/common/main_shortcut_bg.jpg") no-repeat 0 0;background-size: cover;padding:16px 26px;box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.3);border-radius:10px;}
.shortcut h2{color:#fff;font-size:1.563em;font-weight:400;}
.shortcutList{margin-top:24px;}
.shortcutList li{float:left;width:33.333%;text-align:center;}
.shortcutList li a{color:#fff;display:block;height:164px;}
.shortcutList li a strong{display:block;height:40px;font-size:1.188em;line-height:1.2;}
/* ### 자주 찾는 서비스 웹80 /모바일 50간격 ### */
.shortcutList li a:before{content:"";display:inline-block;width:80px;height:80px;background:url("/include/image/common/ico_main.png") no-repeat 0 0;}
.shortcutList .svc1 a:before{background-position:0 0}
.shortcutList .svc2 a:before{background-position:0 -80px}
.shortcutList .svc3 a:before{background-position: 0 -160px}
.shortcutList .svc4 a:before{background-position: 0 -240px}
.shortcutList .svc5 a:before{background-position: 0 -320px}
.shortcutList .svc6 a:before{background-position: 0 -400px}
.shortcutList .svc7 a:before{background-position:0 -480px}
.shortcutList .svc8 a:before{background-position:0 -560px;}
.shortcutList .svc9 a:before{background-position:0 -640px;}

/* 아이사랑놀이터 바로가기 */
.playgroundZone .titleArea{text-align:center;margin-bottom:97px;width:100%;}
.playgroundZone .titleArea .visual-tit{font-size:2.813em;line-height:1.2;color:#fff;text-shadow:0px 0px 7px rgba(0, 0, 0, 0.6);margin-top:20px}
.playgroundZone .titleArea .visual-txt{font-size:1.563em;color:#fff;text-shadow:0px 0px 7px rgba(0, 0, 0, 0.6);}
.shortcutShape{margin-left:-15px;margin-top:-20px;}
.shortcutShape li{float:left;width: calc(20% - 15px);margin-left:15px;margin-top:20px;}
.shortcutShape .item{position:relative;padding:19px 5px 26px;border-radius:10px;background:#fff;text-align:center;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3);}
.shortcutShape .item .nick{color:#777;font-size:1.188em;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.shortcutShape .item .name{color:#333;font-size:1.563em;display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:4px;}
.shortcutShape .holiday{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);background:#504c90;border-radius:15px;color:rgba(255,255,255,.7);padding:0 15px;white-space:nowrap;font-size:1.125em;line-height:1.4;}

/* 센터 주요소식 */
.centerZone {position:relative;}
.centerZone .titleArea .visual-tit{font-size:3.125em;line-height:1.2;color:#fff;text-shadow:0px 0px 7px rgba(0, 0, 0, 0.25);}
.centerZone .titleArea .visual-txt{font-size:1.375em;line-height:1.9;color:#fff;text-shadow:0px 0px 7px rgba(0, 0, 0, 0.25);margin-top:22px;}
.centerZone .noticeArea{background: #014e51;}
.centerZone .noticeArea .tab li a{color:#88b2ac;font-size:1.438em;line-height:40px;}
.centerZone .noticeArea .tab li.on a{color:#fff;font-size:1.563em;border-bottom:1px solid #fff;}
.centerZone .noticeArea .noticeCon{overflow:hidden;background:#fff;border-radius:8px;padding:30px;height:347px;}
.centerZone .noticeArea .noticeCon .highlight-box{background:#e9f2f1;border-radius:8px;padding:15px 20px 15px 95px;position:relative;}
.centerZone .noticeArea .noticeCon .highlight-box:before{content:"";display:inline-block;width:56px;height:54px;
background:url("/include/image/common/main_notice.png") no-repeat 0 0;background-size:100%;position:absolute;left:20px;top:10px;}
.centerZone .noticeArea .noticeCon .highlight-box .caption{overflow:hidden;word-wrap:break-word;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;height:58px;}
.centerZone .noticeArea .noticeCon p{color:#777;font-size:1.125em;text-align:center;}

.centerZone .noticeArea .noticeCon .highlight-box .tit{font-size:1.188em;color:#555;}
.centerZone .noticeArea .noticeCon .highlight-box .date{font-size:1.188em;color:#777;}
.centerZone .noticeArea .noticeCon .highlight-box .date:before{content:"";display:inline-block;width:1px;height:12px;background:#d7d7d8;margin:0 10px;}
.centerZone .noticeArea .noticeCon .highlight-box + .noticeList{margin-top:17px;}
.centerZone .noticeArea .noticeCon .noticeList li{position:relative}
.centerZone .noticeArea .noticeCon .noticeList li + li{margin-top:8px}
.centerZone .noticeArea .noticeCon .noticeList li > a{color:#555;font-size:1.188em;padding-right:93px;overflow:hidden;display:block;white-space:nowrap;;text-overflow:ellipsis;}
.centerZone .noticeArea .noticeCon .noticeList li .date{position:absolute;right:0;top:0;color:#777;font-size:1.188em}
.centerZone .snsArea{margin-top:0;}
.centerZone .snsArea .visual-tit{font-size:2.625em;line-height:1.2;color:#fff;text-shadow:0px 0px 7px rgba(0, 0, 0, 0.25);}
.centerZone .snsArea .snsInfoList{overflow:auto;white-space:nowrap;margin-top:19px;}
.centerZone .snsArea .snsInfoList li{display:inline-block;}
.centerZone .snsArea .snsInfoList li + li{margin-left:23px;}
.centerZone .snsArea .snsInfoList li .item{background:#fff;border-radius:10px;width:290px;}
.centerZone .snsArea .snsInfoList li .thum{background:#f2f2f7;position:relative;background-size:100%;background-position:top center;background-repeat:no-repeat;background-size: cover;padding-top:69%;border-radius:5px 5px 0 0;}
.centerZone .snsArea .snsInfoList li .thum .ico{display:block;position:absolute;right:10px;top:10px;border-radius:50%;width:42px;height:42px;background: url(/include/image/common/ico_sns.png) 0 0 no-repeat;background-size:42px auto;}
.centerZone .snsArea .snsInfoList li .thum .ico.snsFacebook {background-color:#1877f2;background-position:0 -168px}
.centerZone .snsArea .snsInfoList li .thum .ico.snsTwitter {background-color:#439cd6;background-position:0 -126px}
.centerZone .snsArea .snsInfoList li .thum .ico.snsBlog {background-color:#49aa27;background-position:0 -210px}
.centerZone .snsArea .snsInfoList li .thum .ico.snsStory {background-color:#fed300;background-position:0 -84px}
.centerZone .snsArea .snsInfoList li .thum .ico.snsInstar{background-color:#ea2a77;background-position:0 -252px}
.centerZone .snsArea .snsInfoList li .item .txt{color:#777;font-size:1.125em;overflow:hidden;white-space:normal;word-wrap:break-word;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;height:84px;}
.centerZone .snsArea .snsInfoList li .item .date{color:#a0a0a0;font-size:1.063em;margin-top:2px;}
.centerZone .snsArea .snsInfoList li .caption{padding:15px;}
.centerZone .emptyNoti{padding-top:45px;padding-bottom:45px;}

/* gnb */
/*.gnb > li > a {color:#fff; position:relative;height:90px;text-shadow:0 0 7px rgba(0, 0, 0, 0.25);}
#logo a{background:url("/include/image/a1isarang/common/logo.png") no-repeat 0 0;width:281px;height:53px;background-size:auto 100%;}
.libSite > a {text-shadow:0 0 7px rgba(0, 0, 0, 0.25);color:#fff;}
.libraryHome{color:#fff;text-shadow: 0 0 7px rgba(0, 0, 0, 0.25);}
.siteMenu > ul > li a{color:#fff;text-shadow: 0 0 7px rgba(0, 0, 0, 0.25);}
.libSite > a {border-right:1px solid rgba(255,255,255,.35);}
.siteInner{border-bottom:1px solid rgba(255,255,255,.35);}
.libSite > a {background: url("/include/image/common/sel_shortcut2.png") no-repeat right center;} */
.visual-slider .swiper-slide img{width: 100%;height: 100%;}
.mobileIndexWrap .libSite > a{background: url("/include/image/common/sel_shortcut_m.png") no-repeat right center;    background-size: 24px auto;}


@media screen and (max-width:1024px){
    #section2{background-position:0 0;}
    
    /* 휴관일 */
    .ribbon{height:36px;line-height:36px;font-size:1.250em;;margin-bottom:10px;}
    .ribbon:before{border-width:18px 16px 0 0;}
    .ribbon:after{top:18px;border-width:0 16px 18px 0;}

    .fullMenu{display:none;}
    #header{position:absolute;width:100%;border-bottom:1px solid rgba(255,255,255,.35);z-index:31;}
    
    .section{padding:30px 15px;}
    
    .sectionVertical{height:auto;}
    .section:nth-of-type(1) .sectionVertical{padding-top:80px;}
    
    .serviceZone .noticeArea,
    .centerZone .noticeArea .noticeCon{height:auto;}
   
    #logo {padding:12px 0;}
    #logo a {width:248px;height:46px;margin-left:44px;}

    .loginArea{padding:20px}
    .loginArea .inputGroup .inpArea input{height:40px;line-height:40px;}
    .loginArea .btnLogin{height:80px;line-height:80px;}
    .mainSearchKeyword{width:100%;margin-top:10px}
    .playgroundZone .titleArea .visual-tit{margin-top:0;}
    .playgroundZone .titleArea .visual-tit span{font-size:0.938em;}
    .shortcutShape .item{padding:8px 5px 14px;}
    .shortcutShape .item .name{margin-top:0;}
    .centerZone .titleArea .visual-tit{font-size:2.313em;}/* 37px */
    .centerZone .snsArea{margin-top:0;}
    .centerZone .snsArea .visual-tit{font-size:2.188em;}/* 35px */
    .shortcutShape .item .nick{font-size:1em;}
    .playgroundZone .titleArea .visual-tit{font-size:2em;}
    .shortcutShape .item .name{font-size:1.2em}
    
    .visual-service .visual-tit,
    .visual-search .visual-tit span{font-size:2.313em;line-height:1.4;}
    .visual-search .visual-tit .long{font-size:2.063em;}
    .visual-service .visual-txt,
    .visual-search .visual-txt{line-height:1.4;}
    .visual-search + .visual-slider{margin-top:18px}
    .visual-service .titleArea + .serviceZone{margin-top:10px;}
    .serviceZone .serviceWrap + .serviceWrap{margin-top:15px;}
    .centerZone .titleArea{margin-bottom:20px;text-align:center;}
    .centerZone .snsArea{padding-top:20px;}
    .centerZone .noticeArea{border-radius:8px;}
    .centerZone .noticeArea .tab{padding-left:10px;}
    .centerZone .noticeArea .noticeCon .noticeList{text-align:left;}
    .centerZone .noticeArea .noticeCon .noticeList li > a{padding-right:0;}
    .centerZone .titleArea .visual-txt{line-height:1.2;margin-top:10px;}
    
    .centerZone .noticeArea .noticeCon .highlight-box{padding:15px 20px 15px 59px;}
    .centerZone .noticeArea .noticeCon .highlight-box:before{width:37px;height:35px;left:13px;}
    .centerZone .noticeArea .noticeCon .highlight-box .caption{height:auto;white-space:nowrap;text-overflow:ellipsis;display:block;}
    .centerZone .snsArea .snsInfoList li .item .txt{height:auto;white-space:nowrap;text-overflow:ellipsis;display:block;}
    
    .playgroundZone .titleArea{text-align:left;margin-bottom:30px;}
    
    .shortcutShape li{width: calc(33.333% - 15px);}
    .centerZone .noticeArea .tab li{float:left;line-height:53px;padding:0 10px;}
    
    .shortcutList{margin:0 -26px;margin-top:24px;}
    .shortcutList li a{height:125px;}
    /* ### 자주찾는서비스 웹80 /모바일 50간격 ### */
    .shortcutList li a:before{width:50px;height:50px;background-size:50px auto}
    .shortcutList .svc1 a:before{background-position:0 0}
    .shortcutList .svc2 a:before{background-position:0 -50px}
    .shortcutList .svc3 a:before{background-position: 0 -100px}
    .shortcutList .svc4 a:before{background-position: 0 -150px}
    .shortcutList .svc5 a:before{background-position: 0 -200px}
    .shortcutList .svc6 a:before{background-position: 0 -250px}
    .shortcutList .svc7 a:before{background-position:0 -300px}
    .shortcutList .svc8 a:before{background-position:0 -350px;}
    .shortcutList .svc9 a:before{background-position:0 -400px;}
}
@media screen and (max-width:800px){
}
@media screen and (max-width:640px){   
}
@media screen and (max-width:480px){
}
@media screen and (max-width:375px){	
}

/* ### 웹기준 ### */
@media screen and (min-width:1025px){
    .section{width:100%;height:100%;position:relative;display:table;width:100%;table-layout:fixed;}
    #fullPage,#wrap,#container.main{height:100%;}
    .titleArea{width:33.87096774193548%;}/* width:420px */
    #btnTopScroll {display:none;}
    .visual-area{overflow:hidden;}
    .visual-search{float:left;}
    .visual-slider{float:right;}
                            
    .visual-service .titleArea{float:left;}
    .serviceZone{float:right; max-width:66.12903225806452%;padding-top:43px;}/* max-width:820px */
    .sectionVertical{display:table-cell;height:100%;width:100%;padding-bottom:60px;padding-top:156px;}/* vertical-align: middle; */
    #fullPage .section:nth-of-type(1) .sectionVertical{padding-top:240px;}
    #section3 .sectionVertical{padding-top:128px;}
   

    .serviceZone .serviceWrap{width:50%;float:left;}
    .serviceZone .serviceWrap:nth-child(2){float:right;padding-left:10px}
    .centerZone .titleArea{float:left;padding-top:26px;}
    .centerZone .noticeArea{width:760px;border-radius:10px;float:right;}
    .centerZone .noticeArea .tab{float:left;width:150px;padding:28px 0 0 28px;}
    .centerZone .noticeArea .tab li + li{margin-top:10px;}

    #header.fixed .gnb > li > a{color: #333;text-shadow:none;white-space:nowrap;}
    #header.fixed .siteMenu > ul > li a{color: #333;text-shadow:none;}
    /* #header.fixed #logo a {background: url("/include/image/a1isarang/common/logo2.png") no-repeat 0 0;} */
    #header {position:absolute;left:0;top:0;width:100%;z-index:40;border-bottom:1px solid rgba(255,255,255,.35);}
    #header.on .libSite > a{background:url("/include/image/common/sel_shortcut1.png") no-repeat right center;}
    /* #header.on #logo a{background:url("/include/image/a1isarang/common/logo2.png") no-repeat 0 0;} */
    
    /* 패럴럭스 메뉴 링크 */
    .fullMenu{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1005}
    .fullMenu li{position:relative;margin-top:12px;text-align:right;}
    .fullMenu li a{position:relative;display:block;padding-right:27px;}
    .fullMenu li a:after{content:"";display:block;width:15px;height:15px;border:3px solid #fff;box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.1);border-radius:50%;position:absolute;right:0;top:50%;transform:translateY(-50%);}
    .fullMenu li a span{visibility:hidden;background:#fff;font-size:0.833em;color:#555;border-radius:5px;box-shadow:2px 1px 4px 5px rgba(0, 0, 0, 0.1);position:relative;display:block;min-width:60px;text-align:center;}
    .fullMenu li a span:after{content:"";border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:50%;right:-8px;transform:translateY(-50%);}
    .fullMenu li.active a span, .fullMenu li a:hover span{visibility:visible;}
    .fullMenu li.active a:after, .fullMenu li a:hover:after{border:none;background:#fff;border-radius:50%;box-shadow:2px 1px 4px 5px rgba(0, 0, 0, 0.1);
    position:absolute;right:0;top:50%;transform:translateY(-50%);}

    /* 마우스 스크롤 */
    .mouse-scroll{position:absolute;left:50%;transform:translate(50%);bottom:20px;display:inline-block;width:28px;height:63px;
    background:url("/include/image/button/mouse.png") no-repeat 0 0;
    -webkit-animation: floating_updown .7s infinite alternate; animation: floating_updown .7s infinite alternate;}
    @keyframes floating_updown{0%{transform:translateY(0);}100%{transform: translateY(-15px);}}
}