Index: base3.10/src/main/webapp/html/design/css/common.css =================================================================== --- base3.10/src/main/webapp/html/design/css/common.css (revision 54) +++ base3.10/src/main/webapp/html/design/css/common.css (revision 55) @@ -8,7 +8,7 @@ .header { width:100%; height:115px; z-index:99; color:#333; background:rgba(255,255,255,0.8); border-bottom:1px solid #ededed; box-shadow:0 0 15px 0 rgba(0,0,0,0.08); padding:20px 0; } .header .inner { position:relative; height:100%; } .header h1 { text-transform:uppercase; font-weight:900; position:absolute; top:50%; left:50%; transform:translate(-50%, -70%); } -.header h1 a { width:300px; height:16px; display:inline-block; background:url(/images/custom/logo.svg) 50% 50% no-repeat; background-size:contain; } +.header h1 a { width:300px; height:16px; display:inline-block; background:url(/images/user/logo.svg) 50% 50% no-repeat; background-size:contain; } .header h1 a img { display:none; } .header ul { display:flex; } .header ul li { } @@ -28,12 +28,12 @@ /*main container*/ .main_container { width:100%; height:100%; } .main_container .header { position:absolute; top:0; left:0; background:transparent; color:#fff; transition:background 0.5s; border-bottom:1px solid rgba(255,255,255,.2); box-shadow:none; } -.main_container .header h1 a { background:url(/images/custom/logo_fff.svg) 50% 50% no-repeat; background-size:contain; } +.main_container .header h1 a { background:url(/images/user/logo_fff.svg) 50% 50% no-repeat; background-size:contain; } .main_container .header ul li a { color:#fff; } .main_container .header ul li::after { background:#fff;} .main_container .header .info { color:#fff; border:1px solid #fff;} .main_container .header:hover { background-color:rgba(255,255,255,1); backdrop-filter:blur(10px); } -.main_container .header:hover h1 a { background:url(/images/custom/logo.svg) 50% 50% no-repeat; background-size:contain; } +.main_container .header:hover h1 a { background:url(/images/user/logo.svg) 50% 50% no-repeat; background-size:contain; } .main_container .header:hover ul li a { color:#727272; } .main_container .header:hover ul li a:hover { color:#333; } .main_container .header:hover ul li::after { background:#333;} @@ -44,11 +44,11 @@ .main_container .header:hover .total_search:hover { background:#333; color:#fff; } /*main top slide*/ -.main_slide { width:100%; height:100vh; } +.main_slide { width:100%; height:100vh; opacity:1; } .main_slide .swiper-slide { width:100%; height:100vh; color:#fff; position:relative; } .main_slide .swiper-slide .inner { position:relative; z-index:1; } .main_slide .swiper-slide .bg_box { position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; z-index:0; } -.main_slide .swiper-pagination { bottom:5em; animation: fadeup 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation-delay:1.2s; } +.main_slide .swiper-pagination { bottom:5em; animation: textDown 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation-delay:1s; } .main_slide .swiper-pagination span { background: #fff; opacity:0.5; border:1px solid #333; width:10px; height:10px; } .main_slide .swiper-pagination .swiper-pagination-bullet-active { width:80px; border-radius:50px; opacity:1;} .main_slide .inner { height:100%; display: flex; flex-direction:column; align-items:center; justify-content:center; } @@ -57,17 +57,17 @@ .main_slide .swiper-slide p {display:block; text-align:center; font-size:1.3em; line-height:1.8em; margin-bottom:40px; } .main_slide .swiper-slide button { padding:13px 40px; border-radius:50px; font-weight:600;transition:background 0.3s !important; } .main_slide .swiper-slide button:hover { background:#1524cc; color:#fff; } -.main_slide .swiper-slide-active em { animation:textshow 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; } -.main_slide .swiper-slide-active strong {animation:textup 1s ease-in-out both; animation-delay: .3s;} -.main_slide .swiper-slide-active p {animation:textup 1s ease-in-out both;animation-delay: .6s;} -.main_slide .swiper-slide-active button { animation:textup 1s ease-in-out both; animation-delay: .9s; } +.main_slide .swiper-slide-active em { animation:textshow 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; } +.main_slide .swiper-slide-active strong {animation:textDown 0.5s ease-in-out both; animation-delay: .2s;} +.main_slide .swiper-slide-active p {animation:textDown 0.5s ease-in-out both;animation-delay: .4s;} +.main_slide .swiper-slide-active button { animation:textDown 0.5s ease-in-out both; animation-delay: .6s; } .main_slide .slide_wrap { width:100%; height:100%; } .main_slide .swiper-wrapper { width:100%; height:100%; } .main_slide .swiper-slide { width:100%; height:100%; } .swiper-button-prev, .swiper-button-next { color:#fff; } -@-webkit-keyframes textup { - 0% { opacity:0; } 100% { opacity:1; } +@-webkit-keyframes textDown { + 0% { opacity:0; transform:translateY(-50%); } 100% { opacity:1; transform:translateY(0%); } } @keyframes textshow { @@ -78,16 +78,21 @@ /*main content*/ .main_content { position:relative; z-index:9; } +.main_content .inner { position:relative; z-index:9; } .main_content > .bg_box { position:absolute; bottom:0; background-size:contain; width:100%; height:50%; z-index:-1; } .main_content h2 { font-size:2em; text-transform:capitalize; font-weight:900; line-height:1.6em; letter-spacing:-1px; } .main_wrap { margin-top:0; } .main_content .title_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom:40px; } -.main_content .title_wrap .showmore { color:#1524cc; font-weight:900; border:none; padding:0; font-size:1.1em; display: flex; align-items: center; background:none; } +.main_content .title_wrap .showmore { color:#1524cc; font-weight:900; border:none; padding:0; font-size:1.1em; display: flex; align-items: center; background:none; opacity:0; animation:fadeOut 0.5s both;} .main_content .title_wrap .showmore span { margin-left:5px; margin-top:5px; font-size:0.7em; display:inline-block; transition:all 0.3s;} .main_content .title_wrap .showmore:hover span { transform:translateX(10px); } +.title_wrap h2 { animation:fadeOut .5s both;} +.title_wrap.active h2 { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; } +.title_wrap.active .showmore { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; animation-delay:0.2s; } + /*article*/ -.article_list ul { width:calc(100% + 80px); display: flex; flex-wrap:wrap; margin:0 -40px; } +.article_list ul { width:calc(100% + 80px); display: flex; flex-wrap:wrap; margin:-40px -40px 0; } .article_list ul li { width:calc(33.333% - 80px); margin:40px; } .article_list ul li .bg_box { width:100%; height:0; padding-bottom:60%; margin-bottom:30px; border-radius:15px; display:block; transition:box-shadow 0.5s, transform 0.5s;} .article_list ul li .bg_box:hover { box-shadow:0 0 30px 0 rgba(34,86,203,0.5); transform:scale(1.01); } @@ -97,33 +102,54 @@ .article_list ul li .text { margin-top:15px; } .article_list ul li .text a { -webkit-line-clamp:3; } .article_list ul li.on { opacity:0.3 ;} -.article_list ul li .time { color:#727272; background:url(/images/custom/icon_time.svg) 0% 50% no-repeat; background-size:15px 15px; padding-left:20px; } +.article_list ul li .time { color:#727272; background:url(/images/user/icon_time.svg) 0% 50% no-repeat; background-size:15px 15px; padding-left:20px; } a.writer { padding:0 4px; line-height:1.5em; color:#000; position:relative; border:1px solid #333; border-radius:4px; font-size:0.9em; margin-right:5px; transition:all 0.3s; } a.writer:hover { background:#052c9b; color:#fff; border:1px solid #052c9b; } +.main_wrap ul li { animation:fadeOut .5s both; } +.main_wrap.active li { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; } +.main_wrap.active li:nth-child(1) { animation-delay:0.1s; } +.main_wrap.active li:nth-child(2) { animation-delay:0.2s; } +.main_wrap.active li:nth-child(3) { animation-delay:0.3s; } + /* hot click */ .hotClick { background:#fff; z-index:9; width:100%; position:relative; padding:40px; box-shadow:0 0 40px 0 rgba(1,7,144,0.2); border-radius:15px; } .hotClick .title_wrap { margin-bottom:20px; } -.hotClick .title_wrap h2 { animation:fadeup 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation-delay:1.2s;} +.hotClick .title_wrap h2 { } .hotClick ol { display:flex; flex-wrap:wrap; margin:-3px; } -.hotClick ol li { margin:3px; } -.hotClick ol li a { padding:7px 16px; font-weight:600; font-size:1em; border:2px solid #0916b2; border-radius:50px; color:#0916b2; transition:all 0.3s; display: inline-block;box-shadow:0 0 10px 0 rgba(9,22,178,0.2); } +.hotClick ol li { margin:3px; opacity:0; transform:translateY(50%); transition:all 0.5s; animation:fadeOut .5s both; } +.hotClick ol li a { padding:7px 16px; font-weight:600; font-size:1em; border:2px solid #0916b2; border-radius:50px; color:#0916b2; background:#fff; transition:all 0.3s; display:inline-block; box-shadow:0 0 10px 0 rgba(9,22,178,0.2); } .hotClick ol li a:hover { background:#0916b2; color:#fff; box-shadow:0 0 15px 0 rgba(9,22,178,0.5); } .hotClick ol li a::before { content:'#'; } +.hotClick.active ol li { animation:zoomUp 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; } +.hotClick.active ol li:nth-child(1) { animation-delay:0.1s; } +.hotClick.active ol li:nth-child(2) { animation-delay:0.2s; } +.hotClick.active ol li:nth-child(3) { animation-delay:0.3s; } +.hotClick.active ol li:nth-child(4) { animation-delay:0.4s; } +.hotClick.active ol li:nth-child(5) { animation-delay:0.5s; } +.hotClick.active ol li:nth-child(6) { animation-delay:0.6s; } +.hotClick.active ol li:nth-child(7) { animation-delay:0.7s; } +.hotClick.active ol li:nth-child(8) { animation-delay:0.8s; } +.hotClick.active ol li:nth-child(9) { animation-delay:0.9s; } +.hotClick.active ol li:nth-child(10) { animation-delay:1s; } /* banner */ .banner.main_wrap { } .banner ul { display: flex; justify-content: space-between; } .banner ul li { width:calc(50% - 30px); } -.banner ul li a { width:100%; color:#fff; font-size:1.8em; line-height:1.4em; font-weight:600; display:block; border-radius:15px; position:relative;} +.banner ul li a { width:100%; color:#fff; font-size:1.8em; line-height:1.4em; font-weight:600; display:block; border-radius:15px; position:relative; animation:fadeOut .5s both;} .banner ul li a .bg_box { padding:1.5em; height:170px; border-radius:15px; } -.banner ul li a > img { position:absolute; right:1em; z-index:3; } +.banner ul li a > img { position:absolute; right:1em; z-index:3; animation:fadeOut .5s both; } .banner ul li:nth-child(1) img { bottom:-1em; } .banner ul li:nth-child(2) img { bottom:-1em; } +.banner ul li:nth-child(2) .title_wrap.active h2 { animation-delay:0.2s; } +.banner.active li a { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; } +.banner.active li:nth-child(2) a { animation-delay:0.1s; } +.banner.active li a > img { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; animation-delay:0.3s; } /* news */ -.notice.main_wrap { margin-bottom:120px; } -.news_slide { width:100%; padding-bottom:150px; } +.notice.main_wrap { margin-bottom:120px;} +.news_slide { width:100%; padding-bottom:150px; animation:fadeOut .5s both; } .news_slide .swiper-slide { width:calc(25% - 30px); } .news_slide .swiper-slide a { width:100%; display:block; font-weight:600; font-size:1.2em; line-height: 1.6em; margin-bottom:30px; } .news_slide .swiper-slide em { color:#727272; } @@ -133,6 +159,9 @@ .news_slide .swiper-button-next { } .news_slide .swiper-pagination-progressbar { top:auto; bottom:80px; height:2px; background:#ddd; width:1400px; } .news_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#333; } +.notice.active .news_slide { animation:fadeLeft 1.5s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; } + +.bg_wave { opacity:0; pointer-events:none; z-index:0; } /* footer */ .footer { width:100%; padding:50px 0; background:#fafafa; } @@ -149,7 +178,7 @@ .skip_top { width:60px; height:60px; border-radius:100px; background:#0032c3; position:relative;float:right;border:none; transform: translateY(-80px); overflow:hidden;z-index:9; } .skip_top::before { content:''; width:14px; height:2px; background:#fff; display:inline-block; position:absolute; top:-15px; left:50%; transform: translateX(-50%); pointer-events:none;} .skip_top:hover::before { top:20px; transition:all 0.8s; } -.skip_top::after { content:''; width:14px; height:15px; background:url(/images/custom/skip_top.svg) 50% 50% no-repeat; background-size:contain;position:absolute; display:inline-block; top:50%; left:50%; transform: translate(-50%, -50%); pointer-events: none; } +.skip_top::after { content:''; width:14px; height:15px; background:url(/images/user/skip_top.svg) 50% 50% no-repeat; background-size:contain;position:absolute; display:inline-block; top:50%; left:50%; transform: translate(-50%, -50%); pointer-events: none; } .skip_top:hover::after { animation:skip 1s both ease-in-out;} .skip_top:hover { box-shadow: 0 0 30px 0 rgb(34 86 203 / 80%); border:1px solid #001d70; } @@ -158,7 +187,7 @@ /* sns */ .sns { margin-top:43px; } .sns ul { display:flex; } -.sns li { width:30px; height:30px; overflow:hidden; margin-left:15px; transition:transform 0.3s; background-image:url(/images/custom/sns_logo.svg); background-size:180px 60px !important; background-repeat:no-repeat;} +.sns li { width:30px; height:30px; overflow:hidden; margin-left:15px; transition:transform 0.3s; background-image:url(/images/user/sns_logo.svg); background-size:180px 60px !important; background-repeat:no-repeat;} .sns li:hover { transform:scale(1.1);} .sns li a { width:100%; height:100%; text-indent:-5000px; display: inline-block; } .sns .insta { background-position: 0 100%; } @@ -172,23 +201,21 @@ .sns .youtube:hover { background-position:60% 0%; } .sns .rss:hover { background-position:80% 0%; } - .share button { width:30px; height:30px; border:none; transition:transform 0.3s; margin-left:10px; } .share button:hover { transform:scale(1.1);} -.share .btn_print { background-image:url(/images/custom/icon_print.svg); background-position:50% 100%; background-repeat:no-repeat; background-size:60px 60px; } +.share .btn_print { background-image:url(/images/user/icon_print.svg); background-position:50% 100%; background-repeat:no-repeat; background-size:60px 60px; } .share .btn_print:hover { background-position:50% 0%; } -.share .twitter, .share .facebook { background-image:url(/images/custom/sns_logo.svg); background-size:180px 60px !important; background-repeat:no-repeat; } +.share .twitter, .share .facebook { background-image:url(/images/user/sns_logo.svg); background-size:180px 60px !important; background-repeat:no-repeat; } .share .twitter { background-position:100% 100%; } .share .twitter:hover { background-position:100% 0%; } .share .facebook { background-position:20% 100%; } .share .facebook:hover { background-position:20% 0%; } - /*******************************************************************************************************************************************/ /*************************************************************** subpage ***************************************************************/ /*******************************************************************************************************************************************/ -.sub_container { margin-bottom:100px; } +.sub_container { margin-bottom:100px; background:rgba(255,255,255,1); } .sub_title_top { display:flex; justify-content: space-between; padding:20px 0; } /* breadcrumb */ @@ -232,10 +259,11 @@ .sub_title.gray_type .title strong { padding:5px 15px; border:1px solid #333; border-radius:50px; display:inline-block; font-weight:900; font-size:1.2em; margin-top:10px; } /*게시판 하단*/ -.bottom_wrap { display:flex; padding-top:50px; } +.bottom_wrap { display:flex; padding-top:50px; position:relative; } .bottom_wrap.center { justify-content: center; } .bottom_wrap.between { justify-content:space-between; } .bottom_wrap.right { justify-content:flex-end; } +.bottom_wrap button { margin:2px; } /*article detail view*/ .article_header { text-align:center; } @@ -255,28 +283,58 @@ .writer_info button { margin-top:20px; } /*기사내용*/ -.article_content { width:calc(100% - 300px); font-size:1.2em; line-height:2em; } +.article_content { width:calc(100% - 300px); font-size:1.2em; line-height:2em; opacity:0; transform:translateY(100px); transition:all 0.5s; transition-delay:0.2s; } .article_content .share { margin-top:50px; } .article_content figcaption { font-size:0.8em; line-height:1.6em; } -.related { background:#222; margin:70px 0 -100px; padding:100px 0; position:relative; text-align:center; } -.related h2 { color:#fff; margin-bottom:50px; font-size:2em; font-weight:900; text-align:left; } +.article_view .writer_info { opacity:0; transform:translateY(100px); transition:all 0.5s; } +.article_view.active .article_content { opacity:1; transform:translateY(0px); } +.article_view.active .writer_info { opacity:1; transform:translateY(0px); } + +.related { background:#222; margin:70px 0 -100px; padding:100px 0; position:relative; text-align:center; opacity:0; } +.related h2 { color:#fff; margin-bottom:50px; font-size:2em; font-weight:900; text-align:left; transform: translateY(100px); opacity:0; transition:all 0.5s; } .related ul { width:calc(100% + 80px); display: flex; flex-wrap:wrap; margin:-40px; text-align:left; } -.related ul li { width:calc(25% - 80px); margin:40px; } +.related ul li { width:calc(25% - 80px); margin:40px;transform: translateY(50%); opacity:0; transition:all 0.5s; } .related ul li .bg_box { width:100%; height:0; padding-bottom:60%; margin-bottom:30px; border-radius:15px; display:block; transition:box-shadow 0.5s;} .related ul li .bg_box:hover { box-shadow:0 0 30px 0 rgba(0,0,0,0.8); } .related ul li .category { color:#ff6a30; font-weight:900; margin:0 0 10px; display: block; } .related ul li .title { width:100%; display:block; color:#fff; font-size:1.2em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .related ul li.on { opacity:0.3 ;} -.related .btn_list { position:absolute; top:-40px; text-transform:uppercase; width:80px; height:80px; border:1px solid #222; border-radius:100px; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.6); transition:all 0.3s; font-weight:900;} +.related .btn_list { position:absolute; top:40px; text-transform:uppercase; width:80px; height:80px; border:1px solid #222; border-radius:100px; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.6); transition:all 0.5s; font-weight:900;opacity:0; } .related .btn_list:hover { box-shadow:0 0 20px 0 rgba(0,0,0,0.8); } +.related.active { opacity:1; } +.related.active h2 { opacity:1;transform:translateY(0); } +.related.active .btn_list { opacity:1; top:-40px; } +.related.active ul li { opacity:1;transform:translateY(0); } +.related.active ul li:nth-child(2) { transition-delay:0.2s; } +.related.active ul li:nth-child(2) { transition-delay:0.3s; } +.related.active ul li:nth-child(3) { transition-delay:0.4s; } +.related.active ul li:nth-child(4) { transition-delay:0.5s; } + .article_wrap { padding:40px 0; display:inline-block; } .article_wrap:last-child { margin-bottom:0; } -.article_wrap .title_wrap { position:relative; margin-bottom:0;} +.article_list .article_wrap ul { margin:20px -40px 0; } +.article_wrap .title_wrap { position:relative; margin-bottom:0; display:block; animation:fadeOut 1s both;} +.article_wrap .title_wrap li { animation:fadeOut 1s both; } .article_wrap .title_wrap .title { padding-right:20px; background:#fff; position:relative; z-index:1; display:inline-block;} .article_wrap .title_wrap .category { font-size:2em; font-weight:900; display:inline-block; color:#0032c3; padding-bottom:2px;} .article_wrap .title_wrap::after { width:100%; height:1px; background:#ddd; content:''; display:block; position:absolute; top:13px; left:0; z-index:0; } +.article_wrap li { animation:fadeOut .5s both; } +.article_wrap.active .title_wrap { animation:fadeLeft 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; } +.article_wrap.active li { animation:zoomIn 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; } +.article_wrap.active li:nth-child(1) { animation-delay:0.1s; } +.article_wrap.active li:nth-child(2) { animation-delay:0.2s; } +.article_wrap.active li:nth-child(3) { animation-delay:0.3s; } +.article_wrap.active li:nth-child(4) { animation-delay:0.4s; } +.article_wrap.active li:nth-child(5) { animation-delay:0.5s; } +.article_wrap.active li:nth-child(6) { animation-delay:0.6s; } +.article_wrap.active li:nth-child(7) { animation-delay:0.7s; } +.article_wrap.active li:nth-child(8) { animation-delay:0.8s; } +.article_wrap.active li:nth-child(9) { animation-delay:0.9s; } +.article_wrap.active li:nth-child(10) { animation-delay:1s; } +.article_wrap.active li:nth-child(11) { animation-delay:1.1s; } +.article_wrap.active li:nth-child(12) { animation-delay:1.2s; } .move { width:100%; height:60px; display:flex; align-items:center; justify-content:center; margin-bottom:50px;} .move .swiper-wrapper { display:flex; width:1400px; } @@ -298,17 +356,12 @@ .fixed-menu { margin-top:-30px; } .fixed-menu.fix .article_list { padding-top:110px; } - - - - /*add dot*/ .dot li::after, .dot > div::after { width:3px; height:3px; border-radius:3px; display:inline-block; content:''; background:#666; margin:0 15px 5px; } .dot li:last-child::after, .dot > div:last-child::after { display:none; } /*tab*/ .wrap-tab-container { width:100%; } - .wrap-tab-list { display:flex; justify-content:center; align-items:center; margin-bottom:50px; } .wrap-tab-list li { } .wrap-tab-list li::after { width:3px; height:3px; border-radius:3px; display:inline-block; content:''; background:#666; margin:0 15px 5px; } @@ -364,27 +417,32 @@ .content_wrap h3 { font-size:2.4em; font-weight:900; margin-bottom:50px; transform:translateY(100%); opacity:0; transition:all 0.5s; } .content_wrap h3.visible { opacity:1; transform: translateY(0); } .about_text { padding-top:20px; font-size:1.2em; margin-bottom:10px; line-height:1.8em; display:flex; } -.about_text .logo { width:40%; display: flex; justify-content: center; align-items: center; background:#f4f4f4; } +.about_text .logo { width:40%; display: flex; justify-content: center; align-items: center; background:#f4f4f4; animation:fadeup 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; } .about_text img { height:50px; } .about_text .text { padding-left:70px; width:calc(60% - 70px); } -.about_text .text p { margin-bottom:15px; } -.about_text .text p:last-child { margin-bottom:0; } - -.about_container { background:#fff; position:relative; z-index:2; } -.about_container p { } +.about_text .text p { display:block; margin-bottom:15px; animation:fadeup 1s cubic-bezier(0.5, 0.7, 0.4, 1.000) both; } +.about_text .text p:nth-child(1) { animation-delay:0.3s; } +.about_text .text p:nth-child(2) { animation-delay:0.4s; } +.about_text .text p:nth-child(3) { animation-delay:0.5s; } +.about_text .text p:nth-child(4) { animation-delay:0.6s; margin-bottom:0; } /*연혁*/ -.history { background:#f4f4f4; padding:100px 0; } +.history { position:relative; padding:100px 0; background:rgba(255,255,255,1); } +.history_content { position:relative; z-index:1; } .history h3 { text-align:center; } .history ul { position:relative; padding:30px 0; } -.history ul::after { width:3px; height:100%; content:''; display:inline-block; background:#0032c3; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1; } -.history ul li { width:100%; position:relative; padding:0 calc(50% + 50px) 0 0; text-align:right; margin:30px 0; z-index:3; transform: translateY(50%); opacity:0; transition:all 0.3s; } -.history ul li.visible { opacity:1; transform: translateY(0); } +.history ul::after { width:3px; height:0%; content:''; display:inline-block; background:#0032c3; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;transition:all 0.5s; } +.history ul li { width:100%; position:relative; padding:0 calc(50% + 50px) 0 0; text-align:right; margin:50px 0; z-index:3; } +.history .date { color:#0032c3; font-weight:900; letter-spacing:-1px; font-size:1.8em; display:block; margin-bottom:15px; transform:translateX(-50px); opacity:0; transition:all 0.5s; } +.history ul li p { font-size:1.1em; transform:translateX(-50px); opacity:0; transition:all 0.5s;} .history ul li:nth-child(2n) { padding:0 0 0 calc(50% + 50px); text-align:left; } -.history ul li::after { width:10px; height:10px; content:''; display:inline-block; border:3px solid #0032c3; border-radius:50px; background:#fff; position:absolute; top:5px; left:50%; transform: translateX(-50%); } -.history .date { color:#0032c3; font-weight:900; letter-spacing:-1px; font-size:1.8em; display:block; margin-bottom:15px; } -.history .date::after { } -.history ul li p { font-size:1.1em; } +.history ul li:nth-child(2n) .date, .history ul li:nth-child(2n) p { transform:translateX(50px); } +.history ul li::after { width:10px; height:10px; content:''; display:inline-block; border:3px solid #0032c3; border-radius:50px; background:#fff; position:absolute; top:5px; left:50%; transform: translate(-50%, 50px); opacity:0; transition:all 0.5s; } +.history.visible ul::after { height:100%; } +.history ul li.visible::after { transform: translate(-50%, 0); opacity:1; } +.history ul li.visible .date { opacity:1; transform:translateX(0); transition-delay:0.2s; } +.history ul li.visible p { opacity:1; transform:translateY(0); transition-delay:0.4s; } +.history_bg { position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:#f4f4f4; display:block; } /*편집인*/ .editor_info ul { display:flex; flex-wrap:wrap; margin:0 -30px; } @@ -412,5 +470,61 @@ .office_text dl dt { width:50px; font-weight:600; padding:3px 0; } .office_text dl dd { width:calc(100% - 50px); padding:3px 0; } -#mapP { background:url(/images/custom/map1.jpg) 50% 50% no-repeat; } -#mapS { background:url(/images/custom/map2.jpg) 50% 50% no-repeat; } \ No newline at end of file +#mapP { background:url(/images/user/map1.jpg) 50% 50% no-repeat; } +#mapS { background:url(/images/user/map2.jpg) 50% 50% no-repeat; } + +/*로그인*/ +.login_wrap { width:450px; margin:0 auto; display:flex; justify-content:center; flex-direction:column; align-items:center; } + +.login { width:100%; } +.login li { width:100%; margin-top:15px; } +.login_input { display:flex; align-items:center; border:1px solid #ccc; justify-content:space-between; border-radius:5px; transition:all 0.3s;} +.login_input:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.2); border-color:#999; } +.login li label { width:50px; height:45px; display:flex; justify-content:center; align-items:center; } +.login li:nth-child(1) label { background:url(/images/user/icon_login1.svg) 50% 50% no-repeat; background-size:20px 20px; } +.login li:nth-child(2) label { background:url(/images/user/icon_login2.svg) 50% 50% no-repeat; background-size:20px 20px; } +.login li .inputText { width:calc(100% - 50px); border:none; border-radius:0; border-radius:0 5px 5px 0; } +.login li .inputText:hover { border:none; box-shadow:none; } +.login li button { width:100%; } +.login li:last-child { margin-top:10px; } + +.benefit { width:100%; margin-top:60px; text-align:left; } +.benefit > p { margin-bottom:30px; } +.benefit ul { display:flex; justify-content:center; flex-direction:column; align-items:center;} +.benefit li { display:flex; align-items:center; width:100%; border:1px solid #e1e1e1; box-shadow:0 0 20px 0 rgba(0,0,0,0.15); padding:30px 0; margin-bottom:20px; border-radius:10px; } +.benefit li:last-child { margin-bottom:0; } +.benefit li .img { width:150px; text-align:center; } +.benefit li img { height:50px; } +.benefit li .text { text-align:left; } +.benefit li strong { display:block; font-size:1.3em; font-weight:900; color:#333; margin-bottom:15px; } + + +@keyframes zoomIn { + 0% { transform:scale(.6); opacity:0; } + 50% { transform:scale(1.05); } + 100% {transform:scale(1); opacity:1; } +} +@keyframes zoomUp { + 0% { transform:translateY(50%) scale(.6); opacity:0; } + 50% { transform:translateY(-10%) scale(1.05); } + 100% {transform:translateY(0) scale(1); opacity:1; } +} +@keyframes fadeOut { + 0% { transform:translateY(0%); opacity:1; } + 100% { transform:translateY(50%); opacity:0; } +} +@keyframes fadeup { + 0% { transform:translateY(50%); opacity:0; } + 50% { transform:translateY(-10%); } + 100% { transform:translateY(0); opacity:1; } +} +@keyframes fadeLeft { + 0% { transform:translateX(50%); opacity:0; } + 50% { transform:translateX(-1%) } + 100% { transform:translateX(0); opacity:1; } +} +@keyframes fadeRight { + 0% { transform:translateX(-50%); opacity:0; } + 50% { transform:translateX(1%) } + 100% { transform:translateX(0); opacity:1; } +} Index: base3.10/src/main/webapp/html/design/css/font.css =================================================================== --- base3.10/src/main/webapp/html/design/css/font.css (revision 54) +++ base3.10/src/main/webapp/html/design/css/font.css (revision 55) @@ -9,16 +9,17 @@ @font-face{font-family:notoSans;src:url(/fonts/NotoSansKR-Bold.woff);font-style:normal;font-weight:700;} @font-face{font-family:notoSans;src:url(/fonts/NotoSansKR-Black.woff);font-style:normal;font-weight:900;} + @font-face { font-family: 'icomoon'; - src: url('/fonts/icomoon.eot?jsc8cs'); - src: url('/fonts/icomoon.eot?jsc8cs#iefix') format('embedded-opentype'), - url('/fonts/icomoon.ttf?jsc8cs') format('truetype'), - url('/fonts/icomoon.woff?jsc8cs') format('woff'), - url('/fonts/icomoon.svg?jsc8cs#icomoon') format('svg'); + src: url('/fonts/icomoon.eot?10mvi0'); + src: url('/fonts/icomoon.eot?10mvi0#iefix') format('embedded-opentype'), + url('/fonts/icomoon.ttf?10mvi0') format('truetype'), + url('/fonts/icomoon.woff?10mvi0') format('woff'), + url('/fonts/icomoon.svg?10mvi0#icomoon') format('svg'); font-weight: normal; font-style: normal; - font-display: block; + } [class^="icon-"], [class*=" icon-"] { @@ -36,30 +37,96 @@ -moz-osx-font-smoothing: grayscale; } -.icon-blank:before { - content: "\e906"; +.icon-file-excel:before { + content: "\e90d"; } -.icon-close:before { - content: "\e908"; +.icon-file-img:before { + content: "\e90e"; } -.icon-search:before { - content: "\e909"; +.icon-file-pdf:before { + content: "\e90f"; } -.icon-arrow-dl:before { +.icon-file-ppt:before { + content: "\e910"; +} +.icon-file-reg:before { + content: "\e911"; +} +.icon-file-word:before { + content: "\e912"; +} +.icon-file-zip:before { + content: "\e913"; +} +.icon-cal:before { + content: "\e914"; +} +.icon-delete:before { + content: "\e915"; +} +.icon-file:before { + content: "\e916"; +} +.icon-minus:before { + content: "\e90b"; +} +.icon-plus:before { + content: "\e90c"; +} +.icon-file-down:before { content: "\e900"; } -.icon-arrow-dr:before { +.icon-file-up:before { content: "\e901"; } -.icon-arrow-l:before { +.icon-blank:before { content: "\e902"; } -.icon-arrow-r:before { +.icon-close:before { content: "\e903"; } -.icon-arrow-t:before { +.icon-arrow-b:before { content: "\e904"; } -.icon-arrow-b:before { +.icon-arrow-t:before { content: "\e905"; -} \ No newline at end of file +} +.icon-arrow-dl:before { + content: "\e906"; +} +.icon-arrow-dr:before { + content: "\e907"; +} +.icon-arrow-l:before { + content: "\e908"; +} +.icon-arrow-r:before { + content: "\e909"; +} +.icon-search:before { + content: "\e90a"; +} +.icon-arrow-thin-u:before { + content: "\ea3a"; +} +.icon-arrow-thin-r:before { + content: "\ea3c"; +} +.icon-arrow-thin-d:before { + content: "\ea3e"; +} +.icon-arrow-thin-l:before { + content: "\ea40"; +} +.icon-circle-up:before { + content: "\ea41"; +} +.icon-circle-right:before { + content: "\ea42"; +} +.icon-circle-down:before { + content: "\ea43"; +} +.icon-circle-left:before { + content: "\ea44"; +} Index: base3.10/src/main/webapp/html/design/css/style.css =================================================================== --- base3.10/src/main/webapp/html/design/css/style.css (revision 54) +++ base3.10/src/main/webapp/html/design/css/style.css (revision 55) @@ -16,7 +16,7 @@ a:hover { } hr { border:none; border-top:1px dashed #ccc; height:0px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break:break-all; } -*:focus { /*outline:2px dashed #007dc3;*/ } +*:focus { outline:2px dashed #007dc3; } /*table title, form title 숨기기*/ legend, caption, .hidden, .blind { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em } .vh { visibility:hidden; } @@ -57,6 +57,9 @@ .textover { text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical; } /* .must .board_label::after, .must .tit::after, em.must::after { content:'*'; display:inline-block; margin-left:5px; color:#e21818; } */ +.overX { -ms-overflow-style:none; scrollbar-width:none; touch-action:pan-x; } +.overX::-webkit-scrollbar { display:none; } + .must .board_label b, .must .tit b, em.must b { display:inline-block; margin-left:5px; color:#e21818; } .must_text { color:#333; margin-top:15px; font-size:0.9em; word-break:break-word; } @@ -86,7 +89,7 @@ .color_gray { color:#888 !important; } .color_lightgray { color:#ccc !important; } .color_blue { color:#055c9a !important; } -.color_red { color:#990000 !important; } +.color_red { color:#c51b00 !important; } .color_navy { color:#133467 !important; } .color_white { color:#fff !important; } @@ -105,7 +108,7 @@ .btn_sq_s { width:20px; height:20px; border:1px solid #bbb; transition:border .2s ease-in-out, box-shadow .2s ease-in-out;} .btn_sq_m { width:32px; height:32px; border:1px solid #bbb; transition:border .2s ease-in-out, box-shadow .2s ease-in-out;} -.btn_sq_l { width:40px; height:40px; border:1px solid #bbb; transition:border .2s ease-in-out, box-shadow .2s ease-in-out;} +.btn_sq_l { width:45px; height:45px; border:1px solid #bbb; transition:border .2s ease-in-out, box-shadow .2s ease-in-out;} a.btn_sq_s { width:20px; height:20px; border:1px solid #bbb; transition:border .2s ease-in-out, box-shadow .2s ease-in-out;border-radius:3px;cursor:pointer; display:inline-block;} a.btn_sq_m { width:32px; height:32px; border:1px solid #bbb; transition:border .2s ease-in-out, box-shadow .2s ease-in-out;border-radius:3px;cursor:pointer; display:inline-block;} @@ -123,22 +126,6 @@ .btn_m { font-size:1em; text-align:center; padding:0 20px; height:45px;transition:border .2s ease-in-out, box-shadow .2s ease-in-out; } .btn_l { text-align:center; height:50px; padding:0 50px; font-weight:600; transition:border .2s ease-in-out, box-shadow .2s ease-in-out;} -.btn_delete { background:url(../../images/custom/icon_trash.svg) 50% 50% no-repeat #fff; background-size:12px; text-indent:-5000px; display:inline-block; transition:background 0s;} -.btn_delete:hover { background:url(../../images/custom/icon_trash_on.svg) 50% 50% no-repeat #fff; background-size:12px; } -.btn_delete.noline { border:none; } -.btn_delete.noline:hover { box-shadow:none !important; opacity:1; } -.btn_plus { background:url(../../images/custom/icon_plus.svg) 50% 50% no-repeat #fff; background-size:50%; text-indent:-5000px;display:inline-block; } -.btn_plus:hover { border-color:#666; } -.btn_update { background:url(../../images/custom/icon_update.svg) 50% 50% no-repeat #fff; background-size:15px; text-indent:-5000px;display:inline-block; } -.btn_update:hover { border-color:#666; background:url(../../images/custom/icon_update_on.svg) 50% 50% no-repeat #fff; background-size:15px; } -.btn_wrap .btn_delete { margin-left:0px; } - -.btn_arrow::after { width:10px; height:10px; background:url(/images/custom/arrow_right.svg) 50% 50% no-repeat; background-size:10px 10px; content:''; margin-left:10px; display:inline-block; } - -/*파일다운*/ -.btn_filedown { width:24px; height:24px; display:inline-block; border:1px solid #bbb; border-radius:3px; text-indent:-5000px; background:url(../../images/custom/icon_filedown.svg) 50% 50% no-repeat; background-size:15px !important; transition:all .2s, background 0s; } -.btn_filedown:hover { box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#666; background:url(../../images/custom/icon_filedown_on.svg) 50% 50% no-repeat; background-size:15px !important;} - a.btn_s , a.btn_m, a.btn_l { border-radius:5px; } a.btn_s { padding:2px 10px; font-size:0.9em; } a.btn_m { padding:5px 10px; } @@ -147,23 +134,10 @@ .btn_m:hover, .btn_l:hover, .btn_full:hover, .btn_round:hover, .btn_circleM:hover, .btn_circleL:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.3); } .btn_ss:hover, .btn_s:hover, .btn_sq_s:hover, .btn_sq_m:hover, .btn_img:hover, .btn_circleSS:hover, .btn_circleS:hover { box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#666; } -.clickmore { padding:3px 10px; font-size:0.9em; border-radius:50px; color:#007dc3; border:1px solid #007dc3; } - /*닫기버튼*/ .btn_close { width:100%; height:100%; cursor:pointer; z-index:99; border:none; display:inline-block; } .btn_close:hover { transform:rotate(90deg); transition:all 0.3s; } -.btn_toggle { width:32px; height:32px; display:block; position:relative; } -.btn_toggle::before, .btn_toggle::after { content:''; position:absolute; top:50%; left:50%; width:50%; height:2px; background:#333; display:inline-block; transition:all 0.3s;} -.btn_toggle::before { transform: translate(-50%,-50%) rotate(90deg); } -.btn_toggle::after { transform: translate(-50%,-50%) rotate(0deg); } -.btn_toggle.active::before { transform:translate(-50%,-50%) rotate(0deg); } -.btn_toggle.active::after { transform:translate(-50%,-50%) rotate(0deg); } - -.btn_arrow_down::after { content:''; width:10px; height:10px; transition:all 0.3s; display:inline-block; margin-left:15px; background:url(../../images/custom/arrow_down.svg) 50% 50% no-repeat; background-size:contain; } -.btn_arrow_down.active { border:1px solid #666; box-shadow:0 0 10px 0 rgba(0,0,0,.3); } -.btn_arrow_down.active::after { transform:rotate(180deg); } - /* bgcolor */ .bg_gray {background-color:#f4f5f7 !important;} /* 결제대기 */ .bg_lightgray {background-color:#f8f8f8 !important;} @@ -173,16 +147,12 @@ .bg_navy:hover { background-color:#032b54 !important; } .bg_blue { background:#1524cc; color:#fff; border-color:#0016b1; transition:all 0.3s; } .bg_blue:hover { background-color:#0016b1 !important; } - .bg_basic { border:1px solid #ccc; background:none; color:#333; } .bg_basic:hover { border-color:#666; } - .line_blue { border:1px solid #1265cc; color:#1265cc; } .line_blue:hover { background:#1265cc; color:#fff; } - .line_white { background:transparent; border:1px solid #fff; color:#fff; } .line_white:hover { background:#fff; color:#333; } - .bg_line { background:transparent; border:1px solid #333; } .bg_line:hover { background-color:#fff; } @@ -216,67 +186,47 @@ .inputText[disabled]:hover, .selectText[disabled]:hover, .textArea[disabled]:hover { border:1px solid #e4e4e4; box-shadow:none; } .inputText:hover, .selectText:hover, .textArea:hover, .textArea:focus, .inputFile:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.2); border-color:#999; } -.file_up { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; flex-direction:column; } -.file_up input[type="file"] { position: absolute; width:110px; height:45px; padding:0; margin:0; border:0; z-index:0; } -.file_up label, .file_up .inputFile {border:1px solid #ccc; padding:10px; background:#fff; border-radius:5px; position:relative; z-index:1; box-shadow:none; display:inline-block; transition:0.3s ease-in-out; } -.file_up label:hover, .file_up .inputFile:hover { box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#666; } -.file_up label::after, .file_up .inputFile::after { width:13px; height:13px; content:''; transform: translateY(1px); display:inline-block; background:url(../../images/custom/icon_fileup.svg) 50% 50% no-repeat #fff; margin-left:10px; background-size:contain;} +/*첨부파일*/ +.file_up { position:relative; } +.file_up input[type="file"] { position: absolute; width:120px; height:45px; border-radius:5px; padding:0; margin:0; border:0; z-index:0; } +.file_up label {border:1px solid #ccc; padding:10px; width:120px; height:45px; background:#fff; border-radius:5px; position:relative; z-index:1; box-shadow:none; display:inline-block; transition:0.3s ease-in-out; } +.file_up label:hover { box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#666; } +.btn_file_up span { margin-left:10px; } - -/* .file_list_wrap { } -.file_list_wrap.show { } -.file_list_wrap .space5 { display:none; } */ +/*첨부파일 리스트*/ .file_list { margin:5px -2.5px 0; display:inline-block; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:flex-start; flex-direction:column; flex-direction:row; flex-wrap:wrap; } .file_list li:first-child { } .file_list li { margin:2.5px; } .board_view .file_list { margin-top:0; } /*일반파일*/ -.file_list .file_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; width:auto; align-items:center; padding:5px 7px 5px 7px; border:1px solid #ccc; border-radius:5px; background:#fff; transition:border .2s ease-in-out, box-shadow .2s ease-in-out;} -.file_list .file_wrap:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; } -.file_list .file_wrap p { display:inline-block; min-width:100px; max-width:300px; font-size:0.9em; letter-spacint:-0.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:20px; position:relative; } -.file_list .file_wrap p::after { width:1px; height:15px; content:''; display:inline-block; background:#ccc; position:absolute; top:5px; right:6px; } -.file_list .file_wrap .btn_sq_s { width:24px; height:27px; display:inline-block; } -.file_list .file_wrap .btn_ss { padding:0 4px; } -.file_list .file_wrap .btn_ss:hover { color:#007dc3; } -.file_list .file_wrap .btn_ss, .file_list .btn_sq_s { height:25px; border-radius:2px; border-color:transparent; display:inline-block;} -.file_list .file_wrap .btn_sq_s:hover, .file_list .file_wrap .btn_s:hover, .file_list .file_wrap .btn_ss:hover { border-color:transparent; box-shadow:none; } - - -.file_img .file_wrap::before, -.file_ppt .file_wrap::before, -.file_pdf .file_wrap::before, -.file_word .file_wrap::before, -.file_reg .file_wrap::before, -.file_excel .file_wrap::before, -.file_zip .file_wrap::before, -.file_hwp .file_wrap::before { content:''; width:15px; height:15px; display:inline-block; margin-right:5px; } +.file_list { margin:10px -2px -2px; } +.file_list .file_box { display:flex; width:auto; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; border-radius:50px; margin:2px; background-color:#fff; transition:all .2s ease-in-out; } +.file_list .file_box:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; } +.file_list .file_box p { display:inline-block; min-width:100px; max-width:300px; font-size:0.9em; letter-spacint:-0.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:20px; position:relative; } +.file_list .file_box p::after { width:1px; height:15px; content:''; display:inline-block; background:#ccc; position:absolute; top:5px; right:6px; } -.file_img .file_wrap::before { background:url(../../images/custom/file_img.svg) 50% 50% no-repeat; background-size:contain; } -.file_ppt .file_wrap::before { background:url(../../images/custom/file_ppt.svg) 50% 50% no-repeat; background-size:contain; } -.file_pdf .file_wrap::before { background:url(../../images/custom/file_pdf.svg) 50% 50% no-repeat; background-size:contain; } -.file_word .file_wrap::before { background:url(../../images/custom/file_word.svg) 50% 50% no-repeat; background-size:contain; } -.file_reg .file_wrap::before { background:url(../../images/custom/file_reg.svg) 50% 50% no-repeat; background-size:contain; } -.file_excel .file_wrap::before { background:url(../../images/custom/file_excel.svg) 50% 50% no-repeat; background-size:contain; } -.file_zip .file_wrap::before { background:url(../../images/custom/file_zip.svg) 50% 50% no-repeat; background-size:contain; } -.file_hwp .file_wrap::before { background:url(../../images/custom/file_hwp.svg) 50% 50% no-repeat; background-size:contain; } +/*이미지파일*/ +.file_list.img_type { margin:10px -2px -2px; } +.file_list.img_type .file_box { display:flex; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; width:100px; height:100px; border-radius:20px; margin:2px; transition:all .2s ease-in-out; position:relative; } +.file_list.img_type .btn_wrap { position:absolute; background:rgba(255,255,255,0.3); backdrop-filter:blur(10px); bottom:-100%; left:0; width:100%; text-align:center; padding:5px 0;transition:all .2s ease-in-out; } +.file_list.img_type .file_box:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; } +.file_list.img_type .file_box:hover .btn_wrap { bottom:0; } +.file_list.img_type .file_box .btn_wrap button { color:#ccc; } +.file_list.img_type .file_box .btn_wrap button:hover { color:#fff; } -/*업로드파일이 이미지일 경우*/ -.file_img { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; } -.file_img li { width:80px;height:80px; background-size:cover !important; position:relative; overflow:hidden; margin:10px 10px 0 0; border-radius:10px; border:1px solid #eaeaea; transition:border .2s ease-in-out, box-shadow .2s ease-in-out; } -.file_img li:last-child { margin-right:0; } -.file_img li:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1);} -.file_img li .btn { width:100%; position:absolute; text-align:center; z-index:1; bottom:-100%; right:0; padding:5px 0; background:#fff; line-height:1em;transition:bottom .1s ease-in-out; } -.file_img li:hover .btn { bottom:0; } -.file_img li .btn .btn_sq_s { width:24px; height:24px; border-color:transparent; margin:0 2px; } -.file_img li .btn .btn_sq_s:hover { box-shadow:none; } -.file_img li::after { position:absolute; top:0; left:0; pointer-events:none; content:''; background:#333; display:block; width:100%; height:100%; opacity:0; z-index:0; transition:opacity .1s ease-in-out;} -.file_img li:hover::after { opacity:0.5; } -.file_img li img { width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); pointer-events:none; } +/*카테고라*/ +.category_wrap { display:flex; flex-direction:row; flex-wrap:wrap; margin:10px -2.5px -2.5px; } +.category_wrap .category { margin:2.5px; border:1px solid #ccc; color:#333; background:#fff; font-size:0.9em; border-radius:30px; padding:5px 5px 5px 15px; display:flex; align-items:center;transition:all .2s ease-in-out } +.category_wrap .category:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; } +.category_wrap .category p { margin-right:10px; } +.btn_inner { width:24px; height:24px; background:transparent; border-color:transparent; padding:0; color:#999; font-size:1em; border-radius:50px; } +.btn_inner:hover { box-shadow:none; color:#333; } +.btn_inner .icon-file-down { } /*select 디자인****************************************************************************************************************************************/ -select { padding-left:5px; padding-right:25px !important; background:url(../../images/custom/arrow_down.svg) calc(100% - 10px) 50% no-repeat #fff; background-size:10px; cursor:pointer;transition:all .5s ease-in-out; overflow:hidden !important; text-overflow: ellipsis; white-space:nowrap; +select { padding-left:5px; padding-right:25px !important; background:url(/images/user/arrow_bottom.svg) calc(100% - 10px) 50% no-repeat #fff; background-size:10px; cursor:pointer;transition:all .5s ease-in-out; overflow:hidden !important; text-overflow: ellipsis; white-space:nowrap; -webkit-appearance: none;/* 화살표 없애기 for chrome */ -moz-appearance: none; /* 화살표 없애기 for firefox */ appearance: none;/* 화살표 없애기 공통 */ } select::-ms-expand { display: none;/* 화살표 없애기 for firefox */} @@ -285,40 +235,16 @@ ::-webkit-scrollbar-track {background: transparent; } ::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(25,25,25,0.5); -webkit-border-radius: 8px; border-radius: 8px; } -.overX { -ms-overflow-style:none; scrollbar-width:none; touch-action:pan-x; } -.overX::-webkit-scrollbar { display:none; } - input[type='checkbox'] { width:18px; height:18px; opacity:1; margin:0 10px 0 0; z-index:0; position:relative; cursor:pointer; } input[type='checkbox']::before { content:''; pointer-events:none; background:url(../../images/custom/check_on.svg) 50% 50% no-repeat #fff; background-size:contain; border:1px solid #333; width:calc(100% - 2px); height:calc(100% - 2px); display:inline-block; border-radius:2px; opacity:0; top:0; left:0; position:absolute; } input[type='checkbox']:checked::before { opacity:1; z-index:1; } input[type='checkbox']:checked + label { font-weight:600; } -/* input[type='checkbox'] + label {cursor:pointer; font-size:1em; font-weight:400; color:#999; position:relative; z-index:1; } -input[type='checkbox'] + label::before { content:''; display:inline-block;width:18px;height:18px; opacity:0; vertical-align:middle;margin-right:10px; border:1px solid #999; cursor:pointer; background:#fff;margin-top:-2px; transition:all .2s ease-in-out; } -input[type='checkbox']:hover + label::before { border:1px solid #666; font-weight:500; } -input[type='checkbox']:checked + label::before { border:1px solid #333; opacity:1; z-index:1;} -input[type='checkbox']:disabled + label::before { border:1px solid #d8d8d8; background:#f1f1f1; } -input[type='checkbox'] + label::after { content:'';display:inline-block; position:absolute; transition:all .2s ease-in-out; opacity:0; } -input[type='checkbox']:checked + label::after { opacity:1; } -input[type='checkbox'] + label::before { border-radius:2px; } -input[type='checkbox'] + label::after { width:18px; height:18px;left:2px; top:3px; background:url(../../images/custom/check_on.svg) 50% 50% no-repeat; background-size:contain; } -input[type='checkbox']:checked + label, input[type='checkbox']:disabled + label { color:#000; } -input[type='checkbox']:checked + label { font-weight:500; } */ - input[type='radio'] { width:18px; height:18px; opacity:1; margin:0 10px 0 0; z-index:1; position:relative; cursor:pointer; } input[type='radio']::before { content:''; pointer-events:none; background:url(../../images/custom/radio_on.svg) 50% 50% no-repeat #fff; background-size:10px; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #333; display:inline-block; border-radius:30px; opacity:0; top:0; left:0; position:absolute; } input[type='radio']:checked::before { opacity:1; z-index:1; } input[type='radio']:checked + label { font-weight:600; } -/* input[type='radio'] + label {cursor:pointer; font-size:1em; font-weight:400; color:#999;position:relative; z-index:1; } -input[type='radio'] + label::before { content:''; display:inline-block;width:18px;height:18px;opacity:0;vertical-align:middle;margin-right:10px; border:1px solid #999; cursor:pointer; background:url(../../images/custom/radio_on.svg) 50% 50% no-repeat #fff; background-size:0; margin-top:-2px; transition:all .2s ease-in-out; } -input[type='radio']:hover + label::before { border:1px solid #666; font-weight:500; } -input[type='radio']:checked + label::before { border:1px solid #333; z-index:1; opacity:1;} -input[type='radio']:disabled + label::before { border:1px solid #d8d8d8; background:#f1f1f1; } -input[type='radio']:checked + label::before { background:url(../../images/custom/radio_on.svg) 50% 50% no-repeat #fff; background-size:10px; } -input[type='radio'] + label::before { border-radius:10px; } -input[type='radio']:hover + label, input[type='radio']:checked + label, input[type='radio']:disabled + label { color:#333; } -input[type='radio']:checked + label { font-weight:500; } */ /*가로,세로,마진,패딩 설정****************************************************************************************************************************************/ /* 가로사이즈% (테이블 col class로 사용 필요할 경우 class 추가) */ Index: base3.10/src/main/webapp/html/design/css/board.css =================================================================== --- base3.10/src/main/webapp/html/design/css/board.css (revision 54) +++ base3.10/src/main/webapp/html/design/css/board.css (revision 55) @@ -1,14 +1,6 @@ @charset "UTF-8"; /* CSS Document */ -/***************************************************************************************************************************************** -생성일: 2018/10/08 -수정일: -수정자: hello@dx2.kr -주석간 간격 두줄 구분은 한줄사용 -*****************************************************************************************************************************************/ - - /*basic list*/ .board_list { width:100%; table-layout:fixed; border-top:2px solid #333; } .board_list tr { transition:all 0.3s; } @@ -32,11 +24,18 @@ .board_content { padding:50px 0; border-bottom:1px solid #ededed; } /*basic write*/ -.board_write { width:100%; border-top:1px solid #666; } -.board_write ul > li { width:100%; border-bottom: 1px solid #ededed; padding:15px 0; position:relative; transition:all 0.3s;} +.board_write { width:100%; border-top:2px solid #333; } +.board_write ul li > .title { display:block; margin-bottom:15px; font-weight:900; font-size:1.3em; } +.board_write ul > li { width:100%; border-bottom:1px solid #ededed; padding:25px 0; position:relative;} +.board_write ul > li .exp { margin:-5px 0 15px 0; display: block; color:#727272; } .board_write ul > li::after { content:''; display:block; clear:both; } -.board_write ul > li .item_text .board_title { display:block; font-weight:500; font-size:1.3em; margin-bottom:15px; color:#000; letter-spacing: -.5px; } -.board_write ul > li .item_text { width:100%; } +.board_write ul > li .input_wrap { margin-bottom:5px; } +.board_write ul > li .input_wrap:last-child { margin-bottom:0; } + +.caption { display:block; margin-bottom:20px; } +.caption .must { font-weight:600; color:#555; } +.caption .must em { font-size:1.3em; color:#c51b00; display:inline-block; line-height:.8em; vertical-align:bottom; } +.mustText { color:#c51b00; font-weight:600; display: inline-block; margin-left:5px; font-size:1.3em; line-height:.8em;vertical-align:bottom; } /*페이지수*/ .sorting_wrap { margin-bottom:30px; color:#666; } @@ -45,26 +44,22 @@ .sorting_wrap .total .count { color:#1524cc; font-weight:900; } /*검색*/ -.search_box { float:right; width:300px; height:40px; position:relative; border:1px solid #d9d9d9; border-radius:50px; box-shadow:0 0 15px 0 rgba(0,0,0,0.2); transition:all 0.3s; } -.search_box:hover { border:1px solid #333; } +.search_box { float:right; width:300px; height:40px; position:relative; border:1px solid #d9d9d9; border-radius:50px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); transition:all 0.3s; } +.search_box:hover { border:1px solid #333; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); } .search_box .inputText { width:calc(100% - 40px); font-weight:600; height:100%; float:left; border:none; padding-left:15px; border-radius:40px 0 0 40px !important; } .search_box .btn_search { width:40px; height:100%; font-size:1.2em; border:none; border-radius:0 40px 40px 0 !important; color:#ccc; transition:all 0.3s; } .search_box button:hover, .search_box .inputText:hover { box-shadow:none; } .search_box .btn_search:hover { color:#000; } /*pagenation*/ -.pagination { margin:0 auto 0; text-align:center; position:relative; } +.pagination { margin:0 auto; text-align:center; position:relative; } .pagination ul {display:flex; justify-content:center; padding-left:0; border-radius:4px; } .pagination li { box-sizing:border-box; position:relative; cursor:pointer; display:inline-block; margin:0 5px; } .pagination li a { display:inline-block; cursor:pointer; border-radius:50px; width:30px; height:30px; line-height:30px; color:#333; font-size:1em; transition:background-color 0.3s;} .pagination li a:hover { background-color:#ededed; } .pagination li.active a { font-weight:bold; color:#fff; background:#333; } .pagination .first, .pagination .last, .pagination .next, .pagination .prev { margin:0 2px; } -/*.pagination .first a, .pagination .last a, .pagination .next a, .pagination .prev a { text-indent: -5000px; } -.pagination .prev, .pagination .prev a:hover { background:url(/images/custom/arrow_left.svg) 50% 50% no-repeat; background-size:6px; } -.pagination .next, .pagination .next a:hover { background:url(/images/custom/arrow_right.svg) 50% 50% no-repeat; background-size:6px; } -.pagination .first, .pagination .first a:hover { background:url(/images/custom/arrow_double_left.svg) 50% 50% no-repeat; background-size:9px; } -.pagination .last, .pagination .last a:hover { background:url(/images/custom/arrow_double_right.svg) 50% 50% no-repeat; background-size:9px; }*/ +.bottom_wrap .pagination { position:absolute; left:50%; transform:translateX(-50%); display:inline-block; } /* input text show */ .text_show { position:relative; transition:all 0.3s; } Index: base3.10/src/main/webapp/html/design/fonts/icomoon.woff =================================================================== Cannot display: file marked as a binary type. svn:mime-type = application/octet-stream Index: base3.10/src/main/webapp/html/design/fonts/icomoon.eot =================================================================== Cannot display: file marked as a binary type. svn:mime-type = application/octet-stream Index: base3.10/src/main/webapp/html/design/fonts/icomoon.svg =================================================================== --- base3.10/src/main/webapp/html/design/fonts/icomoon.svg (revision 54) +++ base3.10/src/main/webapp/html/design/fonts/icomoon.svg (revision 55) @@ -7,13 +7,35 @@ <font-face units-per-em="1024" ascent="960" descent="-64" /> <missing-glyph horiz-adv-x="1024" /> <glyph unicode="&#x20;" horiz-adv-x="512" d="" /> -<glyph unicode="&#xe900;" glyph-name="arrow-dl" horiz-adv-x="938" d="M868.709-64c-18.45 0-35.363 6.15-49.201 19.988l-442.811 442.811c-27.676 27.676-27.676 70.727 0 98.402l442.811 442.811c27.676 27.676 70.727 27.676 98.402 0s27.676-70.727 0-98.402l-393.61-393.61 393.61-393.61c27.676-27.676 27.676-70.727 0-98.402-13.838-13.838-30.751-19.988-49.201-19.988zM512-64c-18.45 0-35.363 6.15-49.201 19.988l-442.811 442.811c-27.676 27.676-27.676 70.727 0 98.402l442.811 442.811c27.676 27.676 70.727 27.676 98.402 0s27.676-70.727 0-98.402l-393.61-393.61 393.61-393.61c27.676-27.676 27.676-70.727 0-98.402-13.838-13.838-30.751-19.988-49.201-19.988z" /> -<glyph unicode="&#xe901;" glyph-name="arrow-dr" horiz-adv-x="938" d="M69.189-64c-18.45 0-35.363 6.15-49.201 19.988-27.676 27.676-27.676 70.727 0 98.402l393.61 393.61-393.61 393.61c-27.676 27.676-27.676 70.727 0 98.402s70.727 27.676 98.402 0l442.811-442.811c27.676-27.676 27.676-70.727 0-98.402l-442.811-442.811c-13.838-13.838-30.751-19.988-49.201-19.988zM425.898-64c-18.45 0-35.363 6.15-49.201 19.988-27.676 27.676-27.676 70.727 0 98.402l393.61 393.61-393.61 393.61c-27.676 27.676-27.676 70.727 0 98.402s70.727 27.676 98.402 0l442.811-442.811c27.676-27.676 27.676-70.727 0-98.402l-442.811-442.811c-13.838-13.838-30.751-19.988-49.201-19.988z" /> -<glyph unicode="&#xe902;" glyph-name="arrow-l" horiz-adv-x="581" d="M512-64c-18.45 0-35.363 6.15-49.201 19.988l-442.811 442.811c-27.676 27.676-27.676 70.727 0 98.402l442.811 442.811c27.676 27.676 70.727 27.676 98.402 0s27.676-70.727 0-98.402l-393.61-393.61 393.61-393.61c27.676-27.676 27.676-70.727 0-98.402-13.838-13.838-30.751-19.988-49.201-19.988z" /> -<glyph unicode="&#xe903;" glyph-name="arrow-r" horiz-adv-x="581" d="M69.189-64c-18.45 0-35.363 6.15-49.201 19.988-27.676 27.676-27.676 70.727 0 98.402l393.61 393.61-393.61 393.61c-27.676 27.676-27.676 70.727 0 98.402s70.727 27.676 98.402 0l442.811-442.811c27.676-27.676 27.676-70.727 0-98.402l-442.811-442.811c-13.838-13.838-30.751-19.988-49.201-19.988z" /> -<glyph unicode="&#xe904;" glyph-name="arrow-t" horiz-adv-x="1929" d="M105.205-64c-28.055 0-56.11 14.027-77.151 35.068-42.082 42.082-35.068 112.219 7.014 147.288l862.685 813.589c42.082 42.082 112.219 35.068 147.288-7.014 42.082-42.082 35.068-112.219-7.014-147.288l-862.685-813.589c-21.041-21.041-42.082-28.055-70.137-28.055zM1823.562-64c-28.055 0-49.096 7.014-70.137 28.055l-855.671 813.589c-42.082 42.082-42.082 105.205-7.014 147.288 42.082 42.082 105.205 42.082 147.288 7.014l855.671-813.589c42.082-42.082 42.082-105.205 7.014-147.288-21.041-21.041-49.096-35.068-77.151-35.068z" /> -<glyph unicode="&#xe905;" glyph-name="arrow-b" horiz-adv-x="1929" d="M1823.562 960c28.055 0 56.11-14.027 77.151-35.068 42.082-42.082 35.068-112.219-7.014-147.288l-855.671-813.589c-42.082-42.082-105.205-35.068-147.288 7.014s-35.068 112.219 7.014 147.288l855.671 813.589c21.041 21.041 42.082 28.055 70.137 28.055zM105.205 960c28.055 0 49.096-7.014 70.137-28.055l862.685-813.589c42.082-42.082 42.082-105.205 7.014-147.288-42.082-42.082-105.205-42.082-147.288-7.014l-862.685 813.589c-42.082 42.082-49.096 105.205-7.014 147.288 21.041 21.041 49.096 35.068 77.151 35.068z" /> -<glyph unicode="&#xe906;" glyph-name="blank" d="M749.469 369.759c-21.962 0-41.18 19.217-41.18 41.18v233.351h-233.351c-21.962 0-41.18 19.217-41.18 41.18s19.217 41.18 41.18 41.18h274.531c21.962 0 41.18-19.217 41.18-41.18v-274.531c0-21.962-19.217-41.18-41.18-41.18zM266.295 161.115c-10.981 0-21.962 2.745-30.198 10.981-16.472 16.472-16.472 41.18 0 57.651l483.174 485.92c16.472 16.472 41.18 16.472 57.651 0s16.472-41.18 0-57.651l-480.429-485.92c-8.236-8.236-19.217-10.981-30.198-10.981zM771.432-64h-521.609c-140.011 0-252.568 112.558-252.568 252.568v521.609c0 140.011 112.558 252.568 252.568 252.568h301.984c21.962 0 41.18-19.217 41.18-41.18s-19.217-41.18-41.18-41.18h-301.984c-93.34 0-170.209-76.869-170.209-170.209v-521.609c0-93.34 76.869-170.209 170.209-170.209h521.609c93.34 0 170.209 76.869 170.209 170.209v301.984c0 21.962 19.217 41.18 41.18 41.18s41.18-19.217 41.18-41.18v-301.984c0-140.011-112.558-252.568-252.568-252.568z" /> -<glyph unicode="&#xe908;" glyph-name="close" d="M958.638-64c-17.43 0-33.407 5.81-46.479 18.882l-893.277 893.277c-26.145 26.145-26.145 66.814 0 92.959s66.814 26.145 92.959 0l893.277-893.277c26.145-26.145 26.145-66.814 0-92.959-13.072-11.62-30.502-18.882-46.479-18.882zM65.362-64c-17.43 0-33.407 5.81-46.479 18.882-26.145 26.145-26.145 66.814 0 92.959l893.277 893.277c26.145 26.145 66.814 26.145 92.959 0s26.145-66.814 0-92.959l-893.277-893.277c-13.072-11.62-29.050-18.882-46.479-18.882z" /> -<glyph unicode="&#xe909;" glyph-name="search" horiz-adv-x="985" d="M404.382 151.236c-104.357 0-208.713 39.134-286.981 117.401-156.535 156.535-156.535 417.427 0 573.962v0c156.535 156.535 417.427 156.535 573.962 0s156.535-417.427 0-573.962c-78.268-78.268-182.624-117.401-286.981-117.401zM182.624 777.376c-117.401-117.401-117.401-313.070 0-436.994 117.401-117.401 313.070-117.401 436.994 0 117.401 117.401 117.401 313.070 0 436.994s-313.070 117.401-436.994 0v0zM932.688-64c-13.045 0-26.089 6.522-32.611 13.045l-300.025 300.025c-19.567 19.567-19.567 52.178 0 71.745s52.178 19.567 71.745 0l300.025-300.025c19.567-19.567 19.567-52.178 0-71.745-13.045-6.522-26.089-13.045-39.134-13.045z" /> +<glyph unicode="&#xe900;" glyph-name="file-down" horiz-adv-x="1001" d="M501.861 189.465c-12.673 0-25.347 5.069-35.485 15.208l-326.97 324.436c-20.277 20.277-20.277 50.693 0 70.97s50.693 20.277 70.97 0l288.95-288.95 288.95 288.95c20.277 20.277 50.693 20.277 70.97 0s20.277-50.693 0-70.97l-321.901-324.436c-10.139-10.139-22.812-15.208-35.485-15.208zM501.861 189.465c-27.881 0-50.693 22.812-50.693 50.693v669.149c0 27.881 22.812 50.693 50.693 50.693s50.693-22.812 50.693-50.693v-669.149c0-27.881-22.812-50.693-50.693-50.693zM950.495-64h-899.802c-27.881 0-50.693 22.812-50.693 50.693v314.297c0 27.881 22.812 50.693 50.693 50.693s50.693-22.812 50.693-50.693v-263.604h798.416v263.604c0 27.881 22.812 50.693 50.693 50.693s50.693-22.812 50.693-50.693v-314.297c0-27.881-22.812-50.693-50.693-50.693z" /> +<glyph unicode="&#xe901;" glyph-name="file-up" horiz-adv-x="1001" d="M950.495-64h-899.802c-27.881 0-50.693 22.812-50.693 50.693v314.297c0 27.881 22.812 50.693 50.693 50.693s50.693-22.812 50.693-50.693v-263.604h798.416v263.604c0 27.881 22.812 50.693 50.693 50.693s50.693-22.812 50.693-50.693v-314.297c0-27.881-22.812-50.693-50.693-50.693zM826.297 534.178c-12.673 0-25.347 5.069-35.485 15.208l-288.95 288.95-291.485-291.485c-20.277-20.277-50.693-20.277-70.97 0s-20.277 50.693 0 70.97l324.436 326.97c20.277 20.277 50.693 20.277 70.97 0l326.97-324.436c20.277-20.277 20.277-50.693 0-70.97-10.139-12.673-22.812-15.208-35.485-15.208zM501.861 189.465c-27.881 0-50.693 22.812-50.693 50.693v669.149c0 27.881 22.812 50.693 50.693 50.693s50.693-22.812 50.693-50.693v-669.149c0-27.881-22.812-50.693-50.693-50.693z" /> +<glyph unicode="&#xe902;" glyph-name="blank" d="M749.469 369.759c-21.962 0-41.18 19.217-41.18 41.18v233.351h-233.351c-21.962 0-41.18 19.217-41.18 41.18s19.217 41.18 41.18 41.18h274.531c21.962 0 41.18-19.217 41.18-41.18v-274.531c0-21.962-19.217-41.18-41.18-41.18zM266.295 161.115c-10.981 0-21.962 2.745-30.198 10.981-16.472 16.472-16.472 41.18 0 57.651l483.174 485.92c16.472 16.472 41.18 16.472 57.651 0s16.472-41.18 0-57.651l-480.429-485.92c-8.236-8.236-19.217-10.981-30.198-10.981zM771.432-64h-521.609c-140.011 0-252.568 112.558-252.568 252.568v521.609c0 140.011 112.558 252.568 252.568 252.568h301.984c21.962 0 41.18-19.217 41.18-41.18s-19.217-41.18-41.18-41.18h-301.984c-93.34 0-170.209-76.869-170.209-170.209v-521.609c0-93.34 76.869-170.209 170.209-170.209h521.609c93.34 0 170.209 76.869 170.209 170.209v301.984c0 21.962 19.217 41.18 41.18 41.18s41.18-19.217 41.18-41.18v-301.984c0-140.011-112.558-252.568-252.568-252.568z" /> +<glyph unicode="&#xe903;" glyph-name="close" d="M958.638-64c-17.43 0-33.407 5.81-46.479 18.882l-893.277 893.277c-26.145 26.145-26.145 66.814 0 92.959s66.814 26.145 92.959 0l893.277-893.277c26.145-26.145 26.145-66.814 0-92.959-13.072-11.62-30.502-18.882-46.479-18.882zM65.362-64c-17.43 0-33.407 5.81-46.479 18.882-26.145 26.145-26.145 66.814 0 92.959l893.277 893.277c26.145 26.145 66.814 26.145 92.959 0s26.145-66.814 0-92.959l-893.277-893.277c-13.072-11.62-29.050-18.882-46.479-18.882z" /> +<glyph unicode="&#xe904;" glyph-name="arrow-b" horiz-adv-x="1929" d="M1823.562 960c28.055 0 56.11-14.027 77.151-35.068 42.082-42.082 35.068-112.219-7.014-147.288l-855.671-813.589c-42.082-42.082-105.205-35.068-147.288 7.014s-35.068 112.219 7.014 147.288l855.671 813.589c21.041 21.041 42.082 28.055 70.137 28.055zM105.205 960c28.055 0 49.096-7.014 70.137-28.055l862.685-813.589c42.082-42.082 42.082-105.205 7.014-147.288-42.082-42.082-105.205-42.082-147.288-7.014l-862.685 813.589c-42.082 42.082-49.096 105.205-7.014 147.288 21.041 21.041 49.096 35.068 77.151 35.068z" /> +<glyph unicode="&#xe905;" glyph-name="arrow-t" horiz-adv-x="1929" d="M105.205-64c-28.055 0-56.11 14.027-77.151 35.068-42.082 42.082-35.068 112.219 7.014 147.288l862.685 813.589c42.082 42.082 112.219 35.068 147.288-7.014 42.082-42.082 35.068-112.219-7.014-147.288l-862.685-813.589c-21.041-21.041-42.082-28.055-70.137-28.055zM1823.562-64c-28.055 0-49.096 7.014-70.137 28.055l-855.671 813.589c-42.082 42.082-42.082 105.205-7.014 147.288 42.082 42.082 105.205 42.082 147.288 7.014l855.671-813.589c42.082-42.082 42.082-105.205 7.014-147.288-21.041-21.041-49.096-35.068-77.151-35.068z" /> +<glyph unicode="&#xe906;" glyph-name="arrow-dl" horiz-adv-x="938" d="M868.709-64c-18.45 0-35.363 6.15-49.201 19.988l-442.811 442.811c-27.676 27.676-27.676 70.727 0 98.402l442.811 442.811c27.676 27.676 70.727 27.676 98.402 0s27.676-70.727 0-98.402l-393.61-393.61 393.61-393.61c27.676-27.676 27.676-70.727 0-98.402-13.838-13.838-30.751-19.988-49.201-19.988zM512-64c-18.45 0-35.363 6.15-49.201 19.988l-442.811 442.811c-27.676 27.676-27.676 70.727 0 98.402l442.811 442.811c27.676 27.676 70.727 27.676 98.402 0s27.676-70.727 0-98.402l-393.61-393.61 393.61-393.61c27.676-27.676 27.676-70.727 0-98.402-13.838-13.838-30.751-19.988-49.201-19.988z" /> +<glyph unicode="&#xe907;" glyph-name="arrow-dr" horiz-adv-x="938" d="M69.189-64c-18.45 0-35.363 6.15-49.201 19.988-27.676 27.676-27.676 70.727 0 98.402l393.61 393.61-393.61 393.61c-27.676 27.676-27.676 70.727 0 98.402s70.727 27.676 98.402 0l442.811-442.811c27.676-27.676 27.676-70.727 0-98.402l-442.811-442.811c-13.838-13.838-30.751-19.988-49.201-19.988zM425.898-64c-18.45 0-35.363 6.15-49.201 19.988-27.676 27.676-27.676 70.727 0 98.402l393.61 393.61-393.61 393.61c-27.676 27.676-27.676 70.727 0 98.402s70.727 27.676 98.402 0l442.811-442.811c27.676-27.676 27.676-70.727 0-98.402l-442.811-442.811c-13.838-13.838-30.751-19.988-49.201-19.988z" /> +<glyph unicode="&#xe908;" glyph-name="arrow-l" horiz-adv-x="581" d="M512-64c-18.45 0-35.363 6.15-49.201 19.988l-442.811 442.811c-27.676 27.676-27.676 70.727 0 98.402l442.811 442.811c27.676 27.676 70.727 27.676 98.402 0s27.676-70.727 0-98.402l-393.61-393.61 393.61-393.61c27.676-27.676 27.676-70.727 0-98.402-13.838-13.838-30.751-19.988-49.201-19.988z" /> +<glyph unicode="&#xe909;" glyph-name="arrow-r" horiz-adv-x="581" d="M69.189-64c-18.45 0-35.363 6.15-49.201 19.988-27.676 27.676-27.676 70.727 0 98.402l393.61 393.61-393.61 393.61c-27.676 27.676-27.676 70.727 0 98.402s70.727 27.676 98.402 0l442.811-442.811c27.676-27.676 27.676-70.727 0-98.402l-442.811-442.811c-13.838-13.838-30.751-19.988-49.201-19.988z" /> +<glyph unicode="&#xe90a;" glyph-name="search" horiz-adv-x="985" d="M404.382 151.236c-104.357 0-208.713 39.134-286.981 117.401-156.535 156.535-156.535 417.427 0 573.962v0c156.535 156.535 417.427 156.535 573.962 0s156.535-417.427 0-573.962c-78.268-78.268-182.624-117.401-286.981-117.401zM182.624 777.376c-117.401-117.401-117.401-313.070 0-436.994 117.401-117.401 313.070-117.401 436.994 0 117.401 117.401 117.401 313.070 0 436.994s-313.070 117.401-436.994 0v0zM932.688-64c-13.045 0-26.089 6.522-32.611 13.045l-300.025 300.025c-19.567 19.567-19.567 52.178 0 71.745s52.178 19.567 71.745 0l300.025-300.025c19.567-19.567 19.567-52.178 0-71.745-13.045-6.522-26.089-13.045-39.134-13.045z" /> +<glyph unicode="&#xe90b;" glyph-name="minus" d="M0 448c0 37.053 30.316 67.368 67.368 67.368h889.263c37.053 0 67.368-30.316 67.368-67.368s-30.316-67.368-67.368-67.368h-889.263c-37.053 0-67.368 30.316-67.368 67.368z" /> +<glyph unicode="&#xe90c;" glyph-name="plus" d="M512-64c-37.053 0-67.368 30.316-67.368 67.368v889.263c0 37.053 30.316 67.368 67.368 67.368s67.368-30.316 67.368-67.368v-889.263c0-37.053-30.316-67.368-67.368-67.368zM0 448c0 37.053 30.316 67.368 67.368 67.368h889.263c37.053 0 67.368-30.316 67.368-67.368s-30.316-67.368-67.368-67.368h-889.263c-37.053 0-67.368 30.316-67.368 67.368z" /> +<glyph unicode="&#xe90d;" glyph-name="file-excel" horiz-adv-x="768" d="M739.657 764.238l-167.768 167.768c-17.997 17.997-42.391 28.194-67.787 28.194h-408.122c-52.989-0.2-95.98-43.191-95.98-96.182v-831.838c0-52.992 42.991-95.986 95.982-95.986h575.889c52.992 0 95.984 42.993 95.984 95.986v664.072c-0.003 25.394-10.202 49.99-28.199 67.986zM664.070 704.050h-152.17v152.17l152.17-152.17zM95.98 32.182v831.836h319.938v-207.959c0-26.594 21.393-47.991 47.988-47.991h207.961v-575.888l-575.886 0.002zM420.988 339.143l105.128 154.827h-74.938l-67.659-99.645-67.661 99.645h-74.936l105.128-154.827-104.49-153.888h74.936l67.021 98.708 67.023-98.708h74.936z" /> +<glyph unicode="&#xe90e;" glyph-name="file-img" horiz-adv-x="768" d="M739.655 764.039l-167.767 167.767c-17.997 17.997-42.391 28.194-67.787 28.194h-408.121c-52.989-0.2-95.98-43.191-95.98-96.181v-831.837c0-52.991 42.991-95.984 95.982-95.984h575.889c52.991 0 95.982 42.993 95.982 95.984v664.071c-0.002 25.394-10.2 49.989-28.197 67.986zM664.071 703.851h-152.172v152.17l152.172-152.17zM95.98 31.984v831.835h319.937v-207.959c0-26.594 21.395-47.991 47.989-47.991h207.96v-575.887h-575.887zM159.968 127.962h447.914v255.95l-46.99 46.99c-9.399 9.399-24.596 9.399-33.995 0l-174.965-174.963-78.985 78.986c-9.399 9.396-24.596 9.396-33.995 0l-78.985-78.986v-127.977zM255.95 607.871c-52.991 0-95.982-42.991-95.982-95.982s42.991-95.98 95.982-95.98 95.982 42.99 95.982 95.98-42.993 95.982-95.982 95.982z" /> +<glyph unicode="&#xe90f;" glyph-name="file-pdf" horiz-adv-x="768" d="M739.655 764.039l-167.767 167.767c-17.997 17.997-42.391 28.194-67.787 28.194h-408.121c-52.989-0.2-95.98-43.191-95.98-96.181v-831.837c0-52.991 42.991-95.984 95.982-95.984h575.889c52.991 0 95.982 42.993 95.982 95.984v664.071c-0.002 25.394-10.2 49.989-28.197 67.986zM664.071 703.851h-152.172v152.17l152.172-152.17zM95.98 31.984v831.835h319.937v-207.959c0-26.594 21.395-47.991 47.989-47.991h207.96v-575.887h-575.887zM596.284 319.324c-24.396 23.997-93.984 17.396-128.776 13-34.392 20.994-57.388 49.989-73.584 92.58 7.798 32.194 20.196 81.186 10.797 111.978-8.398 52.389-75.586 47.19-85.183 11.798-8.799-32.194-0.8-76.986 13.998-134.173-19.997-47.79-49.79-111.978-70.786-148.771-39.992-20.595-93.984-52.389-101.981-92.382-6.599-31.592 51.99-110.377 152.172 62.388 44.79 14.798 93.581 32.994 136.772 40.191 37.794-20.396 81.984-33.995 111.579-33.995 50.987 0.002 55.987 56.391 34.992 77.385zM200.159 163.758c10.199 27.394 48.99 58.986 60.788 69.986-37.992-60.587-60.788-71.386-60.788-69.986zM363.328 544.882c14.798 0 13.398-64.187 3.6-81.583-8.797 27.793-8.598 81.583-3.6 81.583zM314.537 271.736c19.397 33.792 35.993 73.985 49.391 109.38 16.597-30.196 37.794-54.391 60.188-70.987-41.591-8.598-77.784-26.195-109.579-38.392zM577.686 281.733c0 0-9.998-11.996-74.585 15.596 70.188 5.199 81.785-10.796 74.585-15.596z" /> +<glyph unicode="&#xe910;" glyph-name="file-ppt" horiz-adv-x="768" d="M739.655 764.039l-167.767 167.767c-17.997 17.997-42.391 28.194-67.787 28.194h-408.121c-52.989-0.2-95.98-43.191-95.98-96.181v-831.837c0-52.991 42.991-95.984 95.982-95.984h575.889c52.991 0 95.982 42.993 95.982 95.984v664.071c-0.002 25.394-10.2 49.989-28.197 67.986zM664.071 703.851h-152.172v152.17l152.172-152.17zM95.98 31.984v831.835h319.937v-207.959c0-26.594 21.395-47.991 47.989-47.991h207.96v-575.887h-575.887zM239.952 151.961v335.932c0 13.198 10.797 23.995 23.995 23.995h138.373c73.386 0 125.576-53.99 125.576-132.574 0-148.57-137.372-132.973-190.961-132.973v-94.381c0-13.198-10.797-23.997-23.995-23.997h-48.99c-13.2-0.002-23.997 10.799-23.997 23.997zM336.935 326.725h45.989c15.799 0 27.796 4.8 36.194 14.397 16.997 19.598 16.798 56.991 0.2 75.586-8.199 9.198-19.797 13.998-34.793 13.998h-47.79v-103.981h0.2z" /> +<glyph unicode="&#xe911;" glyph-name="file-reg" horiz-adv-x="768" d="M739.655 764.039l-167.767 167.767c-17.997 17.997-42.391 28.194-67.787 28.194h-408.121c-52.989-0.2-95.98-43.191-95.98-96.181v-831.837c0-52.991 42.991-95.984 95.982-95.984h575.889c52.991 0 95.982 42.993 95.982 95.984v664.071c-0.002 25.394-10.2 49.989-28.197 67.986zM664.071 703.851h-152.172v152.17l152.172-152.17zM95.98 31.984v831.835h319.937v-207.959c0-26.594 21.395-47.991 47.989-47.991h207.96v-575.887h-575.887z" /> +<glyph unicode="&#xe912;" glyph-name="file-word" horiz-adv-x="768" d="M739.655 764.039l-167.767 167.767c-17.997 17.997-42.391 28.194-67.787 28.194h-408.121c-52.989-0.2-95.98-43.191-95.98-96.181v-831.837c0-52.991 42.991-95.984 95.982-95.984h575.889c52.991 0 95.982 42.993 95.982 95.984v664.071c-0.002 25.394-10.2 49.989-28.197 67.986zM664.071 703.851h-152.172v152.17l152.172-152.17zM95.98 31.984v831.835h319.937v-207.959c0-26.594 21.395-47.991 47.989-47.991h207.96v-575.887h-575.887zM536.096 477.139c-11.399 0-21.196-7.997-23.397-18.996-41.191-195.362-40.792-190.764-41.992-206.961-0.399 2.401-0.8 5.199-1.398 8.599-1.601 10.199 0.6-0.399-47.19 198.96-2.6 10.799-12.199 18.397-23.397 18.397h-26.596c-10.999 0-20.595-7.598-23.395-18.196-48.791-197.963-47.991-192.363-49.59-207.36-0.2 2.2-0.399 5.001-0.999 8.402-1.4 10.397-28.195 146.572-38.193 197.959-2.2 11.2-11.998 19.397-23.596 19.397h-33.592c-15.596 0-26.995-14.596-23.397-29.595 15.998-65.186 53.39-218.957 66.388-271.946 2.6-10.796 12.197-18.196 23.397-18.196h50.39c10.999 0 20.595 7.401 23.194 18.196l35.794 142.773c2.999 12.398 5 23.997 5.999 34.595l5.799-34.595c0.2-0.8 25.194-100.978 35.794-142.773 2.599-10.598 12.197-18.196 23.194-18.196h49.391c10.999 0 20.597 7.401 23.196 18.196 41.591 163.77 60.388 237.955 68.985 271.946 3.799 15.2-7.598 29.795-23.196 29.795h-31.592v-0.401z" /> +<glyph unicode="&#xe913;" glyph-name="file-zip" horiz-adv-x="768" d="M739.655 764.238l-167.768 167.768c-17.997 17.997-42.391 28.194-67.787 28.194h-408.122c-52.987-0.2-95.979-43.191-95.979-96.182v-831.838c0-52.994 42.991-95.987 95.982-95.987h575.888c52.994 0 95.986 42.993 95.986 95.987v664.072c-0.005 25.394-10.204 49.99-28.201 67.986zM664.069 704.050h-152.172v152.17l152.172-152.17zM95.979 32.182v831.836h319.938v-207.959c0-26.594 21.392-47.991 47.986-47.991h207.962v-575.888l-575.886 0.002zM209.624 263.863l78.923 120.784h-71.374v28.137h112.778v-20.131l-78.694-120.784h79.609v-28.366h-121.244v20.36zM360.826 412.786h33.857v-169.283h-33.857v169.283zM436.309 412.786h55.589c37.517 0 66.342-13.038 66.342-53.072 0-38.661-29.054-56.047-65.425-56.047h-22.647v-60.163h-33.861v169.281zM490.528 330.432c23.332 0 34.542 9.838 34.542 29.281 0 19.674-12.356 26.309-35.687 26.309h-19.214v-55.589h20.36z" /> +<glyph unicode="&#xe914;" glyph-name="cal" horiz-adv-x="964" d="M849.886-64h-735.976c-62.782 0-113.911 51.083-113.911 113.911v637.541c0 62.782 51.083 113.911 113.911 113.911h736.022c62.782 0 113.911-51.083 113.911-113.911v-637.541c-0.046-62.828-51.129-113.911-113.957-113.911zM113.911 704.127c-9.166 0-16.628-7.508-16.628-16.674v-637.541c0-9.166 7.462-16.674 16.628-16.674h736.022c9.166 0 16.628 7.508 16.628 16.674v637.541c0 9.212-7.462 16.674-16.628 16.674h-736.022zM337.265 794.592c0-7.232-5.85-13.082-13.035-13.082h-100.599c-7.186 0-13.035 5.85-13.035 13.082v152.372c0 7.232 5.85 13.082 13.035 13.082h100.599c7.186 0 13.035-5.85 13.035-13.082v-152.372zM753.249 794.592c0-7.232-5.85-13.082-13.035-13.082h-100.599c-7.186 0-13.035 5.85-13.035 13.082v152.372c0 7.232 5.85 13.082 13.035 13.082h100.599c7.186 0 13.035-5.85 13.035-13.082v-152.372zM333.626 432.915c0-14.417-11.7-26.117-26.117-26.117h-74.39c-14.417 0-26.117 11.7-26.117 26.117v74.436c0 14.417 11.7 26.117 26.117 26.117h74.39c14.417 0 26.117-11.7 26.117-26.117v-74.436zM545.234 432.915c0-14.417-11.7-26.117-26.117-26.117h-74.39c-14.417 0-26.117 11.7-26.117 26.117v74.436c0 14.417 11.7 26.117 26.117 26.117h74.39c14.417 0 26.117-11.7 26.117-26.117v-74.436zM756.842 432.915c0-14.417-11.7-26.117-26.117-26.117h-74.39c-14.417 0-26.117 11.7-26.117 26.117v74.436c0 14.417 11.7 26.117 26.117 26.117h74.39c14.417 0 26.117-11.7 26.117-26.117v-74.436zM333.626 230.013c0-14.417-11.7-26.117-26.117-26.117h-74.39c-14.417 0-26.117 11.7-26.117 26.117v74.39c0 14.417 11.7 26.117 26.117 26.117h74.39c14.417 0 26.117-11.7 26.117-26.117v-74.39zM545.234 230.013c0-14.417-11.7-26.117-26.117-26.117h-74.39c-14.417 0-26.117 11.7-26.117 26.117v74.39c0 14.417 11.7 26.117 26.117 26.117h74.39c14.417 0 26.117-11.7 26.117-26.117v-74.39zM756.842 230.013c0-14.417-11.7-26.117-26.117-26.117h-74.39c-14.417 0-26.117 11.7-26.117 26.117v74.39c0 14.417 11.7 26.117 26.117 26.117h74.39c14.417 0 26.117-11.7 26.117-26.117v-74.39z" /> +<glyph unicode="&#xe915;" glyph-name="trash" horiz-adv-x="896" d="M536 128h48c13.255 0 24 10.745 24 24v0 432c0 13.255-10.745 24-24 24v0h-48c-13.255 0-24-10.745-24-24v0-432c0-13.255 10.745-24 24-24v0zM864 800h-164.82l-68 113.4c-17.083 28.11-47.539 46.6-82.314 46.6-0.016 0-0.032 0-0.048 0h-201.637c-0.002 0-0.004 0-0.006 0-34.775 0-65.231-18.49-82.074-46.175l-0.24-0.425-68.040-113.4h-164.82c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0h32v-672c0-53.019 42.981-96 96-96v0h576c53.019 0 96 42.981 96 96v0 672h32c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32v0zM343.68 858.18c2.136 3.511 5.941 5.82 10.286 5.82 0.012 0 0.024 0 0.036 0h187.998c0.004 0 0.009 0 0.014 0 4.345 0 8.15-2.309 10.256-5.767l0.030-0.053 34.92-58.18h-278.44zM736 32h-576v672h576zM312 128h48c13.255 0 24 10.745 24 24v0 432c0 13.255-10.745 24-24 24v0h-48c-13.255 0-24-10.745-24-24v0-432c0-13.255 10.745-24 24-24v0z" /> +<glyph unicode="&#xe916;" glyph-name="file" horiz-adv-x="892" d="M811.952 458.371c-6.798 6.638-18.323 6.369-24.881-0.312l-354.442-362.583c-36.77-37.605-85.595-58.339-137.441-58.339-52.195 0-101.223 20.981-138.117 59.007-75.979 78.412-74.868 206.623 2.535 285.761l432.128 442.041c44.163 45.063 120.411 44.976 164.457 0 46.203-47.307 46.203-124.216 0-171.473l-376.665-384.901c-14.808-15.091-40.023-14.852-54.504 0.465-15.2 16.173-14.539 42.594 1.503 59.007l296.096 302.465c6.79 6.936 6.667 18.069-0.24 24.896l-47.104 46.058c-6.667 6.609-18.316 6.5-24.874-0.24l-296.096-302.465c-53.509-54.737-54.773-143.956-2.832-199.005 26.718-28.287 62.58-43.858 101.1-43.858 37.481 0 72.704 14.91 99.161 41.94l376.672 384.966c84.295 86.227 84.295 226.551 0 312.763-41.214 42.187-96.060 65.434-154.464 65.434s-113.272-23.247-154.486-65.434l-432.128-442.012c-115.334-117.942-116.598-309.379-2.796-426.783 56.124-57.867 130.963-89.771 210.777-89.771 79.16 0 153.607 31.548 209.6 88.863l354.442 362.554c3.304 3.377 5.047 7.742 4.997 12.441 0 4.735-1.939 9.136-5.294 12.382l-47.104 46.131z" /> +<glyph unicode="&#xea3a;" glyph-name="arrow-thin-u" d="M877.254 557.254l-320 320c-24.992 24.994-65.514 24.994-90.508 0l-320-320c-24.994-24.994-24.994-65.516 0-90.51 24.994-24.996 65.516-24.996 90.51 0l210.744 210.746v-613.49c0-35.346 28.654-64 64-64s64 28.654 64 64v613.49l210.746-210.746c12.496-12.496 28.876-18.744 45.254-18.744s32.758 6.248 45.254 18.746c24.994 24.994 24.994 65.514 0 90.508z" /> +<glyph unicode="&#xea3c;" glyph-name="arrow-thin-r" d="M621.254 82.746l320 320c24.994 24.992 24.994 65.516 0 90.51l-320 320c-24.994 24.992-65.516 24.992-90.51 0-24.994-24.994-24.994-65.516 0-90.51l210.746-210.746h-613.49c-35.346 0-64-28.654-64-64s28.654-64 64-64h613.49l-210.746-210.746c-12.496-12.496-18.744-28.876-18.744-45.254s6.248-32.758 18.744-45.254c24.994-24.994 65.516-24.994 90.51 0z" /> +<glyph unicode="&#xea3e;" glyph-name="arrow-thin-d" d="M877.254 338.746l-320-320c-24.992-24.994-65.514-24.994-90.508 0l-320 320c-24.994 24.994-24.994 65.516 0 90.51 24.994 24.996 65.516 24.996 90.51 0l210.744-210.746v613.49c0 35.346 28.654 64 64 64s64-28.654 64-64v-613.49l210.746 210.746c12.496 12.496 28.876 18.744 45.254 18.744s32.758-6.248 45.254-18.746c24.994-24.994 24.994-65.514 0-90.508z" /> +<glyph unicode="&#xea40;" glyph-name="arrow-thin-l" d="M402.746 82.746l-320 320c-24.994 24.992-24.994 65.516 0 90.51l320 320c24.994 24.992 65.516 24.992 90.51 0 24.994-24.994 24.994-65.516 0-90.51l-210.746-210.746h613.49c35.346 0 64-28.654 64-64s-28.654-64-64-64h-613.49l210.746-210.746c12.496-12.496 18.744-28.876 18.744-45.254s-6.248-32.758-18.744-45.254c-24.994-24.994-65.516-24.994-90.51 0z" /> +<glyph unicode="&#xea41;" glyph-name="circle-up" d="M0 448c0-282.77 229.23-512 512-512s512 229.23 512 512-229.23 512-512 512-512-229.23-512-512zM928 448c0-229.75-186.25-416-416-416s-416 186.25-416 416 186.25 416 416 416 416-186.25 416-416zM706.744 290.744l90.512 90.512-285.256 285.254-285.254-285.256 90.508-90.508 194.746 194.744z" /> +<glyph unicode="&#xea42;" glyph-name="circle-right" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 32c-229.75 0-416 186.25-416 416s186.25 416 416 416 416-186.25 416-416-186.25-416-416-416zM354.744 253.256l90.512-90.512 285.254 285.256-285.256 285.254-90.508-90.508 194.744-194.746z" /> +<glyph unicode="&#xea43;" glyph-name="circle-down" d="M1024 448c0 282.77-229.23 512-512 512s-512-229.23-512-512 229.23-512 512-512 512 229.23 512 512zM96 448c0 229.75 186.25 416 416 416s416-186.25 416-416-186.25-416-416-416-416 186.25-416 416zM317.256 605.256l-90.512-90.512 285.256-285.254 285.254 285.256-90.508 90.508-194.746-194.744z" /> +<glyph unicode="&#xea44;" glyph-name="circle-left" d="M512-64c282.77 0 512 229.23 512 512s-229.23 512-512 512-512-229.23-512-512 229.23-512 512-512zM512 864c229.75 0 416-186.25 416-416s-186.25-416-416-416-416 186.25-416 416 186.25 416 416 416zM669.256 642.744l-90.512 90.512-285.254-285.256 285.256-285.254 90.508 90.508-194.744 194.746z" /> </font></defs></svg> \ No newline at end of file Index: base3.10/src/main/webapp/html/design/fonts/icomoon.ttf =================================================================== Cannot display: file marked as a binary type. svn:mime-type = application/octet-stream Index: base3.10/src/main/webapp/html/design/index.html =================================================================== --- base3.10/src/main/webapp/html/design/index.html (revision 54) +++ base3.10/src/main/webapp/html/design/index.html (revision 55) @@ -6,7 +6,6 @@ <? include_once("inc/footer.html") ?> <script> var rellax = new Rellax('.rellax'); //parallax - $("html").easeScroll(); //smooth scroll </script> </div> </body> Index: base3.10/src/main/webapp/html/design/content/common/login.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/login.html (nonexistent) +++ base3.10/src/main/webapp/html/design/content/common/login.html (revision 55) @@ -0,0 +1,79 @@ +<? include_once("../../inc/header.html") ?> +<body> +<? include_once("../../inc/top.html") ?> +<div class="sub_container" id="contents"> + <!--title--> + <div class="sub_title"> + <div class="inner"> + <div class="sub_title_top"> + <div class="breadcrumb"> + <ul> + <li class="home"><a href="/" title="메인화면으로 이동" class="link">home</a></li> + <li class="next"><span class="icon-arrow-r"></span><em class="blind">다음</em></li> + <li class="btn_location"><strong><span class="blind">현재페이지</span>login</strong></li> + </ul> + </div> + </div> + <div class="title"> + <h2>login</h2> + </div> + </div> + </div> + + <!--title--> + <div class="inner"> + <div class="login_wrap"> + <div class="login"> + <ul> + <li> + <div class="login_input"> + <label for="loginId"><em class="blind">E-mail</em></label> + <input type="text" class="inputText" id="loginId" title="E-mail 입력" placeholder="이메일을 입력해주세요"> + </div> + </li> + <li> + <div class="login_input"> + <label for="loginPw"><em class="blind">Password</em></label> + <input type="password" class="inputText" id="loginPw" title="암호 입력" placeholder="암호를 입력해주세요"> + </div> + </li> + <li> + <button type="button" class="btn_l bg_navy" id="loginBtn" title="로그인">로그인</button> + </li> + </ul> + </div> + <div class="benefit"> + <p>※ APCTP 회원으로 가입하시면,<br> + 다음과 같은 다양한 정보와 서비스를 무료로 받으실 수 있습니다.</p> + <ul> + <li> + <div class="img"><img src="/images/user/icon_benefit1.svg" alt="메일링서비스이미지"></div> + <div class="text"><strong>메일링서비스</strong> + <p>Bulletin 신청</p> + <p>APCTP 학술행사 안내</p> + <p>과학커뮤니케이션 행사 안내</p> + </div> + </li> + <li> + <div class="img"><img src="/images/user/icon_benefit2.svg" alt="학술활동, 국제협력이미지이미지"></div> + <div class="text"><strong>학술활동, 국제협력</strong> + <p>학술 프로그램 신청</p> + <p>VOD 서비스</p> + </div> + </li> + <li> + <div class="img"><img src="/images/user/icon_benefit3.svg" alt="과학커뮤니케이션 프로그램"></div> + <div class="text"><strong>과학커뮤니케이션 프로그램</strong> + <p>행사 참가 신청 가능</p> + <p>행사 VOD 서비스</p> + <p>행사 포토 다운로드</p> + </div> + </li> + </ul> + </div> + </div> + </div> +</div> +<? include_once("../../inc/footer.html") ?> +</body> +</html> \ No newline at end of file Property changes on: base3.10/src/main/webapp/html/design/content/common/login.html ___________________________________________________________________ Added: svn:mime-type + text/plain Index: base3.10/src/main/webapp/html/design/content/common/magazine_list.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/magazine_list.html (revision 54) +++ base3.10/src/main/webapp/html/design/content/common/magazine_list.html (revision 55) @@ -18,7 +18,7 @@ <h2>2022년 1월 통권 196호</h2> <em>the 196th. 2022 january</em> </div> </div> - <img src="/images/custom/main_bg.jpg" alt=""> </div> + <img src="/images/user/main_bg.jpg" alt=""> </div> <!--title--> <div class="fixed-menu"> <div class="inner"> @@ -39,15 +39,15 @@ <div class="title"><a href="/content/common/topic_list.html" class="category link">Cross Street</a></div> </div> <ul> - <li> <a href="../common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="../common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="../common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="../common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> @@ -58,7 +58,7 @@ <div class="title"><a href="/content/common/topic_list.html" class="category link">APCTP Plaza</a></div> </div> <ul> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> @@ -69,19 +69,19 @@ <div class="title"><a href="/content/common/topic_list.html" class="category link">SCI-FI</a></div> </div> <ul> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> @@ -92,11 +92,11 @@ <div class="title"><a href="/content/common/topic_list.html" class="category link">SF Review</a></div> </div> <ul> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> @@ -107,7 +107,42 @@ </div> </div> <script> - + // 웹진 목록 + var controller = new ScrollMagic.Controller(); + var sec1 = $("#sec1").outerHeight(); + var sec2 = $("#sec2").outerHeight(); + var sec3 = $("#sec3").outerHeight(); + var sec4 = $("#sec4").outerHeight(); + // build scenes + new ScrollMagic.Scene({triggerElement: "#sec1", triggerHook:0.1}) + .duration(sec1) + .setClassToggle(".move1", "active") // add class toggle + .addTo(controller); + new ScrollMagic.Scene({triggerElement: "#sec2", triggerHook:0.1}) + .duration(sec2) + .setClassToggle(".move2", "active") // add class toggle + .addTo(controller); + new ScrollMagic.Scene({triggerElement: "#sec3", triggerHook:0.1}) + .duration(sec3) + .setClassToggle(".move3", "active") // add class toggle + .addTo(controller); + new ScrollMagic.Scene({triggerElement: "#sec4", triggerHook:0.1}) + .duration(sec4) + .setClassToggle(".move4", "active") // add class toggle + .addTo(controller); + new ScrollMagic.Scene({triggerElement: ".fixed-menu", triggerHook: 0}) + .setClassToggle(".move, .fixed-menu", "fix") // add class toggle + .addTo(controller); + var revealElements = $(".article_wrap") + for (var i=0; i<revealElements.length; i++) { + var scene2 = new ScrollMagic.Scene({ + triggerElement: revealElements[i], + triggerHook: 0.7 + }) + .setClassToggle(revealElements[i], "active") // add class toggle + .addTo(controller) + //.addIndicators({name: "article_wrap"}) + } </script> <? include_once("../../inc/footer.html") ?> <? include_once("../../inc/popup.html") ?> Index: base3.10/src/main/webapp/html/design/content/common/notice_write.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/notice_write.html (nonexistent) +++ base3.10/src/main/webapp/html/design/content/common/notice_write.html (revision 55) @@ -0,0 +1,128 @@ +<? include_once("../../inc/header.html") ?> +<body> +<? include_once("../../inc/top.html") ?> +<div class="sub_container" id="contents"> + <div class="sub_title"> + <div class="inner"> + <div class="sub_title_top"> + <div class="breadcrumb"> + <ul> + <li class="home"><a href="/" title="메인화면으로 이동" class="link">home</a></li> + <li class="next"><span class="icon-arrow-r"></span><em class="blind">다음</em></li> + <li class="btn_location"> <a class="now link" href="/content/common/notice_list.html" title="공지사항">공지사항</a> </li> + <li class="next"><span class="icon-arrow-r"></span><em class="blind">다음</em></li> + <li class="btn_location"><strong><span class="blind">현재페이지</span>공지사항 작성</strong></li> + </ul> + </div> + </div> + <div class="title"> + <h2>공지사항 작성</h2> + <em>notice & board</em> </div> + </div> + </div> + <div class="inner"> + <div class="caption alignR"><p class="must"><em>*</em> 는 필수항목입니다</p></div> + <div class="board_write"> + <ul> + <!--제목--> + <li class="must"><strong class="title">제목</strong> + <div class="input_wrap"> + <div class="text_show"> + <label for="title">제목을 입력해주세요</label> + <input type="text" class="inputText width100p" title="제목을 입력해주세요" id="title" > + </div> + </div> + </li> + <!--카테고리--> + <li><strong class="title">카테고리</strong> + <em class="exp">※ 업체를 홍보할 수 있는 자료를 업로드해주세요 (회사소개서, 리플렛 등)</em> + <div class="input_wrap"> + <select class="selectText width200" id="realmCodeLclas" title="대분류를 선택하세요"> + <option value="0">대분류</option> + </select> + <select class="selectText width200" id="realmCodeSclas" title="소분류를 선택하세요"> + <option value="">소분류</option> + </select> + </div> + <div class="category_wrap"> + <div class="category"> + <p>Cross Street</p> + <button type="button" class="btn_inner" value="삭제" title="[Cross Street]삭제"><span class="icon-delete"><em class="blind">삭제</em></span></button> + </div> + </div> + </li> + <!--내용--> + <li><strong class="title">내용</strong> + <div class="input_wrap"> + <div class="text_show"> + <label for="text">내용을 입력해주세요</label> + <textarea class="textArea width100p height400" id="text" title="내용을 입력해주세요"></textarea> + </div> + </div> + </li> + <!--링크--> + <li><strong class="title">링크</strong> + <div class="input_wrap"> + <div class="text_show"> + <label for="link">링크를 입력해주세요</label> + <input type="url" class="inputText calc50 fl" title="링크를 입력해주세요" id="link" > + <button title="추가" class="btn_sq_l ml5" value="삭제"><span class="icon-plus"></span></button> + </div> + </div> + <div class="input_wrap"> + <div class="text_show"> + <label for="link2">링크를 입력해주세요</label> + <input type="url" class="inputText calc50 fl" title="링크를 입력해주세요" id="link2" > + <button title="추가" class="btn_sq_l ml5" value="삭제"><span class="icon-minus"></span></button> + </div> + </div> + </li> + <!--첨부파일--> + <li><strong class="title">첨부파일</strong> + <div class="input_wrap file_up"> + <input type="file" class="inputFile" id="file-upload" title="파일첨부"> + <label class="btn_m bg_basic btn_file_up" for="file-upload" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + </div> + <div class="file_list"> + <div class="file_box"> + <p>파일명입니다</p> + <button title="[파일명입니다]다운" class="btn_inner" value="삭제"><span class="icon-file-down"></span></button> + <button title="[파일명입니다]삭제" class="btn_inner" value="삭제"><span class="icon-delete"></span></button> + </div> + </div> + </li> + <!--이미지 첨부파일--> + <li><strong class="title">첨부파일</strong> + <div class="input_wrap file_up"> + <input type="file" class="inputFile" id="img-upload" title="파일첨부"> + <label class="btn_m bg_basic btn_file_up" for="img-upload" title="업로드 할 파일을 선택해주세요">파일업로드<span class="icon-file-up"></span></label> + </div> + <div class="file_list img_type"> + <div class="file_box bg_box"> <img src="/images/user/sample_writer.jpg" alt=""> + <p class="blind">파일명입니다</p> + <div class="btn_wrap"> + <button title="[파일명입니다]다운" class="btn_inner" value="삭제"><span class="icon-file-down"></span></button> + <button title="[파일명입니다]삭제" class="btn_inner" value="삭제"><span class="icon-delete"></span></button> + </div> + </div> + </div> + </li> + </ul> + </div> + <div class="bottom_wrap between"> + <div class="left"><button type="button" class="btn_l bg_basic" onclick="location.href='notice_list.html'">목록</button></div> + <div class="right"><button type="button" class="btn_l bg_basic" onclick="location.href='notice_list.html'">저장</button></div> + + </div> + </div> +</div> +<? include_once("../../inc/footer.html") ?> +<script> + $(".notice_list ul li").each(function(){ + if ( $(this).hasClass("new") ){ + $(this).find(".num").text("new"); + }; + }); + </script> +</body> +</html> \ No newline at end of file Property changes on: base3.10/src/main/webapp/html/design/content/common/notice_write.html ___________________________________________________________________ Added: svn:mime-type + text/plain Index: base3.10/src/main/webapp/html/design/content/common/notice_list.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/notice_list.html (revision 54) +++ base3.10/src/main/webapp/html/design/content/common/notice_list.html (revision 55) @@ -58,7 +58,7 @@ </tr> </tbody> </table> - <div class="bottom_wrap center"> + <div class="bottom_wrap right"> <div class="pagination"> <ul> <li class="first"><a href="javascript:void(0);" title="처음페이지"><span class="icon-arrow-dl"></span><em class="blind">처음페이지</em></a></li> @@ -71,6 +71,9 @@ <li class="last"><a href="javascript:void(0);" title="마지막페이지"><span class="icon-arrow-dr"></span><em class="blind">마지막페이지</em></a></li> </ul> </div> + <div class="right"> + <button type="button" class="btn_l bg_basic" onclick="location.href='notice_write.html'">작성</button> + </div> </div> </div> </div> Index: base3.10/src/main/webapp/html/design/content/common/archive.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/archive.html (revision 54) +++ base3.10/src/main/webapp/html/design/content/common/archive.html (revision 55) @@ -39,13 +39,13 @@ <div class="list_year"> <ul> <li><a href="magazine_list.html" title="2022년 2월 통권 197호"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 197호</strong> <p>2월</p> <em>February</em></div> </a></li> <li><a href="magazine_list.html" title="2022년 1월 통권 196호"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 196호</strong> <p>1월</p> <em>January</em></div> @@ -60,73 +60,73 @@ <div class="list_year"> <ul> <li><a href="magazine_list.html" title="2021년 12월 통권 195호"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 195호</strong> <p>12월</p> <em>December</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 194호</strong> <p>11월</p> <em>November</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 193호</strong> <p>10월</p> <em>October</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 192호</strong> <p>9월</p> <em>September</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 191호</strong> <p>8월</p> <em>August</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 190호</strong> <p>7월</p> <em>July</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 189호</strong> <p>6월</p> <em>June</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 188호</strong> <p>5월</p> <em>May</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 187호</strong> <p>4월</p> <em>April</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 186호</strong> <p>3월</p> <em>March</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 185호</strong> <p>2월</p> <em>February</em></div> </a></li> <li><a href="magazine_list.html"> - <div class="cover bg_box"><img src="/images/custom/main_bg.jpg" alt="표지"></div> + <div class="cover bg_box"><img src="/images/user/main_bg.jpg" alt="표지"></div> <div class="text"><strong>통권 184호</strong> <p>1월</p> <em>January</em></div> Index: base3.10/src/main/webapp/html/design/content/common/article_view.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/article_view.html (revision 54) +++ base3.10/src/main/webapp/html/design/content/common/article_view.html (revision 55) @@ -23,14 +23,14 @@ <div class="title article_header"> <strong data-aos="fade-up"><a href="" class="link" title="cross street">cross street</a></strong> <h2 data-aos="fade-up" data-aos-delay="100">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</h2> <em data-aos="fade-up" data-aos-delay="200">2022년 1월 통권 196호</em> - <div class="header_img" data-aos="fade-up" data-aos-delay="300"><img src="/images/custom/main_bg.jpg" alt="우주이미지"></div> + <div class="header_img" data-aos="fade-up" data-aos-delay="300"><img src="/images/user/main_bg.jpg" alt="우주이미지"></div> </div> </div> </div> <div class="inner"> <div class="article_view"> <!--기사내용 start--> - <div class="article_content" data-aos="fade-up"> + <div class="article_content"> <p>조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 단지 오래 정승에 머무른 것만으로는 존경을 받을 수는 없는 일이다. 태종과 세종의 곁에서 조선 초기 나라의 기틀을 잡고 오래 번영 할 수 있도록 왕을 잘 보좌하여 나라의 기반을 튼튼하게 한 역할이 크기 때문에 현재 가장 존경받는 정승이라고 부를 수 있는 것이다. 이렇게 조선 시대 명재상으로 이름을 남긴 황희 정승처럼 우주망원경에도 황희 정승과 같은 존재가 있다. 누구나 한 번쯤은 들어봤을 만한 그 이름, 바로 허블 우주망원경이다. 1990년 발사 이래로, 많은 위기 상황을 극복하며 현재까지도 우리에게 우주의 아름다움과 경이로움을 전달해주고 있으며 우주에 대한 인식과 시야를 넓혀주고 있다.</p> <div class="space20"></div> <p>허블 우주망원경은 1990년 4월 24일 우주왕복선 디스커버리호에 실려, 우주로 나간 후 5월부터 처음으로 관측된 이미지를 지구에 전송하였다. 우주에서 전송될 선명하고 아름다운 사진을 기대했던 과학자들에게 아주 놀라운 사진이 한 장이 전송된다 (그림1).</p> @@ -62,31 +62,53 @@ </div> <!--기사내용 end--> <!--작성자 start--> - <div class="writer_info" data-aos="fade-up" data-aos-delay="100"> <em class="blind">작성자</em> - <div class="writer_pic bg_box"><img src="/images/custom/sample_writer.jpg" alt="강성주/국립과천과학관"></div> + <div class="writer_info"> <em class="blind">작성자</em> + <div class="writer_pic bg_box"><img src="/images/user/sample_writer.jpg" alt="강성주/국립과천과학관"></div> <strong>강성주</strong><em>국립과천과학관</em> - <button type="button" class="btn_m bg_basic btn_arrow" title="other article" onClick="location.href='/content/common/writer_list.html'">other article</button> + <button type="button" class="btn_m bg_basic" title="other article" onClick="location.href='/content/common/writer_list.html'">other article<span class="icon-arrow-r"></span></button> </div> <!--작성자 end--> </div> </div> <!--관련컨텐츠 start--> - <div class="related" data-aos="fade-up"> - <button type="button" class="btn_list" onclick="location.href='/content/common/news_list.html'" data-aos="fade-up" title="목록">list</button> + <div class="related"> + <button type="button" class="btn_list" onclick="location.href='/content/common/notice_list.html'" title="목록">list</button> <div class="inner"> <div class="title"> - <h2 data-aos="fade-up">Related Article</h2> + <h2>Related Article</h2> </div> <ul class="listshow"> - <li data-aos="fade-up"> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블</a> </li> - <li data-aos="fade-up"> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블</a> </li> - <li data-aos="fade-up"> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블</a> </li> - <li data-aos="fade-up"> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블</a> </li> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블</a> </li> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블</a> </li> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블</a> </li> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블</a> </li> </ul> </div> </div> <!--관련컨텐츠end--> </div> + +<script> + // init controller + var controller = new ScrollMagic.Controller(); + // build tween + var tween = TweenMax.to(".related", 0.5, {className: "+=active"}); + var tween2 = TweenMax.to(".article_view", 0.5, {className: "+=active"}), + relatedheight = $(".related ").outerHeight(); + + // build scene + var scene = new ScrollMagic.Scene({triggerElement: ".related", duration:relatedheight, triggerHook:.8}) + .setTween(tween) + //.addIndicators() + .addTo(controller); + + var scene2 = new ScrollMagic.Scene({triggerElement: ".article_view", duration:300 }) + .setTween(tween2) + //.addIndicators() + .addTo(controller); + +</script> + <? include_once("../../inc/footer.html") ?> <? include_once("../../inc/popup.html") ?> </body> Index: base3.10/src/main/webapp/html/design/content/common/topic_list.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/topic_list.html (revision 54) +++ base3.10/src/main/webapp/html/design/content/common/topic_list.html (revision 55) @@ -17,41 +17,38 @@ </div> <div class="title"> <h2>Archive</h2> - <strong>Cross Street</strong> - </div> + <strong>Cross Street</strong> </div> </div> </div> <div class="fixed-menu"> <div class="inner"> <div class="article_list"> - <div class="article_wrap"> - <ul> - <li> <a href="../menu01/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> - <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> - <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> - </li> - <li> <a href="../menu01/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> - <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> - <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> - </li> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> - <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> - <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> - </li> - <li> <a href="../menu01/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> - <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> - <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> - </li> - <li> <a href="../menu01/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> - <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> - <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> - </li> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> - <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> - <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> - </li> - </ul> - </div> + <ul> + <li> <a href="../menu01/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </li> + <li> <a href="../menu01/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </li> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </li> + <li> <a href="../menu01/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </li> + <li> <a href="../menu01/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </li> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"> <a href="writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </li> + </ul> </div> <div class="bottom_wrap center"> <div class="pagination"> Index: base3.10/src/main/webapp/html/design/content/common/about.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/about.html (revision 54) +++ base3.10/src/main/webapp/html/design/content/common/about.html (revision 55) @@ -18,48 +18,42 @@ <h2>about</h2> </div> </div> - <img src="/images/custom/main_bg.jpg" alt=""> </div> + <img src="/images/user/main_bg.jpg" alt=""> </div> <!--title--> - <div class="inner about_container"> + <div class="inner"> <div class="content_wrap"> <div class="about_text"> - <div class="logo" data-aos="fade-up"><img src="/images/custom/logo_v.svg" alt="crossroards webzine"></div> + <div class="logo"><img src="/images/user/logo_v.svg" alt="crossroards webzine"></div> <div class="text"> - <p data-aos="fade-up" data-aos-delay="100">'과학과 미래 그리고 인류'를 목표로 한 <b>크로스로드</b>는 과학특집, 에세이, 칼럼, 소설, 아시아의 창 등 다양한 장르의 과학 글을 통해 미래의 과학적 비전을 보여주고자 아시아 태평양 이론물리센터 (Asia Pacific Center for Theoretical Physics)에서 창간한 과학 웹 저널입니다.</p> - <p data-aos="fade-up" data-aos-delay="200"><b>크로스로드</b>는 과학 지식을 단순히 소개하는 기존의 과학저널과는 달리 무엇보다 과학자들의 세계관과 비전이 담긴 글을 통해 과학자와 일반인들이 서로 논쟁하고, 토론하고, 웃고 즐길 수 있는 웹저널로, 앞으로는 아태지역의 모든 언어권을 기반으로 하고자 합니다.</p> - <p data-aos="fade-up" data-aos-delay="300"><b>크로스로드</b>는 과학자들의 주관적인 아이디어나 미래에 대한 비전이 들어 있는 글이나, 함께 즐길 수 있는 글, 혹은 영감과 상상력이 가득한 과학 소설이나 만화 등을 소개해 아시아태평양 나아가 전 세계 과학 커뮤니케이션의 중추적인 역할을 담당할 것입니다.</p> - <p data-aos="fade-up" data-aos-delay="400">다양한 '가능성'이 교차하며 그 가능성을 더욱 넓히는 <b>크로스로드</b>의 의미만큼 경계를 자유롭게 넘나들며 과학을 더욱더 대중화시키며 그 저변을 확대하고자 합니다.</p> + <p>'과학과 미래 그리고 인류'를 목표로 한 <b>크로스로드</b>는 과학특집, 에세이, 칼럼, 소설, 아시아의 창 등 다양한 장르의 과학 글을 통해 미래의 과학적 비전을 보여주고자 아시아 태평양 이론물리센터 (Asia Pacific Center for Theoretical Physics)에서 창간한 과학 웹 저널입니다.</p> + <p><b>크로스로드</b>는 과학 지식을 단순히 소개하는 기존의 과학저널과는 달리 무엇보다 과학자들의 세계관과 비전이 담긴 글을 통해 과학자와 일반인들이 서로 논쟁하고, 토론하고, 웃고 즐길 수 있는 웹저널로, 앞으로는 아태지역의 모든 언어권을 기반으로 하고자 합니다.</p> + <p><b>크로스로드</b>는 과학자들의 주관적인 아이디어나 미래에 대한 비전이 들어 있는 글이나, 함께 즐길 수 있는 글, 혹은 영감과 상상력이 가득한 과학 소설이나 만화 등을 소개해 아시아태평양 나아가 전 세계 과학 커뮤니케이션의 중추적인 역할을 담당할 것입니다.</p> + <p>다양한 '가능성'이 교차하며 그 가능성을 더욱 넓히는 <b>크로스로드</b>의 의미만큼 경계를 자유롭게 넘나들며 과학을 더욱더 대중화시키며 그 저변을 확대하고자 합니다.</p> </div> </div> </div> </div> <div class="content_wrap history"> - <div class="trigger" id="trigger1"></div> <h3>연혁</h3> <ul> <li class="history_li"> - <div class="dot"></div> <div class="date">2020. 01. 01</div> <p>4차 크로스로드 개편</p> </li> <li class="history_li"> - <div class="dot"></div> <div class="date">2016. 04. 01</div> <p>3차 크로스로드 개편</p> </li> <li class="history_li"> - <div class="dot"></div> <div class="date">2008. 05. 20</div> <p>2차 크로스로드 개편</p> </li> <li class="history_li"> - <div class="dot"></div> <div class="date">2007. 09. 01</div> <p>1차 크로스로드 개편</p> </li> <li class="history_li"> - <div class="dot"></div> <div class="date">2005. 10. 01</div> <p>아시아태평양 이론물리센터 과학 웹저널 [크로스로드] 창간</p> </li> @@ -67,36 +61,35 @@ </div> <div class="inner"> <div class="content_wrap"> - <div class="trigger" id="trigger2"></div> <div class="editor_info"> <h3>편집인 구성</h3> <ul> <li class="editor_mem"> - <div class="editor_pic bg_box"><img src="/images/custom/editor1.jpg" alt="방운규"></div> + <div class="editor_pic bg_box"><img src="/images/user/editor1.jpg" alt="방운규"></div> <div class="editor_text"><strong>방운규</strong> <p><em>Crossroards 발행인</em><em>아태이론물리센터 소장</em><em>POSTECH 물리학과 교수</em></p> </div> </li> <li class="editor_mem"> - <div class="editor_pic bg_box"><img src="/images/custom/editor2.jpg" alt="손승우"></div> + <div class="editor_pic bg_box"><img src="/images/user/editor2.jpg" alt="손승우"></div> <div class="editor_text"><strong>손승우</strong> <p><em>Crossroards 편집주간</em><em>APCTP 과학문화위원장</em><em>한양대학교 응용물리학과 교수</em></p> </div> </li> <li class="editor_mem"> - <div class="editor_pic bg_box"><img src="/images/custom/editor3.jpg" alt="이은희"></div> + <div class="editor_pic bg_box"><img src="/images/user/editor3.jpg" alt="이은희"></div> <div class="editor_text"><strong>이은희</strong> <p><em>Crossroards 편집위원</em><em>APCTP 과학문화위원</em><em>과학커뮤니케이션</em><em>과학책방 갈다 이사</em></p> </div> </li> <li class="editor_mem"> - <div class="editor_pic bg_box"><img src="/images/custom/editor4.jpg" alt="이정원"></div> + <div class="editor_pic bg_box"><img src="/images/user/editor4.jpg" alt="이정원"></div> <div class="editor_text"><strong>이정원</strong> <p><em>Crossroards 편집위원</em><em>APCTP 과학문화위원</em><em>한국전자통신연구원 선임연구원</em></p> </div> </li> <li class="editor_mem"> - <div class="editor_pic bg_box"><img src="/images/custom/editor5.jpg" alt="황정아"></div> + <div class="editor_pic bg_box"><img src="/images/user/editor5.jpg" alt="황정아"></div> <div class="editor_text"><strong>황정아</strong> <p><em>Crossroards 편집위원</em><em>APCTP 과학문화위원</em><em>한국천문연구원 책임연구원</em></p> </div> @@ -164,6 +157,28 @@ </div> </div> </div> +<script> + //about + var controller = new ScrollMagic.Controller(); + var gray = TweenMax.to(".history", 0.5, {background: "rgba(244,244,244,1)"}); + + // slide + var bgGray = new ScrollMagic.Scene({triggerElement: ".history", triggerHook:'.5'}) + .setTween(gray) + .duration(300) + .addTo(controller); + + var revealElements = $(".content_wrap ul li, .content_wrap h3, .office_box, .history"); + for (var i=0; i<revealElements.length; i++) { + + var scene2 = new ScrollMagic.Scene({ + triggerElement: revealElements[i], + triggerHook: 0.7 + }) + .setClassToggle(revealElements[i], "visible") // add class toggle + .addTo(controller) + } +</script> <? include_once("../../inc/footer.html") ?> </body> </html> \ No newline at end of file Index: base3.10/src/main/webapp/html/design/content/common/notice_view.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/notice_view.html (revision 54) +++ base3.10/src/main/webapp/html/design/content/common/notice_view.html (revision 55) @@ -35,11 +35,13 @@ </div> </div> </div> - <div class="board_content"> <img src="/images/custom/sample_notice.jpg" alt=""> </div> + <div class="board_content"> <img src="/images/user/sample_notice.jpg" alt=""> </div> </div> <div class="bottom_wrap center"> <button type="button" class="btn_l bg_basic" onclick="location.href='notice_list.html'">목록</button> + <button type="button" class="btn_l bg_basic" onclick="location.href='notice_write.html'">수정</button> </div> + </div> </div> <? include_once("../../inc/footer.html") ?> Index: base3.10/src/main/webapp/html/design/content/common/writer_list.html =================================================================== --- base3.10/src/main/webapp/html/design/content/common/writer_list.html (revision 54) +++ base3.10/src/main/webapp/html/design/content/common/writer_list.html (revision 55) @@ -16,7 +16,7 @@ <div class="title"> <!--작성자 start--> <div class="writer_info"> <em class="blind">작성자</em> - <div class="writer_pic bg_box"><img src="/images/custom/sample_writer.jpg" alt="강성주/국립과천과학관"></div> + <div class="writer_pic bg_box"><img src="/images/user/sample_writer.jpg" alt="강성주/국립과천과학관"></div> <div class="writer_text"><strong>강성주</strong><em>국립과천과학관</em></div> </div> <!--작성자 end--> @@ -29,22 +29,22 @@ <div class="article_list"> <ul> - <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="text"> <a href="#!" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> </ul> Index: base3.10/src/main/webapp/html/design/js/designJS.js =================================================================== --- base3.10/src/main/webapp/html/design/js/designJS.js (revision 54) +++ base3.10/src/main/webapp/html/design/js/designJS.js (revision 55) @@ -39,18 +39,17 @@ //icon 'icon' : function() { - if (!('boxShadow' in document.body.style)) { - document.body.setAttribute('class', 'noBoxShadow'); - } - - document.body.addEventListener("click", function(e) { - var target = e.target; - if (target.tagName === "INPUT" && - target.getAttribute('class').indexOf('liga') === -1) { - target.select(); - } - }); + if (!('boxShadow' in document.body.style)) { + document.body.setAttribute('class', 'noBoxShadow'); + } + document.body.addEventListener("click", function(e) { + var target = e.target; + if (target.tagName === "INPUT" && + target.getAttribute('class').indexOf('liga') === -1) { + target.select(); + } + }); } }; @@ -184,58 +183,6 @@ } } - -//// magic scroll /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// - -// toggle events -var masicCcroll = { - 'animation' : function(){ - - // 웹진 목록 - var controller = new ScrollMagic.Controller(); - var sec1 = $("#sec1").outerHeight(); - var sec2 = $("#sec2").outerHeight(); - var sec3 = $("#sec3").outerHeight(); - var sec4 = $("#sec4").outerHeight(); - // build scenes - new ScrollMagic.Scene({triggerElement: "#sec1", triggerHook:0.1}) - .duration(sec1) - .setClassToggle(".move1", "active") // add class toggle - .addTo(controller); - new ScrollMagic.Scene({triggerElement: "#sec2", triggerHook:0.1}) - .duration(sec2) - .setClassToggle(".move2", "active") // add class toggle - .addTo(controller); - new ScrollMagic.Scene({triggerElement: "#sec3", triggerHook:0.1}) - .duration(sec3) - .setClassToggle(".move3", "active") // add class toggle - .addTo(controller); - new ScrollMagic.Scene({triggerElement: "#sec4", triggerHook:0.1}) - .duration(sec4) - .setClassToggle(".move4", "active") // add class toggle - .addTo(controller); - new ScrollMagic.Scene({triggerElement: ".fixed-menu", triggerHook: 0}) - .setClassToggle(".move, .fixed-menu", "fix") // add class toggle - .addTo(controller); - - //about - var revealElements = $(".content_wrap ul li, .content_wrap h3, .office_box") - for (var i=0; i<revealElements.length; i++) { - - var scene2 = new ScrollMagic.Scene({ - triggerElement: revealElements[i], - triggerHook: 0.7 - }) - .setClassToggle(revealElements[i], "visible") // add class toggle - .addTo(controller) - } - - } -} - - - - ///// tab //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// var tabs = { 'tabs': function () { @@ -534,6 +481,18 @@ window.addEventListener('keydown', escKeyDown); } } + +} + + +///// etc //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +var etc = { + 'etc': function () { + +//must * 추가 +$(".must").find("strong.title").append("<b class='mustText'>*</b>"); + + } } $(document).ready(function() { @@ -552,7 +511,8 @@ icon.icon() //arrow icon scrollmove() //메뉴 클릭시 해당 화면으로 scroll이동 toggle.togglelist() //toggle - masicCcroll.animation() //scroll animation + + etc.etc() }); })(); \ No newline at end of file Index: base3.10/src/main/webapp/html/design/js/ScrollToPlugin.min.js =================================================================== --- base3.10/src/main/webapp/html/design/js/ScrollToPlugin.min.js (nonexistent) +++ base3.10/src/main/webapp/html/design/js/ScrollToPlugin.min.js (revision 55) @@ -0,0 +1,11 @@ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(t){"use strict"; +/*! + * ScrollToPlugin 3.0.0 + * https://greensock.com + * + * @license Copyright 2008-2019, GreenSock. All rights reserved. + * Subject to the terms at https://greensock.com/standard-license or for + * Club GreenSock members, the agreement issued with that membership. + * @author: Jack Doyle, jack@greensock.com + */function k(){return"undefined"!=typeof window}function l(){return e||k()&&(e=window.gsap)&&e.registerPlugin&&e}function m(t){return"string"==typeof t}function n(t,e){var o="x"===e?"Width":"Height",n="scroll"+o,r="client"+o;return t===x||t===s||t===f?Math.max(s[n],f[n])-(x["inner"+o]||s[r]||f[r]):t[n]-t["offset"+o]}function o(t,e){var o="scroll"+("x"===e?"Left":"Top");return t===x&&(null!=t.pageXOffset?o="page"+e.toUpperCase()+"Offset":t=null!=s[o]?s:f),function(){return t[o]}}function p(t,e){var n=a(t)[0].getBoundingClientRect(),r=!e||e===x||e===f,i=r?{top:s.clientTop-(x.pageYOffset||s.scrollTop||f.scrollTop||0),left:s.clientLeft-(x.pageXOffset||s.scrollLeft||f.scrollLeft||0)}:e.getBoundingClientRect(),l={x:n.left-i.left,y:n.top-i.top};return!r&&e&&(l.x+=o(e,"x")(),l.y+=o(e,"y")()),l}function q(t,e,o,r){return isNaN(t)?m(t)&&"="===t.charAt(1)?parseFloat(t.substr(2))*("-"===t.charAt(0)?-1:1)+r:"max"===t?n(e,o):Math.min(n(e,o),p(t,e)[o]):parseFloat(t)}function r(){e=l(),k()&&e&&(x=window,f=document.body,s=document.documentElement,a=e.utils.toArray,e.config({autoKillThreshold:7}),g=e.config(),u=1)}var e,u,x,s,f,a,g,i={version:"3.0.0",name:"scrollTo",register:function register(t){e=t,r()},init:function init(t,e,n,i,l){u||r();var s=this;s.isWin=t===x,s.target=t,s.tween=n,"object"!=typeof e?m((e={y:e}).y)&&"max"!==e.y&&"="!==e.y.charAt(1)&&(e.x=e.y):e.nodeType&&(e={y:e,x:e}),s.vars=e,s.autoKill=!!e.autoKill,s.getX=o(t,"x"),s.getY=o(t,"y"),s.x=s.xPrev=s.getX(),s.y=s.yPrev=s.getY(),null!=e.x?(s.add(s,"x",s.x,q(e.x,t,"x",s.x)-(e.offsetX||0),i,l,Math.round),s._props.push("scrollTo_x")):s.skipX=1,null!=e.y?(s.add(s,"y",s.y,q(e.y,t,"y",s.y)-(e.offsetY||0),i,l,Math.round),s._props.push("scrollTo_y")):s.skipY=1},render:function render(t,e){for(var o,r,i,l,s,u=e._pt,f=e.target,p=e.tween,a=e.autoKill,c=e.xPrev,y=e.yPrev,d=e.isWin;u;)u.r(t,u.d),u=u._next;o=d||!e.skipX?e.getX():c,i=(r=d||!e.skipY?e.getY():y)-y,l=o-c,s=g.autoKillThreshold,e.x<0&&(e.x=0),e.y<0&&(e.y=0),a&&(!e.skipX&&(s<l||l<-s)&&o<n(f,"x")&&(e.skipX=1),!e.skipY&&(s<i||i<-s)&&r<n(f,"y")&&(e.skipY=1),e.skipX&&e.skipY&&(p.kill(),e.vars.onAutoKill&&e.vars.onAutoKill.apply(p,e.vars.onAutoKillParams||[]))),d?x.scrollTo(e.skipX?o:e.x,e.skipY?r:e.y):(e.skipY||(f.scrollTop=e.y),e.skipX||(f.scrollLeft=e.x)),e.xPrev=e.x,e.yPrev=e.y},kill:function kill(t){var e="scrollTo"===t;!e&&"scrollTo_x"!==t||(this.skipX=1),!e&&"scrollTo_y"!==t||(this.skipY=1)}};i.max=n,i.getOffset=p,i.buildGetter=o,l()&&e.registerPlugin(i),t.ScrollToPlugin=i,t.default=i,Object.defineProperty(t,"__esModule",{value:!0})}); +//# sourceMappingURL=ScrollToPlugin.min.js.map Property changes on: base3.10/src/main/webapp/html/design/js/ScrollToPlugin.min.js ___________________________________________________________________ Added: svn:mime-type + text/plain Index: base3.10/src/main/webapp/html/design/js/TweenMax.min.js =================================================================== --- base3.10/src/main/webapp/html/design/js/TweenMax.min.js (nonexistent) +++ base3.10/src/main/webapp/html/design/js/TweenMax.min.js (revision 55) @@ -0,0 +1,17 @@ +/*! + * VERSION: 1.20.2 + * DATE: 2017-06-30 + * UPDATES AND DOCS AT: http://greensock.com + * + * Includes all of the following: TweenLite, TweenMax, TimelineLite, TimelineMax, EasePack, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin + * + * @license Copyright (c) 2008-2017, GreenSock. All rights reserved. + * This work is subject to the terms at http://greensock.com/standard-license or for + * Club GreenSock members, the software agreement that was issued with your membership. + * + * @author: Jack Doyle, jack@greensock.com + **/ +var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";_gsScope._gsDefine("TweenMax",["core.Animation","core.SimpleTimeline","TweenLite"],function(a,b,c){var d=function(a){var b,c=[],d=a.length;for(b=0;b!==d;c.push(a[b++]));return c},e=function(a,b,c){var d,e,f=a.cycle;for(d in f)e=f[d],a[d]="function"==typeof e?e(c,b[c]):e[c%e.length];delete a.cycle},f=function(a,b,d){c.call(this,a,b,d),this._cycle=0,this._yoyo=this.vars.yoyo===!0||!!this.vars.yoyoEase,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._dirty=!0,this.render=f.prototype.render},g=1e-10,h=c._internals,i=h.isSelector,j=h.isArray,k=f.prototype=c.to({},.1,{}),l=[];f.version="1.20.2",k.constructor=f,k.kill()._gc=!1,f.killTweensOf=f.killDelayedCallsTo=c.killTweensOf,f.getTweensOf=c.getTweensOf,f.lagSmoothing=c.lagSmoothing,f.ticker=c.ticker,f.render=c.render,k.invalidate=function(){return this._yoyo=this.vars.yoyo===!0||!!this.vars.yoyoEase,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._yoyoEase=null,this._uncache(!0),c.prototype.invalidate.call(this)},k.updateTo=function(a,b){var d,e=this.ratio,f=this.vars.immediateRender||a.immediateRender;b&&this._startTime<this._timeline._time&&(this._startTime=this._timeline._time,this._uncache(!1),this._gc?this._enabled(!0,!1):this._timeline.insert(this,this._startTime-this._delay));for(d in a)this.vars[d]=a[d];if(this._initted||f)if(b)this._initted=!1,f&&this.render(0,!0,!0);else if(this._gc&&this._enabled(!0,!1),this._notifyPluginsOfEnabled&&this._firstPT&&c._onPluginEvent("_onDisable",this),this._time/this._duration>.998){var g=this._totalTime;this.render(0,!0,!1),this._initted=!1,this.render(g,!0,!1)}else if(this._initted=!1,this._init(),this._time>0||f)for(var h,i=1/(1-e),j=this._firstPT;j;)h=j.s+j.c,j.c*=i,j.s=h-j.c,j=j._next;return this},k.render=function(a,b,d){this._initted||0===this._duration&&this.vars.repeat&&this.invalidate();var e,f,i,j,k,l,m,n,o,p=this._dirty?this.totalDuration():this._totalDuration,q=this._time,r=this._totalTime,s=this._cycle,t=this._duration,u=this._rawPrevTime;if(a>=p-1e-7&&a>=0?(this._totalTime=p,this._cycle=this._repeat,this._yoyo&&0!==(1&this._cycle)?(this._time=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0):(this._time=t,this.ratio=this._ease._calcEnd?this._ease.getRatio(1):1),this._reversed||(e=!0,f="onComplete",d=d||this._timeline.autoRemoveChildren),0===t&&(this._initted||!this.vars.lazy||d)&&(this._startTime===this._timeline._duration&&(a=0),(0>u||0>=a&&a>=-1e-7||u===g&&"isPause"!==this.data)&&u!==a&&(d=!0,u>g&&(f="onReverseComplete")),this._rawPrevTime=n=!b||a||u===a?a:g)):1e-7>a?(this._totalTime=this._time=this._cycle=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0,(0!==r||0===t&&u>0)&&(f="onReverseComplete",e=this._reversed),0>a&&(this._active=!1,0===t&&(this._initted||!this.vars.lazy||d)&&(u>=0&&(d=!0),this._rawPrevTime=n=!b||a||u===a?a:g)),this._initted||(d=!0)):(this._totalTime=this._time=a,0!==this._repeat&&(j=t+this._repeatDelay,this._cycle=this._totalTime/j>>0,0!==this._cycle&&this._cycle===this._totalTime/j&&a>=r&&this._cycle--,this._time=this._totalTime-this._cycle*j,this._yoyo&&0!==(1&this._cycle)&&(this._time=t-this._time,o=this._yoyoEase||this.vars.yoyoEase,o&&(this._yoyoEase||(o!==!0||this._initted?this._yoyoEase=o=o===!0?this._ease:o instanceof Ease?o:Ease.map[o]:(o=this.vars.ease,this._yoyoEase=o=o?o instanceof Ease?o:"function"==typeof o?new Ease(o,this.vars.easeParams):Ease.map[o]||c.defaultEase:c.defaultEase)),this.ratio=o?1-o.getRatio((t-this._time)/t):0)),this._time>t?this._time=t:this._time<0&&(this._time=0)),this._easeType&&!o?(k=this._time/t,l=this._easeType,m=this._easePower,(1===l||3===l&&k>=.5)&&(k=1-k),3===l&&(k*=2),1===m?k*=k:2===m?k*=k*k:3===m?k*=k*k*k:4===m&&(k*=k*k*k*k),1===l?this.ratio=1-k:2===l?this.ratio=k:this._time/t<.5?this.ratio=k/2:this.ratio=1-k/2):o||(this.ratio=this._ease.getRatio(this._time/t))),q===this._time&&!d&&s===this._cycle)return void(r!==this._totalTime&&this._onUpdate&&(b||this._callback("onUpdate")));if(!this._initted){if(this._init(),!this._initted||this._gc)return;if(!d&&this._firstPT&&(this.vars.lazy!==!1&&this._duration||this.vars.lazy&&!this._duration))return this._time=q,this._totalTime=r,this._rawPrevTime=u,this._cycle=s,h.lazyTweens.push(this),void(this._lazy=[a,b]);!this._time||e||o?e&&this._ease._calcEnd&&!o&&(this.ratio=this._ease.getRatio(0===this._time?0:1)):this.ratio=this._ease.getRatio(this._time/t)}for(this._lazy!==!1&&(this._lazy=!1),this._active||!this._paused&&this._time!==q&&a>=0&&(this._active=!0),0===r&&(2===this._initted&&a>0&&this._init(),this._startAt&&(a>=0?this._startAt.render(a,b,d):f||(f="_dummyGS")),this.vars.onStart&&(0!==this._totalTime||0===t)&&(b||this._callback("onStart"))),i=this._firstPT;i;)i.f?i.t[i.p](i.c*this.ratio+i.s):i.t[i.p]=i.c*this.ratio+i.s,i=i._next;this._onUpdate&&(0>a&&this._startAt&&this._startTime&&this._startAt.render(a,b,d),b||(this._totalTime!==r||f)&&this._callback("onUpdate")),this._cycle!==s&&(b||this._gc||this.vars.onRepeat&&this._callback("onRepeat")),f&&(!this._gc||d)&&(0>a&&this._startAt&&!this._onUpdate&&this._startTime&&this._startAt.render(a,b,d),e&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!b&&this.vars[f]&&this._callback(f),0===t&&this._rawPrevTime===g&&n!==g&&(this._rawPrevTime=0))},f.to=function(a,b,c){return new f(a,b,c)},f.from=function(a,b,c){return c.runBackwards=!0,c.immediateRender=0!=c.immediateRender,new f(a,b,c)},f.fromTo=function(a,b,c,d){return d.startAt=c,d.immediateRender=0!=d.immediateRender&&0!=c.immediateRender,new f(a,b,d)},f.staggerTo=f.allTo=function(a,b,g,h,k,m,n){h=h||0;var o,p,q,r,s=0,t=[],u=function(){g.onComplete&&g.onComplete.apply(g.onCompleteScope||this,arguments),k.apply(n||g.callbackScope||this,m||l)},v=g.cycle,w=g.startAt&&g.startAt.cycle;for(j(a)||("string"==typeof a&&(a=c.selector(a)||a),i(a)&&(a=d(a))),a=a||[],0>h&&(a=d(a),a.reverse(),h*=-1),o=a.length-1,q=0;o>=q;q++){p={};for(r in g)p[r]=g[r];if(v&&(e(p,a,q),null!=p.duration&&(b=p.duration,delete p.duration)),w){w=p.startAt={};for(r in g.startAt)w[r]=g.startAt[r];e(p.startAt,a,q)}p.delay=s+(p.delay||0),q===o&&k&&(p.onComplete=u),t[q]=new f(a[q],b,p),s+=h}return t},f.staggerFrom=f.allFrom=function(a,b,c,d,e,g,h){return c.runBackwards=!0,c.immediateRender=0!=c.immediateRender,f.staggerTo(a,b,c,d,e,g,h)},f.staggerFromTo=f.allFromTo=function(a,b,c,d,e,g,h,i){return d.startAt=c,d.immediateRender=0!=d.immediateRender&&0!=c.immediateRender,f.staggerTo(a,b,d,e,g,h,i)},f.delayedCall=function(a,b,c,d,e){return new f(b,0,{delay:a,onComplete:b,onCompleteParams:c,callbackScope:d,onReverseComplete:b,onReverseCompleteParams:c,immediateRender:!1,useFrames:e,overwrite:0})},f.set=function(a,b){return new f(a,0,b)},f.isTweening=function(a){return c.getTweensOf(a,!0).length>0};var m=function(a,b){for(var d=[],e=0,f=a._first;f;)f instanceof c?d[e++]=f:(b&&(d[e++]=f),d=d.concat(m(f,b)),e=d.length),f=f._next;return d},n=f.getAllTweens=function(b){return m(a._rootTimeline,b).concat(m(a._rootFramesTimeline,b))};f.killAll=function(a,c,d,e){null==c&&(c=!0),null==d&&(d=!0);var f,g,h,i=n(0!=e),j=i.length,k=c&&d&&e;for(h=0;j>h;h++)g=i[h],(k||g instanceof b||(f=g.target===g.vars.onComplete)&&d||c&&!f)&&(a?g.totalTime(g._reversed?0:g.totalDuration()):g._enabled(!1,!1))},f.killChildTweensOf=function(a,b){if(null!=a){var e,g,k,l,m,n=h.tweenLookup;if("string"==typeof a&&(a=c.selector(a)||a),i(a)&&(a=d(a)),j(a))for(l=a.length;--l>-1;)f.killChildTweensOf(a[l],b);else{e=[];for(k in n)for(g=n[k].target.parentNode;g;)g===a&&(e=e.concat(n[k].tweens)),g=g.parentNode;for(m=e.length,l=0;m>l;l++)b&&e[l].totalTime(e[l].totalDuration()),e[l]._enabled(!1,!1)}}};var o=function(a,c,d,e){c=c!==!1,d=d!==!1,e=e!==!1;for(var f,g,h=n(e),i=c&&d&&e,j=h.length;--j>-1;)g=h[j],(i||g instanceof b||(f=g.target===g.vars.onComplete)&&d||c&&!f)&&g.paused(a)};return f.pauseAll=function(a,b,c){o(!0,a,b,c)},f.resumeAll=function(a,b,c){o(!1,a,b,c)},f.globalTimeScale=function(b){var d=a._rootTimeline,e=c.ticker.time;return arguments.length?(b=b||g,d._startTime=e-(e-d._startTime)*d._timeScale/b,d=a._rootFramesTimeline,e=c.ticker.frame,d._startTime=e-(e-d._startTime)*d._timeScale/b,d._timeScale=a._rootTimeline._timeScale=b,b):d._timeScale},k.progress=function(a,b){return arguments.length?this.totalTime(this.duration()*(this._yoyo&&0!==(1&this._cycle)?1-a:a)+this._cycle*(this._duration+this._repeatDelay),b):this._time/this.duration()},k.totalProgress=function(a,b){return arguments.length?this.totalTime(this.totalDuration()*a,b):this._totalTime/this.totalDuration()},k.time=function(a,b){return arguments.length?(this._dirty&&this.totalDuration(),a>this._duration&&(a=this._duration),this._yoyo&&0!==(1&this._cycle)?a=this._duration-a+this._cycle*(this._duration+this._repeatDelay):0!==this._repeat&&(a+=this._cycle*(this._duration+this._repeatDelay)),this.totalTime(a,b)):this._time},k.duration=function(b){return arguments.length?a.prototype.duration.call(this,b):this._duration},k.totalDuration=function(a){return arguments.length?-1===this._repeat?this:this.duration((a-this._repeat*this._repeatDelay)/(this._repeat+1)):(this._dirty&&(this._totalDuration=-1===this._repeat?999999999999:this._duration*(this._repeat+1)+this._repeatDelay*this._repeat,this._dirty=!1),this._totalDuration)},k.repeat=function(a){return arguments.length?(this._repeat=a,this._uncache(!0)):this._repeat},k.repeatDelay=function(a){return arguments.length?(this._repeatDelay=a,this._uncache(!0)):this._repeatDelay},k.yoyo=function(a){return arguments.length?(this._yoyo=a,this):this._yoyo},f},!0),_gsScope._gsDefine("TimelineLite",["core.Animation","core.SimpleTimeline","TweenLite"],function(a,b,c){var d=function(a){b.call(this,a),this._labels={},this.autoRemoveChildren=this.vars.autoRemoveChildren===!0,this.smoothChildTiming=this.vars.smoothChildTiming===!0,this._sortChildren=!0,this._onUpdate=this.vars.onUpdate;var c,d,e=this.vars;for(d in e)c=e[d],i(c)&&-1!==c.join("").indexOf("{self}")&&(e[d]=this._swapSelfInParams(c));i(e.tweens)&&this.add(e.tweens,0,e.align,e.stagger)},e=1e-10,f=c._internals,g=d._internals={},h=f.isSelector,i=f.isArray,j=f.lazyTweens,k=f.lazyRender,l=_gsScope._gsDefine.globals,m=function(a){var b,c={};for(b in a)c[b]=a[b];return c},n=function(a,b,c){var d,e,f=a.cycle;for(d in f)e=f[d],a[d]="function"==typeof e?e(c,b[c]):e[c%e.length];delete a.cycle},o=g.pauseCallback=function(){},p=function(a){var b,c=[],d=a.length;for(b=0;b!==d;c.push(a[b++]));return c},q=d.prototype=new b;return d.version="1.20.2",q.constructor=d,q.kill()._gc=q._forcingPlayhead=q._hasPause=!1,q.to=function(a,b,d,e){var f=d.repeat&&l.TweenMax||c;return b?this.add(new f(a,b,d),e):this.set(a,d,e)},q.from=function(a,b,d,e){return this.add((d.repeat&&l.TweenMax||c).from(a,b,d),e)},q.fromTo=function(a,b,d,e,f){var g=e.repeat&&l.TweenMax||c;return b?this.add(g.fromTo(a,b,d,e),f):this.set(a,e,f)},q.staggerTo=function(a,b,e,f,g,i,j,k){var l,o,q=new d({onComplete:i,onCompleteParams:j,callbackScope:k,smoothChildTiming:this.smoothChildTiming}),r=e.cycle;for("string"==typeof a&&(a=c.selector(a)||a),a=a||[],h(a)&&(a=p(a)),f=f||0,0>f&&(a=p(a),a.reverse(),f*=-1),o=0;o<a.length;o++)l=m(e),l.startAt&&(l.startAt=m(l.startAt),l.startAt.cycle&&n(l.startAt,a,o)),r&&(n(l,a,o),null!=l.duration&&(b=l.duration,delete l.duration)),q.to(a[o],b,l,o*f);return this.add(q,g)},q.staggerFrom=function(a,b,c,d,e,f,g,h){return c.immediateRender=0!=c.immediateRender,c.runBackwards=!0,this.staggerTo(a,b,c,d,e,f,g,h)},q.staggerFromTo=function(a,b,c,d,e,f,g,h,i){return d.startAt=c,d.immediateRender=0!=d.immediateRender&&0!=c.immediateRender,this.staggerTo(a,b,d,e,f,g,h,i)},q.call=function(a,b,d,e){return this.add(c.delayedCall(0,a,b,d),e)},q.set=function(a,b,d){return d=this._parseTimeOrLabel(d,0,!0),null==b.immediateRender&&(b.immediateRender=d===this._time&&!this._paused),this.add(new c(a,0,b),d)},d.exportRoot=function(a,b){a=a||{},null==a.smoothChildTiming&&(a.smoothChildTiming=!0);var e,f,g=new d(a),h=g._timeline;for(null==b&&(b=!0),h._remove(g,!0),g._startTime=0,g._rawPrevTime=g._time=g._totalTime=h._time,e=h._first;e;)f=e._next,b&&e instanceof c&&e.target===e.vars.onComplete||g.add(e,e._startTime-e._delay),e=f;return h.add(g,0),g},q.add=function(e,f,g,h){var j,k,l,m,n,o;if("number"!=typeof f&&(f=this._parseTimeOrLabel(f,0,!0,e)),!(e instanceof a)){if(e instanceof Array||e&&e.push&&i(e)){for(g=g||"normal",h=h||0,j=f,k=e.length,l=0;k>l;l++)i(m=e[l])&&(m=new d({tweens:m})),this.add(m,j),"string"!=typeof m&&"function"!=typeof m&&("sequence"===g?j=m._startTime+m.totalDuration()/m._timeScale:"start"===g&&(m._startTime-=m.delay())),j+=h;return this._uncache(!0)}if("string"==typeof e)return this.addLabel(e,f);if("function"!=typeof e)throw"Cannot add "+e+" into the timeline; it is not a tween, timeline, function, or string.";e=c.delayedCall(0,e)}if(b.prototype.add.call(this,e,f),e._time&&e.render((this.rawTime()-e._startTime)*e._timeScale,!1,!1),(this._gc||this._time===this._duration)&&!this._paused&&this._duration<this.duration())for(n=this,o=n.rawTime()>e._startTime;n._timeline;)o&&n._timeline.smoothChildTiming?n.totalTime(n._totalTime,!0):n._gc&&n._enabled(!0,!1),n=n._timeline;return this},q.remove=function(b){if(b instanceof a){this._remove(b,!1);var c=b._timeline=b.vars.useFrames?a._rootFramesTimeline:a._rootTimeline;return b._startTime=(b._paused?b._pauseTime:c._time)-(b._reversed?b.totalDuration()-b._totalTime:b._totalTime)/b._timeScale,this}if(b instanceof Array||b&&b.push&&i(b)){for(var d=b.length;--d>-1;)this.remove(b[d]);return this}return"string"==typeof b?this.removeLabel(b):this.kill(null,b)},q._remove=function(a,c){b.prototype._remove.call(this,a,c);var d=this._last;return d?this._time>this.duration()&&(this._time=this._duration,this._totalTime=this._totalDuration):this._time=this._totalTime=this._duration=this._totalDuration=0,this},q.append=function(a,b){return this.add(a,this._parseTimeOrLabel(null,b,!0,a))},q.insert=q.insertMultiple=function(a,b,c,d){return this.add(a,b||0,c,d)},q.appendMultiple=function(a,b,c,d){return this.add(a,this._parseTimeOrLabel(null,b,!0,a),c,d)},q.addLabel=function(a,b){return this._labels[a]=this._parseTimeOrLabel(b),this},q.addPause=function(a,b,d,e){var f=c.delayedCall(0,o,d,e||this);return f.vars.onComplete=f.vars.onReverseComplete=b,f.data="isPause",this._hasPause=!0,this.add(f,a)},q.removeLabel=function(a){return delete this._labels[a],this},q.getLabelTime=function(a){return null!=this._labels[a]?this._labels[a]:-1},q._parseTimeOrLabel=function(b,c,d,e){var f,g;if(e instanceof a&&e.timeline===this)this.remove(e);else if(e&&(e instanceof Array||e.push&&i(e)))for(g=e.length;--g>-1;)e[g]instanceof a&&e[g].timeline===this&&this.remove(e[g]);if(f=this.duration()>99999999999?this.recent().endTime(!1):this._duration,"string"==typeof c)return this._parseTimeOrLabel(c,d&&"number"==typeof b&&null==this._labels[c]?b-f:0,d);if(c=c||0,"string"!=typeof b||!isNaN(b)&&null==this._labels[b])null==b&&(b=f);else{if(g=b.indexOf("="),-1===g)return null==this._labels[b]?d?this._labels[b]=f+c:c:this._labels[b]+c;c=parseInt(b.charAt(g-1)+"1",10)*Number(b.substr(g+1)),b=g>1?this._parseTimeOrLabel(b.substr(0,g-1),0,d):f}return Number(b)+c},q.seek=function(a,b){return this.totalTime("number"==typeof a?a:this._parseTimeOrLabel(a),b!==!1)},q.stop=function(){return this.paused(!0)},q.gotoAndPlay=function(a,b){return this.play(a,b)},q.gotoAndStop=function(a,b){return this.pause(a,b)},q.render=function(a,b,c){this._gc&&this._enabled(!0,!1);var d,f,g,h,i,l,m,n=this._dirty?this.totalDuration():this._totalDuration,o=this._time,p=this._startTime,q=this._timeScale,r=this._paused;if(a>=n-1e-7&&a>=0)this._totalTime=this._time=n,this._reversed||this._hasPausedChild()||(f=!0,h="onComplete",i=!!this._timeline.autoRemoveChildren,0===this._duration&&(0>=a&&a>=-1e-7||this._rawPrevTime<0||this._rawPrevTime===e)&&this._rawPrevTime!==a&&this._first&&(i=!0,this._rawPrevTime>e&&(h="onReverseComplete"))),this._rawPrevTime=this._duration||!b||a||this._rawPrevTime===a?a:e,a=n+1e-4;else if(1e-7>a)if(this._totalTime=this._time=0,(0!==o||0===this._duration&&this._rawPrevTime!==e&&(this._rawPrevTime>0||0>a&&this._rawPrevTime>=0))&&(h="onReverseComplete",f=this._reversed),0>a)this._active=!1,this._timeline.autoRemoveChildren&&this._reversed?(i=f=!0,h="onReverseComplete"):this._rawPrevTime>=0&&this._first&&(i=!0),this._rawPrevTime=a;else{if(this._rawPrevTime=this._duration||!b||a||this._rawPrevTime===a?a:e,0===a&&f)for(d=this._first;d&&0===d._startTime;)d._duration||(f=!1),d=d._next;a=0,this._initted||(i=!0)}else{if(this._hasPause&&!this._forcingPlayhead&&!b){if(a>=o)for(d=this._first;d&&d._startTime<=a&&!l;)d._duration||"isPause"!==d.data||d.ratio||0===d._startTime&&0===this._rawPrevTime||(l=d),d=d._next;else for(d=this._last;d&&d._startTime>=a&&!l;)d._duration||"isPause"===d.data&&d._rawPrevTime>0&&(l=d),d=d._prev;l&&(this._time=a=l._startTime,this._totalTime=a+this._cycle*(this._totalDuration+this._repeatDelay))}this._totalTime=this._time=this._rawPrevTime=a}if(this._time!==o&&this._first||c||i||l){if(this._initted||(this._initted=!0),this._active||!this._paused&&this._time!==o&&a>0&&(this._active=!0),0===o&&this.vars.onStart&&(0===this._time&&this._duration||b||this._callback("onStart")),m=this._time,m>=o)for(d=this._first;d&&(g=d._next,m===this._time&&(!this._paused||r));)(d._active||d._startTime<=m&&!d._paused&&!d._gc)&&(l===d&&this.pause(),d._reversed?d.render((d._dirty?d.totalDuration():d._totalDuration)-(a-d._startTime)*d._timeScale,b,c):d.render((a-d._startTime)*d._timeScale,b,c)),d=g;else for(d=this._last;d&&(g=d._prev,m===this._time&&(!this._paused||r));){if(d._active||d._startTime<=o&&!d._paused&&!d._gc){if(l===d){for(l=d._prev;l&&l.endTime()>this._time;)l.render(l._reversed?l.totalDuration()-(a-l._startTime)*l._timeScale:(a-l._startTime)*l._timeScale,b,c),l=l._prev;l=null,this.pause()}d._reversed?d.render((d._dirty?d.totalDuration():d._totalDuration)-(a-d._startTime)*d._timeScale,b,c):d.render((a-d._startTime)*d._timeScale,b,c)}d=g}this._onUpdate&&(b||(j.length&&k(),this._callback("onUpdate"))),h&&(this._gc||(p===this._startTime||q!==this._timeScale)&&(0===this._time||n>=this.totalDuration())&&(f&&(j.length&&k(),this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!b&&this.vars[h]&&this._callback(h)))}},q._hasPausedChild=function(){for(var a=this._first;a;){if(a._paused||a instanceof d&&a._hasPausedChild())return!0;a=a._next}return!1},q.getChildren=function(a,b,d,e){e=e||-9999999999;for(var f=[],g=this._first,h=0;g;)g._startTime<e||(g instanceof c?b!==!1&&(f[h++]=g):(d!==!1&&(f[h++]=g),a!==!1&&(f=f.concat(g.getChildren(!0,b,d)),h=f.length))),g=g._next;return f},q.getTweensOf=function(a,b){var d,e,f=this._gc,g=[],h=0;for(f&&this._enabled(!0,!0),d=c.getTweensOf(a),e=d.length;--e>-1;)(d[e].timeline===this||b&&this._contains(d[e]))&&(g[h++]=d[e]);return f&&this._enabled(!1,!0),g},q.recent=function(){return this._recent},q._contains=function(a){for(var b=a.timeline;b;){if(b===this)return!0;b=b.timeline}return!1},q.shiftChildren=function(a,b,c){c=c||0;for(var d,e=this._first,f=this._labels;e;)e._startTime>=c&&(e._startTime+=a),e=e._next;if(b)for(d in f)f[d]>=c&&(f[d]+=a);return this._uncache(!0)},q._kill=function(a,b){if(!a&&!b)return this._enabled(!1,!1);for(var c=b?this.getTweensOf(b):this.getChildren(!0,!0,!1),d=c.length,e=!1;--d>-1;)c[d]._kill(a,b)&&(e=!0);return e},q.clear=function(a){var b=this.getChildren(!1,!0,!0),c=b.length;for(this._time=this._totalTime=0;--c>-1;)b[c]._enabled(!1,!1);return a!==!1&&(this._labels={}),this._uncache(!0)},q.invalidate=function(){for(var b=this._first;b;)b.invalidate(),b=b._next;return a.prototype.invalidate.call(this)},q._enabled=function(a,c){if(a===this._gc)for(var d=this._first;d;)d._enabled(a,!0),d=d._next;return b.prototype._enabled.call(this,a,c)},q.totalTime=function(b,c,d){this._forcingPlayhead=!0;var e=a.prototype.totalTime.apply(this,arguments);return this._forcingPlayhead=!1,e},q.duration=function(a){return arguments.length?(0!==this.duration()&&0!==a&&this.timeScale(this._duration/a),this):(this._dirty&&this.totalDuration(),this._duration)},q.totalDuration=function(a){if(!arguments.length){if(this._dirty){for(var b,c,d=0,e=this._last,f=999999999999;e;)b=e._prev,e._dirty&&e.totalDuration(),e._startTime>f&&this._sortChildren&&!e._paused?this.add(e,e._startTime-e._delay):f=e._startTime,e._startTime<0&&!e._paused&&(d-=e._startTime,this._timeline.smoothChildTiming&&(this._startTime+=e._startTime/this._timeScale),this.shiftChildren(-e._startTime,!1,-9999999999),f=0),c=e._startTime+e._totalDuration/e._timeScale,c>d&&(d=c),e=b;this._duration=this._totalDuration=d,this._dirty=!1}return this._totalDuration}return a&&this.totalDuration()?this.timeScale(this._totalDuration/a):this},q.paused=function(b){if(!b)for(var c=this._first,d=this._time;c;)c._startTime===d&&"isPause"===c.data&&(c._rawPrevTime=0),c=c._next;return a.prototype.paused.apply(this,arguments)},q.usesFrames=function(){for(var b=this._timeline;b._timeline;)b=b._timeline;return b===a._rootFramesTimeline},q.rawTime=function(a){return a&&(this._paused||this._repeat&&this.time()>0&&this.totalProgress()<1)?this._totalTime%(this._duration+this._repeatDelay):this._paused?this._totalTime:(this._timeline.rawTime(a)-this._startTime)*this._timeScale},d},!0),_gsScope._gsDefine("TimelineMax",["TimelineLite","TweenLite","easing.Ease"],function(a,b,c){var d=function(b){a.call(this,b),this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._cycle=0,this._yoyo=this.vars.yoyo===!0,this._dirty=!0},e=1e-10,f=b._internals,g=f.lazyTweens,h=f.lazyRender,i=_gsScope._gsDefine.globals,j=new c(null,null,1,0),k=d.prototype=new a;return k.constructor=d,k.kill()._gc=!1,d.version="1.20.2",k.invalidate=function(){return this._yoyo=this.vars.yoyo===!0,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._uncache(!0),a.prototype.invalidate.call(this)},k.addCallback=function(a,c,d,e){return this.add(b.delayedCall(0,a,d,e),c)},k.removeCallback=function(a,b){if(a)if(null==b)this._kill(null,a);else for(var c=this.getTweensOf(a,!1),d=c.length,e=this._parseTimeOrLabel(b);--d>-1;)c[d]._startTime===e&&c[d]._enabled(!1,!1);return this},k.removePause=function(b){return this.removeCallback(a._internals.pauseCallback,b)},k.tweenTo=function(a,c){c=c||{};var d,e,f,g={ease:j,useFrames:this.usesFrames(),immediateRender:!1},h=c.repeat&&i.TweenMax||b;for(e in c)g[e]=c[e];return g.time=this._parseTimeOrLabel(a),d=Math.abs(Number(g.time)-this._time)/this._timeScale||.001,f=new h(this,d,g),g.onStart=function(){f.target.paused(!0),f.vars.time!==f.target.time()&&d===f.duration()&&f.duration(Math.abs(f.vars.time-f.target.time())/f.target._timeScale),c.onStart&&c.onStart.apply(c.onStartScope||c.callbackScope||f,c.onStartParams||[])},f},k.tweenFromTo=function(a,b,c){c=c||{},a=this._parseTimeOrLabel(a),c.startAt={onComplete:this.seek,onCompleteParams:[a],callbackScope:this},c.immediateRender=c.immediateRender!==!1;var d=this.tweenTo(b,c);return d.duration(Math.abs(d.vars.time-a)/this._timeScale||.001)},k.render=function(a,b,c){this._gc&&this._enabled(!0,!1);var d,f,i,j,k,l,m,n,o=this._dirty?this.totalDuration():this._totalDuration,p=this._duration,q=this._time,r=this._totalTime,s=this._startTime,t=this._timeScale,u=this._rawPrevTime,v=this._paused,w=this._cycle;if(a>=o-1e-7&&a>=0)this._locked||(this._totalTime=o,this._cycle=this._repeat),this._reversed||this._hasPausedChild()||(f=!0,j="onComplete",k=!!this._timeline.autoRemoveChildren,0===this._duration&&(0>=a&&a>=-1e-7||0>u||u===e)&&u!==a&&this._first&&(k=!0,u>e&&(j="onReverseComplete"))),this._rawPrevTime=this._duration||!b||a||this._rawPrevTime===a?a:e,this._yoyo&&0!==(1&this._cycle)?this._time=a=0:(this._time=p,a=p+1e-4);else if(1e-7>a)if(this._locked||(this._totalTime=this._cycle=0),this._time=0,(0!==q||0===p&&u!==e&&(u>0||0>a&&u>=0)&&!this._locked)&&(j="onReverseComplete",f=this._reversed),0>a)this._active=!1,this._timeline.autoRemoveChildren&&this._reversed?(k=f=!0,j="onReverseComplete"):u>=0&&this._first&&(k=!0),this._rawPrevTime=a;else{if(this._rawPrevTime=p||!b||a||this._rawPrevTime===a?a:e,0===a&&f)for(d=this._first;d&&0===d._startTime;)d._duration||(f=!1),d=d._next;a=0,this._initted||(k=!0)}else if(0===p&&0>u&&(k=!0),this._time=this._rawPrevTime=a,this._locked||(this._totalTime=a,0!==this._repeat&&(l=p+this._repeatDelay,this._cycle=this._totalTime/l>>0,0!==this._cycle&&this._cycle===this._totalTime/l&&a>=r&&this._cycle--,this._time=this._totalTime-this._cycle*l,this._yoyo&&0!==(1&this._cycle)&&(this._time=p-this._time),this._time>p?(this._time=p,a=p+1e-4):this._time<0?this._time=a=0:a=this._time)),this._hasPause&&!this._forcingPlayhead&&!b){if(a=this._time,a>=q||this._repeat&&w!==this._cycle)for(d=this._first;d&&d._startTime<=a&&!m;)d._duration||"isPause"!==d.data||d.ratio||0===d._startTime&&0===this._rawPrevTime||(m=d),d=d._next;else for(d=this._last;d&&d._startTime>=a&&!m;)d._duration||"isPause"===d.data&&d._rawPrevTime>0&&(m=d),d=d._prev;m&&m._startTime<p&&(this._time=a=m._startTime,this._totalTime=a+this._cycle*(this._totalDuration+this._repeatDelay))}if(this._cycle!==w&&!this._locked){var x=this._yoyo&&0!==(1&w),y=x===(this._yoyo&&0!==(1&this._cycle)),z=this._totalTime,A=this._cycle,B=this._rawPrevTime,C=this._time;if(this._totalTime=w*p,this._cycle<w?x=!x:this._totalTime+=p,this._time=q,this._rawPrevTime=0===p?u-1e-4:u,this._cycle=w,this._locked=!0,q=x?0:p,this.render(q,b,0===p),b||this._gc||this.vars.onRepeat&&(this._cycle=A,this._locked=!1,this._callback("onRepeat")),q!==this._time)return;if(y&&(this._cycle=w,this._locked=!0,q=x?p+1e-4:-1e-4,this.render(q,!0,!1)),this._locked=!1,this._paused&&!v)return;this._time=C,this._totalTime=z,this._cycle=A,this._rawPrevTime=B}if(!(this._time!==q&&this._first||c||k||m))return void(r!==this._totalTime&&this._onUpdate&&(b||this._callback("onUpdate")));if(this._initted||(this._initted=!0),this._active||!this._paused&&this._totalTime!==r&&a>0&&(this._active=!0),0===r&&this.vars.onStart&&(0===this._totalTime&&this._totalDuration||b||this._callback("onStart")),n=this._time,n>=q)for(d=this._first;d&&(i=d._next,n===this._time&&(!this._paused||v));)(d._active||d._startTime<=this._time&&!d._paused&&!d._gc)&&(m===d&&this.pause(),d._reversed?d.render((d._dirty?d.totalDuration():d._totalDuration)-(a-d._startTime)*d._timeScale,b,c):d.render((a-d._startTime)*d._timeScale,b,c)),d=i;else for(d=this._last;d&&(i=d._prev,n===this._time&&(!this._paused||v));){if(d._active||d._startTime<=q&&!d._paused&&!d._gc){if(m===d){for(m=d._prev;m&&m.endTime()>this._time;)m.render(m._reversed?m.totalDuration()-(a-m._startTime)*m._timeScale:(a-m._startTime)*m._timeScale,b,c),m=m._prev;m=null,this.pause()}d._reversed?d.render((d._dirty?d.totalDuration():d._totalDuration)-(a-d._startTime)*d._timeScale,b,c):d.render((a-d._startTime)*d._timeScale,b,c)}d=i}this._onUpdate&&(b||(g.length&&h(),this._callback("onUpdate"))),j&&(this._locked||this._gc||(s===this._startTime||t!==this._timeScale)&&(0===this._time||o>=this.totalDuration())&&(f&&(g.length&&h(),this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!b&&this.vars[j]&&this._callback(j)))},k.getActive=function(a,b,c){null==a&&(a=!0),null==b&&(b=!0),null==c&&(c=!1);var d,e,f=[],g=this.getChildren(a,b,c),h=0,i=g.length;for(d=0;i>d;d++)e=g[d],e.isActive()&&(f[h++]=e);return f},k.getLabelAfter=function(a){a||0!==a&&(a=this._time);var b,c=this.getLabelsArray(),d=c.length;for(b=0;d>b;b++)if(c[b].time>a)return c[b].name;return null},k.getLabelBefore=function(a){null==a&&(a=this._time);for(var b=this.getLabelsArray(),c=b.length;--c>-1;)if(b[c].time<a)return b[c].name;return null},k.getLabelsArray=function(){var a,b=[],c=0;for(a in this._labels)b[c++]={time:this._labels[a],name:a};return b.sort(function(a,b){return a.time-b.time}),b},k.invalidate=function(){return this._locked=!1,a.prototype.invalidate.call(this)},k.progress=function(a,b){return arguments.length?this.totalTime(this.duration()*(this._yoyo&&0!==(1&this._cycle)?1-a:a)+this._cycle*(this._duration+this._repeatDelay),b):this._time/this.duration()||0},k.totalProgress=function(a,b){return arguments.length?this.totalTime(this.totalDuration()*a,b):this._totalTime/this.totalDuration()||0},k.totalDuration=function(b){return arguments.length?-1!==this._repeat&&b?this.timeScale(this.totalDuration()/b):this:(this._dirty&&(a.prototype.totalDuration.call(this),this._totalDuration=-1===this._repeat?999999999999:this._duration*(this._repeat+1)+this._repeatDelay*this._repeat),this._totalDuration)},k.time=function(a,b){return arguments.length?(this._dirty&&this.totalDuration(),a>this._duration&&(a=this._duration),this._yoyo&&0!==(1&this._cycle)?a=this._duration-a+this._cycle*(this._duration+this._repeatDelay):0!==this._repeat&&(a+=this._cycle*(this._duration+this._repeatDelay)),this.totalTime(a,b)):this._time},k.repeat=function(a){return arguments.length?(this._repeat=a,this._uncache(!0)):this._repeat},k.repeatDelay=function(a){return arguments.length?(this._repeatDelay=a,this._uncache(!0)):this._repeatDelay},k.yoyo=function(a){return arguments.length?(this._yoyo=a,this):this._yoyo},k.currentLabel=function(a){return arguments.length?this.seek(a,!0):this.getLabelBefore(this._time+1e-8)},d},!0),function(){var a=180/Math.PI,b=[],c=[],d=[],e={},f=_gsScope._gsDefine.globals,g=function(a,b,c,d){c===d&&(c=d-(d-b)/1e6),a===b&&(b=a+(c-a)/1e6),this.a=a,this.b=b,this.c=c,this.d=d,this.da=d-a,this.ca=c-a,this.ba=b-a},h=",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,",i=function(a,b,c,d){var e={a:a},f={},g={},h={c:d},i=(a+b)/2,j=(b+c)/2,k=(c+d)/2,l=(i+j)/2,m=(j+k)/2,n=(m-l)/8;return e.b=i+(a-i)/4,f.b=l+n,e.c=f.a=(e.b+f.b)/2,f.c=g.a=(l+m)/2,g.b=m-n,h.b=k+(d-k)/4,g.c=h.a=(g.b+h.b)/2,[e,f,g,h]},j=function(a,e,f,g,h){var j,k,l,m,n,o,p,q,r,s,t,u,v,w=a.length-1,x=0,y=a[0].a;for(j=0;w>j;j++)n=a[x],k=n.a,l=n.d,m=a[x+1].d,h?(t=b[j],u=c[j],v=(u+t)*e*.25/(g?.5:d[j]||.5),o=l-(l-k)*(g?.5*e:0!==t?v/t:0),p=l+(m-l)*(g?.5*e:0!==u?v/u:0),q=l-(o+((p-o)*(3*t/(t+u)+.5)/4||0))):(o=l-(l-k)*e*.5,p=l+(m-l)*e*.5,q=l-(o+p)/2),o+=q,p+=q,n.c=r=o,0!==j?n.b=y:n.b=y=n.a+.6*(n.c-n.a),n.da=l-k,n.ca=r-k,n.ba=y-k,f?(s=i(k,y,r,l),a.splice(x,1,s[0],s[1],s[2],s[3]),x+=4):x++,y=p;n=a[x],n.b=y,n.c=y+.4*(n.d-y),n.da=n.d-n.a,n.ca=n.c-n.a,n.ba=y-n.a,f&&(s=i(n.a,y,n.c,n.d),a.splice(x,1,s[0],s[1],s[2],s[3]))},k=function(a,d,e,f){var h,i,j,k,l,m,n=[];if(f)for(a=[f].concat(a),i=a.length;--i>-1;)"string"==typeof(m=a[i][d])&&"="===m.charAt(1)&&(a[i][d]=f[d]+Number(m.charAt(0)+m.substr(2)));if(h=a.length-2,0>h)return n[0]=new g(a[0][d],0,0,a[0][d]),n;for(i=0;h>i;i++)j=a[i][d],k=a[i+1][d],n[i]=new g(j,0,0,k),e&&(l=a[i+2][d],b[i]=(b[i]||0)+(k-j)*(k-j),c[i]=(c[i]||0)+(l-k)*(l-k));return n[i]=new g(a[i][d],0,0,a[i+1][d]),n},l=function(a,f,g,i,l,m){var n,o,p,q,r,s,t,u,v={},w=[],x=m||a[0];l="string"==typeof l?","+l+",":h,null==f&&(f=1);for(o in a[0])w.push(o);if(a.length>1){for(u=a[a.length-1],t=!0,n=w.length;--n>-1;)if(o=w[n],Math.abs(x[o]-u[o])>.05){t=!1;break}t&&(a=a.concat(),m&&a.unshift(m),a.push(a[1]),m=a[a.length-3])}for(b.length=c.length=d.length=0,n=w.length;--n>-1;)o=w[n],e[o]=-1!==l.indexOf(","+o+","),v[o]=k(a,o,e[o],m);for(n=b.length;--n>-1;)b[n]=Math.sqrt(b[n]),c[n]=Math.sqrt(c[n]);if(!i){for(n=w.length;--n>-1;)if(e[o])for(p=v[w[n]],s=p.length-1,q=0;s>q;q++)r=p[q+1].da/c[q]+p[q].da/b[q]||0,d[q]=(d[q]||0)+r*r;for(n=d.length;--n>-1;)d[n]=Math.sqrt(d[n])}for(n=w.length,q=g?4:1;--n>-1;)o=w[n],p=v[o],j(p,f,g,i,e[o]),t&&(p.splice(0,q),p.splice(p.length-q,q));return v},m=function(a,b,c){b=b||"soft";var d,e,f,h,i,j,k,l,m,n,o,p={},q="cubic"===b?3:2,r="soft"===b,s=[];if(r&&c&&(a=[c].concat(a)),null==a||a.length<q+1)throw"invalid Bezier data"; +for(m in a[0])s.push(m);for(j=s.length;--j>-1;){for(m=s[j],p[m]=i=[],n=0,l=a.length,k=0;l>k;k++)d=null==c?a[k][m]:"string"==typeof(o=a[k][m])&&"="===o.charAt(1)?c[m]+Number(o.charAt(0)+o.substr(2)):Number(o),r&&k>1&&l-1>k&&(i[n++]=(d+i[n-2])/2),i[n++]=d;for(l=n-q+1,n=0,k=0;l>k;k+=q)d=i[k],e=i[k+1],f=i[k+2],h=2===q?0:i[k+3],i[n++]=o=3===q?new g(d,e,f,h):new g(d,(2*e+d)/3,(2*e+f)/3,f);i.length=n}return p},n=function(a,b,c){for(var d,e,f,g,h,i,j,k,l,m,n,o=1/c,p=a.length;--p>-1;)for(m=a[p],f=m.a,g=m.d-f,h=m.c-f,i=m.b-f,d=e=0,k=1;c>=k;k++)j=o*k,l=1-j,d=e-(e=(j*j*g+3*l*(j*h+l*i))*j),n=p*c+k-1,b[n]=(b[n]||0)+d*d},o=function(a,b){b=b>>0||6;var c,d,e,f,g=[],h=[],i=0,j=0,k=b-1,l=[],m=[];for(c in a)n(a[c],g,b);for(e=g.length,d=0;e>d;d++)i+=Math.sqrt(g[d]),f=d%b,m[f]=i,f===k&&(j+=i,f=d/b>>0,l[f]=m,h[f]=j,i=0,m=[]);return{length:j,lengths:h,segments:l}},p=_gsScope._gsDefine.plugin({propName:"bezier",priority:-1,version:"1.3.8",API:2,global:!0,init:function(a,b,c){this._target=a,b instanceof Array&&(b={values:b}),this._func={},this._mod={},this._props=[],this._timeRes=null==b.timeResolution?6:parseInt(b.timeResolution,10);var d,e,f,g,h,i=b.values||[],j={},k=i[0],n=b.autoRotate||c.vars.orientToBezier;this._autoRotate=n?n instanceof Array?n:[["x","y","rotation",n===!0?0:Number(n)||0]]:null;for(d in k)this._props.push(d);for(f=this._props.length;--f>-1;)d=this._props[f],this._overwriteProps.push(d),e=this._func[d]="function"==typeof a[d],j[d]=e?a[d.indexOf("set")||"function"!=typeof a["get"+d.substr(3)]?d:"get"+d.substr(3)]():parseFloat(a[d]),h||j[d]!==i[0][d]&&(h=j);if(this._beziers="cubic"!==b.type&&"quadratic"!==b.type&&"soft"!==b.type?l(i,isNaN(b.curviness)?1:b.curviness,!1,"thruBasic"===b.type,b.correlate,h):m(i,b.type,j),this._segCount=this._beziers[d].length,this._timeRes){var p=o(this._beziers,this._timeRes);this._length=p.length,this._lengths=p.lengths,this._segments=p.segments,this._l1=this._li=this._s1=this._si=0,this._l2=this._lengths[0],this._curSeg=this._segments[0],this._s2=this._curSeg[0],this._prec=1/this._curSeg.length}if(n=this._autoRotate)for(this._initialRotations=[],n[0]instanceof Array||(this._autoRotate=n=[n]),f=n.length;--f>-1;){for(g=0;3>g;g++)d=n[f][g],this._func[d]="function"==typeof a[d]?a[d.indexOf("set")||"function"!=typeof a["get"+d.substr(3)]?d:"get"+d.substr(3)]:!1;d=n[f][2],this._initialRotations[f]=(this._func[d]?this._func[d].call(this._target):this._target[d])||0,this._overwriteProps.push(d)}return this._startRatio=c.vars.runBackwards?1:0,!0},set:function(b){var c,d,e,f,g,h,i,j,k,l,m=this._segCount,n=this._func,o=this._target,p=b!==this._startRatio;if(this._timeRes){if(k=this._lengths,l=this._curSeg,b*=this._length,e=this._li,b>this._l2&&m-1>e){for(j=m-1;j>e&&(this._l2=k[++e])<=b;);this._l1=k[e-1],this._li=e,this._curSeg=l=this._segments[e],this._s2=l[this._s1=this._si=0]}else if(b<this._l1&&e>0){for(;e>0&&(this._l1=k[--e])>=b;);0===e&&b<this._l1?this._l1=0:e++,this._l2=k[e],this._li=e,this._curSeg=l=this._segments[e],this._s1=l[(this._si=l.length-1)-1]||0,this._s2=l[this._si]}if(c=e,b-=this._l1,e=this._si,b>this._s2&&e<l.length-1){for(j=l.length-1;j>e&&(this._s2=l[++e])<=b;);this._s1=l[e-1],this._si=e}else if(b<this._s1&&e>0){for(;e>0&&(this._s1=l[--e])>=b;);0===e&&b<this._s1?this._s1=0:e++,this._s2=l[e],this._si=e}h=(e+(b-this._s1)/(this._s2-this._s1))*this._prec||0}else c=0>b?0:b>=1?m-1:m*b>>0,h=(b-c*(1/m))*m;for(d=1-h,e=this._props.length;--e>-1;)f=this._props[e],g=this._beziers[f][c],i=(h*h*g.da+3*d*(h*g.ca+d*g.ba))*h+g.a,this._mod[f]&&(i=this._mod[f](i,o)),n[f]?o[f](i):o[f]=i;if(this._autoRotate){var q,r,s,t,u,v,w,x=this._autoRotate;for(e=x.length;--e>-1;)f=x[e][2],v=x[e][3]||0,w=x[e][4]===!0?1:a,g=this._beziers[x[e][0]],q=this._beziers[x[e][1]],g&&q&&(g=g[c],q=q[c],r=g.a+(g.b-g.a)*h,t=g.b+(g.c-g.b)*h,r+=(t-r)*h,t+=(g.c+(g.d-g.c)*h-t)*h,s=q.a+(q.b-q.a)*h,u=q.b+(q.c-q.b)*h,s+=(u-s)*h,u+=(q.c+(q.d-q.c)*h-u)*h,i=p?Math.atan2(u-s,t-r)*w+v:this._initialRotations[e],this._mod[f]&&(i=this._mod[f](i,o)),n[f]?o[f](i):o[f]=i)}}}),q=p.prototype;p.bezierThrough=l,p.cubicToQuadratic=i,p._autoCSS=!0,p.quadraticToCubic=function(a,b,c){return new g(a,(2*b+a)/3,(2*b+c)/3,c)},p._cssRegister=function(){var a=f.CSSPlugin;if(a){var b=a._internals,c=b._parseToProxy,d=b._setPluginRatio,e=b.CSSPropTween;b._registerComplexSpecialProp("bezier",{parser:function(a,b,f,g,h,i){b instanceof Array&&(b={values:b}),i=new p;var j,k,l,m=b.values,n=m.length-1,o=[],q={};if(0>n)return h;for(j=0;n>=j;j++)l=c(a,m[j],g,h,i,n!==j),o[j]=l.end;for(k in b)q[k]=b[k];return q.values=o,h=new e(a,"bezier",0,0,l.pt,2),h.data=l,h.plugin=i,h.setRatio=d,0===q.autoRotate&&(q.autoRotate=!0),!q.autoRotate||q.autoRotate instanceof Array||(j=q.autoRotate===!0?0:Number(q.autoRotate),q.autoRotate=null!=l.end.left?[["left","top","rotation",j,!1]]:null!=l.end.x?[["x","y","rotation",j,!1]]:!1),q.autoRotate&&(g._transform||g._enableTransforms(!1),l.autoRotate=g._target._gsTransform,l.proxy.rotation=l.autoRotate.rotation||0,g._overwriteProps.push("rotation")),i._onInitTween(l.proxy,q,g._tween),h}})}},q._mod=function(a){for(var b,c=this._overwriteProps,d=c.length;--d>-1;)b=a[c[d]],b&&"function"==typeof b&&(this._mod[c[d]]=b)},q._kill=function(a){var b,c,d=this._props;for(b in this._beziers)if(b in a)for(delete this._beziers[b],delete this._func[b],c=d.length;--c>-1;)d[c]===b&&d.splice(c,1);if(d=this._autoRotate)for(c=d.length;--c>-1;)a[d[c][2]]&&d.splice(c,1);return this._super._kill.call(this,a)}}(),_gsScope._gsDefine("plugins.CSSPlugin",["plugins.TweenPlugin","TweenLite"],function(a,b){var c,d,e,f,g=function(){a.call(this,"css"),this._overwriteProps.length=0,this.setRatio=g.prototype.setRatio},h=_gsScope._gsDefine.globals,i={},j=g.prototype=new a("css");j.constructor=g,g.version="1.20.0",g.API=2,g.defaultTransformPerspective=0,g.defaultSkewType="compensated",g.defaultSmoothOrigin=!0,j="px",g.suffixMap={top:j,right:j,bottom:j,left:j,width:j,height:j,fontSize:j,padding:j,margin:j,perspective:j,lineHeight:""};var k,l,m,n,o,p,q,r,s=/(?:\-|\.|\b)(\d|\.|e\-)+/g,t=/(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g,u=/(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi,v=/(?![+-]?\d*\.?\d+|[+-]|e[+-]\d+)[^0-9]/g,w=/(?:\d|\-|\+|=|#|\.)*/g,x=/opacity *= *([^)]*)/i,y=/opacity:([^;]*)/i,z=/alpha\(opacity *=.+?\)/i,A=/^(rgb|hsl)/,B=/([A-Z])/g,C=/-([a-z])/gi,D=/(^(?:url\(\"|url\())|(?:(\"\))$|\)$)/gi,E=function(a,b){return b.toUpperCase()},F=/(?:Left|Right|Width)/i,G=/(M11|M12|M21|M22)=[\d\-\.e]+/gi,H=/progid\:DXImageTransform\.Microsoft\.Matrix\(.+?\)/i,I=/,(?=[^\)]*(?:\(|$))/gi,J=/[\s,\(]/i,K=Math.PI/180,L=180/Math.PI,M={},N={style:{}},O=_gsScope.document||{createElement:function(){return N}},P=function(a,b){return O.createElementNS?O.createElementNS(b||"http://www.w3.org/1999/xhtml",a):O.createElement(a)},Q=P("div"),R=P("img"),S=g._internals={_specialProps:i},T=(_gsScope.navigator||{}).userAgent||"",U=function(){var a=T.indexOf("Android"),b=P("a");return m=-1!==T.indexOf("Safari")&&-1===T.indexOf("Chrome")&&(-1===a||parseFloat(T.substr(a+8,2))>3),o=m&&parseFloat(T.substr(T.indexOf("Version/")+8,2))<6,n=-1!==T.indexOf("Firefox"),(/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(T)||/Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/.exec(T))&&(p=parseFloat(RegExp.$1)),b?(b.style.cssText="top:1px;opacity:.55;",/^0.55/.test(b.style.opacity)):!1}(),V=function(a){return x.test("string"==typeof a?a:(a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100:1},W=function(a){_gsScope.console&&console.log(a)},X="",Y="",Z=function(a,b){b=b||Q;var c,d,e=b.style;if(void 0!==e[a])return a;for(a=a.charAt(0).toUpperCase()+a.substr(1),c=["O","Moz","ms","Ms","Webkit"],d=5;--d>-1&&void 0===e[c[d]+a];);return d>=0?(Y=3===d?"ms":c[d],X="-"+Y.toLowerCase()+"-",Y+a):null},$=O.defaultView?O.defaultView.getComputedStyle:function(){},_=g.getStyle=function(a,b,c,d,e){var f;return U||"opacity"!==b?(!d&&a.style[b]?f=a.style[b]:(c=c||$(a))?f=c[b]||c.getPropertyValue(b)||c.getPropertyValue(b.replace(B,"-$1").toLowerCase()):a.currentStyle&&(f=a.currentStyle[b]),null==e||f&&"none"!==f&&"auto"!==f&&"auto auto"!==f?f:e):V(a)},aa=S.convertToPixels=function(a,c,d,e,f){if("px"===e||!e&&"lineHeight"!==c)return d;if("auto"===e||!d)return 0;var h,i,j,k=F.test(c),l=a,m=Q.style,n=0>d,o=1===d;if(n&&(d=-d),o&&(d*=100),"lineHeight"!==c||e)if("%"===e&&-1!==c.indexOf("border"))h=d/100*(k?a.clientWidth:a.clientHeight);else{if(m.cssText="border:0 solid red;position:"+_(a,"position")+";line-height:0;","%"!==e&&l.appendChild&&"v"!==e.charAt(0)&&"rem"!==e)m[k?"borderLeftWidth":"borderTopWidth"]=d+e;else{if(l=a.parentNode||O.body,-1!==_(l,"display").indexOf("flex")&&(m.position="absolute"),i=l._gsCache,j=b.ticker.frame,i&&k&&i.time===j)return i.width*d/100;m[k?"width":"height"]=d+e}l.appendChild(Q),h=parseFloat(Q[k?"offsetWidth":"offsetHeight"]),l.removeChild(Q),k&&"%"===e&&g.cacheWidths!==!1&&(i=l._gsCache=l._gsCache||{},i.time=j,i.width=h/d*100),0!==h||f||(h=aa(a,c,d,e,!0))}else i=$(a).lineHeight,a.style.lineHeight=d,h=parseFloat($(a).lineHeight),a.style.lineHeight=i;return o&&(h/=100),n?-h:h},ba=S.calculateOffset=function(a,b,c){if("absolute"!==_(a,"position",c))return 0;var d="left"===b?"Left":"Top",e=_(a,"margin"+d,c);return a["offset"+d]-(aa(a,b,parseFloat(e),e.replace(w,""))||0)},ca=function(a,b){var c,d,e,f={};if(b=b||$(a,null))if(c=b.length)for(;--c>-1;)e=b[c],(-1===e.indexOf("-transform")||Da===e)&&(f[e.replace(C,E)]=b.getPropertyValue(e));else for(c in b)(-1===c.indexOf("Transform")||Ca===c)&&(f[c]=b[c]);else if(b=a.currentStyle||a.style)for(c in b)"string"==typeof c&&void 0===f[c]&&(f[c.replace(C,E)]=b[c]);return U||(f.opacity=V(a)),d=Ra(a,b,!1),f.rotation=d.rotation,f.skewX=d.skewX,f.scaleX=d.scaleX,f.scaleY=d.scaleY,f.x=d.x,f.y=d.y,Fa&&(f.z=d.z,f.rotationX=d.rotationX,f.rotationY=d.rotationY,f.scaleZ=d.scaleZ),f.filters&&delete f.filters,f},da=function(a,b,c,d,e){var f,g,h,i={},j=a.style;for(g in c)"cssText"!==g&&"length"!==g&&isNaN(g)&&(b[g]!==(f=c[g])||e&&e[g])&&-1===g.indexOf("Origin")&&("number"==typeof f||"string"==typeof f)&&(i[g]="auto"!==f||"left"!==g&&"top"!==g?""!==f&&"auto"!==f&&"none"!==f||"string"!=typeof b[g]||""===b[g].replace(v,"")?f:0:ba(a,g),void 0!==j[g]&&(h=new sa(j,g,j[g],h)));if(d)for(g in d)"className"!==g&&(i[g]=d[g]);return{difs:i,firstMPT:h}},ea={width:["Left","Right"],height:["Top","Bottom"]},fa=["marginLeft","marginRight","marginTop","marginBottom"],ga=function(a,b,c){if("svg"===(a.nodeName+"").toLowerCase())return(c||$(a))[b]||0;if(a.getCTM&&Oa(a))return a.getBBox()[b]||0;var d=parseFloat("width"===b?a.offsetWidth:a.offsetHeight),e=ea[b],f=e.length;for(c=c||$(a,null);--f>-1;)d-=parseFloat(_(a,"padding"+e[f],c,!0))||0,d-=parseFloat(_(a,"border"+e[f]+"Width",c,!0))||0;return d},ha=function(a,b){if("contain"===a||"auto"===a||"auto auto"===a)return a+" ";(null==a||""===a)&&(a="0 0");var c,d=a.split(" "),e=-1!==a.indexOf("left")?"0%":-1!==a.indexOf("right")?"100%":d[0],f=-1!==a.indexOf("top")?"0%":-1!==a.indexOf("bottom")?"100%":d[1];if(d.length>3&&!b){for(d=a.split(", ").join(",").split(","),a=[],c=0;c<d.length;c++)a.push(ha(d[c]));return a.join(",")}return null==f?f="center"===e?"50%":"0":"center"===f&&(f="50%"),("center"===e||isNaN(parseFloat(e))&&-1===(e+"").indexOf("="))&&(e="50%"),a=e+" "+f+(d.length>2?" "+d[2]:""),b&&(b.oxp=-1!==e.indexOf("%"),b.oyp=-1!==f.indexOf("%"),b.oxr="="===e.charAt(1),b.oyr="="===f.charAt(1),b.ox=parseFloat(e.replace(v,"")),b.oy=parseFloat(f.replace(v,"")),b.v=a),b||a},ia=function(a,b){return"function"==typeof a&&(a=a(r,q)),"string"==typeof a&&"="===a.charAt(1)?parseInt(a.charAt(0)+"1",10)*parseFloat(a.substr(2)):parseFloat(a)-parseFloat(b)||0},ja=function(a,b){return"function"==typeof a&&(a=a(r,q)),null==a?b:"string"==typeof a&&"="===a.charAt(1)?parseInt(a.charAt(0)+"1",10)*parseFloat(a.substr(2))+b:parseFloat(a)||0},ka=function(a,b,c,d){var e,f,g,h,i,j=1e-6;return"function"==typeof a&&(a=a(r,q)),null==a?h=b:"number"==typeof a?h=a:(e=360,f=a.split("_"),i="="===a.charAt(1),g=(i?parseInt(a.charAt(0)+"1",10)*parseFloat(f[0].substr(2)):parseFloat(f[0]))*(-1===a.indexOf("rad")?1:L)-(i?0:b),f.length&&(d&&(d[c]=b+g),-1!==a.indexOf("short")&&(g%=e,g!==g%(e/2)&&(g=0>g?g+e:g-e)),-1!==a.indexOf("_cw")&&0>g?g=(g+9999999999*e)%e-(g/e|0)*e:-1!==a.indexOf("ccw")&&g>0&&(g=(g-9999999999*e)%e-(g/e|0)*e)),h=b+g),j>h&&h>-j&&(h=0),h},la={aqua:[0,255,255],lime:[0,255,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,255],navy:[0,0,128],white:[255,255,255],fuchsia:[255,0,255],olive:[128,128,0],yellow:[255,255,0],orange:[255,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[255,0,0],pink:[255,192,203],cyan:[0,255,255],transparent:[255,255,255,0]},ma=function(a,b,c){return a=0>a?a+1:a>1?a-1:a,255*(1>6*a?b+(c-b)*a*6:.5>a?c:2>3*a?b+(c-b)*(2/3-a)*6:b)+.5|0},na=g.parseColor=function(a,b){var c,d,e,f,g,h,i,j,k,l,m;if(a)if("number"==typeof a)c=[a>>16,a>>8&255,255&a];else{if(","===a.charAt(a.length-1)&&(a=a.substr(0,a.length-1)),la[a])c=la[a];else if("#"===a.charAt(0))4===a.length&&(d=a.charAt(1),e=a.charAt(2),f=a.charAt(3),a="#"+d+d+e+e+f+f),a=parseInt(a.substr(1),16),c=[a>>16,a>>8&255,255&a];else if("hsl"===a.substr(0,3))if(c=m=a.match(s),b){if(-1!==a.indexOf("="))return a.match(t)}else g=Number(c[0])%360/360,h=Number(c[1])/100,i=Number(c[2])/100,e=.5>=i?i*(h+1):i+h-i*h,d=2*i-e,c.length>3&&(c[3]=Number(a[3])),c[0]=ma(g+1/3,d,e),c[1]=ma(g,d,e),c[2]=ma(g-1/3,d,e);else c=a.match(s)||la.transparent;c[0]=Number(c[0]),c[1]=Number(c[1]),c[2]=Number(c[2]),c.length>3&&(c[3]=Number(c[3]))}else c=la.black;return b&&!m&&(d=c[0]/255,e=c[1]/255,f=c[2]/255,j=Math.max(d,e,f),k=Math.min(d,e,f),i=(j+k)/2,j===k?g=h=0:(l=j-k,h=i>.5?l/(2-j-k):l/(j+k),g=j===d?(e-f)/l+(f>e?6:0):j===e?(f-d)/l+2:(d-e)/l+4,g*=60),c[0]=g+.5|0,c[1]=100*h+.5|0,c[2]=100*i+.5|0),c},oa=function(a,b){var c,d,e,f=a.match(pa)||[],g=0,h="";if(!f.length)return a;for(c=0;c<f.length;c++)d=f[c],e=a.substr(g,a.indexOf(d,g)-g),g+=e.length+d.length,d=na(d,b),3===d.length&&d.push(1),h+=e+(b?"hsla("+d[0]+","+d[1]+"%,"+d[2]+"%,"+d[3]:"rgba("+d.join(","))+")";return h+a.substr(g)},pa="(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3}){1,2}\\b";for(j in la)pa+="|"+j+"\\b";pa=new RegExp(pa+")","gi"),g.colorStringFilter=function(a){var b,c=a[0]+" "+a[1];pa.test(c)&&(b=-1!==c.indexOf("hsl(")||-1!==c.indexOf("hsla("),a[0]=oa(a[0],b),a[1]=oa(a[1],b)),pa.lastIndex=0},b.defaultStringFilter||(b.defaultStringFilter=g.colorStringFilter);var qa=function(a,b,c,d){if(null==a)return function(a){return a};var e,f=b?(a.match(pa)||[""])[0]:"",g=a.split(f).join("").match(u)||[],h=a.substr(0,a.indexOf(g[0])),i=")"===a.charAt(a.length-1)?")":"",j=-1!==a.indexOf(" ")?" ":",",k=g.length,l=k>0?g[0].replace(s,""):"";return k?e=b?function(a){var b,m,n,o;if("number"==typeof a)a+=l;else if(d&&I.test(a)){for(o=a.replace(I,"|").split("|"),n=0;n<o.length;n++)o[n]=e(o[n]);return o.join(",")}if(b=(a.match(pa)||[f])[0],m=a.split(b).join("").match(u)||[],n=m.length,k>n--)for(;++n<k;)m[n]=c?m[(n-1)/2|0]:g[n];return h+m.join(j)+j+b+i+(-1!==a.indexOf("inset")?" inset":"")}:function(a){var b,f,m;if("number"==typeof a)a+=l;else if(d&&I.test(a)){for(f=a.replace(I,"|").split("|"),m=0;m<f.length;m++)f[m]=e(f[m]);return f.join(",")}if(b=a.match(u)||[],m=b.length,k>m--)for(;++m<k;)b[m]=c?b[(m-1)/2|0]:g[m];return h+b.join(j)+i}:function(a){return a}},ra=function(a){return a=a.split(","),function(b,c,d,e,f,g,h){var i,j=(c+"").split(" ");for(h={},i=0;4>i;i++)h[a[i]]=j[i]=j[i]||j[(i-1)/2>>0];return e.parse(b,h,f,g)}},sa=(S._setPluginRatio=function(a){this.plugin.setRatio(a);for(var b,c,d,e,f,g=this.data,h=g.proxy,i=g.firstMPT,j=1e-6;i;)b=h[i.v],i.r?b=Math.round(b):j>b&&b>-j&&(b=0),i.t[i.p]=b,i=i._next;if(g.autoRotate&&(g.autoRotate.rotation=g.mod?g.mod(h.rotation,this.t):h.rotation),1===a||0===a)for(i=g.firstMPT,f=1===a?"e":"b";i;){if(c=i.t,c.type){if(1===c.type){for(e=c.xs0+c.s+c.xs1,d=1;d<c.l;d++)e+=c["xn"+d]+c["xs"+(d+1)];c[f]=e}}else c[f]=c.s+c.xs0;i=i._next}},function(a,b,c,d,e){this.t=a,this.p=b,this.v=c,this.r=e,d&&(d._prev=this,this._next=d)}),ta=(S._parseToProxy=function(a,b,c,d,e,f){var g,h,i,j,k,l=d,m={},n={},o=c._transform,p=M;for(c._transform=null,M=b,d=k=c.parse(a,b,d,e),M=p,f&&(c._transform=o,l&&(l._prev=null,l._prev&&(l._prev._next=null)));d&&d!==l;){if(d.type<=1&&(h=d.p,n[h]=d.s+d.c,m[h]=d.s,f||(j=new sa(d,"s",h,j,d.r),d.c=0),1===d.type))for(g=d.l;--g>0;)i="xn"+g,h=d.p+"_"+i,n[h]=d.data[i],m[h]=d[i],f||(j=new sa(d,i,h,j,d.rxp[i]));d=d._next}return{proxy:m,end:n,firstMPT:j,pt:k}},S.CSSPropTween=function(a,b,d,e,g,h,i,j,k,l,m){this.t=a,this.p=b,this.s=d,this.c=e,this.n=i||b,a instanceof ta||f.push(this.n),this.r=j,this.type=h||0,k&&(this.pr=k,c=!0),this.b=void 0===l?d:l,this.e=void 0===m?d+e:m,g&&(this._next=g,g._prev=this)}),ua=function(a,b,c,d,e,f){var g=new ta(a,b,c,d-c,e,-1,f);return g.b=c,g.e=g.xs0=d,g},va=g.parseComplex=function(a,b,c,d,e,f,h,i,j,l){c=c||f||"","function"==typeof d&&(d=d(r,q)),h=new ta(a,b,0,0,h,l?2:1,null,!1,i,c,d),d+="",e&&pa.test(d+c)&&(d=[c,d],g.colorStringFilter(d),c=d[0],d=d[1]);var m,n,o,p,u,v,w,x,y,z,A,B,C,D=c.split(", ").join(",").split(" "),E=d.split(", ").join(",").split(" "),F=D.length,G=k!==!1;for((-1!==d.indexOf(",")||-1!==c.indexOf(","))&&(D=D.join(" ").replace(I,", ").split(" "),E=E.join(" ").replace(I,", ").split(" "),F=D.length),F!==E.length&&(D=(f||"").split(" "),F=D.length),h.plugin=j,h.setRatio=l,pa.lastIndex=0,m=0;F>m;m++)if(p=D[m],u=E[m],x=parseFloat(p),x||0===x)h.appendXtra("",x,ia(u,x),u.replace(t,""),G&&-1!==u.indexOf("px"),!0);else if(e&&pa.test(p))B=u.indexOf(")")+1,B=")"+(B?u.substr(B):""),C=-1!==u.indexOf("hsl")&&U,z=u,p=na(p,C),u=na(u,C),y=p.length+u.length>6,y&&!U&&0===u[3]?(h["xs"+h.l]+=h.l?" transparent":"transparent",h.e=h.e.split(E[m]).join("transparent")):(U||(y=!1),C?h.appendXtra(z.substr(0,z.indexOf("hsl"))+(y?"hsla(":"hsl("),p[0],ia(u[0],p[0]),",",!1,!0).appendXtra("",p[1],ia(u[1],p[1]),"%,",!1).appendXtra("",p[2],ia(u[2],p[2]),y?"%,":"%"+B,!1):h.appendXtra(z.substr(0,z.indexOf("rgb"))+(y?"rgba(":"rgb("),p[0],u[0]-p[0],",",!0,!0).appendXtra("",p[1],u[1]-p[1],",",!0).appendXtra("",p[2],u[2]-p[2],y?",":B,!0),y&&(p=p.length<4?1:p[3],h.appendXtra("",p,(u.length<4?1:u[3])-p,B,!1))),pa.lastIndex=0;else if(v=p.match(s)){if(w=u.match(t),!w||w.length!==v.length)return h;for(o=0,n=0;n<v.length;n++)A=v[n],z=p.indexOf(A,o),h.appendXtra(p.substr(o,z-o),Number(A),ia(w[n],A),"",G&&"px"===p.substr(z+A.length,2),0===n),o=z+A.length;h["xs"+h.l]+=p.substr(o)}else h["xs"+h.l]+=h.l||h["xs"+h.l]?" "+u:u;if(-1!==d.indexOf("=")&&h.data){for(B=h.xs0+h.data.s,m=1;m<h.l;m++)B+=h["xs"+m]+h.data["xn"+m];h.e=B+h["xs"+m]}return h.l||(h.type=-1,h.xs0=h.e),h.xfirst||h},wa=9;for(j=ta.prototype,j.l=j.pr=0;--wa>0;)j["xn"+wa]=0,j["xs"+wa]="";j.xs0="",j._next=j._prev=j.xfirst=j.data=j.plugin=j.setRatio=j.rxp=null,j.appendXtra=function(a,b,c,d,e,f){var g=this,h=g.l;return g["xs"+h]+=f&&(h||g["xs"+h])?" "+a:a||"",c||0===h||g.plugin?(g.l++,g.type=g.setRatio?2:1,g["xs"+g.l]=d||"",h>0?(g.data["xn"+h]=b+c,g.rxp["xn"+h]=e,g["xn"+h]=b,g.plugin||(g.xfirst=new ta(g,"xn"+h,b,c,g.xfirst||g,0,g.n,e,g.pr),g.xfirst.xs0=0),g):(g.data={s:b+c},g.rxp={},g.s=b,g.c=c,g.r=e,g)):(g["xs"+h]+=b+(d||""),g)};var xa=function(a,b){b=b||{},this.p=b.prefix?Z(a)||a:a,i[a]=i[this.p]=this,this.format=b.formatter||qa(b.defaultValue,b.color,b.collapsible,b.multi),b.parser&&(this.parse=b.parser),this.clrs=b.color,this.multi=b.multi,this.keyword=b.keyword,this.dflt=b.defaultValue,this.pr=b.priority||0},ya=S._registerComplexSpecialProp=function(a,b,c){"object"!=typeof b&&(b={parser:c});var d,e,f=a.split(","),g=b.defaultValue;for(c=c||[g],d=0;d<f.length;d++)b.prefix=0===d&&b.prefix,b.defaultValue=c[d]||g,e=new xa(f[d],b)},za=S._registerPluginProp=function(a){if(!i[a]){var b=a.charAt(0).toUpperCase()+a.substr(1)+"Plugin";ya(a,{parser:function(a,c,d,e,f,g,j){var k=h.com.greensock.plugins[b];return k?(k._cssRegister(),i[d].parse(a,c,d,e,f,g,j)):(W("Error: "+b+" js file not loaded."),f)}})}};j=xa.prototype,j.parseComplex=function(a,b,c,d,e,f){var g,h,i,j,k,l,m=this.keyword;if(this.multi&&(I.test(c)||I.test(b)?(h=b.replace(I,"|").split("|"),i=c.replace(I,"|").split("|")):m&&(h=[b],i=[c])),i){for(j=i.length>h.length?i.length:h.length,g=0;j>g;g++)b=h[g]=h[g]||this.dflt,c=i[g]=i[g]||this.dflt,m&&(k=b.indexOf(m),l=c.indexOf(m),k!==l&&(-1===l?h[g]=h[g].split(m).join(""):-1===k&&(h[g]+=" "+m)));b=h.join(", "),c=i.join(", ")}return va(a,this.p,b,c,this.clrs,this.dflt,d,this.pr,e,f)},j.parse=function(a,b,c,d,f,g,h){return this.parseComplex(a.style,this.format(_(a,this.p,e,!1,this.dflt)),this.format(b),f,g)},g.registerSpecialProp=function(a,b,c){ya(a,{parser:function(a,d,e,f,g,h,i){var j=new ta(a,e,0,0,g,2,e,!1,c);return j.plugin=h,j.setRatio=b(a,d,f._tween,e),j},priority:c})},g.useSVGTransformAttr=!0;var Aa,Ba="scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective,xPercent,yPercent".split(","),Ca=Z("transform"),Da=X+"transform",Ea=Z("transformOrigin"),Fa=null!==Z("perspective"),Ga=S.Transform=function(){this.perspective=parseFloat(g.defaultTransformPerspective)||0,this.force3D=g.defaultForce3D!==!1&&Fa?g.defaultForce3D||"auto":!1},Ha=_gsScope.SVGElement,Ia=function(a,b,c){var d,e=O.createElementNS("http://www.w3.org/2000/svg",a),f=/([a-z])([A-Z])/g;for(d in c)e.setAttributeNS(null,d.replace(f,"$1-$2").toLowerCase(),c[d]);return b.appendChild(e),e},Ja=O.documentElement||{},Ka=function(){var a,b,c,d=p||/Android/i.test(T)&&!_gsScope.chrome;return O.createElementNS&&!d&&(a=Ia("svg",Ja),b=Ia("rect",a,{width:100,height:50,x:100}),c=b.getBoundingClientRect().width,b.style[Ea]="50% 50%",b.style[Ca]="scaleX(0.5)",d=c===b.getBoundingClientRect().width&&!(n&&Fa),Ja.removeChild(a)),d}(),La=function(a,b,c,d,e,f){var h,i,j,k,l,m,n,o,p,q,r,s,t,u,v=a._gsTransform,w=Qa(a,!0);v&&(t=v.xOrigin,u=v.yOrigin),(!d||(h=d.split(" ")).length<2)&&(n=a.getBBox(),0===n.x&&0===n.y&&n.width+n.height===0&&(n={x:parseFloat(a.hasAttribute("x")?a.getAttribute("x"):a.hasAttribute("cx")?a.getAttribute("cx"):0)||0,y:parseFloat(a.hasAttribute("y")?a.getAttribute("y"):a.hasAttribute("cy")?a.getAttribute("cy"):0)||0,width:0,height:0}),b=ha(b).split(" "),h=[(-1!==b[0].indexOf("%")?parseFloat(b[0])/100*n.width:parseFloat(b[0]))+n.x,(-1!==b[1].indexOf("%")?parseFloat(b[1])/100*n.height:parseFloat(b[1]))+n.y]),c.xOrigin=k=parseFloat(h[0]),c.yOrigin=l=parseFloat(h[1]),d&&w!==Pa&&(m=w[0],n=w[1],o=w[2],p=w[3],q=w[4],r=w[5],s=m*p-n*o,s&&(i=k*(p/s)+l*(-o/s)+(o*r-p*q)/s,j=k*(-n/s)+l*(m/s)-(m*r-n*q)/s,k=c.xOrigin=h[0]=i,l=c.yOrigin=h[1]=j)),v&&(f&&(c.xOffset=v.xOffset,c.yOffset=v.yOffset,v=c),e||e!==!1&&g.defaultSmoothOrigin!==!1?(i=k-t,j=l-u,v.xOffset+=i*w[0]+j*w[2]-i,v.yOffset+=i*w[1]+j*w[3]-j):v.xOffset=v.yOffset=0),f||a.setAttribute("data-svg-origin",h.join(" "))},Ma=function(a){var b,c=P("svg",this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),d=this.parentNode,e=this.nextSibling,f=this.style.cssText;if(Ja.appendChild(c),c.appendChild(this),this.style.display="block",a)try{b=this.getBBox(),this._originalGetBBox=this.getBBox,this.getBBox=Ma}catch(g){}else this._originalGetBBox&&(b=this._originalGetBBox());return e?d.insertBefore(this,e):d.appendChild(this),Ja.removeChild(c),this.style.cssText=f,b},Na=function(a){try{return a.getBBox()}catch(b){return Ma.call(a,!0)}},Oa=function(a){return!(!(Ha&&a.getCTM&&Na(a))||a.parentNode&&!a.ownerSVGElement)},Pa=[1,0,0,1,0,0],Qa=function(a,b){var c,d,e,f,g,h,i=a._gsTransform||new Ga,j=1e5,k=a.style;if(Ca?d=_(a,Da,null,!0):a.currentStyle&&(d=a.currentStyle.filter.match(G),d=d&&4===d.length?[d[0].substr(4),Number(d[2].substr(4)),Number(d[1].substr(4)),d[3].substr(4),i.x||0,i.y||0].join(","):""),c=!d||"none"===d||"matrix(1, 0, 0, 1, 0, 0)"===d,!Ca||!(h="none"===$(a).display)&&a.parentNode||(h&&(f=k.display,k.display="block"),a.parentNode||(g=1,Ja.appendChild(a)),d=_(a,Da,null,!0),c=!d||"none"===d||"matrix(1, 0, 0, 1, 0, 0)"===d,f?k.display=f:h&&Va(k,"display"),g&&Ja.removeChild(a)),(i.svg||a.getCTM&&Oa(a))&&(c&&-1!==(k[Ca]+"").indexOf("matrix")&&(d=k[Ca],c=0),e=a.getAttribute("transform"),c&&e&&(-1!==e.indexOf("matrix")?(d=e,c=0):-1!==e.indexOf("translate")&&(d="matrix(1,0,0,1,"+e.match(/(?:\-|\b)[\d\-\.e]+\b/gi).join(",")+")",c=0))),c)return Pa;for(e=(d||"").match(s)||[],wa=e.length;--wa>-1;)f=Number(e[wa]),e[wa]=(g=f-(f|=0))?(g*j+(0>g?-.5:.5)|0)/j+f:f;return b&&e.length>6?[e[0],e[1],e[4],e[5],e[12],e[13]]:e},Ra=S.getTransform=function(a,c,d,e){if(a._gsTransform&&d&&!e)return a._gsTransform;var f,h,i,j,k,l,m=d?a._gsTransform||new Ga:new Ga,n=m.scaleX<0,o=2e-5,p=1e5,q=Fa?parseFloat(_(a,Ea,c,!1,"0 0 0").split(" ")[2])||m.zOrigin||0:0,r=parseFloat(g.defaultTransformPerspective)||0;if(m.svg=!(!a.getCTM||!Oa(a)),m.svg&&(La(a,_(a,Ea,c,!1,"50% 50%")+"",m,a.getAttribute("data-svg-origin")),Aa=g.useSVGTransformAttr||Ka),f=Qa(a),f!==Pa){if(16===f.length){var s,t,u,v,w,x=f[0],y=f[1],z=f[2],A=f[3],B=f[4],C=f[5],D=f[6],E=f[7],F=f[8],G=f[9],H=f[10],I=f[12],J=f[13],K=f[14],M=f[11],N=Math.atan2(D,H);m.zOrigin&&(K=-m.zOrigin,I=F*K-f[12],J=G*K-f[13],K=H*K+m.zOrigin-f[14]),m.rotationX=N*L,N&&(v=Math.cos(-N),w=Math.sin(-N),s=B*v+F*w,t=C*v+G*w,u=D*v+H*w,F=B*-w+F*v,G=C*-w+G*v,H=D*-w+H*v,M=E*-w+M*v,B=s,C=t,D=u),N=Math.atan2(-z,H),m.rotationY=N*L,N&&(v=Math.cos(-N),w=Math.sin(-N),s=x*v-F*w,t=y*v-G*w,u=z*v-H*w,G=y*w+G*v,H=z*w+H*v,M=A*w+M*v,x=s,y=t,z=u),N=Math.atan2(y,x),m.rotation=N*L,N&&(v=Math.cos(N),w=Math.sin(N),s=x*v+y*w,t=B*v+C*w,u=F*v+G*w,y=y*v-x*w,C=C*v-B*w,G=G*v-F*w,x=s,B=t,F=u),m.rotationX&&Math.abs(m.rotationX)+Math.abs(m.rotation)>359.9&&(m.rotationX=m.rotation=0,m.rotationY=180-m.rotationY),N=Math.atan2(B,C),m.scaleX=(Math.sqrt(x*x+y*y+z*z)*p+.5|0)/p,m.scaleY=(Math.sqrt(C*C+D*D)*p+.5|0)/p,m.scaleZ=(Math.sqrt(F*F+G*G+H*H)*p+.5|0)/p,x/=m.scaleX,B/=m.scaleY,y/=m.scaleX,C/=m.scaleY,Math.abs(N)>o?(m.skewX=N*L,B=0,"simple"!==m.skewType&&(m.scaleY*=1/Math.cos(N))):m.skewX=0,m.perspective=M?1/(0>M?-M:M):0,m.x=I,m.y=J,m.z=K,m.svg&&(m.x-=m.xOrigin-(m.xOrigin*x-m.yOrigin*B),m.y-=m.yOrigin-(m.yOrigin*y-m.xOrigin*C))}else if(!Fa||e||!f.length||m.x!==f[4]||m.y!==f[5]||!m.rotationX&&!m.rotationY){var O=f.length>=6,P=O?f[0]:1,Q=f[1]||0,R=f[2]||0,S=O?f[3]:1;m.x=f[4]||0,m.y=f[5]||0,i=Math.sqrt(P*P+Q*Q),j=Math.sqrt(S*S+R*R),k=P||Q?Math.atan2(Q,P)*L:m.rotation||0,l=R||S?Math.atan2(R,S)*L+k:m.skewX||0,m.scaleX=i,m.scaleY=j,m.rotation=k,m.skewX=l,Fa&&(m.rotationX=m.rotationY=m.z=0,m.perspective=r,m.scaleZ=1),m.svg&&(m.x-=m.xOrigin-(m.xOrigin*P+m.yOrigin*R),m.y-=m.yOrigin-(m.xOrigin*Q+m.yOrigin*S))}Math.abs(m.skewX)>90&&Math.abs(m.skewX)<270&&(n?(m.scaleX*=-1,m.skewX+=m.rotation<=0?180:-180,m.rotation+=m.rotation<=0?180:-180):(m.scaleY*=-1,m.skewX+=m.skewX<=0?180:-180)),m.zOrigin=q;for(h in m)m[h]<o&&m[h]>-o&&(m[h]=0)}return d&&(a._gsTransform=m,m.svg&&(Aa&&a.style[Ca]?b.delayedCall(.001,function(){Va(a.style,Ca)}):!Aa&&a.getAttribute("transform")&&b.delayedCall(.001,function(){a.removeAttribute("transform")}))),m},Sa=function(a){var b,c,d=this.data,e=-d.rotation*K,f=e+d.skewX*K,g=1e5,h=(Math.cos(e)*d.scaleX*g|0)/g,i=(Math.sin(e)*d.scaleX*g|0)/g,j=(Math.sin(f)*-d.scaleY*g|0)/g,k=(Math.cos(f)*d.scaleY*g|0)/g,l=this.t.style,m=this.t.currentStyle;if(m){c=i,i=-j,j=-c,b=m.filter,l.filter="";var n,o,q=this.t.offsetWidth,r=this.t.offsetHeight,s="absolute"!==m.position,t="progid:DXImageTransform.Microsoft.Matrix(M11="+h+", M12="+i+", M21="+j+", M22="+k,u=d.x+q*d.xPercent/100,v=d.y+r*d.yPercent/100;if(null!=d.ox&&(n=(d.oxp?q*d.ox*.01:d.ox)-q/2,o=(d.oyp?r*d.oy*.01:d.oy)-r/2,u+=n-(n*h+o*i),v+=o-(n*j+o*k)),s?(n=q/2,o=r/2,t+=", Dx="+(n-(n*h+o*i)+u)+", Dy="+(o-(n*j+o*k)+v)+")"):t+=", sizingMethod='auto expand')",-1!==b.indexOf("DXImageTransform.Microsoft.Matrix(")?l.filter=b.replace(H,t):l.filter=t+" "+b,(0===a||1===a)&&1===h&&0===i&&0===j&&1===k&&(s&&-1===t.indexOf("Dx=0, Dy=0")||x.test(b)&&100!==parseFloat(RegExp.$1)||-1===b.indexOf(b.indexOf("Alpha"))&&l.removeAttribute("filter")),!s){var y,z,A,B=8>p?1:-1;for(n=d.ieOffsetX||0,o=d.ieOffsetY||0,d.ieOffsetX=Math.round((q-((0>h?-h:h)*q+(0>i?-i:i)*r))/2+u),d.ieOffsetY=Math.round((r-((0>k?-k:k)*r+(0>j?-j:j)*q))/2+v),wa=0;4>wa;wa++)z=fa[wa],y=m[z],c=-1!==y.indexOf("px")?parseFloat(y):aa(this.t,z,parseFloat(y),y.replace(w,""))||0,A=c!==d[z]?2>wa?-d.ieOffsetX:-d.ieOffsetY:2>wa?n-d.ieOffsetX:o-d.ieOffsetY,l[z]=(d[z]=Math.round(c-A*(0===wa||2===wa?1:B)))+"px"}}},Ta=S.set3DTransformRatio=S.setTransformRatio=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,o,p,q,r,s,t,u,v,w,x,y,z=this.data,A=this.t.style,B=z.rotation,C=z.rotationX,D=z.rotationY,E=z.scaleX,F=z.scaleY,G=z.scaleZ,H=z.x,I=z.y,J=z.z,L=z.svg,M=z.perspective,N=z.force3D,O=z.skewY,P=z.skewX;if(O&&(P+=O,B+=O),((1===a||0===a)&&"auto"===N&&(this.tween._totalTime===this.tween._totalDuration||!this.tween._totalTime)||!N)&&!J&&!M&&!D&&!C&&1===G||Aa&&L||!Fa)return void(B||P||L?(B*=K,x=P*K,y=1e5,c=Math.cos(B)*E,f=Math.sin(B)*E,d=Math.sin(B-x)*-F,g=Math.cos(B-x)*F,x&&"simple"===z.skewType&&(b=Math.tan(x-O*K),b=Math.sqrt(1+b*b),d*=b,g*=b,O&&(b=Math.tan(O*K),b=Math.sqrt(1+b*b),c*=b,f*=b)),L&&(H+=z.xOrigin-(z.xOrigin*c+z.yOrigin*d)+z.xOffset,I+=z.yOrigin-(z.xOrigin*f+z.yOrigin*g)+z.yOffset,Aa&&(z.xPercent||z.yPercent)&&(q=this.t.getBBox(),H+=.01*z.xPercent*q.width,I+=.01*z.yPercent*q.height),q=1e-6,q>H&&H>-q&&(H=0),q>I&&I>-q&&(I=0)),u=(c*y|0)/y+","+(f*y|0)/y+","+(d*y|0)/y+","+(g*y|0)/y+","+H+","+I+")",L&&Aa?this.t.setAttribute("transform","matrix("+u):A[Ca]=(z.xPercent||z.yPercent?"translate("+z.xPercent+"%,"+z.yPercent+"%) matrix(":"matrix(")+u):A[Ca]=(z.xPercent||z.yPercent?"translate("+z.xPercent+"%,"+z.yPercent+"%) matrix(":"matrix(")+E+",0,0,"+F+","+H+","+I+")");if(n&&(q=1e-4,q>E&&E>-q&&(E=G=2e-5),q>F&&F>-q&&(F=G=2e-5),!M||z.z||z.rotationX||z.rotationY||(M=0)),B||P)B*=K,r=c=Math.cos(B),s=f=Math.sin(B),P&&(B-=P*K,r=Math.cos(B),s=Math.sin(B),"simple"===z.skewType&&(b=Math.tan((P-O)*K),b=Math.sqrt(1+b*b),r*=b,s*=b,z.skewY&&(b=Math.tan(O*K),b=Math.sqrt(1+b*b),c*=b,f*=b))),d=-s,g=r;else{if(!(D||C||1!==G||M||L))return void(A[Ca]=(z.xPercent||z.yPercent?"translate("+z.xPercent+"%,"+z.yPercent+"%) translate3d(":"translate3d(")+H+"px,"+I+"px,"+J+"px)"+(1!==E||1!==F?" scale("+E+","+F+")":""));c=g=1,d=f=0}k=1,e=h=i=j=l=m=0,o=M?-1/M:0,p=z.zOrigin,q=1e-6,v=",",w="0",B=D*K,B&&(r=Math.cos(B),s=Math.sin(B),i=-s,l=o*-s,e=c*s,h=f*s,k=r,o*=r,c*=r,f*=r),B=C*K,B&&(r=Math.cos(B),s=Math.sin(B),b=d*r+e*s,t=g*r+h*s,j=k*s,m=o*s,e=d*-s+e*r,h=g*-s+h*r,k*=r,o*=r,d=b,g=t),1!==G&&(e*=G,h*=G,k*=G,o*=G),1!==F&&(d*=F,g*=F,j*=F,m*=F),1!==E&&(c*=E,f*=E,i*=E,l*=E),(p||L)&&(p&&(H+=e*-p,I+=h*-p,J+=k*-p+p),L&&(H+=z.xOrigin-(z.xOrigin*c+z.yOrigin*d)+z.xOffset,I+=z.yOrigin-(z.xOrigin*f+z.yOrigin*g)+z.yOffset),q>H&&H>-q&&(H=w),q>I&&I>-q&&(I=w),q>J&&J>-q&&(J=0)),u=z.xPercent||z.yPercent?"translate("+z.xPercent+"%,"+z.yPercent+"%) matrix3d(":"matrix3d(",u+=(q>c&&c>-q?w:c)+v+(q>f&&f>-q?w:f)+v+(q>i&&i>-q?w:i),u+=v+(q>l&&l>-q?w:l)+v+(q>d&&d>-q?w:d)+v+(q>g&&g>-q?w:g),C||D||1!==G?(u+=v+(q>j&&j>-q?w:j)+v+(q>m&&m>-q?w:m)+v+(q>e&&e>-q?w:e),u+=v+(q>h&&h>-q?w:h)+v+(q>k&&k>-q?w:k)+v+(q>o&&o>-q?w:o)+v):u+=",0,0,0,0,1,0,",u+=H+v+I+v+J+v+(M?1+-J/M:1)+")",A[Ca]=u};j=Ga.prototype,j.x=j.y=j.z=j.skewX=j.skewY=j.rotation=j.rotationX=j.rotationY=j.zOrigin=j.xPercent=j.yPercent=j.xOffset=j.yOffset=0,j.scaleX=j.scaleY=j.scaleZ=1,ya("transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,svgOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType,xPercent,yPercent,smoothOrigin",{parser:function(a,b,c,d,f,h,i){if(d._lastParsedTransform===i)return f;d._lastParsedTransform=i;var j,k=i.scale&&"function"==typeof i.scale?i.scale:0;"function"==typeof i[c]&&(j=i[c],i[c]=b),k&&(i.scale=k(r,a));var l,m,n,o,p,s,t,u,v,w=a._gsTransform,x=a.style,y=1e-6,z=Ba.length,A=i,B={},C="transformOrigin",D=Ra(a,e,!0,A.parseTransform),E=A.transform&&("function"==typeof A.transform?A.transform(r,q):A.transform);if(D.skewType=A.skewType||D.skewType||g.defaultSkewType,d._transform=D,E&&"string"==typeof E&&Ca)m=Q.style, +m[Ca]=E,m.display="block",m.position="absolute",O.body.appendChild(Q),l=Ra(Q,null,!1),"simple"===D.skewType&&(l.scaleY*=Math.cos(l.skewX*K)),D.svg&&(s=D.xOrigin,t=D.yOrigin,l.x-=D.xOffset,l.y-=D.yOffset,(A.transformOrigin||A.svgOrigin)&&(E={},La(a,ha(A.transformOrigin),E,A.svgOrigin,A.smoothOrigin,!0),s=E.xOrigin,t=E.yOrigin,l.x-=E.xOffset-D.xOffset,l.y-=E.yOffset-D.yOffset),(s||t)&&(u=Qa(Q,!0),l.x-=s-(s*u[0]+t*u[2]),l.y-=t-(s*u[1]+t*u[3]))),O.body.removeChild(Q),l.perspective||(l.perspective=D.perspective),null!=A.xPercent&&(l.xPercent=ja(A.xPercent,D.xPercent)),null!=A.yPercent&&(l.yPercent=ja(A.yPercent,D.yPercent));else if("object"==typeof A){if(l={scaleX:ja(null!=A.scaleX?A.scaleX:A.scale,D.scaleX),scaleY:ja(null!=A.scaleY?A.scaleY:A.scale,D.scaleY),scaleZ:ja(A.scaleZ,D.scaleZ),x:ja(A.x,D.x),y:ja(A.y,D.y),z:ja(A.z,D.z),xPercent:ja(A.xPercent,D.xPercent),yPercent:ja(A.yPercent,D.yPercent),perspective:ja(A.transformPerspective,D.perspective)},p=A.directionalRotation,null!=p)if("object"==typeof p)for(m in p)A[m]=p[m];else A.rotation=p;"string"==typeof A.x&&-1!==A.x.indexOf("%")&&(l.x=0,l.xPercent=ja(A.x,D.xPercent)),"string"==typeof A.y&&-1!==A.y.indexOf("%")&&(l.y=0,l.yPercent=ja(A.y,D.yPercent)),l.rotation=ka("rotation"in A?A.rotation:"shortRotation"in A?A.shortRotation+"_short":"rotationZ"in A?A.rotationZ:D.rotation,D.rotation,"rotation",B),Fa&&(l.rotationX=ka("rotationX"in A?A.rotationX:"shortRotationX"in A?A.shortRotationX+"_short":D.rotationX||0,D.rotationX,"rotationX",B),l.rotationY=ka("rotationY"in A?A.rotationY:"shortRotationY"in A?A.shortRotationY+"_short":D.rotationY||0,D.rotationY,"rotationY",B)),l.skewX=ka(A.skewX,D.skewX),l.skewY=ka(A.skewY,D.skewY)}for(Fa&&null!=A.force3D&&(D.force3D=A.force3D,o=!0),n=D.force3D||D.z||D.rotationX||D.rotationY||l.z||l.rotationX||l.rotationY||l.perspective,n||null==A.scale||(l.scaleZ=1);--z>-1;)v=Ba[z],E=l[v]-D[v],(E>y||-y>E||null!=A[v]||null!=M[v])&&(o=!0,f=new ta(D,v,D[v],E,f),v in B&&(f.e=B[v]),f.xs0=0,f.plugin=h,d._overwriteProps.push(f.n));return E=A.transformOrigin,D.svg&&(E||A.svgOrigin)&&(s=D.xOffset,t=D.yOffset,La(a,ha(E),l,A.svgOrigin,A.smoothOrigin),f=ua(D,"xOrigin",(w?D:l).xOrigin,l.xOrigin,f,C),f=ua(D,"yOrigin",(w?D:l).yOrigin,l.yOrigin,f,C),(s!==D.xOffset||t!==D.yOffset)&&(f=ua(D,"xOffset",w?s:D.xOffset,D.xOffset,f,C),f=ua(D,"yOffset",w?t:D.yOffset,D.yOffset,f,C)),E="0px 0px"),(E||Fa&&n&&D.zOrigin)&&(Ca?(o=!0,v=Ea,E=(E||_(a,v,e,!1,"50% 50%"))+"",f=new ta(x,v,0,0,f,-1,C),f.b=x[v],f.plugin=h,Fa?(m=D.zOrigin,E=E.split(" "),D.zOrigin=(E.length>2&&(0===m||"0px"!==E[2])?parseFloat(E[2]):m)||0,f.xs0=f.e=E[0]+" "+(E[1]||"50%")+" 0px",f=new ta(D,"zOrigin",0,0,f,-1,f.n),f.b=m,f.xs0=f.e=D.zOrigin):f.xs0=f.e=E):ha(E+"",D)),o&&(d._transformType=D.svg&&Aa||!n&&3!==this._transformType?2:3),j&&(i[c]=j),k&&(i.scale=k),f},prefix:!0}),ya("boxShadow",{defaultValue:"0px 0px 0px 0px #999",prefix:!0,color:!0,multi:!0,keyword:"inset"}),ya("borderRadius",{defaultValue:"0px",parser:function(a,b,c,f,g,h){b=this.format(b);var i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y=["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],z=a.style;for(q=parseFloat(a.offsetWidth),r=parseFloat(a.offsetHeight),i=b.split(" "),j=0;j<y.length;j++)this.p.indexOf("border")&&(y[j]=Z(y[j])),m=l=_(a,y[j],e,!1,"0px"),-1!==m.indexOf(" ")&&(l=m.split(" "),m=l[0],l=l[1]),n=k=i[j],o=parseFloat(m),t=m.substr((o+"").length),u="="===n.charAt(1),u?(p=parseInt(n.charAt(0)+"1",10),n=n.substr(2),p*=parseFloat(n),s=n.substr((p+"").length-(0>p?1:0))||""):(p=parseFloat(n),s=n.substr((p+"").length)),""===s&&(s=d[c]||t),s!==t&&(v=aa(a,"borderLeft",o,t),w=aa(a,"borderTop",o,t),"%"===s?(m=v/q*100+"%",l=w/r*100+"%"):"em"===s?(x=aa(a,"borderLeft",1,"em"),m=v/x+"em",l=w/x+"em"):(m=v+"px",l=w+"px"),u&&(n=parseFloat(m)+p+s,k=parseFloat(l)+p+s)),g=va(z,y[j],m+" "+l,n+" "+k,!1,"0px",g);return g},prefix:!0,formatter:qa("0px 0px 0px 0px",!1,!0)}),ya("borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius",{defaultValue:"0px",parser:function(a,b,c,d,f,g){return va(a.style,c,this.format(_(a,c,e,!1,"0px 0px")),this.format(b),!1,"0px",f)},prefix:!0,formatter:qa("0px 0px",!1,!0)}),ya("backgroundPosition",{defaultValue:"0 0",parser:function(a,b,c,d,f,g){var h,i,j,k,l,m,n="background-position",o=e||$(a,null),q=this.format((o?p?o.getPropertyValue(n+"-x")+" "+o.getPropertyValue(n+"-y"):o.getPropertyValue(n):a.currentStyle.backgroundPositionX+" "+a.currentStyle.backgroundPositionY)||"0 0"),r=this.format(b);if(-1!==q.indexOf("%")!=(-1!==r.indexOf("%"))&&r.split(",").length<2&&(m=_(a,"backgroundImage").replace(D,""),m&&"none"!==m)){for(h=q.split(" "),i=r.split(" "),R.setAttribute("src",m),j=2;--j>-1;)q=h[j],k=-1!==q.indexOf("%"),k!==(-1!==i[j].indexOf("%"))&&(l=0===j?a.offsetWidth-R.width:a.offsetHeight-R.height,h[j]=k?parseFloat(q)/100*l+"px":parseFloat(q)/l*100+"%");q=h.join(" ")}return this.parseComplex(a.style,q,r,f,g)},formatter:ha}),ya("backgroundSize",{defaultValue:"0 0",formatter:function(a){return a+="",ha(-1===a.indexOf(" ")?a+" "+a:a)}}),ya("perspective",{defaultValue:"0px",prefix:!0}),ya("perspectiveOrigin",{defaultValue:"50% 50%",prefix:!0}),ya("transformStyle",{prefix:!0}),ya("backfaceVisibility",{prefix:!0}),ya("userSelect",{prefix:!0}),ya("margin",{parser:ra("marginTop,marginRight,marginBottom,marginLeft")}),ya("padding",{parser:ra("paddingTop,paddingRight,paddingBottom,paddingLeft")}),ya("clip",{defaultValue:"rect(0px,0px,0px,0px)",parser:function(a,b,c,d,f,g){var h,i,j;return 9>p?(i=a.currentStyle,j=8>p?" ":",",h="rect("+i.clipTop+j+i.clipRight+j+i.clipBottom+j+i.clipLeft+")",b=this.format(b).split(",").join(j)):(h=this.format(_(a,this.p,e,!1,this.dflt)),b=this.format(b)),this.parseComplex(a.style,h,b,f,g)}}),ya("textShadow",{defaultValue:"0px 0px 0px #999",color:!0,multi:!0}),ya("autoRound,strictUnits",{parser:function(a,b,c,d,e){return e}}),ya("border",{defaultValue:"0px solid #000",parser:function(a,b,c,d,f,g){var h=_(a,"borderTopWidth",e,!1,"0px"),i=this.format(b).split(" "),j=i[0].replace(w,"");return"px"!==j&&(h=parseFloat(h)/aa(a,"borderTopWidth",1,j)+j),this.parseComplex(a.style,this.format(h+" "+_(a,"borderTopStyle",e,!1,"solid")+" "+_(a,"borderTopColor",e,!1,"#000")),i.join(" "),f,g)},color:!0,formatter:function(a){var b=a.split(" ");return b[0]+" "+(b[1]||"solid")+" "+(a.match(pa)||["#000"])[0]}}),ya("borderWidth",{parser:ra("borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth")}),ya("float,cssFloat,styleFloat",{parser:function(a,b,c,d,e,f){var g=a.style,h="cssFloat"in g?"cssFloat":"styleFloat";return new ta(g,h,0,0,e,-1,c,!1,0,g[h],b)}});var Ua=function(a){var b,c=this.t,d=c.filter||_(this.data,"filter")||"",e=this.s+this.c*a|0;100===e&&(-1===d.indexOf("atrix(")&&-1===d.indexOf("radient(")&&-1===d.indexOf("oader(")?(c.removeAttribute("filter"),b=!_(this.data,"filter")):(c.filter=d.replace(z,""),b=!0)),b||(this.xn1&&(c.filter=d=d||"alpha(opacity="+e+")"),-1===d.indexOf("pacity")?0===e&&this.xn1||(c.filter=d+" alpha(opacity="+e+")"):c.filter=d.replace(x,"opacity="+e))};ya("opacity,alpha,autoAlpha",{defaultValue:"1",parser:function(a,b,c,d,f,g){var h=parseFloat(_(a,"opacity",e,!1,"1")),i=a.style,j="autoAlpha"===c;return"string"==typeof b&&"="===b.charAt(1)&&(b=("-"===b.charAt(0)?-1:1)*parseFloat(b.substr(2))+h),j&&1===h&&"hidden"===_(a,"visibility",e)&&0!==b&&(h=0),U?f=new ta(i,"opacity",h,b-h,f):(f=new ta(i,"opacity",100*h,100*(b-h),f),f.xn1=j?1:0,i.zoom=1,f.type=2,f.b="alpha(opacity="+f.s+")",f.e="alpha(opacity="+(f.s+f.c)+")",f.data=a,f.plugin=g,f.setRatio=Ua),j&&(f=new ta(i,"visibility",0,0,f,-1,null,!1,0,0!==h?"inherit":"hidden",0===b?"hidden":"inherit"),f.xs0="inherit",d._overwriteProps.push(f.n),d._overwriteProps.push(c)),f}});var Va=function(a,b){b&&(a.removeProperty?(("ms"===b.substr(0,2)||"webkit"===b.substr(0,6))&&(b="-"+b),a.removeProperty(b.replace(B,"-$1").toLowerCase())):a.removeAttribute(b))},Wa=function(a){if(this.t._gsClassPT=this,1===a||0===a){this.t.setAttribute("class",0===a?this.b:this.e);for(var b=this.data,c=this.t.style;b;)b.v?c[b.p]=b.v:Va(c,b.p),b=b._next;1===a&&this.t._gsClassPT===this&&(this.t._gsClassPT=null)}else this.t.getAttribute("class")!==this.e&&this.t.setAttribute("class",this.e)};ya("className",{parser:function(a,b,d,f,g,h,i){var j,k,l,m,n,o=a.getAttribute("class")||"",p=a.style.cssText;if(g=f._classNamePT=new ta(a,d,0,0,g,2),g.setRatio=Wa,g.pr=-11,c=!0,g.b=o,k=ca(a,e),l=a._gsClassPT){for(m={},n=l.data;n;)m[n.p]=1,n=n._next;l.setRatio(1)}return a._gsClassPT=g,g.e="="!==b.charAt(1)?b:o.replace(new RegExp("(?:\\s|^)"+b.substr(2)+"(?![\\w-])"),"")+("+"===b.charAt(0)?" "+b.substr(2):""),a.setAttribute("class",g.e),j=da(a,k,ca(a),i,m),a.setAttribute("class",o),g.data=j.firstMPT,a.style.cssText=p,g=g.xfirst=f.parse(a,j.difs,g,h)}});var Xa=function(a){if((1===a||0===a)&&this.data._totalTime===this.data._totalDuration&&"isFromStart"!==this.data.data){var b,c,d,e,f,g=this.t.style,h=i.transform.parse;if("all"===this.e)g.cssText="",e=!0;else for(b=this.e.split(" ").join("").split(","),d=b.length;--d>-1;)c=b[d],i[c]&&(i[c].parse===h?e=!0:c="transformOrigin"===c?Ea:i[c].p),Va(g,c);e&&(Va(g,Ca),f=this.t._gsTransform,f&&(f.svg&&(this.t.removeAttribute("data-svg-origin"),this.t.removeAttribute("transform")),delete this.t._gsTransform))}};for(ya("clearProps",{parser:function(a,b,d,e,f){return f=new ta(a,d,0,0,f,2),f.setRatio=Xa,f.e=b,f.pr=-10,f.data=e._tween,c=!0,f}}),j="bezier,throwProps,physicsProps,physics2D".split(","),wa=j.length;wa--;)za(j[wa]);j=g.prototype,j._firstPT=j._lastParsedTransform=j._transform=null,j._onInitTween=function(a,b,h,j){if(!a.nodeType)return!1;this._target=q=a,this._tween=h,this._vars=b,r=j,k=b.autoRound,c=!1,d=b.suffixMap||g.suffixMap,e=$(a,""),f=this._overwriteProps;var n,p,s,t,u,v,w,x,z,A=a.style;if(l&&""===A.zIndex&&(n=_(a,"zIndex",e),("auto"===n||""===n)&&this._addLazySet(A,"zIndex",0)),"string"==typeof b&&(t=A.cssText,n=ca(a,e),A.cssText=t+";"+b,n=da(a,n,ca(a)).difs,!U&&y.test(b)&&(n.opacity=parseFloat(RegExp.$1)),b=n,A.cssText=t),b.className?this._firstPT=p=i.className.parse(a,b.className,"className",this,null,null,b):this._firstPT=p=this.parse(a,b,null),this._transformType){for(z=3===this._transformType,Ca?m&&(l=!0,""===A.zIndex&&(w=_(a,"zIndex",e),("auto"===w||""===w)&&this._addLazySet(A,"zIndex",0)),o&&this._addLazySet(A,"WebkitBackfaceVisibility",this._vars.WebkitBackfaceVisibility||(z?"visible":"hidden"))):A.zoom=1,s=p;s&&s._next;)s=s._next;x=new ta(a,"transform",0,0,null,2),this._linkCSSP(x,null,s),x.setRatio=Ca?Ta:Sa,x.data=this._transform||Ra(a,e,!0),x.tween=h,x.pr=-1,f.pop()}if(c){for(;p;){for(v=p._next,s=t;s&&s.pr>p.pr;)s=s._next;(p._prev=s?s._prev:u)?p._prev._next=p:t=p,(p._next=s)?s._prev=p:u=p,p=v}this._firstPT=t}return!0},j.parse=function(a,b,c,f){var g,h,j,l,m,n,o,p,s,t,u=a.style;for(g in b){if(n=b[g],"function"==typeof n&&(n=n(r,q)),h=i[g])c=h.parse(a,n,g,this,c,f,b);else{if("--"===g.substr(0,2)){this._tween._propLookup[g]=this._addTween.call(this._tween,a.style,"setProperty",$(a).getPropertyValue(g)+"",n+"",g,!1,g);continue}m=_(a,g,e)+"",s="string"==typeof n,"color"===g||"fill"===g||"stroke"===g||-1!==g.indexOf("Color")||s&&A.test(n)?(s||(n=na(n),n=(n.length>3?"rgba(":"rgb(")+n.join(",")+")"),c=va(u,g,m,n,!0,"transparent",c,0,f)):s&&J.test(n)?c=va(u,g,m,n,!0,null,c,0,f):(j=parseFloat(m),o=j||0===j?m.substr((j+"").length):"",(""===m||"auto"===m)&&("width"===g||"height"===g?(j=ga(a,g,e),o="px"):"left"===g||"top"===g?(j=ba(a,g,e),o="px"):(j="opacity"!==g?0:1,o="")),t=s&&"="===n.charAt(1),t?(l=parseInt(n.charAt(0)+"1",10),n=n.substr(2),l*=parseFloat(n),p=n.replace(w,"")):(l=parseFloat(n),p=s?n.replace(w,""):""),""===p&&(p=g in d?d[g]:o),n=l||0===l?(t?l+j:l)+p:b[g],o!==p&&(""!==p||"lineHeight"===g)&&(l||0===l)&&j&&(j=aa(a,g,j,o),"%"===p?(j/=aa(a,g,100,"%")/100,b.strictUnits!==!0&&(m=j+"%")):"em"===p||"rem"===p||"vw"===p||"vh"===p?j/=aa(a,g,1,p):"px"!==p&&(l=aa(a,g,l,p),p="px"),t&&(l||0===l)&&(n=l+j+p)),t&&(l+=j),!j&&0!==j||!l&&0!==l?void 0!==u[g]&&(n||n+""!="NaN"&&null!=n)?(c=new ta(u,g,l||j||0,0,c,-1,g,!1,0,m,n),c.xs0="none"!==n||"display"!==g&&-1===g.indexOf("Style")?n:m):W("invalid "+g+" tween value: "+b[g]):(c=new ta(u,g,j,l-j,c,0,g,k!==!1&&("px"===p||"zIndex"===g),0,m,n),c.xs0=p))}f&&c&&!c.plugin&&(c.plugin=f)}return c},j.setRatio=function(a){var b,c,d,e=this._firstPT,f=1e-6;if(1!==a||this._tween._time!==this._tween._duration&&0!==this._tween._time)if(a||this._tween._time!==this._tween._duration&&0!==this._tween._time||this._tween._rawPrevTime===-1e-6)for(;e;){if(b=e.c*a+e.s,e.r?b=Math.round(b):f>b&&b>-f&&(b=0),e.type)if(1===e.type)if(d=e.l,2===d)e.t[e.p]=e.xs0+b+e.xs1+e.xn1+e.xs2;else if(3===d)e.t[e.p]=e.xs0+b+e.xs1+e.xn1+e.xs2+e.xn2+e.xs3;else if(4===d)e.t[e.p]=e.xs0+b+e.xs1+e.xn1+e.xs2+e.xn2+e.xs3+e.xn3+e.xs4;else if(5===d)e.t[e.p]=e.xs0+b+e.xs1+e.xn1+e.xs2+e.xn2+e.xs3+e.xn3+e.xs4+e.xn4+e.xs5;else{for(c=e.xs0+b+e.xs1,d=1;d<e.l;d++)c+=e["xn"+d]+e["xs"+(d+1)];e.t[e.p]=c}else-1===e.type?e.t[e.p]=e.xs0:e.setRatio&&e.setRatio(a);else e.t[e.p]=b+e.xs0;e=e._next}else for(;e;)2!==e.type?e.t[e.p]=e.b:e.setRatio(a),e=e._next;else for(;e;){if(2!==e.type)if(e.r&&-1!==e.type)if(b=Math.round(e.s+e.c),e.type){if(1===e.type){for(d=e.l,c=e.xs0+b+e.xs1,d=1;d<e.l;d++)c+=e["xn"+d]+e["xs"+(d+1)];e.t[e.p]=c}}else e.t[e.p]=b+e.xs0;else e.t[e.p]=e.e;else e.setRatio(a);e=e._next}},j._enableTransforms=function(a){this._transform=this._transform||Ra(this._target,e,!0),this._transformType=this._transform.svg&&Aa||!a&&3!==this._transformType?2:3};var Ya=function(a){this.t[this.p]=this.e,this.data._linkCSSP(this,this._next,null,!0)};j._addLazySet=function(a,b,c){var d=this._firstPT=new ta(a,b,0,0,this._firstPT,2);d.e=c,d.setRatio=Ya,d.data=this},j._linkCSSP=function(a,b,c,d){return a&&(b&&(b._prev=a),a._next&&(a._next._prev=a._prev),a._prev?a._prev._next=a._next:this._firstPT===a&&(this._firstPT=a._next,d=!0),c?c._next=a:d||null!==this._firstPT||(this._firstPT=a),a._next=b,a._prev=c),a},j._mod=function(a){for(var b=this._firstPT;b;)"function"==typeof a[b.p]&&a[b.p]===Math.round&&(b.r=1),b=b._next},j._kill=function(b){var c,d,e,f=b;if(b.autoAlpha||b.alpha){f={};for(d in b)f[d]=b[d];f.opacity=1,f.autoAlpha&&(f.visibility=1)}for(b.className&&(c=this._classNamePT)&&(e=c.xfirst,e&&e._prev?this._linkCSSP(e._prev,c._next,e._prev._prev):e===this._firstPT&&(this._firstPT=c._next),c._next&&this._linkCSSP(c._next,c._next._next,e._prev),this._classNamePT=null),c=this._firstPT;c;)c.plugin&&c.plugin!==d&&c.plugin._kill&&(c.plugin._kill(b),d=c.plugin),c=c._next;return a.prototype._kill.call(this,f)};var Za=function(a,b,c){var d,e,f,g;if(a.slice)for(e=a.length;--e>-1;)Za(a[e],b,c);else for(d=a.childNodes,e=d.length;--e>-1;)f=d[e],g=f.type,f.style&&(b.push(ca(f)),c&&c.push(f)),1!==g&&9!==g&&11!==g||!f.childNodes.length||Za(f,b,c)};return g.cascadeTo=function(a,c,d){var e,f,g,h,i=b.to(a,c,d),j=[i],k=[],l=[],m=[],n=b._internals.reservedProps;for(a=i._targets||i.target,Za(a,k,m),i.render(c,!0,!0),Za(a,l),i.render(0,!0,!0),i._enabled(!0),e=m.length;--e>-1;)if(f=da(m[e],k[e],l[e]),f.firstMPT){f=f.difs;for(g in d)n[g]&&(f[g]=d[g]);h={};for(g in f)h[g]=k[e][g];j.push(b.fromTo(m[e],c,h,f))}return j},a.activate([g]),g},!0),function(){var a=_gsScope._gsDefine.plugin({propName:"roundProps",version:"1.6.0",priority:-1,API:2,init:function(a,b,c){return this._tween=c,!0}}),b=function(a){for(;a;)a.f||a.blob||(a.m=Math.round),a=a._next},c=a.prototype;c._onInitAllProps=function(){for(var a,c,d,e=this._tween,f=e.vars.roundProps.join?e.vars.roundProps:e.vars.roundProps.split(","),g=f.length,h={},i=e._propLookup.roundProps;--g>-1;)h[f[g]]=Math.round;for(g=f.length;--g>-1;)for(a=f[g],c=e._firstPT;c;)d=c._next,c.pg?c.t._mod(h):c.n===a&&(2===c.f&&c.t?b(c.t._firstPT):(this._add(c.t,a,c.s,c.c),d&&(d._prev=c._prev),c._prev?c._prev._next=d:e._firstPT===c&&(e._firstPT=d),c._next=c._prev=null,e._propLookup[a]=i)),c=d;return!1},c._add=function(a,b,c,d){this._addTween(a,b,c,c+d,b,Math.round),this._overwriteProps.push(b)}}(),function(){_gsScope._gsDefine.plugin({propName:"attr",API:2,version:"0.6.1",init:function(a,b,c,d){var e,f;if("function"!=typeof a.setAttribute)return!1;for(e in b)f=b[e],"function"==typeof f&&(f=f(d,a)),this._addTween(a,"setAttribute",a.getAttribute(e)+"",f+"",e,!1,e),this._overwriteProps.push(e);return!0}})}(),_gsScope._gsDefine.plugin({propName:"directionalRotation",version:"0.3.1",API:2,init:function(a,b,c,d){"object"!=typeof b&&(b={rotation:b}),this.finals={};var e,f,g,h,i,j,k=b.useRadians===!0?2*Math.PI:360,l=1e-6;for(e in b)"useRadians"!==e&&(h=b[e],"function"==typeof h&&(h=h(d,a)),j=(h+"").split("_"),f=j[0],g=parseFloat("function"!=typeof a[e]?a[e]:a[e.indexOf("set")||"function"!=typeof a["get"+e.substr(3)]?e:"get"+e.substr(3)]()),h=this.finals[e]="string"==typeof f&&"="===f.charAt(1)?g+parseInt(f.charAt(0)+"1",10)*Number(f.substr(2)):Number(f)||0,i=h-g,j.length&&(f=j.join("_"),-1!==f.indexOf("short")&&(i%=k,i!==i%(k/2)&&(i=0>i?i+k:i-k)),-1!==f.indexOf("_cw")&&0>i?i=(i+9999999999*k)%k-(i/k|0)*k:-1!==f.indexOf("ccw")&&i>0&&(i=(i-9999999999*k)%k-(i/k|0)*k)),(i>l||-l>i)&&(this._addTween(a,e,g,g+i,e),this._overwriteProps.push(e)));return!0},set:function(a){var b;if(1!==a)this._super.setRatio.call(this,a);else for(b=this._firstPT;b;)b.f?b.t[b.p](this.finals[b.p]):b.t[b.p]=this.finals[b.p],b=b._next}})._autoCSS=!0,_gsScope._gsDefine("easing.Back",["easing.Ease"],function(a){var b,c,d,e=_gsScope.GreenSockGlobals||_gsScope,f=e.com.greensock,g=2*Math.PI,h=Math.PI/2,i=f._class,j=function(b,c){var d=i("easing."+b,function(){},!0),e=d.prototype=new a;return e.constructor=d,e.getRatio=c,d},k=a.register||function(){},l=function(a,b,c,d,e){var f=i("easing."+a,{easeOut:new b,easeIn:new c,easeInOut:new d},!0);return k(f,a),f},m=function(a,b,c){this.t=a,this.v=b,c&&(this.next=c,c.prev=this,this.c=c.v-b,this.gap=c.t-a)},n=function(b,c){var d=i("easing."+b,function(a){this._p1=a||0===a?a:1.70158,this._p2=1.525*this._p1},!0),e=d.prototype=new a;return e.constructor=d,e.getRatio=c,e.config=function(a){return new d(a)},d},o=l("Back",n("BackOut",function(a){return(a-=1)*a*((this._p1+1)*a+this._p1)+1}),n("BackIn",function(a){return a*a*((this._p1+1)*a-this._p1)}),n("BackInOut",function(a){return(a*=2)<1?.5*a*a*((this._p2+1)*a-this._p2):.5*((a-=2)*a*((this._p2+1)*a+this._p2)+2)})),p=i("easing.SlowMo",function(a,b,c){b=b||0===b?b:.7,null==a?a=.7:a>1&&(a=1),this._p=1!==a?b:0,this._p1=(1-a)/2,this._p2=a,this._p3=this._p1+this._p2,this._calcEnd=c===!0},!0),q=p.prototype=new a;return q.constructor=p,q.getRatio=function(a){var b=a+(.5-a)*this._p;return a<this._p1?this._calcEnd?1-(a=1-a/this._p1)*a:b-(a=1-a/this._p1)*a*a*a*b:a>this._p3?this._calcEnd?1-(a=(a-this._p3)/this._p1)*a:b+(a-b)*(a=(a-this._p3)/this._p1)*a*a*a:this._calcEnd?1:b},p.ease=new p(.7,.7),q.config=p.config=function(a,b,c){return new p(a,b,c)},b=i("easing.SteppedEase",function(a,b){a=a||1,this._p1=1/a,this._p2=a+(b?0:1),this._p3=b?1:0},!0),q=b.prototype=new a,q.constructor=b,q.getRatio=function(a){return 0>a?a=0:a>=1&&(a=.999999999),((this._p2*a|0)+this._p3)*this._p1},q.config=b.config=function(a,c){return new b(a,c)},c=i("easing.RoughEase",function(b){b=b||{};for(var c,d,e,f,g,h,i=b.taper||"none",j=[],k=0,l=0|(b.points||20),n=l,o=b.randomize!==!1,p=b.clamp===!0,q=b.template instanceof a?b.template:null,r="number"==typeof b.strength?.4*b.strength:.4;--n>-1;)c=o?Math.random():1/l*n,d=q?q.getRatio(c):c,"none"===i?e=r:"out"===i?(f=1-c,e=f*f*r):"in"===i?e=c*c*r:.5>c?(f=2*c,e=f*f*.5*r):(f=2*(1-c),e=f*f*.5*r),o?d+=Math.random()*e-.5*e:n%2?d+=.5*e:d-=.5*e,p&&(d>1?d=1:0>d&&(d=0)),j[k++]={x:c,y:d};for(j.sort(function(a,b){return a.x-b.x}),h=new m(1,1,null),n=l;--n>-1;)g=j[n],h=new m(g.x,g.y,h);this._prev=new m(0,0,0!==h.t?h:h.next)},!0),q=c.prototype=new a,q.constructor=c,q.getRatio=function(a){var b=this._prev;if(a>b.t){for(;b.next&&a>=b.t;)b=b.next;b=b.prev}else for(;b.prev&&a<=b.t;)b=b.prev;return this._prev=b,b.v+(a-b.t)/b.gap*b.c},q.config=function(a){return new c(a)},c.ease=new c,l("Bounce",j("BounceOut",function(a){return 1/2.75>a?7.5625*a*a:2/2.75>a?7.5625*(a-=1.5/2.75)*a+.75:2.5/2.75>a?7.5625*(a-=2.25/2.75)*a+.9375:7.5625*(a-=2.625/2.75)*a+.984375}),j("BounceIn",function(a){return(a=1-a)<1/2.75?1-7.5625*a*a:2/2.75>a?1-(7.5625*(a-=1.5/2.75)*a+.75):2.5/2.75>a?1-(7.5625*(a-=2.25/2.75)*a+.9375):1-(7.5625*(a-=2.625/2.75)*a+.984375)}),j("BounceInOut",function(a){var b=.5>a;return a=b?1-2*a:2*a-1,a=1/2.75>a?7.5625*a*a:2/2.75>a?7.5625*(a-=1.5/2.75)*a+.75:2.5/2.75>a?7.5625*(a-=2.25/2.75)*a+.9375:7.5625*(a-=2.625/2.75)*a+.984375,b?.5*(1-a):.5*a+.5})),l("Circ",j("CircOut",function(a){return Math.sqrt(1-(a-=1)*a)}),j("CircIn",function(a){return-(Math.sqrt(1-a*a)-1)}),j("CircInOut",function(a){return(a*=2)<1?-.5*(Math.sqrt(1-a*a)-1):.5*(Math.sqrt(1-(a-=2)*a)+1)})),d=function(b,c,d){var e=i("easing."+b,function(a,b){this._p1=a>=1?a:1,this._p2=(b||d)/(1>a?a:1),this._p3=this._p2/g*(Math.asin(1/this._p1)||0),this._p2=g/this._p2},!0),f=e.prototype=new a;return f.constructor=e,f.getRatio=c,f.config=function(a,b){return new e(a,b)},e},l("Elastic",d("ElasticOut",function(a){return this._p1*Math.pow(2,-10*a)*Math.sin((a-this._p3)*this._p2)+1},.3),d("ElasticIn",function(a){return-(this._p1*Math.pow(2,10*(a-=1))*Math.sin((a-this._p3)*this._p2))},.3),d("ElasticInOut",function(a){return(a*=2)<1?-.5*(this._p1*Math.pow(2,10*(a-=1))*Math.sin((a-this._p3)*this._p2)):this._p1*Math.pow(2,-10*(a-=1))*Math.sin((a-this._p3)*this._p2)*.5+1},.45)),l("Expo",j("ExpoOut",function(a){return 1-Math.pow(2,-10*a)}),j("ExpoIn",function(a){return Math.pow(2,10*(a-1))-.001}),j("ExpoInOut",function(a){return(a*=2)<1?.5*Math.pow(2,10*(a-1)):.5*(2-Math.pow(2,-10*(a-1)))})),l("Sine",j("SineOut",function(a){return Math.sin(a*h)}),j("SineIn",function(a){return-Math.cos(a*h)+1}),j("SineInOut",function(a){return-.5*(Math.cos(Math.PI*a)-1)})),i("easing.EaseLookup",{find:function(b){return a.map[b]}},!0),k(e.SlowMo,"SlowMo","ease,"),k(c,"RoughEase","ease,"),k(b,"SteppedEase","ease,"),o},!0)}),_gsScope._gsDefine&&_gsScope._gsQueue.pop()(),function(a,b){"use strict";var c={},d=a.document,e=a.GreenSockGlobals=a.GreenSockGlobals||a;if(!e.TweenLite){var f,g,h,i,j,k=function(a){var b,c=a.split("."),d=e;for(b=0;b<c.length;b++)d[c[b]]=d=d[c[b]]||{};return d},l=k("com.greensock"),m=1e-10,n=function(a){var b,c=[],d=a.length;for(b=0;b!==d;c.push(a[b++]));return c},o=function(){},p=function(){var a=Object.prototype.toString,b=a.call([]);return function(c){return null!=c&&(c instanceof Array||"object"==typeof c&&!!c.push&&a.call(c)===b)}}(),q={},r=function(d,f,g,h){this.sc=q[d]?q[d].sc:[],q[d]=this,this.gsClass=null,this.func=g;var i=[];this.check=function(j){for(var l,m,n,o,p=f.length,s=p;--p>-1;)(l=q[f[p]]||new r(f[p],[])).gsClass?(i[p]=l.gsClass,s--):j&&l.sc.push(this);if(0===s&&g){if(m=("com.greensock."+d).split("."),n=m.pop(),o=k(m.join("."))[n]=this.gsClass=g.apply(g,i),h)if(e[n]=c[n]=o,"undefined"!=typeof module&&module.exports)if(d===b){module.exports=c[b]=o;for(p in c)o[p]=c[p]}else c[b]&&(c[b][n]=o);else"function"==typeof define&&define.amd&&define((a.GreenSockAMDPath?a.GreenSockAMDPath+"/":"")+d.split(".").pop(),[],function(){return o});for(p=0;p<this.sc.length;p++)this.sc[p].check()}},this.check(!0)},s=a._gsDefine=function(a,b,c,d){return new r(a,b,c,d)},t=l._class=function(a,b,c){return b=b||function(){},s(a,[],function(){return b},c),b};s.globals=e;var u=[0,0,1,1],v=t("easing.Ease",function(a,b,c,d){this._func=a,this._type=c||0,this._power=d||0,this._params=b?u.concat(b):u},!0),w=v.map={},x=v.register=function(a,b,c,d){for(var e,f,g,h,i=b.split(","),j=i.length,k=(c||"easeIn,easeOut,easeInOut").split(",");--j>-1;)for(f=i[j],e=d?t("easing."+f,null,!0):l.easing[f]||{},g=k.length;--g>-1;)h=k[g],w[f+"."+h]=w[h+f]=e[h]=a.getRatio?a:a[h]||new a};for(h=v.prototype,h._calcEnd=!1,h.getRatio=function(a){if(this._func)return this._params[0]=a,this._func.apply(null,this._params);var b=this._type,c=this._power,d=1===b?1-a:2===b?a:.5>a?2*a:2*(1-a);return 1===c?d*=d:2===c?d*=d*d:3===c?d*=d*d*d:4===c&&(d*=d*d*d*d),1===b?1-d:2===b?d:.5>a?d/2:1-d/2},f=["Linear","Quad","Cubic","Quart","Quint,Strong"],g=f.length;--g>-1;)h=f[g]+",Power"+g,x(new v(null,null,1,g),h,"easeOut",!0),x(new v(null,null,2,g),h,"easeIn"+(0===g?",easeNone":"")),x(new v(null,null,3,g),h,"easeInOut");w.linear=l.easing.Linear.easeIn,w.swing=l.easing.Quad.easeInOut;var y=t("events.EventDispatcher",function(a){this._listeners={},this._eventTarget=a||this});h=y.prototype,h.addEventListener=function(a,b,c,d,e){e=e||0;var f,g,h=this._listeners[a],k=0;for(this!==i||j||i.wake(),null==h&&(this._listeners[a]=h=[]),g=h.length;--g>-1;)f=h[g],f.c===b&&f.s===c?h.splice(g,1):0===k&&f.pr<e&&(k=g+1);h.splice(k,0,{c:b,s:c,up:d,pr:e})},h.removeEventListener=function(a,b){var c,d=this._listeners[a];if(d)for(c=d.length;--c>-1;)if(d[c].c===b)return void d.splice(c,1)},h.dispatchEvent=function(a){var b,c,d,e=this._listeners[a];if(e)for(b=e.length,b>1&&(e=e.slice(0)),c=this._eventTarget;--b>-1;)d=e[b],d&&(d.up?d.c.call(d.s||c,{type:a,target:c}):d.c.call(d.s||c))};var z=a.requestAnimationFrame,A=a.cancelAnimationFrame,B=Date.now||function(){return(new Date).getTime()},C=B();for(f=["ms","moz","webkit","o"],g=f.length;--g>-1&&!z;)z=a[f[g]+"RequestAnimationFrame"],A=a[f[g]+"CancelAnimationFrame"]||a[f[g]+"CancelRequestAnimationFrame"];t("Ticker",function(a,b){var c,e,f,g,h,k=this,l=B(),n=b!==!1&&z?"auto":!1,p=500,q=33,r="tick",s=function(a){var b,d,i=B()-C;i>p&&(l+=i-q),C+=i,k.time=(C-l)/1e3,b=k.time-h,(!c||b>0||a===!0)&&(k.frame++,h+=b+(b>=g?.004:g-b),d=!0),a!==!0&&(f=e(s)),d&&k.dispatchEvent(r)};y.call(k),k.time=k.frame=0,k.tick=function(){s(!0)},k.lagSmoothing=function(a,b){p=a||1/m,q=Math.min(b,p,0)},k.sleep=function(){null!=f&&(n&&A?A(f):clearTimeout(f),e=o,f=null,k===i&&(j=!1))},k.wake=function(a){null!==f?k.sleep():a?l+=-C+(C=B()):k.frame>10&&(C=B()-p+5),e=0===c?o:n&&z?z:function(a){return setTimeout(a,1e3*(h-k.time)+1|0)},k===i&&(j=!0),s(2)},k.fps=function(a){return arguments.length?(c=a,g=1/(c||60),h=this.time+g,void k.wake()):c},k.useRAF=function(a){return arguments.length?(k.sleep(),n=a,void k.fps(c)):n},k.fps(a),setTimeout(function(){"auto"===n&&k.frame<5&&"hidden"!==d.visibilityState&&k.useRAF(!1)},1500)}),h=l.Ticker.prototype=new l.events.EventDispatcher,h.constructor=l.Ticker;var D=t("core.Animation",function(a,b){if(this.vars=b=b||{},this._duration=this._totalDuration=a||0,this._delay=Number(b.delay)||0,this._timeScale=1,this._active=b.immediateRender===!0,this.data=b.data,this._reversed=b.reversed===!0,X){j||i.wake();var c=this.vars.useFrames?W:X;c.add(this,c._time),this.vars.paused&&this.paused(!0)}});i=D.ticker=new l.Ticker,h=D.prototype,h._dirty=h._gc=h._initted=h._paused=!1,h._totalTime=h._time=0,h._rawPrevTime=-1,h._next=h._last=h._onUpdate=h._timeline=h.timeline=null,h._paused=!1;var E=function(){j&&B()-C>2e3&&"hidden"!==d.visibilityState&&i.wake();var a=setTimeout(E,2e3);a.unref&&a.unref()};E(),h.play=function(a,b){return null!=a&&this.seek(a,b),this.reversed(!1).paused(!1)},h.pause=function(a,b){return null!=a&&this.seek(a,b),this.paused(!0)},h.resume=function(a,b){return null!=a&&this.seek(a,b),this.paused(!1)},h.seek=function(a,b){return this.totalTime(Number(a),b!==!1)},h.restart=function(a,b){return this.reversed(!1).paused(!1).totalTime(a?-this._delay:0,b!==!1,!0)},h.reverse=function(a,b){return null!=a&&this.seek(a||this.totalDuration(),b),this.reversed(!0).paused(!1)},h.render=function(a,b,c){},h.invalidate=function(){return this._time=this._totalTime=0,this._initted=this._gc=!1,this._rawPrevTime=-1,(this._gc||!this.timeline)&&this._enabled(!0),this},h.isActive=function(){var a,b=this._timeline,c=this._startTime;return!b||!this._gc&&!this._paused&&b.isActive()&&(a=b.rawTime(!0))>=c&&a<c+this.totalDuration()/this._timeScale-1e-7},h._enabled=function(a,b){return j||i.wake(),this._gc=!a,this._active=this.isActive(),b!==!0&&(a&&!this.timeline?this._timeline.add(this,this._startTime-this._delay):!a&&this.timeline&&this._timeline._remove(this,!0)),!1},h._kill=function(a,b){return this._enabled(!1,!1)},h.kill=function(a,b){return this._kill(a,b),this},h._uncache=function(a){for(var b=a?this:this.timeline;b;)b._dirty=!0,b=b.timeline;return this},h._swapSelfInParams=function(a){for(var b=a.length,c=a.concat();--b>-1;)"{self}"===a[b]&&(c[b]=this);return c},h._callback=function(a){var b=this.vars,c=b[a],d=b[a+"Params"],e=b[a+"Scope"]||b.callbackScope||this,f=d?d.length:0;switch(f){case 0:c.call(e);break;case 1:c.call(e,d[0]);break;case 2:c.call(e,d[0],d[1]);break;default:c.apply(e,d)}},h.eventCallback=function(a,b,c,d){if("on"===(a||"").substr(0,2)){var e=this.vars;if(1===arguments.length)return e[a];null==b?delete e[a]:(e[a]=b,e[a+"Params"]=p(c)&&-1!==c.join("").indexOf("{self}")?this._swapSelfInParams(c):c,e[a+"Scope"]=d),"onUpdate"===a&&(this._onUpdate=b)}return this},h.delay=function(a){return arguments.length?(this._timeline.smoothChildTiming&&this.startTime(this._startTime+a-this._delay),this._delay=a,this):this._delay},h.duration=function(a){return arguments.length?(this._duration=this._totalDuration=a,this._uncache(!0),this._timeline.smoothChildTiming&&this._time>0&&this._time<this._duration&&0!==a&&this.totalTime(this._totalTime*(a/this._duration),!0),this):(this._dirty=!1,this._duration)},h.totalDuration=function(a){return this._dirty=!1,arguments.length?this.duration(a):this._totalDuration},h.time=function(a,b){return arguments.length?(this._dirty&&this.totalDuration(),this.totalTime(a>this._duration?this._duration:a,b)):this._time},h.totalTime=function(a,b,c){if(j||i.wake(),!arguments.length)return this._totalTime;if(this._timeline){if(0>a&&!c&&(a+=this.totalDuration()),this._timeline.smoothChildTiming){this._dirty&&this.totalDuration();var d=this._totalDuration,e=this._timeline;if(a>d&&!c&&(a=d),this._startTime=(this._paused?this._pauseTime:e._time)-(this._reversed?d-a:a)/this._timeScale,e._dirty||this._uncache(!1),e._timeline)for(;e._timeline;)e._timeline._time!==(e._startTime+e._totalTime)/e._timeScale&&e.totalTime(e._totalTime,!0),e=e._timeline}this._gc&&this._enabled(!0,!1),(this._totalTime!==a||0===this._duration)&&(J.length&&Z(),this.render(a,b,!1),J.length&&Z())}return this},h.progress=h.totalProgress=function(a,b){var c=this.duration();return arguments.length?this.totalTime(c*a,b):c?this._time/c:this.ratio},h.startTime=function(a){return arguments.length?(a!==this._startTime&&(this._startTime=a,this.timeline&&this.timeline._sortChildren&&this.timeline.add(this,a-this._delay)),this):this._startTime},h.endTime=function(a){return this._startTime+(0!=a?this.totalDuration():this.duration())/this._timeScale},h.timeScale=function(a){if(!arguments.length)return this._timeScale;if(a=a||m,this._timeline&&this._timeline.smoothChildTiming){var b=this._pauseTime,c=b||0===b?b:this._timeline.totalTime();this._startTime=c-(c-this._startTime)*this._timeScale/a}return this._timeScale=a,this._uncache(!1)},h.reversed=function(a){return arguments.length?(a!=this._reversed&&(this._reversed=a,this.totalTime(this._timeline&&!this._timeline.smoothChildTiming?this.totalDuration()-this._totalTime:this._totalTime,!0)),this):this._reversed},h.paused=function(a){if(!arguments.length)return this._paused;var b,c,d=this._timeline;return a!=this._paused&&d&&(j||a||i.wake(),b=d.rawTime(),c=b-this._pauseTime,!a&&d.smoothChildTiming&&(this._startTime+=c,this._uncache(!1)),this._pauseTime=a?b:null,this._paused=a,this._active=this.isActive(),!a&&0!==c&&this._initted&&this.duration()&&(b=d.smoothChildTiming?this._totalTime:(b-this._startTime)/this._timeScale,this.render(b,b===this._totalTime,!0))),this._gc&&!a&&this._enabled(!0,!1),this};var F=t("core.SimpleTimeline",function(a){D.call(this,0,a),this.autoRemoveChildren=this.smoothChildTiming=!0});h=F.prototype=new D,h.constructor=F,h.kill()._gc=!1,h._first=h._last=h._recent=null,h._sortChildren=!1,h.add=h.insert=function(a,b,c,d){var e,f;if(a._startTime=Number(b||0)+a._delay,a._paused&&this!==a._timeline&&(a._pauseTime=a._startTime+(this.rawTime()-a._startTime)/a._timeScale), +a.timeline&&a.timeline._remove(a,!0),a.timeline=a._timeline=this,a._gc&&a._enabled(!0,!0),e=this._last,this._sortChildren)for(f=a._startTime;e&&e._startTime>f;)e=e._prev;return e?(a._next=e._next,e._next=a):(a._next=this._first,this._first=a),a._next?a._next._prev=a:this._last=a,a._prev=e,this._recent=a,this._timeline&&this._uncache(!0),this},h._remove=function(a,b){return a.timeline===this&&(b||a._enabled(!1,!0),a._prev?a._prev._next=a._next:this._first===a&&(this._first=a._next),a._next?a._next._prev=a._prev:this._last===a&&(this._last=a._prev),a._next=a._prev=a.timeline=null,a===this._recent&&(this._recent=this._last),this._timeline&&this._uncache(!0)),this},h.render=function(a,b,c){var d,e=this._first;for(this._totalTime=this._time=this._rawPrevTime=a;e;)d=e._next,(e._active||a>=e._startTime&&!e._paused&&!e._gc)&&(e._reversed?e.render((e._dirty?e.totalDuration():e._totalDuration)-(a-e._startTime)*e._timeScale,b,c):e.render((a-e._startTime)*e._timeScale,b,c)),e=d},h.rawTime=function(){return j||i.wake(),this._totalTime};var G=t("TweenLite",function(b,c,d){if(D.call(this,c,d),this.render=G.prototype.render,null==b)throw"Cannot tween a null target.";this.target=b="string"!=typeof b?b:G.selector(b)||b;var e,f,g,h=b.jquery||b.length&&b!==a&&b[0]&&(b[0]===a||b[0].nodeType&&b[0].style&&!b.nodeType),i=this.vars.overwrite;if(this._overwrite=i=null==i?V[G.defaultOverwrite]:"number"==typeof i?i>>0:V[i],(h||b instanceof Array||b.push&&p(b))&&"number"!=typeof b[0])for(this._targets=g=n(b),this._propLookup=[],this._siblings=[],e=0;e<g.length;e++)f=g[e],f?"string"!=typeof f?f.length&&f!==a&&f[0]&&(f[0]===a||f[0].nodeType&&f[0].style&&!f.nodeType)?(g.splice(e--,1),this._targets=g=g.concat(n(f))):(this._siblings[e]=$(f,this,!1),1===i&&this._siblings[e].length>1&&aa(f,this,null,1,this._siblings[e])):(f=g[e--]=G.selector(f),"string"==typeof f&&g.splice(e+1,1)):g.splice(e--,1);else this._propLookup={},this._siblings=$(b,this,!1),1===i&&this._siblings.length>1&&aa(b,this,null,1,this._siblings);(this.vars.immediateRender||0===c&&0===this._delay&&this.vars.immediateRender!==!1)&&(this._time=-m,this.render(Math.min(0,-this._delay)))},!0),H=function(b){return b&&b.length&&b!==a&&b[0]&&(b[0]===a||b[0].nodeType&&b[0].style&&!b.nodeType)},I=function(a,b){var c,d={};for(c in a)U[c]||c in b&&"transform"!==c&&"x"!==c&&"y"!==c&&"width"!==c&&"height"!==c&&"className"!==c&&"border"!==c||!(!R[c]||R[c]&&R[c]._autoCSS)||(d[c]=a[c],delete a[c]);a.css=d};h=G.prototype=new D,h.constructor=G,h.kill()._gc=!1,h.ratio=0,h._firstPT=h._targets=h._overwrittenProps=h._startAt=null,h._notifyPluginsOfEnabled=h._lazy=!1,G.version="1.20.2",G.defaultEase=h._ease=new v(null,null,1,1),G.defaultOverwrite="auto",G.ticker=i,G.autoSleep=120,G.lagSmoothing=function(a,b){i.lagSmoothing(a,b)},G.selector=a.$||a.jQuery||function(b){var c=a.$||a.jQuery;return c?(G.selector=c,c(b)):"undefined"==typeof d?b:d.querySelectorAll?d.querySelectorAll(b):d.getElementById("#"===b.charAt(0)?b.substr(1):b)};var J=[],K={},L=/(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,M=/[\+-]=-?[\.\d]/,N=function(a){for(var b,c=this._firstPT,d=1e-6;c;)b=c.blob?1===a&&this.end?this.end:a?this.join(""):this.start:c.c*a+c.s,c.m?b=c.m(b,this._target||c.t):d>b&&b>-d&&!c.blob&&(b=0),c.f?c.fp?c.t[c.p](c.fp,b):c.t[c.p](b):c.t[c.p]=b,c=c._next},O=function(a,b,c,d){var e,f,g,h,i,j,k,l=[],m=0,n="",o=0;for(l.start=a,l.end=b,a=l[0]=a+"",b=l[1]=b+"",c&&(c(l),a=l[0],b=l[1]),l.length=0,e=a.match(L)||[],f=b.match(L)||[],d&&(d._next=null,d.blob=1,l._firstPT=l._applyPT=d),i=f.length,h=0;i>h;h++)k=f[h],j=b.substr(m,b.indexOf(k,m)-m),n+=j||!h?j:",",m+=j.length,o?o=(o+1)%5:"rgba("===j.substr(-5)&&(o=1),k===e[h]||e.length<=h?n+=k:(n&&(l.push(n),n=""),g=parseFloat(e[h]),l.push(g),l._firstPT={_next:l._firstPT,t:l,p:l.length-1,s:g,c:("="===k.charAt(1)?parseInt(k.charAt(0)+"1",10)*parseFloat(k.substr(2)):parseFloat(k)-g)||0,f:0,m:o&&4>o?Math.round:0}),m+=k.length;return n+=b.substr(m),n&&l.push(n),l.setRatio=N,M.test(b)&&(l.end=0),l},P=function(a,b,c,d,e,f,g,h,i){"function"==typeof d&&(d=d(i||0,a));var j,k=typeof a[b],l="function"!==k?"":b.indexOf("set")||"function"!=typeof a["get"+b.substr(3)]?b:"get"+b.substr(3),m="get"!==c?c:l?g?a[l](g):a[l]():a[b],n="string"==typeof d&&"="===d.charAt(1),o={t:a,p:b,s:m,f:"function"===k,pg:0,n:e||b,m:f?"function"==typeof f?f:Math.round:0,pr:0,c:n?parseInt(d.charAt(0)+"1",10)*parseFloat(d.substr(2)):parseFloat(d)-m||0};return("number"!=typeof m||"number"!=typeof d&&!n)&&(g||isNaN(m)||!n&&isNaN(d)||"boolean"==typeof m||"boolean"==typeof d?(o.fp=g,j=O(m,n?parseFloat(o.s)+o.c:d,h||G.defaultStringFilter,o),o={t:j,p:"setRatio",s:0,c:1,f:2,pg:0,n:e||b,pr:0,m:0}):(o.s=parseFloat(m),n||(o.c=parseFloat(d)-o.s||0))),o.c?((o._next=this._firstPT)&&(o._next._prev=o),this._firstPT=o,o):void 0},Q=G._internals={isArray:p,isSelector:H,lazyTweens:J,blobDif:O},R=G._plugins={},S=Q.tweenLookup={},T=0,U=Q.reservedProps={ease:1,delay:1,overwrite:1,onComplete:1,onCompleteParams:1,onCompleteScope:1,useFrames:1,runBackwards:1,startAt:1,onUpdate:1,onUpdateParams:1,onUpdateScope:1,onStart:1,onStartParams:1,onStartScope:1,onReverseComplete:1,onReverseCompleteParams:1,onReverseCompleteScope:1,onRepeat:1,onRepeatParams:1,onRepeatScope:1,easeParams:1,yoyo:1,immediateRender:1,repeat:1,repeatDelay:1,data:1,paused:1,reversed:1,autoCSS:1,lazy:1,onOverwrite:1,callbackScope:1,stringFilter:1,id:1,yoyoEase:1},V={none:0,all:1,auto:2,concurrent:3,allOnStart:4,preexisting:5,"true":1,"false":0},W=D._rootFramesTimeline=new F,X=D._rootTimeline=new F,Y=30,Z=Q.lazyRender=function(){var a,b=J.length;for(K={};--b>-1;)a=J[b],a&&a._lazy!==!1&&(a.render(a._lazy[0],a._lazy[1],!0),a._lazy=!1);J.length=0};X._startTime=i.time,W._startTime=i.frame,X._active=W._active=!0,setTimeout(Z,1),D._updateRoot=G.render=function(){var a,b,c;if(J.length&&Z(),X.render((i.time-X._startTime)*X._timeScale,!1,!1),W.render((i.frame-W._startTime)*W._timeScale,!1,!1),J.length&&Z(),i.frame>=Y){Y=i.frame+(parseInt(G.autoSleep,10)||120);for(c in S){for(b=S[c].tweens,a=b.length;--a>-1;)b[a]._gc&&b.splice(a,1);0===b.length&&delete S[c]}if(c=X._first,(!c||c._paused)&&G.autoSleep&&!W._first&&1===i._listeners.tick.length){for(;c&&c._paused;)c=c._next;c||i.sleep()}}},i.addEventListener("tick",D._updateRoot);var $=function(a,b,c){var d,e,f=a._gsTweenID;if(S[f||(a._gsTweenID=f="t"+T++)]||(S[f]={target:a,tweens:[]}),b&&(d=S[f].tweens,d[e=d.length]=b,c))for(;--e>-1;)d[e]===b&&d.splice(e,1);return S[f].tweens},_=function(a,b,c,d){var e,f,g=a.vars.onOverwrite;return g&&(e=g(a,b,c,d)),g=G.onOverwrite,g&&(f=g(a,b,c,d)),e!==!1&&f!==!1},aa=function(a,b,c,d,e){var f,g,h,i;if(1===d||d>=4){for(i=e.length,f=0;i>f;f++)if((h=e[f])!==b)h._gc||h._kill(null,a,b)&&(g=!0);else if(5===d)break;return g}var j,k=b._startTime+m,l=[],n=0,o=0===b._duration;for(f=e.length;--f>-1;)(h=e[f])===b||h._gc||h._paused||(h._timeline!==b._timeline?(j=j||ba(b,0,o),0===ba(h,j,o)&&(l[n++]=h)):h._startTime<=k&&h._startTime+h.totalDuration()/h._timeScale>k&&((o||!h._initted)&&k-h._startTime<=2e-10||(l[n++]=h)));for(f=n;--f>-1;)if(h=l[f],2===d&&h._kill(c,a,b)&&(g=!0),2!==d||!h._firstPT&&h._initted){if(2!==d&&!_(h,b))continue;h._enabled(!1,!1)&&(g=!0)}return g},ba=function(a,b,c){for(var d=a._timeline,e=d._timeScale,f=a._startTime;d._timeline;){if(f+=d._startTime,e*=d._timeScale,d._paused)return-100;d=d._timeline}return f/=e,f>b?f-b:c&&f===b||!a._initted&&2*m>f-b?m:(f+=a.totalDuration()/a._timeScale/e)>b+m?0:f-b-m};h._init=function(){var a,b,c,d,e,f,g=this.vars,h=this._overwrittenProps,i=this._duration,j=!!g.immediateRender,k=g.ease;if(g.startAt){this._startAt&&(this._startAt.render(-1,!0),this._startAt.kill()),e={};for(d in g.startAt)e[d]=g.startAt[d];if(e.overwrite=!1,e.immediateRender=!0,e.lazy=j&&g.lazy!==!1,e.startAt=e.delay=null,e.onUpdate=g.onUpdate,e.onUpdateScope=g.onUpdateScope||g.callbackScope||this,this._startAt=G.to(this.target,0,e),j)if(this._time>0)this._startAt=null;else if(0!==i)return}else if(g.runBackwards&&0!==i)if(this._startAt)this._startAt.render(-1,!0),this._startAt.kill(),this._startAt=null;else{0!==this._time&&(j=!1),c={};for(d in g)U[d]&&"autoCSS"!==d||(c[d]=g[d]);if(c.overwrite=0,c.data="isFromStart",c.lazy=j&&g.lazy!==!1,c.immediateRender=j,this._startAt=G.to(this.target,0,c),j){if(0===this._time)return}else this._startAt._init(),this._startAt._enabled(!1),this.vars.immediateRender&&(this._startAt=null)}if(this._ease=k=k?k instanceof v?k:"function"==typeof k?new v(k,g.easeParams):w[k]||G.defaultEase:G.defaultEase,g.easeParams instanceof Array&&k.config&&(this._ease=k.config.apply(k,g.easeParams)),this._easeType=this._ease._type,this._easePower=this._ease._power,this._firstPT=null,this._targets)for(f=this._targets.length,a=0;f>a;a++)this._initProps(this._targets[a],this._propLookup[a]={},this._siblings[a],h?h[a]:null,a)&&(b=!0);else b=this._initProps(this.target,this._propLookup,this._siblings,h,0);if(b&&G._onPluginEvent("_onInitAllProps",this),h&&(this._firstPT||"function"!=typeof this.target&&this._enabled(!1,!1)),g.runBackwards)for(c=this._firstPT;c;)c.s+=c.c,c.c=-c.c,c=c._next;this._onUpdate=g.onUpdate,this._initted=!0},h._initProps=function(b,c,d,e,f){var g,h,i,j,k,l;if(null==b)return!1;K[b._gsTweenID]&&Z(),this.vars.css||b.style&&b!==a&&b.nodeType&&R.css&&this.vars.autoCSS!==!1&&I(this.vars,b);for(g in this.vars)if(l=this.vars[g],U[g])l&&(l instanceof Array||l.push&&p(l))&&-1!==l.join("").indexOf("{self}")&&(this.vars[g]=l=this._swapSelfInParams(l,this));else if(R[g]&&(j=new R[g])._onInitTween(b,this.vars[g],this,f)){for(this._firstPT=k={_next:this._firstPT,t:j,p:"setRatio",s:0,c:1,f:1,n:g,pg:1,pr:j._priority,m:0},h=j._overwriteProps.length;--h>-1;)c[j._overwriteProps[h]]=this._firstPT;(j._priority||j._onInitAllProps)&&(i=!0),(j._onDisable||j._onEnable)&&(this._notifyPluginsOfEnabled=!0),k._next&&(k._next._prev=k)}else c[g]=P.call(this,b,g,"get",l,g,0,null,this.vars.stringFilter,f);return e&&this._kill(e,b)?this._initProps(b,c,d,e,f):this._overwrite>1&&this._firstPT&&d.length>1&&aa(b,this,c,this._overwrite,d)?(this._kill(c,b),this._initProps(b,c,d,e,f)):(this._firstPT&&(this.vars.lazy!==!1&&this._duration||this.vars.lazy&&!this._duration)&&(K[b._gsTweenID]=!0),i)},h.render=function(a,b,c){var d,e,f,g,h=this._time,i=this._duration,j=this._rawPrevTime;if(a>=i-1e-7&&a>=0)this._totalTime=this._time=i,this.ratio=this._ease._calcEnd?this._ease.getRatio(1):1,this._reversed||(d=!0,e="onComplete",c=c||this._timeline.autoRemoveChildren),0===i&&(this._initted||!this.vars.lazy||c)&&(this._startTime===this._timeline._duration&&(a=0),(0>j||0>=a&&a>=-1e-7||j===m&&"isPause"!==this.data)&&j!==a&&(c=!0,j>m&&(e="onReverseComplete")),this._rawPrevTime=g=!b||a||j===a?a:m);else if(1e-7>a)this._totalTime=this._time=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0,(0!==h||0===i&&j>0)&&(e="onReverseComplete",d=this._reversed),0>a&&(this._active=!1,0===i&&(this._initted||!this.vars.lazy||c)&&(j>=0&&(j!==m||"isPause"!==this.data)&&(c=!0),this._rawPrevTime=g=!b||a||j===a?a:m)),(!this._initted||this._startAt&&this._startAt.progress())&&(c=!0);else if(this._totalTime=this._time=a,this._easeType){var k=a/i,l=this._easeType,n=this._easePower;(1===l||3===l&&k>=.5)&&(k=1-k),3===l&&(k*=2),1===n?k*=k:2===n?k*=k*k:3===n?k*=k*k*k:4===n&&(k*=k*k*k*k),1===l?this.ratio=1-k:2===l?this.ratio=k:.5>a/i?this.ratio=k/2:this.ratio=1-k/2}else this.ratio=this._ease.getRatio(a/i);if(this._time!==h||c){if(!this._initted){if(this._init(),!this._initted||this._gc)return;if(!c&&this._firstPT&&(this.vars.lazy!==!1&&this._duration||this.vars.lazy&&!this._duration))return this._time=this._totalTime=h,this._rawPrevTime=j,J.push(this),void(this._lazy=[a,b]);this._time&&!d?this.ratio=this._ease.getRatio(this._time/i):d&&this._ease._calcEnd&&(this.ratio=this._ease.getRatio(0===this._time?0:1))}for(this._lazy!==!1&&(this._lazy=!1),this._active||!this._paused&&this._time!==h&&a>=0&&(this._active=!0),0===h&&(this._startAt&&(a>=0?this._startAt.render(a,b,c):e||(e="_dummyGS")),this.vars.onStart&&(0!==this._time||0===i)&&(b||this._callback("onStart"))),f=this._firstPT;f;)f.f?f.t[f.p](f.c*this.ratio+f.s):f.t[f.p]=f.c*this.ratio+f.s,f=f._next;this._onUpdate&&(0>a&&this._startAt&&a!==-1e-4&&this._startAt.render(a,b,c),b||(this._time!==h||d||c)&&this._callback("onUpdate")),e&&(!this._gc||c)&&(0>a&&this._startAt&&!this._onUpdate&&a!==-1e-4&&this._startAt.render(a,b,c),d&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!b&&this.vars[e]&&this._callback(e),0===i&&this._rawPrevTime===m&&g!==m&&(this._rawPrevTime=0))}},h._kill=function(a,b,c){if("all"===a&&(a=null),null==a&&(null==b||b===this.target))return this._lazy=!1,this._enabled(!1,!1);b="string"!=typeof b?b||this._targets||this.target:G.selector(b)||b;var d,e,f,g,h,i,j,k,l,m=c&&this._time&&c._startTime===this._startTime&&this._timeline===c._timeline;if((p(b)||H(b))&&"number"!=typeof b[0])for(d=b.length;--d>-1;)this._kill(a,b[d],c)&&(i=!0);else{if(this._targets){for(d=this._targets.length;--d>-1;)if(b===this._targets[d]){h=this._propLookup[d]||{},this._overwrittenProps=this._overwrittenProps||[],e=this._overwrittenProps[d]=a?this._overwrittenProps[d]||{}:"all";break}}else{if(b!==this.target)return!1;h=this._propLookup,e=this._overwrittenProps=a?this._overwrittenProps||{}:"all"}if(h){if(j=a||h,k=a!==e&&"all"!==e&&a!==h&&("object"!=typeof a||!a._tempKill),c&&(G.onOverwrite||this.vars.onOverwrite)){for(f in j)h[f]&&(l||(l=[]),l.push(f));if((l||!a)&&!_(this,c,b,l))return!1}for(f in j)(g=h[f])&&(m&&(g.f?g.t[g.p](g.s):g.t[g.p]=g.s,i=!0),g.pg&&g.t._kill(j)&&(i=!0),g.pg&&0!==g.t._overwriteProps.length||(g._prev?g._prev._next=g._next:g===this._firstPT&&(this._firstPT=g._next),g._next&&(g._next._prev=g._prev),g._next=g._prev=null),delete h[f]),k&&(e[f]=1);!this._firstPT&&this._initted&&this._enabled(!1,!1)}}return i},h.invalidate=function(){return this._notifyPluginsOfEnabled&&G._onPluginEvent("_onDisable",this),this._firstPT=this._overwrittenProps=this._startAt=this._onUpdate=null,this._notifyPluginsOfEnabled=this._active=this._lazy=!1,this._propLookup=this._targets?{}:[],D.prototype.invalidate.call(this),this.vars.immediateRender&&(this._time=-m,this.render(Math.min(0,-this._delay))),this},h._enabled=function(a,b){if(j||i.wake(),a&&this._gc){var c,d=this._targets;if(d)for(c=d.length;--c>-1;)this._siblings[c]=$(d[c],this,!0);else this._siblings=$(this.target,this,!0)}return D.prototype._enabled.call(this,a,b),this._notifyPluginsOfEnabled&&this._firstPT?G._onPluginEvent(a?"_onEnable":"_onDisable",this):!1},G.to=function(a,b,c){return new G(a,b,c)},G.from=function(a,b,c){return c.runBackwards=!0,c.immediateRender=0!=c.immediateRender,new G(a,b,c)},G.fromTo=function(a,b,c,d){return d.startAt=c,d.immediateRender=0!=d.immediateRender&&0!=c.immediateRender,new G(a,b,d)},G.delayedCall=function(a,b,c,d,e){return new G(b,0,{delay:a,onComplete:b,onCompleteParams:c,callbackScope:d,onReverseComplete:b,onReverseCompleteParams:c,immediateRender:!1,lazy:!1,useFrames:e,overwrite:0})},G.set=function(a,b){return new G(a,0,b)},G.getTweensOf=function(a,b){if(null==a)return[];a="string"!=typeof a?a:G.selector(a)||a;var c,d,e,f;if((p(a)||H(a))&&"number"!=typeof a[0]){for(c=a.length,d=[];--c>-1;)d=d.concat(G.getTweensOf(a[c],b));for(c=d.length;--c>-1;)for(f=d[c],e=c;--e>-1;)f===d[e]&&d.splice(c,1)}else if(a._gsTweenID)for(d=$(a).concat(),c=d.length;--c>-1;)(d[c]._gc||b&&!d[c].isActive())&&d.splice(c,1);return d||[]},G.killTweensOf=G.killDelayedCallsTo=function(a,b,c){"object"==typeof b&&(c=b,b=!1);for(var d=G.getTweensOf(a,b),e=d.length;--e>-1;)d[e]._kill(c,a)};var ca=t("plugins.TweenPlugin",function(a,b){this._overwriteProps=(a||"").split(","),this._propName=this._overwriteProps[0],this._priority=b||0,this._super=ca.prototype},!0);if(h=ca.prototype,ca.version="1.19.0",ca.API=2,h._firstPT=null,h._addTween=P,h.setRatio=N,h._kill=function(a){var b,c=this._overwriteProps,d=this._firstPT;if(null!=a[this._propName])this._overwriteProps=[];else for(b=c.length;--b>-1;)null!=a[c[b]]&&c.splice(b,1);for(;d;)null!=a[d.n]&&(d._next&&(d._next._prev=d._prev),d._prev?(d._prev._next=d._next,d._prev=null):this._firstPT===d&&(this._firstPT=d._next)),d=d._next;return!1},h._mod=h._roundProps=function(a){for(var b,c=this._firstPT;c;)b=a[this._propName]||null!=c.n&&a[c.n.split(this._propName+"_").join("")],b&&"function"==typeof b&&(2===c.f?c.t._applyPT.m=b:c.m=b),c=c._next},G._onPluginEvent=function(a,b){var c,d,e,f,g,h=b._firstPT;if("_onInitAllProps"===a){for(;h;){for(g=h._next,d=e;d&&d.pr>h.pr;)d=d._next;(h._prev=d?d._prev:f)?h._prev._next=h:e=h,(h._next=d)?d._prev=h:f=h,h=g}h=b._firstPT=e}for(;h;)h.pg&&"function"==typeof h.t[a]&&h.t[a]()&&(c=!0),h=h._next;return c},ca.activate=function(a){for(var b=a.length;--b>-1;)a[b].API===ca.API&&(R[(new a[b])._propName]=a[b]);return!0},s.plugin=function(a){if(!(a&&a.propName&&a.init&&a.API))throw"illegal plugin definition.";var b,c=a.propName,d=a.priority||0,e=a.overwriteProps,f={init:"_onInitTween",set:"setRatio",kill:"_kill",round:"_mod",mod:"_mod",initAll:"_onInitAllProps"},g=t("plugins."+c.charAt(0).toUpperCase()+c.substr(1)+"Plugin",function(){ca.call(this,c,d),this._overwriteProps=e||[]},a.global===!0),h=g.prototype=new ca(c);h.constructor=g,g.API=a.API;for(b in f)"function"==typeof a[b]&&(h[f[b]]=a[b]);return g.version=a.version,ca.activate([g]),g},f=a._gsQueue){for(g=0;g<f.length;g++)f[g]();for(h in q)q[h].func||a.console.log("GSAP encountered missing dependency: "+h)}j=!1}}("undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window,"TweenMax"); \ No newline at end of file Property changes on: base3.10/src/main/webapp/html/design/js/TweenMax.min.js ___________________________________________________________________ Added: svn:mime-type + text/plain Index: base3.10/src/main/webapp/html/design/inc/content.html =================================================================== --- base3.10/src/main/webapp/html/design/inc/content.html (revision 54) +++ base3.10/src/main/webapp/html/design/inc/content.html (revision 55) @@ -18,7 +18,7 @@ <div class="member_org"> <ul> <li> - <div class="face"><div class="bg_box"><img src="/images/custom/nophoto.png" alt="고희정"/></div><a href="#" class="blank_w" title="새창열어 상세보기">고희정</a></div> + <div class="face"><div class="bg_box"><img src="/images/user/nophoto.png" alt="고희정"/></div><a href="#" class="blank_w" title="새창열어 상세보기">고희정</a></div> <ul> <li> <p>부서</p> @@ -38,7 +38,7 @@ </ul> </li> <li> - <div class="face"><div class="bg_box"><img src="/images/custom/nophoto.png" alt="고희정"/></div><a href="#" class="blank_w" title="새창열어 상세보기">고희정</a></div> + <div class="face"><div class="bg_box"><img src="/images/user/nophoto.png" alt="고희정"/></div><a href="#" class="blank_w" title="새창열어 상세보기">고희정</a></div> <ul> <li> <p>부서</p> @@ -58,7 +58,7 @@ </ul> </li> <li> - <div class="face"><div class="bg_box"><img src="/images/custom/nophoto.png" alt="고희정"/></div><a href="#" class="blank_w" title="새창열어 상세보기">고희정</a></div> + <div class="face"><div class="bg_box"><img src="/images/user/nophoto.png" alt="고희정"/></div><a href="#" class="blank_w" title="새창열어 상세보기">고희정</a></div> <ul> <li> <p>부서</p> @@ -78,7 +78,7 @@ </ul> </li> <li> - <div class="face"><div class="bg_box"><img src="/images/custom/nophoto.png" alt="고희정"/></div><a href="#" class="blank_w" title="새창열어 상세보기">고희정</a></div> + <div class="face"><div class="bg_box"><img src="/images/user/nophoto.png" alt="고희정"/></div><a href="#" class="blank_w" title="새창열어 상세보기">고희정</a></div> <ul> <li> <p>부서</p> Index: base3.10/src/main/webapp/html/design/inc/main.html =================================================================== --- base3.10/src/main/webapp/html/design/inc/main.html (revision 54) +++ base3.10/src/main/webapp/html/design/inc/main.html (revision 55) @@ -2,27 +2,28 @@ <div class="swiper-wrapper"> <!--slide--> - <div class="swiper-slide bg_box"> <img src="/images/custom/main_bg.jpg" alt=""> - <div class="inner"><em class="rellax" title="cross street" data-rellax-speed="4">cross street</em> <strong data-swiper-parallax="-2000" class="rellax" data-rellax-speed="3">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</strong> - <p data-swiper-parallax="-3000" class="rellax" data-rellax-speed="2">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다.<br> + <div class="swiper-slide bg_box"> <img src="/images/user/main_bg.jpg" alt=""> + <div class="inner"><em title="cross street">cross street</em> <strong>허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</strong> + <p>조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다.<br> 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</p> - <button data-swiper-parallax="-4000" onClick="location.href='/content/common/article_view.html'" class="rellax" data-rellax-speed="1">show more</button> + <button onClick="location.href='/content/common/article_view.html'">show more</button> </div> </div> - <div class="swiper-slide bg_box"> <img src="/images/custom/main_bg.jpg" alt=""> - <div class="inner"><em class="rellax" title="cross street" data-rellax-speed="4">cross street</em> <strong data-swiper-parallax="-2000" class="rellax" data-rellax-speed="3">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</strong> - <p data-swiper-parallax="-3000" class="rellax" data-rellax-speed="2">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다.<br> + <div class="swiper-slide bg_box"> <img src="/images/user/main_bg.jpg" alt=""> + <div class="inner"><em title="cross street">cross street</em> <strong>허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</strong> + <p>조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다.<br> 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</p> - <button data-swiper-parallax="-4000" onClick="location.href='/content/common/article_view.html'" class="rellax" data-rellax-speed="1">show more</button> + <button onClick="location.href='/content/common/article_view.html'">show more</button> </div> </div> - <div class="swiper-slide bg_box"> <img src="/images/custom/main_bg.jpg" alt=""> - <div class="inner"><em class="rellax" title="cross street" data-rellax-speed="4">cross street</em> <strong data-swiper-parallax="-2000" class="rellax" data-rellax-speed="3">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</strong> - <p data-swiper-parallax="-3000" class="rellax" data-rellax-speed="2">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다.<br> + <div class="swiper-slide bg_box"> <img src="/images/user/main_bg.jpg" alt=""> + <div class="inner"><em title="cross street">cross street</em> <strong>허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</strong> + <p>조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다.<br> 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</p> - <button data-swiper-parallax="-4000" onClick="location.href='/content/common/article_view.html'" class="rellax" data-rellax-speed="1">show more</button> + <button onClick="location.href='/content/common/article_view.html'">show more</button> </div> </div> + <!--slide--> </div> @@ -36,20 +37,19 @@ <div class="rellax" data-rellax-speed="4"> <div class="hotClick"> <div class="title_wrap"> - <h2 data-aos="zoom-in">hot click</h2> + <h2>hot click</h2> </div> <ol class="listshow"> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> - <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> </ol> </div> </div> @@ -57,19 +57,19 @@ <!--recent articles start--> <div class="article_list main_wrap rearticle rellax" data-rellax-speed="3"> <div class="title_wrap"> - <h2 data-aos="zoom-in">recent articles</h2> - <button type="button" class="showmore" data-aos="zoom-in" data-aos-delay="200" >show more<span class="icon-arrow-r"></span></button> + <h2>recent articles</h2> + <button type="button" class="showmore" >show more<span class="icon-arrow-r"></span></button> </div> <ul class="listshow"> - <li data-aos="zoom-in"> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="/content/common/writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="/content/common/article_view.html" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li data-aos="zoom-in"> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="/content/common/writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="/content/common/article_view.html" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> - <li data-aos="zoom-in"> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/custom/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="by"> <a href="/content/common/writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> <p class="text"> <a href="/content/common/article_view.html" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> </li> @@ -77,19 +77,19 @@ </div> <!--recent articles end--> <!--videos start--> - <div class="article_list main_wrap rellax" data-rellax-speed="2"> + <div class="article_list main_wrap rellax videos" data-rellax-speed="2"> <div class="title_wrap"> - <h2 data-aos="zoom-in">videos</h2> - <button type="button" class="showmore" data-aos="zoom-in" data-aos-delay="200">show more<span class="icon-arrow-r"></span></button> + <h2>videos</h2> + <button type="button" class="showmore">show more<span class="icon-arrow-r"></span></button> </div> <ul class="listshow"> - <li data-aos="zoom-in"><a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경"><img src="/images/custom/sample1.jpg" alt="우주이미지"></a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li><a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경"><img src="/images/user/sample1.jpg" alt="우주이미지"></a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="time">05:00</p> </li> - <li data-aos="zoom-in"><a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경"><img src="/images/custom/sample1.jpg" alt="우주이미지"></a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li><a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경"><img src="/images/user/sample1.jpg" alt="우주이미지"></a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="time">05:00</p> </li> - <li data-aos="zoom-in"><a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경"><img src="/images/custom/sample1.jpg" alt="우주이미지"></a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <li><a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경"><img src="/images/user/sample1.jpg" alt="우주이미지"></a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> <p class="time">05:00</p> </li> </ul> @@ -100,17 +100,17 @@ <ul> <li> <div class="title_wrap"> - <h2 data-aos="zoom-in">APCTP's choice</h2> + <h2>APCTP's choice</h2> </div> - <a href="javascript:void(0)" title="올해의 과학도서"><img src="/images/custom/book1.png" alt="" data-aos="zoom-in" data-aos-delay="500"> - <div class="bg_box" data-aos="zoom-in" data-aos-delay="200"><img src="/images/custom/banner1.jpg" alt="">올해의 과학도서</div> + <a href="javascript:void(0)" title="올해의 과학도서"><img src="/images/user/book1.png" alt=""> + <div class="bg_box"><img src="/images/user/banner1.jpg" alt="">올해의 과학도서</div> </a></li> <li> <div class="title_wrap"> - <h2 data-aos="zoom-in" data-aos-delay="300">book report</h2> + <h2>book report</h2> </div> - <a href="javascript:void(0)" title="올해의 과학도서"><img src="/images/custom/book2.png" alt="" data-aos="zoom-in" data-aos-delay="600"> - <div class="bg_box" data-aos="zoom-in" data-aos-delay="400"><img src="/images/custom/banner2.jpg" alt="">올해의 과학도서<br> + <a href="javascript:void(0)" title="올해의 과학도서"><img src="/images/user/book2.png" alt=""> + <div class="bg_box"><img src="/images/user/banner2.jpg" alt="">올해의 과학도서<br> 청소년 독후감 대회 수상작</div> </a></li> </ul> @@ -119,10 +119,10 @@ <!--notice start--> <div class="notice main_wrap rellax" data-rellax-speed="0"> <div class="title_wrap"> - <h2 data-aos="zoom-in"><a href="/content/common/notice_list.html" title="뉴스바로가기" >news & notice</a></h2> - <button type="button" class="showmore" onClick="location.href='/content/common/notice_list.html'" title="뉴스바로가기" data-aos="zoom-in" data-aos-delay="100">show more<span class="icon-arrow-r"></span></button> + <h2><a href="/content/common/notice_list.html" title="뉴스바로가기" >news & notice</a></h2> + <button type="button" class="showmore" onClick="location.href='/content/common/notice_list.html'" title="뉴스바로가기">show more<span class="icon-arrow-r"></span></button> </div> - <div class="swiper news_slide" data-aos="fade-left" data-aos-delay="300"> + <div class="swiper news_slide"> <div class="swiper-wrapper"> <!--slide--> <div class="swiper-slide"><a href="/content/common/notice_list.html" class="textover" title="[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 @@ -152,7 +152,46 @@ </div> <!--notice end--> </div> - <div class="bg_box rellax" data-rellax-speed="-1" data-aos="zoom-in" data-aos-anchor-placement="center-center"> <img src="/images/custom/main_bgwave.svg" alt=""> </div> + <div class="bg_box bg_wave"> <img src="/images/user/main_bgwave.svg" alt=""> </div> </div> <script type="text/javascript" src="/js/rellax.js"></script> -<script src="/js/jquery.easeScroll.js"></script> \ No newline at end of file + + +<script> + $(function(){ + + var controller = new ScrollMagic.Controller(); + // build tween + var tween = TweenMax.to(".main_slide", 0.5, {opacity: "0"}), + height = $(".main_slide").outerHeight(); + var wave = TweenMax.to(".bg_wave", 0.5, {opacity: "1"}), + waveHeight = $(".bg_wave").outerHeight(); + + // slide + var scene = new ScrollMagic.Scene({triggerElement: ".main_slide", triggerHook:'0'}) + .duration(height) + .setTween(tween) + //.addIndicators({name: "main_slide"}) + .addTo(controller); + + //bg wave + var sceneWave = new ScrollMagic.Scene({triggerElement: ".videos", triggerHook:'.2'}) + .duration(waveHeight) + .setTween(wave) + //.addIndicators({name: "wave"}) + .addTo(controller) + + var revealElements = $(".title_wrap, .hotClick, .main_wrap") + for (var i=0; i<revealElements.length; i++) { + var scene2 = new ScrollMagic.Scene({ + triggerElement: revealElements[i], + triggerHook: 0.7 + }) + .setClassToggle(revealElements[i], "active") // add class toggle + .addTo(controller) + //.addIndicators({name: "each"}) + } + +}); + +</script> Index: base3.10/src/main/webapp/html/design/inc/top.html =================================================================== --- base3.10/src/main/webapp/html/design/inc/top.html (revision 54) +++ base3.10/src/main/webapp/html/design/inc/top.html (revision 55) @@ -6,12 +6,12 @@ <ul class="header_left" id="gnb_wrap"> <li><a href="/" title="home">home</a></li> <li><a href="https://www.apctp.org/" target="_blank" title="apctp [새창열림]">apctp</a></li> - <li><a href="/content/common/about.html" title="about crossroards">about crossroards</a></li> </ul> <ul class="header_right"> + <li><a href="/content/common/about.html" title="about">about</a></li> <li><a href="/content/common/archive.html" title="archive">archive</a></li> <li><a href="/content/common/notice_list.html" title="공지사항">notice</a></li> - <li><a href="javasctipt:void(0)" aria-haspopup="dialog" data-popup="login">admin</a></li> + <li><a href="/content/common/login.html">admin</a></li> </ul> </div> <div class="header_bottom"> <a href="/content/common/magazine_list.html" class="info" title="2022년1월 통권 196호">2022년1월 통권 196호</a> Index: base3.10/src/main/webapp/html/design/inc/main - 복사.html =================================================================== --- base3.10/src/main/webapp/html/design/inc/main - 복사.html (nonexistent) +++ base3.10/src/main/webapp/html/design/inc/main - 복사.html (revision 55) @@ -0,0 +1,157 @@ +<div class="swiper main_slide"> + <div class="swiper-wrapper"> + + <!--slide--> + <div class="swiper-slide bg_box"> <img src="/images/user/main_bg.jpg" alt=""> + <div class="inner"><em class="rellax" title="cross street" data-rellax-speed="4">cross street</em> <strong data-swiper-parallax="-2000" class="rellax" data-rellax-speed="3">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</strong> + <p data-swiper-parallax="-3000" class="rellax" data-rellax-speed="2">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다.<br> + 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</p> + <button data-swiper-parallax="-4000" onClick="location.href='/content/common/article_view.html'" class="rellax" data-rellax-speed="1">show more</button> + </div> + </div> + <div class="swiper-slide bg_box"> <img src="/images/user/main_bg.jpg" alt=""> + <div class="inner"><em class="rellax" title="cross street" data-rellax-speed="4">cross street</em> <strong data-swiper-parallax="-2000" class="rellax" data-rellax-speed="3">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</strong> + <p data-swiper-parallax="-3000" class="rellax" data-rellax-speed="2">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다.<br> + 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</p> + <button data-swiper-parallax="-4000" onClick="location.href='/content/common/article_view.html'" class="rellax" data-rellax-speed="1">show more</button> + </div> + </div> + <div class="swiper-slide bg_box"> <img src="/images/user/main_bg.jpg" alt=""> + <div class="inner"><em class="rellax" title="cross street" data-rellax-speed="4">cross street</em> <strong data-swiper-parallax="-2000" class="rellax" data-rellax-speed="3">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</strong> + <p data-swiper-parallax="-3000" class="rellax" data-rellax-speed="2">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다.<br> + 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</p> + <button data-swiper-parallax="-4000" onClick="location.href='/content/common/article_view.html'" class="rellax" data-rellax-speed="1">show more</button> + </div> + </div> + + <!--slide--> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <div class="swiper-pagination rellax" data-rellax-speed="2.3"></div> +</div> +<div class="main_content"> + <div class="inner"> + <!--hot click start--> + <div class="rellax" data-rellax-speed="4"> + <div class="hotClick"> + <div class="title_wrap"> + <h2 data-aos="zoom-in">hot click</h2> + </div> + <ol class="listshow"> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + <li data-aos="zoom-in"><a href="javascript:void(0)" title="APCTP 2021 올해의 과학도서">APCTP 2021 올해의 과학도서</a></li> + </ol> + </div> + </div> + <!--hot click end--> + <!--recent articles start--> + <div class="article_list main_wrap rearticle rellax" data-rellax-speed="3"> + <div class="title_wrap"> + <h2 data-aos="zoom-in">recent articles</h2> + <button type="button" class="showmore" data-aos="zoom-in" data-aos-delay="200" >show more<span class="icon-arrow-r"></span></button> + </div> + <ul class="listshow"> + <li data-aos="zoom-in"> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"> <a href="/content/common/writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"> <a href="/content/common/article_view.html" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </li> + <li data-aos="zoom-in"> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"> <a href="/content/common/writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"> <a href="/content/common/article_view.html" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </li> + <li data-aos="zoom-in"> <a href="/content/common/article_view.html" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경" > <img src="/images/user/sample1.jpg" alt="우주이미지"> </a> <a href="#!" class="category">Cross Street</a> <a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="by"> <a href="/content/common/writer_list.html" title="작가 정보" class="writer">강성주</a><em>국립과천과학관</em></p> + <p class="text"> <a href="/content/common/article_view.html" class="textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">조선 시대 가장 존경받는 정승이 누구인지 물어보면 누구나 이견 없이 황희 정승을 꼽을 것이다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다. 황희는 현재의 국무총리 역할인 조선 시대 정승이었던 좌의정, 우의정, 영의정을 무려 25년 가까이 수행하였다.</a> </p> + </li> + </ul> + </div> + <!--recent articles end--> + <!--videos start--> + <div class="article_list main_wrap rellax" data-rellax-speed="2"> + <div class="title_wrap"> + <h2 data-aos="zoom-in">videos</h2> + <button type="button" class="showmore" data-aos="zoom-in" data-aos-delay="200">show more<span class="icon-arrow-r"></span></button> + </div> + <ul class="listshow"> + <li data-aos="zoom-in"><a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경"><img src="/images/user/sample1.jpg" alt="우주이미지"></a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="time">05:00</p> + </li> + <li data-aos="zoom-in"><a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경"><img src="/images/user/sample1.jpg" alt="우주이미지"></a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="time">05:00</p> + </li> + <li data-aos="zoom-in"><a href="#!" class="bg_box" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경"><img src="/images/user/sample1.jpg" alt="우주이미지"></a><a href="#!" class="title textover" title="허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경">허블 우주망원경의 업적 그리고 천문학의 새로운 역사의 시작, 제임스 웹 우주망원경</a> + <p class="time">05:00</p> + </li> + </ul> + </div> + <!--videos end--> + <!--banner start--> + <div class="banner main_wrap rellax" data-rellax-speed="1"> + <ul> + <li> + <div class="title_wrap"> + <h2 data-aos="zoom-in">APCTP's choice</h2> + </div> + <a href="javascript:void(0)" title="올해의 과학도서"><img src="/images/user/book1.png" alt="" data-aos="zoom-in" data-aos-delay="500"> + <div class="bg_box" data-aos="zoom-in" data-aos-delay="200"><img src="/images/user/banner1.jpg" alt="">올해의 과학도서</div> + </a></li> + <li> + <div class="title_wrap"> + <h2 data-aos="zoom-in" data-aos-delay="300">book report</h2> + </div> + <a href="javascript:void(0)" title="올해의 과학도서"><img src="/images/user/book2.png" alt="" data-aos="zoom-in" data-aos-delay="600"> + <div class="bg_box" data-aos="zoom-in" data-aos-delay="400"><img src="/images/user/banner2.jpg" alt="">올해의 과학도서<br> + 청소년 독후감 대회 수상작</div> + </a></li> + </ul> + </div> + <!--banner end--> + <!--notice start--> + <div class="notice main_wrap rellax" data-rellax-speed="0"> + <div class="title_wrap"> + <h2 data-aos="zoom-in"><a href="/content/common/notice_list.html" title="뉴스바로가기" >news & notice</a></h2> + <button type="button" class="showmore" onClick="location.href='/content/common/notice_list.html'" title="뉴스바로가기" data-aos="zoom-in" data-aos-delay="100">show more<span class="icon-arrow-r"></span></button> + </div> + <div class="swiper news_slide" data-aos="fade-left" data-aos-delay="300"> + <div class="swiper-wrapper"> + <!--slide--> + <div class="swiper-slide"><a href="/content/common/notice_list.html" class="textover" title="[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 +(올해의 과학도서 저자 인터뷰프로그램) 개최">[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 + (올해의 과학도서 저자 인터뷰프로그램) 개최(올해의 과학도서 저자 인터뷰프로그램) 개최</a> <em>2022.01.17</em> </div> + <div class="swiper-slide"><a href="/content/common/notice_list.html" class="textover" title="[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 +(올해의 과학도서 저자 인터뷰프로그램) 개최">[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 + (올해의 과학도서 저자 인터뷰프로그램) 개최</a> <em>2022.01.17</em> </div> + <div class="swiper-slide"><a href="/content/common/notice_list.html" class="textover" title="[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 +(올해의 과학도서 저자 인터뷰프로그램) 개최">[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 + (올해의 과학도서 저자 인터뷰프로그램) 개최</a> <em>2022.01.17</em> </div> + <div class="swiper-slide"><a href="/content/common/notice_list.html" class="textover" title="[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 +(올해의 과학도서 저자 인터뷰프로그램) 개최">[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 + (올해의 과학도서 저자 인터뷰프로그램) 개최</a> <em>2022.01.17</em> </div> + <div class="swiper-slide"><a href="/content/common/notice_list.html" class="textover" title="[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 +(올해의 과학도서 저자 인터뷰프로그램) 개최">[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 + (올해의 과학도서 저자 인터뷰프로그램) 개최</a> <em>2022.01.17</em> </div> + <div class="swiper-slide"><a href="/content/common/notice_list.html" class="textover" title="[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 +(올해의 과학도서 저자 인터뷰프로그램) 개최">[과학 커뮤니케이선 강연] 2021 APCTP 공통 과학 + (올해의 과학도서 저자 인터뷰프로그램) 개최</a> <em>2022.01.17</em> </div> + <!--slide--> + </div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <div class="swiper-pagination"></div> + </div> + </div> + <!--notice end--> + </div> + <div class="bg_box rellax" data-rellax-speed="-1" data-aos="zoom-in" data-aos-anchor-placement="center-center"> <img src="/images/user/main_bgwave.svg" alt=""> </div> +</div> +<script type="text/javascript" src="/js/rellax.js"></script> \ No newline at end of file Property changes on: base3.10/src/main/webapp/html/design/inc/main - 복사.html ___________________________________________________________________ Added: svn:mime-type + text/plain Index: base3.10/src/main/webapp/html/design/inc/header.html =================================================================== --- base3.10/src/main/webapp/html/design/inc/header.html (revision 54) +++ base3.10/src/main/webapp/html/design/inc/header.html (revision 55) @@ -10,7 +10,7 @@ <meta property="og:description" content="크로스로드 웹진"> <meta property="og:image" content="/img/logo.jpg"> <meta name="viewport" content="width=device-width, user-scalable=no" /> -<link rel="icon" href="/images/custom/favicon.ico" type="image/x-icon" /> +<link rel="icon" href="/images/user/favicon.ico" type="image/x-icon" /> <script src="/js/jquery-1.12.4.min.js"></script> <!-- font--> @@ -18,7 +18,7 @@ <link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&amp;subset=korean" rel="stylesheet"> <!--animation--> -<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css" /> +<script type="text/javascript" src="/js/TweenMax.min.js"></script> <script type="text/javascript" src="/js/ScrollMagic.js"></script> <script type="text/javascript" src="/js/debug.addIndicators.js"></script> <script type="text/javascript" src="/js/animation.gsap.js"></script> @@ -27,6 +27,8 @@ <link rel="stylesheet" type="text/css" href="/css/swiper-bundle.css"> <script type="text/javascript" src="/js/swiper-bundle.js"></script> +<link rel="stylesheet" type="text/css" href="/css/jquery.mCustomScrollbar.css" /> + <link rel="stylesheet" type="text/css" href="/css/font.css" /> <link rel="stylesheet" type="text/css" href="/css/style.css" /> <link rel="stylesheet" type="text/css" href="/css/board.css" /> Index: base3.10/src/main/webapp/html/design/inc/footer.html =================================================================== --- base3.10/src/main/webapp/html/design/inc/footer.html (revision 54) +++ base3.10/src/main/webapp/html/design/inc/footer.html (revision 55) @@ -4,7 +4,7 @@ <button class="skip_top" type="button" title="맨위로가기" onclick="window.scrollTo(0,0);"><em class="blind">skip top</em></button> <div class="footer_content"> <div class="footer_left"> - <div class="footer_logo"> <a href="/" title="메인페이지로 이동"><img src="/images/custom/logo.svg" alt="crossroards webzine 로고"></a> <a href="#!" title="apctp로 이동 [새창열림]"><img src="/images/custom/logo_apctp.jpg" alt="apctp 로고"></a> </div> + <div class="footer_logo"> <a href="/" title="메인페이지로 이동"><img src="/images/user/logo.svg" alt="crossroards webzine 로고"></a> <a href="#!" title="apctp로 이동 [새창열림]"><img src="/images/user/logo_apctp.jpg" alt="apctp 로고"></a> </div> <div class="footer_text"> <strong>crossroards webzine은 아시아태평양이론물리센터에서 발행합니다.</strong> <p>(C) 2005~2022 Asia Pacific Center for Theoretical Physics ALL RIGHTS RESERVED. sc(at)apctp.org<br> 크로스로드는 정부의 과학기술진흥기금 및 복권기금 지원으로 국민과 함께하고 있습니다.</p> @@ -24,11 +24,4 @@ </footer> <!-- footer end --> <? include_once("popup.html") ?> -<script type="text/javascript" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> -<script src="/js/designJS.js"></script> -<script> - AOS.init({ - easing: 'ease-out-back', - duration: 1000 - }); //slide up animation -</script> \ No newline at end of file +<script src="/js/designJS.js"></script> \ No newline at end of file