mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-04 01:01:41 +09:00
bnu
parent
e1c5a4df83
commit
ffe17ed531
26 changed files with 1409 additions and 4946 deletions
1093
layouts/xedition/css/camera.css
Normal file
1093
layouts/xedition/css/camera.css
Normal file
File diff suppressed because it is too large
Load diff
1
layouts/xedition/css/camera.min.css
vendored
Normal file
1
layouts/xedition/css/camera.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -17,297 +17,196 @@ a:hover,a:active,a:focus{text-decoration:none}
|
|||
.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center}
|
||||
.skip>a:focus{height:auto}
|
||||
|
||||
@media all and (max-width:479px) {
|
||||
a.btn_top { display:none; }
|
||||
/* Layout */
|
||||
.container{width:100%;background-color:#fff}
|
||||
.header{position:relative;z-index:2;width:100%;height:auto;margin:0 auto;zoom:1}
|
||||
/* Layout */
|
||||
.container{min-width:1240px;background-color:#fff}
|
||||
.header{position:relative;z-index:2;width:1200px;height:100%;margin:0 auto;zoom:1}
|
||||
.header>.side{float:right;z-index:2;margin:39px 0 0 22px;line-height:20px}
|
||||
.visual{overflow:hidden;position:relative;z-index:1;width:100%}
|
||||
.body{position:relative;padding:30px 0}
|
||||
.body .content{}
|
||||
.body.fixed-width {width:1200px;margin:0 auto}
|
||||
|
||||
|
||||
.header > h1 { margin:0; padding:0 15px; line-height:50px; display:block; }
|
||||
.header > h1 img { max-height:15px; }
|
||||
.header.sub_type3 { position:absolute; }
|
||||
|
||||
/* Login */
|
||||
.header>.side { display:none; }
|
||||
|
||||
/* Search */
|
||||
.search_wrap{display:none;}
|
||||
|
||||
/* GNB */
|
||||
.gnb{ display:; }
|
||||
.gnb .menu_btn { height:22px; width:44px; position:absolute; top:14px; right:3px; display:inline-block; }
|
||||
.gnb .menu_btn .menu_bar { width:20px; height:14px;position:relative; top:4px; left:12px; }
|
||||
.gnb .menu_btn .menu_bar div { height:0; border-top:2px solid #383431; position:absolute; }
|
||||
.header.sub_type3 .gnb .menu_btn .menu_bar div { border-top:2px solid #fff; }
|
||||
.gnb .menu_btn .menu_bar div.btn1 { width:20px; top:0; }
|
||||
.gnb .menu_btn .menu_bar div.btn2 { width:20px; top:6px; transition:all 0.1s }
|
||||
.gnb .menu_btn .menu_bar div.btn3 { width:20px; bottom:0; }
|
||||
|
||||
.gnb .menu_btn.opened .menu_bar div.btn1 { top:6px; width:20px; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
|
||||
.gnb .menu_btn.opened .menu_bar div.btn2 { top:6px; display:none; }
|
||||
.gnb .menu_btn.opened .menu_bar div.btn3 { top:6px; width:20px; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
|
||||
|
||||
.gnb > ul { display:none; padding:0 14px 14px 14px; max-height:240px; overflow-x: scroll; border-bottom:1px solid #eaeaea; background:#fff; -webkit-overflow-scrolling:touch; }
|
||||
.gnb > ul > li { }
|
||||
.gnb > ul > li > a { color:#555; font-weight:bold; }
|
||||
.gnb a { font-size:14px; display:block; padding:10px 0; border-top:1px solid #eee; }
|
||||
.gnb > ul > li:first-child > a { border-top:0; }
|
||||
.gnb > ul > li > ul > li > a { color:#555; }
|
||||
.gnb > ul > li > ul > li > ul > li > a { color:#999; }
|
||||
|
||||
.body { }
|
||||
.body .lnb { display:none; }
|
||||
.body .content { overflow:hidden; }
|
||||
|
||||
.visual.sub{position:relative;padding:15px 14px 30px 14px;background-color:#f6f6f6;line-height:30px}
|
||||
.visual.sub .sub_title{position:relative;z-index:2;width:;margin:0 auto}
|
||||
.visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444}
|
||||
.visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''}
|
||||
.visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
|
||||
.visual.sub.sub_type2{padding:70px 0}
|
||||
.visual.sub.sub_type2 .bg_img{display:block}
|
||||
.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px}
|
||||
.visual.sub.sub_type2 .sub_title h1:after,
|
||||
.visual.sub.sub_type3 .sub_title h1:after{background:none}
|
||||
.visual.sub.sub_type3{padding:100px 0 90px;line-height:40px;text-align:center}
|
||||
.visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto}
|
||||
.visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px}
|
||||
|
||||
.swiper-container { height:270px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; }
|
||||
.swiper-container > div > div { display: table; height:270px; color:#fff; }
|
||||
.swiper-container > div > div > div { display: table-cell; vertical-align: middle; }
|
||||
.swiper-container > div > div > div > div { padding:0 14px; }
|
||||
.swiper-container h1 { font-weight:600; margin:0 0 10px 0; font-size:30px; line-height:40px; text-decoration: none; }
|
||||
.swiper-container p { font-size: 15px; line-height: 18px; }
|
||||
|
||||
|
||||
.footer { border-top:1px solid #e4e4e4; border-bottom:3px solid #cda25a; background-color:#f1f1f1; }
|
||||
.footer a:hover,.footer a:focus{text-decoration:none}
|
||||
.footer .f_info_area{ padding:0; }
|
||||
.footer .f_info2{ display:none; }
|
||||
.footer .f_logo { padding:8px 15px; }
|
||||
.footer .f_logo img { max-height:30px; }
|
||||
.footer .sub_desc { display:none; }
|
||||
.footer .f_cr_area { padding:0;background-color:#555; color:#fff; }
|
||||
.footer .f_cr_area p { margin:0; padding:8px 14px; }
|
||||
.footer .f_cr_area a { color:#fff; }
|
||||
.footer .f_cr_area .mobile-footer-member { padding:0; margin:0; border-top:1px solid #444; list-style:none; overflow:hidden; }
|
||||
.footer .f_cr_area .mobile-footer-member li { float:left; width:33.3%; border-left:1px solid #444; box-sizing:border-box; }
|
||||
.footer .f_cr_area .mobile-footer-member li:first-child { border-left:0; }
|
||||
.footer .f_cr_area .mobile-footer-member li a { display:block; line-height:32px; text-align:center; }
|
||||
|
||||
/* button */
|
||||
.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family: "Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
|
||||
.btn_item:hover,
|
||||
.btn_item:active
|
||||
.btn_item:focus{background-color:#CBA061;color:#fff}
|
||||
.btn_item + .btn_item {margin-left: 10px; }
|
||||
}
|
||||
.header:after,.body:after{display:block;clear:both;content:''}
|
||||
.content{zoom:1}
|
||||
.content:after{display:block;clear:both;content:''}
|
||||
.content>:first-child{margin-top:0}
|
||||
.content img{max-width:100%;height:auto}
|
||||
|
||||
@media all and (min-width: 480px){
|
||||
/* Layout */
|
||||
.container{min-width:1240px;background-color:#fff}
|
||||
.header{position:relative;z-index:2;width:1240px;height:100%;margin:0 auto;zoom:1}
|
||||
.header>.side{float:right;z-index:2;margin:39px 0 0 22px;line-height:20px}
|
||||
.visual{overflow:hidden;position:relative;z-index:1;width:100%}
|
||||
.body{position:relative;padding:30px 0}
|
||||
.body .content{}
|
||||
.body.fixed-width {width:1200px;margin:0 auto}
|
||||
|
||||
.header:after,.body:after{display:block;clear:both;content:''}
|
||||
.content{zoom:1}
|
||||
.content:after{display:block;clear:both;content:''}
|
||||
.content>:first-child{margin-top:0}
|
||||
.content img{max-width:100%;height:auto}
|
||||
|
||||
/* Header */
|
||||
.header>h1{float:left;padding:20px 0 20px 0;margin-right:32px;line-height:60px;}
|
||||
.header>h1 img{vertical-align:middle; max-height:40px; padding-left:20px; }
|
||||
|
||||
/* Fixed Header */
|
||||
.container.fixed_header{padding-top:100px}
|
||||
.fixed_header .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}
|
||||
.fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header 0.5s forwards;animation:ani-header 0.5s forwards}
|
||||
.fixed_header .header_wrap.shrink .header>h1{padding:0}
|
||||
.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px}
|
||||
.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px}
|
||||
.fixed_header .header_wrap.shrink .search_area{padding:0 20px}
|
||||
|
||||
/* Footer */
|
||||
.footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1;font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif}
|
||||
.footer a:hover,.footer a:focus{text-decoration:none}
|
||||
.footer .f_info_area{overflow:hidden;width:1200px;margin:0 auto;padding:48px 0 40px}
|
||||
.footer .f_cr_area{padding:19px;background-color:#555}
|
||||
.footer .copyright{width:1200px;margin:0 auto;font-size:13px;color:#f1f1f1;line-height:16px}
|
||||
.footer .copyright a{color:#f1f1f1}
|
||||
.footer .copyright a:hover,
|
||||
.footer .copyright a:focus,
|
||||
.footer .copyright a:active{color:#cda25a}
|
||||
.footer .copyright span{display:inline-block;margin-left:60px}
|
||||
.footer .sub_desc{margin-bottom:16px;font-size:13px;color:#888;line-height:22px}
|
||||
.footer .f_info{float:left;width:240px;margin-right:65px}
|
||||
.footer .f_logo{overflow:hidden;max-width:100%;margin-bottom:16px;font-size:24px;color:#555}
|
||||
.footer .f_logo.log_txt a{font-size:24px;font-weight:bold;color:#555}
|
||||
.footer .f_logo img{max-width:240px}
|
||||
.footer .f_info2{overflow:hidden;margin-top:7px}
|
||||
.footer .site_map > ul{display:inline-block;overflow:hidden;background:url(../img/bg_sitemap.png) repeat-y}
|
||||
.footer .site_map > ul li{float:left;width:282px;margin:0 0 0 24px}
|
||||
.footer .site_map > ul li:first-child,.footer .site_map > ul li.clear{clear:both;margin-left:0}
|
||||
.footer .site_map > ul li a{display:inline-block;margin:0 0 20px;padding:0 23px;font-size:15px;font-weight:bold;color:#555}
|
||||
.footer .site_map > ul ul{overflow:hidden;margin:0 0 10px}
|
||||
.footer .site_map > ul ul li{margin-left:0}
|
||||
.footer .site_map > ul ul a{margin:0 0 13px;font-size:13px;font-weight:normal;color:#888;line-height:18px}
|
||||
.footer .site_map > ul ul a:hover,
|
||||
.footer .site_map > ul ul a:focus,
|
||||
.footer .site_map > ul ul a:active{color:#555}
|
||||
.footer .f_cr_area .mobile-footer-member { display:none; }
|
||||
|
||||
|
||||
/* button */
|
||||
.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family: "Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
|
||||
.btn_item:hover,
|
||||
.btn_item:active
|
||||
.btn_item:focus{background-color:#CBA061;color:#fff}
|
||||
.btn_item + .btn_item {margin-left: 10px; }
|
||||
|
||||
/* Login */
|
||||
.header>.side { padding:0 20px 0 0; }
|
||||
.header>.side>ul>li{float:left;position:relative}
|
||||
.header>.side>ul:after{display:block;clear:both;content:''}
|
||||
.header>.side>ul>li>a{display:block;width:22px;height:22px;margin-left:12px;font-size:22px;line-height:22px;color:#888;text-align:center}
|
||||
.header>.side>ul>li>a:hover,.header>.side>ul>li>a:focus,.header>.side>ul>li>a:active,.header>.side>ul>li.on>a{color:#444}
|
||||
.header>.side>ul .ly{position:relative;position:absolute;top:100%;right:0;margin-top:13px;background-color:#f9f9f9}
|
||||
.header>.side>ul .ly.ly_login{overflow:hidden;margin-top:0;background:url('../img/blank.gif') 0 0 repeat;height:0}
|
||||
.header>.side>ul .ly.ly_login ul{position:relative;margin-top:18px;padding:8px 0;background-color:#333;z-index:3}
|
||||
.header>.side>ul .on .ly.ly_login{height:auto}
|
||||
.header>.side>ul .ly a{display:block;min-width:120px;height:40px;padding:0 20px;line-height:40px;font-size:13px;color:#9d9d9d}
|
||||
.header>.side>ul .ly a:hover{color:#cda25a;text-decoration:none}
|
||||
.header>.side>ul>li .login_after{overflow:hidden;width:40px;height:40px;margin-top:-9px;border-radius:100%}
|
||||
.header>.side>ul>li .login_after img{width:40px;height:40px}
|
||||
.header>.side>ul>li .login_after ~ .ly_login .edge{right:11px}
|
||||
|
||||
/* Magazine Header Type */
|
||||
.custom_area{display:none}
|
||||
.magazine .header{text-align:center}
|
||||
.magazine .header>h1{float:none;display:inline-block;margin:0;padding:80px 0 20px;vertical-align:top}
|
||||
.magazine .header>.side{float:none;position:absolute;top:0;right:0;margin:30px 0 0}
|
||||
.magazine .gnb{float:none;max-width:100%;margin-bottom:40px}
|
||||
.magazine .gnb>ul{display:inline-block;vertical-align:top}
|
||||
.magazine .gnb>ul>li>a{position:relative;line-height:60px}
|
||||
.magazine .gnb>ul>li>a:after{position:absolute;top:50%;left:-1px;width:1px;height:16px;margin-top:-8px;background-color:#888;content:''}
|
||||
.magazine .gnb>ul>li:first-child>a:after{background:none}
|
||||
.magazine .gnb>ul .depth2:after{background:none}
|
||||
.magazine .gnb>ul .depth2,.magazine .gnb>ul .depth3{background-color:#f7f7f7}
|
||||
.magazine .gnb>ul .depth2 a,.magazine .header>.side>ul .ly a{color:#999}
|
||||
.magazine .header>.side>ul .ly a:hover{color:red}
|
||||
.magazine .gnb>ul>li>a:hover,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li.on>a,.magazine .header>.side>ul>li.on>a,.magazine .header>.side>ul .ly a:hover{color:#cda25a}
|
||||
.magazine .header>.side>ul .ly.ly_login ul{background-color:#f7f7f7;text-align:left}
|
||||
.magazine .edge{border-color:transparent transparent #f7f7f7}
|
||||
.magazine .header>.side>ul>li>a:hover,
|
||||
.magazine .header>.side>ul>li>a:focus,
|
||||
.magazine .header>.side>ul>li>a:active{color:#cda25a}
|
||||
.magazine .custom_area{display:block;position:absolute;top:30px;left:0}
|
||||
.magazine .custom_area li{float:left;margin-right:30px}
|
||||
.magazine .custom_area a{font-size:13px;line-height:15px;color:#999}
|
||||
.magazine .custom_area a:hover,.magazine .custom_area a:hover,.magazine .custom_area a:hover{color:#cda25a}
|
||||
.magazine .search_area{padding:10px 20px}
|
||||
|
||||
/* Onepage Header Type */
|
||||
.onepage .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}
|
||||
.onepage .gnb>ul{background:url(../img/blank.gif) 0 0 repeat}
|
||||
.onepage .gnb>ul>li>a{line-height:60px;color:#f6f6f6}
|
||||
.onepage .gnb>ul>li>a:hover,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li.on>a{color:#fff}
|
||||
.onepage .shrink .gnb>ul>li>a{color:#888}
|
||||
.onepage .shrink .gnb>ul>li>a:hover,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li.on>a{color:#444}
|
||||
.onepage .header>.side>ul>li>a{color:#f6f6f6}
|
||||
.onepage .header>.side>ul>li>a:hover, .onepage .header>.side>ul>li>a:focus,.onepage .header>.side>ul>li>a:active,.onepage .header>.side>ul>li.on>a{color:#fff}
|
||||
.onepage .search_area .btn_close{color:#f6f6f6}
|
||||
.onepage .shrink .search_area .btn_close{color:#888}
|
||||
.onepage .gnb>ul .depth2:after{background:none}
|
||||
.onepage .gnb{margin-top:20px}
|
||||
.onepage .header>h1{padding:20px 0 0 0}
|
||||
.onepage .search_area input[type=text]{color:#f6f6f6}
|
||||
.onepage .shrink .search_area input[type=text]{color:#888}
|
||||
.onepage .visual.sub.sub_type3 {margin-top:-100px;}
|
||||
|
||||
/* Search */
|
||||
.search_wrap{position:relative;width:1200px;margin:0 auto}
|
||||
.search_area{display:none;position:absolute;top:0;left:0;width:1160px;padding:20px;z-index:3;z-index:3}
|
||||
.search_area input{font-size:13px;vertical-align:top}
|
||||
.search_area input[type=text]{position:relative;width:100%;height:40px;padding:10px 0;border:0;background-color:transparent;font-size:40px;color:#444;-webkit-appearance:none;}
|
||||
.search_area input[type=text]:focus{outline:0}
|
||||
.search_area input[type=text]::-ms-clear{display:none}
|
||||
.search_area .btn_close{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;font-size:22px;color:#888;text-align:center;line-height:20px}
|
||||
|
||||
/* GNB */
|
||||
.gnb{float:right;position:relative;z-index:1;max-width:742px;height:100%;font-size:13px}
|
||||
.gnb a{text-decoration:none;white-space:nowrap}
|
||||
.gnb>ul>li{float:left;position:relative;text-align:left}
|
||||
.gnb>ul:after{display:block;clear:both;content:''}
|
||||
.gnb>ul>li>a{display:block;position:relative;padding:0 20px;line-height:100px;font-size:15px;font-weight:700;color:#888}
|
||||
.gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444}
|
||||
.gnb>ul .depth2{display:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color:#333}
|
||||
.gnb>ul .depth2>li{position:relative}
|
||||
.gnb>ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#cda25a;content:''}
|
||||
.gnb>ul .depth2 a{display:block;position:relative;min-width:170px;height:40px;padding:0 30px 0 20px;line-height:40px;font-size:13px;color:#9d9d9d}
|
||||
.gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a}
|
||||
.gnb>ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#333}
|
||||
.gnb>ul .depth2>li.more>a:after{position:absolute;right:20px;content:'>'}
|
||||
.onepage .shrink .header > .side > ul > li > a {color: #444; }
|
||||
.onepage .shrink .gnb {margin-top: 0; }
|
||||
.magazine .shrink .gnb {margin-bottom: 10px; }
|
||||
.magazine .shrink h1 {margin-top: 10px; }
|
||||
.magazine .header_wrap.shrink .gnb > ul > li > a {line-height: 40px; }
|
||||
.gnb #mobile_menu_btn { display:none; }
|
||||
|
||||
/* VISUAL */
|
||||
.visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px}
|
||||
.visual.sub .sub_title{position:relative;z-index:2;width:1200px;margin:0 auto}
|
||||
.visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444}
|
||||
.visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''}
|
||||
.visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
|
||||
.visual.sub.sub_type2{padding:70px 0}
|
||||
.visual.sub.sub_type2 .bg_img{display:block}
|
||||
.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px}
|
||||
.visual.sub.sub_type2 .sub_title h1:after,
|
||||
.visual.sub.sub_type3 .sub_title h1:after{background:none}
|
||||
.visual.sub.sub_type3{padding:250px 0 210px;line-height:40px;text-align:center}
|
||||
.visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto}
|
||||
.visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px}
|
||||
|
||||
.swiper-container { height:600px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; }
|
||||
.swiper-container > div > div { display: table; height:600px; color:#fff; }
|
||||
.swiper-container > div > div > div { display: table-cell; vertical-align: middle; }
|
||||
.swiper-container > div > div > div > div { width:1200px; margin:0 auto; }
|
||||
.swiper-container h1 { font-weight:700; margin:0 0 19px 0; font-size:60px; line-height:70px; text-decoration: none; }
|
||||
.swiper-container p { font-size: 20px; line-height: 22px; }
|
||||
|
||||
/* LNB */
|
||||
.body.fixed-width .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0}
|
||||
.body.fixed-width .lnb>ul>li{margin-bottom:40px}
|
||||
.body.fixed-width .lnb>ul>li>a,.body.fixed-width .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444}
|
||||
.body.fixed-width .lnb ul ul li.on a{color:#cda25a}
|
||||
.body.fixed-width .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none}
|
||||
.body.fixed-width .lnb ul ul a:hover,
|
||||
.body.fixed-width .lnb ul ul a:focus,
|
||||
.body.fixed-width .lnb ul ul a:active{color:#cda25a}
|
||||
.body.fixed-width .lnb img{vertical-align:top}
|
||||
.body.fixed-width.left .lnb,
|
||||
.body.fixed-width.right .lnb{float:left;width:260px;padding:0 0 16px}
|
||||
.body.fixed-width.left .content,
|
||||
.body.fixed-width.right .content{float:right;width:900px;min-height:400px;padding:40px 0 100px}
|
||||
.body.fixed-width.right .lnb{float:right}
|
||||
.body.fixed-width.right .content{float:left}
|
||||
.body.fixed-width.none .lnb{display:none}
|
||||
.body.fixed-width.none .content{float:none;width:1200px}
|
||||
|
||||
/* Scroll to top link */
|
||||
.btn_top{display:none;position:fixed;right:0;bottom:57px;z-index:1000;width:48px;height:48px;background-color:#555;font-size:24px;color:#fff;text-align:center;opacity:0.8;filter:alpha(opacity=80)}
|
||||
.btn_top:hover{background-color:#cda25a;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)}
|
||||
.btn_top i{line-height:48px}
|
||||
/* Header */
|
||||
.header>h1{float:left;padding:20px 0;margin-right:32px;line-height:60px;}
|
||||
.header>h1 img{vertical-align:middle; max-height:40px; }
|
||||
|
||||
}
|
||||
/* Fixed Header */
|
||||
.container.fixed_header{padding-top:100px}
|
||||
.fixed_header .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}
|
||||
.fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header 0.5s forwards;animation:ani-header 0.5s forwards}
|
||||
.fixed_header .header_wrap.shrink .header>h1{padding:0}
|
||||
.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px}
|
||||
.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px}
|
||||
.fixed_header .header_wrap.shrink .search_area{padding:0 20px}
|
||||
|
||||
/* Footer */
|
||||
.footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1;font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif}
|
||||
.footer a:hover,.footer a:focus{text-decoration:none}
|
||||
.footer .f_info_area{overflow:hidden;width:1200px;margin:0 auto;padding:48px 0 40px}
|
||||
.footer .f_cr_area{padding:19px;background-color:#555}
|
||||
.footer .copyright{width:1200px;margin:0 auto;font-size:13px;color:#f1f1f1;line-height:16px}
|
||||
.footer .copyright a{color:#f1f1f1}
|
||||
.footer .copyright a:hover,
|
||||
.footer .copyright a:focus,
|
||||
.footer .copyright a:active{color:#cda25a}
|
||||
.footer .copyright span{display:inline-block;margin-left:60px}
|
||||
.footer .sub_desc{margin-bottom:16px;font-size:13px;color:#888;line-height:22px}
|
||||
.footer .f_info{float:left;width:240px;margin-right:65px}
|
||||
.footer .f_logo{overflow:hidden;max-width:100%;margin-bottom:16px;font-size:24px;color:#555}
|
||||
.footer .f_logo.log_txt a{font-size:24px;font-weight:bold;color:#555}
|
||||
.footer .f_logo img{max-width:240px}
|
||||
.footer .f_info2{overflow:hidden;margin-top:7px}
|
||||
.footer .site_map > ul{display:inline-block;overflow:hidden;background:url(../img/bg_sitemap.png) repeat-y}
|
||||
.footer .site_map > ul li{float:left;width:282px;margin:0 0 0 24px}
|
||||
.footer .site_map > ul li:first-child,.footer .site_map > ul li.clear{clear:both;margin-left:0}
|
||||
.footer .site_map > ul li a{display:inline-block;margin:0 0 20px;padding:0 23px;font-size:15px;font-weight:bold;color:#555}
|
||||
.footer .site_map > ul ul{overflow:hidden;margin:0 0 10px}
|
||||
.footer .site_map > ul ul li{margin-left:0}
|
||||
.footer .site_map > ul ul a{margin:0 0 13px;font-size:13px;font-weight:normal;color:#888;line-height:18px}
|
||||
.footer .site_map > ul ul a:hover,
|
||||
.footer .site_map > ul ul a:focus,
|
||||
.footer .site_map > ul ul a:active{color:#555}
|
||||
|
||||
|
||||
/* button */
|
||||
.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family: "Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
|
||||
.btn_item:hover,
|
||||
.btn_item:active
|
||||
.btn_item:focus{background-color:#CBA061;color:#fff}
|
||||
.btn_item + .btn_item {margin-left: 10px; }
|
||||
|
||||
/* Login */
|
||||
.header>.side>ul>li{float:left;position:relative}
|
||||
.header>.side>ul:after{display:block;clear:both;content:''}
|
||||
.header>.side>ul>li>a{display:block;width:22px;height:22px;margin-left:12px;font-size:22px;line-height:22px;color:#888;text-align:center}
|
||||
.header>.side>ul>li>a:hover,.header>.side>ul>li>a:focus,.header>.side>ul>li>a:active,.header>.side>ul>li.on>a{color:#444}
|
||||
.header>.side>ul .ly{position:relative;position:absolute;top:100%;right:0;margin-top:13px;background-color:#f9f9f9}
|
||||
.header>.side>ul .ly.ly_login{overflow:hidden;margin-top:0;background:url('../img/blank.gif') 0 0 repeat;height:0}
|
||||
.header>.side>ul .ly.ly_login ul{position:relative;margin-top:18px;padding:8px 0;background-color:#333;z-index:3}
|
||||
.header>.side>ul .on .ly.ly_login{height:auto}
|
||||
.header>.side>ul .ly a{display:block;min-width:120px;height:40px;padding:0 20px;line-height:40px;font-size:13px;color:#9d9d9d}
|
||||
.header>.side>ul .ly a:hover{color:#cda25a;text-decoration:none}
|
||||
.header>.side>ul>li .login_after{overflow:hidden;width:40px;height:40px;margin-top:-9px;border-radius:100%}
|
||||
.header>.side>ul>li .login_after img{width:40px;height:40px}
|
||||
.header>.side>ul>li .login_after ~ .ly_login .edge{right:11px}
|
||||
|
||||
/* Magazine Header Type */
|
||||
.custom_area{display:none}
|
||||
.magazine .header{text-align:center}
|
||||
.magazine .header>h1{float:none;display:inline-block;margin:0;padding:80px 0 20px;vertical-align:top}
|
||||
.magazine .header>.side{float:none;position:absolute;top:0;right:0;margin:30px 0 0}
|
||||
.magazine .gnb{float:none;max-width:100%;margin-bottom:40px}
|
||||
.magazine .gnb>ul{display:inline-block;vertical-align:top}
|
||||
.magazine .gnb>ul>li>a{position:relative;line-height:60px}
|
||||
.magazine .gnb>ul>li>a:after{position:absolute;top:50%;left:-1px;width:1px;height:16px;margin-top:-8px;background-color:#888;content:''}
|
||||
.magazine .gnb>ul>li:first-child>a:after{background:none}
|
||||
.magazine .gnb>ul .depth2:after{background:none}
|
||||
.magazine .gnb>ul .depth2,.magazine .gnb>ul .depth3{background-color:#f7f7f7}
|
||||
.magazine .gnb>ul .depth2 a,.magazine .header>.side>ul .ly a{color:#999}
|
||||
.magazine .header>.side>ul .ly a:hover{color:red}
|
||||
.magazine .gnb>ul>li>a:hover,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li.on>a,.magazine .header>.side>ul>li.on>a,.magazine .header>.side>ul .ly a:hover{color:#cda25a}
|
||||
.magazine .header>.side>ul .ly.ly_login ul{background-color:#f7f7f7;text-align:left}
|
||||
.magazine .edge{border-color:transparent transparent #f7f7f7}
|
||||
.magazine .header>.side>ul>li>a:hover,
|
||||
.magazine .header>.side>ul>li>a:focus,
|
||||
.magazine .header>.side>ul>li>a:active{color:#cda25a}
|
||||
.magazine .custom_area{display:block;position:absolute;top:30px;left:0}
|
||||
.magazine .custom_area li{float:left;margin-right:30px}
|
||||
.magazine .custom_area a{font-size:13px;line-height:15px;color:#999}
|
||||
.magazine .custom_area a:hover,.magazine .custom_area a:hover,.magazine .custom_area a:hover{color:#cda25a}
|
||||
.magazine .search_area{padding:10px 20px}
|
||||
|
||||
/* Onepage Header Type */
|
||||
.onepage .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}
|
||||
.onepage .gnb>ul{background:url(../img/blank.gif) 0 0 repeat}
|
||||
.onepage .gnb>ul>li>a{line-height:60px;color:#f6f6f6}
|
||||
.onepage .gnb>ul>li>a:hover,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li.on>a{color:#fff}
|
||||
.onepage .shrink .gnb>ul>li>a{color:#888}
|
||||
.onepage .shrink .gnb>ul>li>a:hover,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li.on>a{color:#444}
|
||||
.onepage .header>.side>ul>li>a{color:#f6f6f6}
|
||||
.onepage .header>.side>ul>li>a:hover, .onepage .header>.side>ul>li>a:focus,.onepage .header>.side>ul>li>a:active,.onepage .header>.side>ul>li.on>a{color:#fff}
|
||||
.onepage .search_area .btn_close{color:#f6f6f6}
|
||||
.onepage .shrink .search_area .btn_close{color:#888}
|
||||
.onepage .gnb>ul .depth2:after{background:none}
|
||||
.onepage .gnb{margin-top:20px}
|
||||
.onepage .header>h1{padding:20px 0 0}
|
||||
.onepage .search_area input[type=text]{color:#f6f6f6}
|
||||
.onepage .shrink .search_area input[type=text]{color:#888}
|
||||
.onepage .visual.sub.sub_type3 {margin-top:-100px;}
|
||||
|
||||
/* Search */
|
||||
.search_wrap{position:relative;width:1200px;margin:0 auto}
|
||||
.search_area{display:none;position:absolute;top:0;left:0;width:1160px;padding:20px;z-index:3;z-index:3}
|
||||
.search_area input{font-size:13px;vertical-align:top}
|
||||
.search_area input[type=text]{position:relative;width:100%;height:40px;padding:10px 0;border:0;background-color:transparent;font-size:40px;color:#444;-webkit-appearance:none;}
|
||||
.search_area input[type=text]:focus{outline:0}
|
||||
.search_area input[type=text]::-ms-clear{display:none}
|
||||
.search_area .btn_close{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;font-size:22px;color:#888;text-align:center;line-height:20px}
|
||||
|
||||
/* GNB */
|
||||
.gnb{float:right;position:relative;z-index:1;max-width:742px;height:100%;font-size:13px}
|
||||
.gnb a{text-decoration:none;white-space:nowrap}
|
||||
.gnb>ul>li{float:left;position:relative;text-align:left}
|
||||
.gnb>ul:after{display:block;clear:both;content:''}
|
||||
.gnb>ul>li>a{display:block;position:relative;padding:0 20px;line-height:100px;font-size:15px;font-weight:700;color:#888}
|
||||
.gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444}
|
||||
.gnb>ul .depth2{display:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color:#333}
|
||||
.gnb>ul .depth2>li{position:relative}
|
||||
.gnb>ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#cda25a;content:''}
|
||||
.gnb>ul .depth2 a{display:block;position:relative;min-width:170px;height:40px;padding:0 30px 0 20px;line-height:40px;font-size:13px;color:#9d9d9d}
|
||||
.gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a}
|
||||
.gnb>ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#333}
|
||||
.gnb>ul .depth2>li.more>a:after{position:absolute;right:20px;content:'>'}
|
||||
.onepage .shrink .header > .side > ul > li > a {color: #444; }
|
||||
.onepage .shrink .gnb {margin-top: 0; }
|
||||
.magazine .shrink .gnb {margin-bottom: 10px; }
|
||||
.magazine .shrink h1 {margin-top: 10px; }
|
||||
.magazine .header_wrap.shrink .gnb > ul > li > a {line-height: 40px; }
|
||||
|
||||
/* VISUAL */
|
||||
.visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px}
|
||||
.visual.sub .sub_title{position:relative;z-index:2;width:1200px;margin:0 auto}
|
||||
.visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444}
|
||||
.visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''}
|
||||
.visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
|
||||
.visual.sub.sub_type2{padding:70px 0}
|
||||
.visual.sub.sub_type2 .bg_img{display:block}
|
||||
.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px}
|
||||
.visual.sub.sub_type2 .sub_title h1:after,
|
||||
.visual.sub.sub_type3 .sub_title h1:after{background:none}
|
||||
.visual.sub.sub_type3{padding:250px 0 210px;line-height:40px;text-align:center}
|
||||
.visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto}
|
||||
.visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px}
|
||||
|
||||
/* LNB */
|
||||
.body.fixed-width .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0}
|
||||
.body.fixed-width .lnb>ul>li{margin-bottom:40px}
|
||||
.body.fixed-width .lnb>ul>li>a,.body.fixed-width .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444}
|
||||
.body.fixed-width .lnb ul ul li.on a{color:#cda25a}
|
||||
.body.fixed-width .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none}
|
||||
.body.fixed-width .lnb ul ul a:hover,
|
||||
.body.fixed-width .lnb ul ul a:focus,
|
||||
.body.fixed-width .lnb ul ul a:active{color:#cda25a}
|
||||
.body.fixed-width .lnb img{vertical-align:top}
|
||||
.body.fixed-width.left .lnb,
|
||||
.body.fixed-width.right .lnb{float:left;width:260px;padding:0 0 16px}
|
||||
.body.fixed-width.left .content,
|
||||
.body.fixed-width.right .content{float:right;width:900px;min-height:400px;padding:40px 0 100px}
|
||||
.body.fixed-width.right .lnb{float:right}
|
||||
.body.fixed-width.right .content{float:left}
|
||||
.body.fixed-width.none .lnb{display:none}
|
||||
.body.fixed-width.none .content{float:none;width:1200px}
|
||||
|
||||
/* Scroll to top link */
|
||||
.btn_top{display:none;position:fixed;right:0;bottom:57px;z-index:1000;width:48px;height:48px;background-color:#555;font-size:24px;color:#fff;text-align:center;opacity:0.8;filter:alpha(opacity=80)}
|
||||
.btn_top:hover{background-color:#cda25a;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)}
|
||||
.btn_top i{line-height:48px}
|
||||
|
||||
/* header animation */
|
||||
@-webkit-keyframes ani-header {
|
||||
|
|
|
|||
1
layouts/xedition/css/layout.min.css
vendored
Normal file
1
layouts/xedition/css/layout.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,444 +0,0 @@
|
|||
/**
|
||||
* Swiper 3.0.8
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
*
|
||||
* http://www.idangero.us/swiper/
|
||||
*
|
||||
* Copyright 2015, Vladimir Kharlampidi
|
||||
* The iDangero.us
|
||||
* http://www.idangero.us/
|
||||
*
|
||||
* Licensed under MIT
|
||||
*
|
||||
* Released on: June 14, 2015
|
||||
*/
|
||||
.swiper-container {
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index: 1;
|
||||
}
|
||||
.swiper-container-no-flexbox .swiper-slide {
|
||||
float: left;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-wrapper {
|
||||
-webkit-box-orient: vertical;
|
||||
-moz-box-orient: vertical;
|
||||
-ms-flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
-moz-transition-property: -moz-transform;
|
||||
-o-transition-property: -o-transform;
|
||||
-ms-transition-property: -ms-transform;
|
||||
transition-property: transform;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.swiper-container-android .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
-webkit-transform: translate3d(0px, 0, 0);
|
||||
-moz-transform: translate3d(0px, 0, 0);
|
||||
-o-transform: translate(0px, 0px);
|
||||
-ms-transform: translate3d(0px, 0, 0);
|
||||
transform: translate3d(0px, 0, 0);
|
||||
}
|
||||
.swiper-container-multirow > .swiper-wrapper {
|
||||
-webkit-box-lines: multiple;
|
||||
-moz-box-lines: multiple;
|
||||
-ms-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.swiper-container-free-mode > .swiper-wrapper {
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-ms-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.swiper-slide {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background-size:cover;
|
||||
background-position: center center;
|
||||
}
|
||||
/* a11y */
|
||||
.swiper-container .swiper-notification {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
z-index: -1000;
|
||||
}
|
||||
/* IE10 Windows Phone 8 Fixes */
|
||||
.swiper-wp8-horizontal {
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
}
|
||||
.swiper-wp8-vertical {
|
||||
-ms-touch-action: pan-x;
|
||||
touch-action: pan-x;
|
||||
}
|
||||
/* Arrows */
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 27px;
|
||||
height: 44px;
|
||||
margin-top: -22px;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
-moz-background-size: 27px 44px;
|
||||
-webkit-background-size: 27px 44px;
|
||||
background-size: 27px 44px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.swiper-button-prev.swiper-button-disabled,
|
||||
.swiper-button-next.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-button-prev,
|
||||
.swiper-container-rtl .swiper-button-next {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
||||
left: 10px;
|
||||
right: auto;
|
||||
}
|
||||
.swiper-button-prev.swiper-button-black,
|
||||
.swiper-container-rtl .swiper-button-next.swiper-button-black {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.swiper-button-prev.swiper-button-white,
|
||||
.swiper-container-rtl .swiper-button-next.swiper-button-white {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.swiper-button-next,
|
||||
.swiper-container-rtl .swiper-button-prev {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
||||
right: 10px;
|
||||
left: auto;
|
||||
}
|
||||
.swiper-button-next.swiper-button-black,
|
||||
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
.swiper-button-next.swiper-button-white,
|
||||
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
/* Pagination Styles */
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
-webkit-transition: 300ms;
|
||||
-moz-transition: 300ms;
|
||||
-o-transition: 300ms;
|
||||
transition: 300ms;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
z-index: 10;
|
||||
}
|
||||
.swiper-pagination.swiper-pagination-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
.swiper-pagination-bullet {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
display: inline-block;
|
||||
border-radius: 100%;
|
||||
background: #fff;
|
||||
opacity: 0.4;
|
||||
}
|
||||
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||||
cursor: pointer;
|
||||
}
|
||||
.swiper-pagination-white .swiper-pagination-bullet {
|
||||
background: #fff;
|
||||
}
|
||||
.swiper-pagination-bullet-active {
|
||||
opacity: 1;
|
||||
background: #fff;
|
||||
}
|
||||
.swiper-pagination-white .swiper-pagination-bullet-active {
|
||||
background: #fff;
|
||||
}
|
||||
.swiper-pagination-black .swiper-pagination-bullet-active {
|
||||
background: #000;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination {
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
-webkit-transform: translate3d(0px, -50%, 0);
|
||||
-moz-transform: translate3d(0px, -50%, 0);
|
||||
-o-transform: translate(0px, -50%);
|
||||
-ms-transform: translate3d(0px, -50%, 0);
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
|
||||
margin: 5px 0;
|
||||
display: block;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination {
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
|
||||
margin: 0 5px;
|
||||
}
|
||||
/* 3D Container */
|
||||
.swiper-container-3d {
|
||||
-webkit-perspective: 1200px;
|
||||
-moz-perspective: 1200px;
|
||||
-o-perspective: 1200px;
|
||||
perspective: 1200px;
|
||||
}
|
||||
.swiper-container-3d .swiper-wrapper,
|
||||
.swiper-container-3d .swiper-slide,
|
||||
.swiper-container-3d .swiper-slide-shadow-left,
|
||||
.swiper-container-3d .swiper-slide-shadow-right,
|
||||
.swiper-container-3d .swiper-slide-shadow-top,
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-container-3d .swiper-cube-shadow {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-left,
|
||||
.swiper-container-3d .swiper-slide-shadow-right,
|
||||
.swiper-container-3d .swiper-slide-shadow-top,
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-left {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
|
||||
/* Safari 4+, Chrome */
|
||||
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Chrome 10+, Safari 5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Firefox 3.6-15 */
|
||||
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Opera 11.10-12.00 */
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Firefox 16+, IE10, Opera 12.50+ */
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-right {
|
||||
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
|
||||
/* Safari 4+, Chrome */
|
||||
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Chrome 10+, Safari 5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Firefox 3.6-15 */
|
||||
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Opera 11.10-12.00 */
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Firefox 16+, IE10, Opera 12.50+ */
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-top {
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
|
||||
/* Safari 4+, Chrome */
|
||||
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Chrome 10+, Safari 5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Firefox 3.6-15 */
|
||||
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Opera 11.10-12.00 */
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Firefox 16+, IE10, Opera 12.50+ */
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom {
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
|
||||
/* Safari 4+, Chrome */
|
||||
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Chrome 10+, Safari 5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Firefox 3.6-15 */
|
||||
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Opera 11.10-12.00 */
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
/* Firefox 16+, IE10, Opera 12.50+ */
|
||||
}
|
||||
/* Coverflow */
|
||||
.swiper-container-coverflow .swiper-wrapper {
|
||||
/* Windows 8 IE 10 fix */
|
||||
-ms-perspective: 1200px;
|
||||
}
|
||||
/* Fade */
|
||||
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-ms-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide-active,
|
||||
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
/* Cube */
|
||||
.swiper-container-cube {
|
||||
overflow: visible;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide {
|
||||
pointer-events: none;
|
||||
visibility: hidden;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-moz-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.swiper-container-cube.swiper-container-rtl .swiper-slide {
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-moz-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-active,
|
||||
.swiper-container-cube .swiper-slide-next,
|
||||
.swiper-container-cube .swiper-slide-prev,
|
||||
.swiper-container-cube .swiper-slide-next + .swiper-slide {
|
||||
pointer-events: auto;
|
||||
visibility: visible;
|
||||
}
|
||||
.swiper-container-cube .swiper-cube-shadow {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0.6;
|
||||
-webkit-filter: blur(50px);
|
||||
filter: blur(50px);
|
||||
}
|
||||
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
|
||||
z-index: 0;
|
||||
}
|
||||
/* Scrollbar */
|
||||
.swiper-scrollbar {
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
-ms-touch-action: none;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-scrollbar {
|
||||
position: absolute;
|
||||
left: 1%;
|
||||
bottom: 3px;
|
||||
z-index: 50;
|
||||
height: 5px;
|
||||
width: 98%;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-scrollbar {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 1%;
|
||||
z-index: 50;
|
||||
width: 5px;
|
||||
height: 98%;
|
||||
}
|
||||
.swiper-scrollbar-drag {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 10px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-scrollbar-cursor-drag {
|
||||
cursor: move;
|
||||
}
|
||||
/* Preloader */
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
-webkit-transform-origin: 50%;
|
||||
-moz-transform-origin: 50%;
|
||||
transform-origin: 50%;
|
||||
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
|
||||
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
|
||||
animation: swiper-preloader-spin 1s steps(12, end) infinite;
|
||||
}
|
||||
.swiper-lazy-preloader:after {
|
||||
display: block;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
background-position: 50%;
|
||||
-webkit-background-size: 100%;
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.swiper-lazy-preloader-white:after {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
}
|
||||
@-webkit-keyframes swiper-preloader-spin {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes swiper-preloader-spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
0
layouts/xedition/css/webfont.css
Normal file → Executable file
0
layouts/xedition/css/webfont.css
Normal file → Executable file
|
|
@ -5,7 +5,6 @@
|
|||
.welcomeXE section{width:1200px;margin:0 auto}
|
||||
.welcomeXE .tit{padding-bottom:32px;font-size:40px;color:#333;font-weight:700;letter-spacing:1px;line-height:50px}
|
||||
.welcomeXE .noti{display:block;padding:28px 0 0;margin:0 0 12px;font-size:14px;font-weight:bold;color:#cda25a;letter-spacing:1px;line-height:20px}
|
||||
|
||||
.welcomeXE .intro{width:408px;height:600px;padding-right:792px;background:url(../img/intro.png) 100% 100% no-repeat}
|
||||
.welcomeXE .intro .cont{padding-bottom:37px;font-size:15px;font-weight:400;color:#888;line-height:27px}
|
||||
.welcomeXE .intro .btn_start{display:inline-block;margin:50px 0;padding:0 27px;height:40px;border:2px solid #cda25a;background-color:#fff;font-size:13px;line-height:40px;letter-spacing:1px;color:#cda25a;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
|
||||
|
|
@ -13,15 +12,11 @@
|
|||
.welcomeXE .intro .btn_start:active
|
||||
.welcomeXE .intro .btn_start:focus{background-color:#cda25a;color:#fff}
|
||||
|
||||
.bg-holder {
|
||||
background-image: url('../img/bg_stat.jpg');
|
||||
}
|
||||
|
||||
/* section.xeicon */
|
||||
.welcomeXE .xeicon{overflow:hidden;position:static;width:100%;margin:0;height:100%;}
|
||||
.welcomeXE .xeicon{overflow:hidden;position:static;width:100%;margin:0;height:500px;background-image:url(../img/bg_stat.jpg);background-position:50% 0;background-attachment:fixed;background-repeat:no-repeat}
|
||||
.welcomeXE .xeicon h1 {margin-top: 170px; font-size: 40px; color: #f6f6f6; text-align: center; letter-spacing: 3px; font-weight: 400; line-height: 1.2em; text-transform: uppercase; }
|
||||
.welcomeXE .xeicon h1 a {color: #FFF; }
|
||||
.welcomeXE .xeicon .button-area {text-align: center; margin-bottom:140px; }
|
||||
.welcomeXE .xeicon .button-area {text-align: center; }
|
||||
.welcomeXE .xeicon .button-area .btn_item {font-size: 14px; letter-spacing: 2px;}
|
||||
|
||||
/* section.guide */
|
||||
|
|
@ -48,30 +43,26 @@
|
|||
.welcomeXE .features .cont{font-size:15px;line-height:27px;color:#ddd}
|
||||
.welcomeXE .features ul{overflow:hidden;margin-top:38px;padding:0 20px}
|
||||
.welcomeXE .features li{float:left;width:25%;height:480px}
|
||||
.welcomeXE .features li .fe_box{height:478px;margin:0 10px;padding:0 20px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
|
||||
.welcomeXE .features .fe_box .ico{display:inline-block;width:70px;height:70px;margin:162px 0 27px;background-color:#cda25a;background:url(../img/sp_feature.png) 0 0 no-repeat;text-align:center;font-size:60px;line-height:70px}
|
||||
.welcomeXE .features .fe_box h2{font-size:21px;color:#555;font-weight:normal}
|
||||
.welcomeXE .features .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6}
|
||||
.welcomeXE .features .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
|
||||
.welcomeXE .features .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a}
|
||||
.welcomeXE .features .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
|
||||
.welcomeXE .features .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
|
||||
.welcomeXE .features .fe_box.on{background-color:#cda25a}
|
||||
.welcomeXE .features .fe_box.on .fe_top{top:-104px}
|
||||
.welcomeXE .features .fe_box.on .fe_bottom{top:-67px}
|
||||
.welcomeXE .features .fe_box.on h2{color:#f6f6f6}
|
||||
.welcomeXE .features .fe_box.on .ico{background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat}
|
||||
.welcomeXE .features .fe_box .ico2{background-position:-70px 0}
|
||||
.welcomeXE .features .fe_box .ico3{background-position:-140px 0}
|
||||
.welcomeXE .features .fe_box .ico4{background-position:-210px 0}
|
||||
.welcomeXE .features .fe_box.on .ico2{background-position:-70px -70px}
|
||||
.welcomeXE .features .fe_box.on .ico3{background-position:-140px -70px}
|
||||
.welcomeXE .features .fe_box.on .ico4{background-position:-210px -70px}
|
||||
|
||||
@media all and (min-width:480px) {
|
||||
|
||||
.welcomeXE .features li .fe_box{height:478px;margin:0 10px;padding:0 20px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
|
||||
.welcomeXE .features .fe_box .ico{display:inline-block;width:70px;height:70px;margin:162px 0 27px;background-color:#cda25a;background:url(../img/sp_feature.png) 0 0 no-repeat;text-align:center;font-size:60px;line-height:70px}
|
||||
.welcomeXE .features .fe_box h2{font-size:21px;color:#555;font-weight:normal}
|
||||
.welcomeXE .features .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6}
|
||||
.welcomeXE .features .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
|
||||
.welcomeXE .features .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a}
|
||||
.welcomeXE .features .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
|
||||
.welcomeXE .features .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
|
||||
.welcomeXE .features .fe_box.on{background-color:#cda25a}
|
||||
.welcomeXE .features .fe_box.on .fe_top{top:-104px}
|
||||
.welcomeXE .features .fe_box.on .fe_bottom{top:-67px}
|
||||
.welcomeXE .features .fe_box.on h2{color:#f6f6f6}
|
||||
.welcomeXE .features .fe_box.on .ico{background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat}
|
||||
.welcomeXE .features .fe_box .ico2{background-position:-70px 0}
|
||||
.welcomeXE .features .fe_box .ico3{background-position:-140px 0}
|
||||
.welcomeXE .features .fe_box .ico4{background-position:-210px 0}
|
||||
.welcomeXE .features .fe_box.on .ico2{background-position:-70px -70px}
|
||||
.welcomeXE .features .fe_box.on .ico3{background-position:-140px -70px}
|
||||
.welcomeXE .features .fe_box.on .ico4{background-position:-210px -70px}
|
||||
|
||||
}
|
||||
|
||||
/*section.connect*/
|
||||
.welcomeXE .connect{height:344px;padding-top:80px}
|
||||
|
|
@ -85,46 +76,3 @@
|
|||
.welcomeXE .connect .ico i{line-height:78px}
|
||||
.welcomeXE .connect h2{margin-bottom:16px;font-size:15px;font-weight:600;letter-spacing:1px;line-height:18px;color:#333}
|
||||
.welcomeXE .connect p{font-size:13px;color:#888;line-height:21px}
|
||||
|
||||
@media all and (max-width:479px) {
|
||||
.welcomeXE { padding-top: 0 }
|
||||
.welcomeXE section{width:100%; box-sizing:border-box; overflow:hidden;}
|
||||
.welcomeXE .tit{padding-bottom:16px;font-size:30px;color:#333;font-weight:700;letter-spacing:1px;line-height:40px}
|
||||
|
||||
.welcomeXE .intro{width:100%; box-sizing:border-box; padding:0 14px; height:auto; background:#fff; }
|
||||
.welcomeXE .intro .cont{padding-bottom:17px;}
|
||||
.welcomeXE .intro .btn_start { margin:20px 0 50px 0; }
|
||||
|
||||
.welcomeXE .xeicon { height:auto; }
|
||||
.welcomeXE .xeicon h1 { margin-top:70px; }
|
||||
.welcomeXE .xeicon .button-area { margin-bottom:50px; }
|
||||
.welcomeXE .xeicon .button-area .btn_item {font-size: 14px; letter-spacing: 2px;margin:20px 0;}
|
||||
.welcomeXE .xeicon{background-position:0 0;background-attachment: inherit;}
|
||||
|
||||
.welcomeXE .guide{ padding:0 14px; height:auto;padding-top:40px}
|
||||
.welcomeXE .guide li { width:auto; margin:0 0 20px 0; }
|
||||
|
||||
.welcomeXE .features { padding:40px 14px 0 14px; height:auto; }
|
||||
.welcomeXE .features .noti,
|
||||
.welcomeXE .features .tit,
|
||||
.welcomeXE .features .cont{width:100%;margin-left:auto;margin-right:auto}
|
||||
.welcomeXE .features ul { padding:0; }
|
||||
.welcomeXE .features li{clear:both;width:100%;height:auto;margin:0 0 20px 0;}
|
||||
.welcomeXE .features li .fe_box { margin:0;padding:20px;border:1px solid #333;background-color:#cda25a; position:relative; }
|
||||
.welcomeXE .features .fe_box .ico{display:inline-block;width:70px;position:absolute;top:20px;left:20px;height:70px;margin:0;background-color:#f6f6f6;background:url(../img/sp_feature.png) 0 -70px no-repeat;text-align:center;font-size:20px;line-height:70px}
|
||||
.welcomeXE .features .fe_box h2{font-size:21px;color:#f6f6f6;font-weight:normal; padding-left:80px}
|
||||
.welcomeXE .features .fe_box a{display:inline-block;height:30px;padding:0 20px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:30px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;float:right;}
|
||||
.welcomeXE .features .fe_bottom { padding-left:80px; overflow:hidden; }
|
||||
.welcomeXE .features .fe_box p{margin-bottom:40px;margin-top:10px;font-size:13px;line-height:20px;color:#f6f6f6}
|
||||
.welcomeXE .features .fe_box .ico2{background-position:-70px -70px}
|
||||
.welcomeXE .features .fe_box .ico3{background-position:-140px -70px}
|
||||
.welcomeXE .features .fe_box .ico4{background-position:-210px -70px}
|
||||
|
||||
.welcomeXE .connect{height:auto;padding:80px 14px 0 14px;}
|
||||
.welcomeXE .connect ul { padding-top:0; }
|
||||
.welcomeXE .connect li { margin-left:0; width:auto; min-height:78px; margin-bottom:20px; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
1
layouts/xedition/css/welcome.min.css
vendored
Normal file
1
layouts/xedition/css/welcome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -52,21 +52,3 @@
|
|||
.XEicon .contribution .btn_github:hover,
|
||||
.XEicon .contribution .btn_github:active
|
||||
.XEicon .contribution .btn_github:focus{background-color:#cda25a;color:#fff}
|
||||
|
||||
@media all and (max-width:479px) {
|
||||
.XEicon .fixedwidth {width:auto;}
|
||||
.XEicon .main_title h1 { margin-bottom: 28px; font-size: 21px; }
|
||||
.XEicon .main_title p { padding:0 14px; text-align:left; }
|
||||
|
||||
.XEicon .tit h1 {font-size:20px; text-align:center; letter-spacing:2px;}
|
||||
.XEicon .tit h1:after { left:50%; margin-left:-10px; }
|
||||
|
||||
.XEicon .feature { height:auto; padding-top:90px; }
|
||||
.XEicon .feature ul{padding:50px 14px 0 14px;}
|
||||
.XEicon .feature li { clear:both; width:auto; padding:0 0 0 70px; }
|
||||
|
||||
.XEicon .get_started { height:auto; padding:80px 14px 20px 14px; }
|
||||
.XEicon .get_started li { float:none; width:auto; margin-right:0; margin-bottom:15px; }
|
||||
|
||||
.XEicon .contribution .cont { padding:0 14px; text-align:left; }
|
||||
}
|
||||
1
layouts/xedition/css/xeicon.min.css
vendored
Normal file
1
layouts/xedition/css/xeicon.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
@charset "utf-8";.body.sub{width:100%!important;margin:0}.body.sub.full_width .content{width:100%!important;padding-bottom:0!important}.XEicon{padding-top:60px}.XEicon .fixedwidth{width:1200px;margin:0 auto}.XEicon .tit{position:relative}.XEicon .tit h1{font-size:29px;text-align:center;letter-spacing:2px}.XEicon .tit h1:after{position:absolute;top:115%;left:49%;width:20px;height:3px;background-color:#cda25a;content:""}.XEicon p a{color:#444}.XEicon p a:active,.XEicon p a:focus,.XEicon p a:hover{color:#cda25a;border-bottom:1px solid #cda25a}.XEicon .main_title h1{margin-bottom:47px;font-size:34px;font-weight:600;color:#cda25a;text-align:center;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1px}.XEicon .main_title p{font-size:15px;line-height:28px;color:#444;text-align:center}.XEicon .feature{height:518px;padding-top:120px}.XEicon .feature ul{padding-top:80px}.XEicon .feature li{position:relative;float:left;width:314px;min-height:140px;padding:0 16px 0 70px;margin:0 0 30px}.XEicon .feature h2{padding:7px 24px 13px 0;font-size:17px;font-weight:600;line-height:23px;color:#333}.XEicon .feature p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888}.XEicon .feature .ico{position:absolute;top:0;left:0;width:48px;height:48px;font-size:22px;text-align:center;line-height:50px;color:#555}.XEicon .get_started{height:550px;padding-top:80px;background:#f6f6f6;box-sizing:border-box}.XEicon .get_started .cont{font-size:15px;margin-top:75px;color:#888}.XEicon .get_started ul{margin-top:34px}.XEicon .get_started li{position:relative;float:left;width:286px;height:212px;margin-right:15px;border:1px solid #e8e8e8;background:#fff;text-align:center}.XEicon .get_started li:last-child{margin-right:0}.XEicon .get_started li h2{padding:33px 0 19px;font-size:17px;font-weight:600}.XEicon .get_started li p{padding:0 37px;font-size:14px;line-height:26px;color:#888}.XEicon .get_started li>a{position:absolute;display:block;bottom:0;width:100%;height:50px;background:#888;border-top:1px solid #e1e1e1;line-height:50px;font-size:14px;font-weight:600;text-transform:uppercase;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .get_started li>a:active,.XEicon .get_started li>a:focus,.XEicon .get_started li>a:hover{background-color:#cda25a;color:#fff}.XEicon .get_started li>a .xeicon{display:none;margin-right:6px;font-size:140%;vertical-align:middle}.XEicon .get_started li>a:hover .xeicon{display:inline-block;margin-top:-4px}.XEicon .contribution{height:442px;padding-top:93px;box-sizing:border-box;text-align:center}.XEicon .contribution .cont{font-size:15px;line-height:26px;text-align:center;margin-top:58px;color:#888}.XEicon .contribution .btn_github{display:inline-block;margin:50px 0;padding:0 40px;height:52px;border:2px solid #cda25a;background-color:#fff;font-size:15px;line-height:52px;font-weight:600;letter-spacing:1px;color:#cda25a;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .contribution .btn_github:active .XEicon .contribution .btn_github:focus,.XEicon .contribution .btn_github:hover{background-color:#cda25a;color:#fff}
|
||||
|
|
@ -1,30 +1,30 @@
|
|||
<div style="background-image:url('{$layout_info->path}img/slider_img.jpg');" class="swiper-slide">
|
||||
<div>
|
||||
<div>
|
||||
<div data-src="{$layout_info->path}img/slider_img.jpg">
|
||||
<div class="camera_caption fadeIn">
|
||||
<div class="camera_caption_wrap">
|
||||
<h1>SHARING, PUBLISHING.<br />& PLEASURE.</h1>
|
||||
<p>지식을 나누고 컨텐츠를 출판하며 즐거움을 함께합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-image:url('{$layout_info->path}img/slider_img2.jpg');" class="swiper-slide">
|
||||
<div>
|
||||
<div>
|
||||
<div data-src="{$layout_info->path}img/slider_img2.jpg">
|
||||
<div class="camera_caption fadeIn">
|
||||
<div class="camera_caption_wrap">
|
||||
<h1>MAKING<br />WEB CULTURES</h1>
|
||||
<p>올바른 웹 문화를 지향합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-image:url('{$layout_info->path}img/slider_img3.jpg');" class="swiper-slide">
|
||||
<div>
|
||||
<div>
|
||||
<div data-src="{$layout_info->path}img/slider_img3.jpg">
|
||||
<div class="camera_caption fadeIn">
|
||||
<div class="camera_caption_wrap">
|
||||
<h1>EVOLUTION & INNOVATION<br />TOGETHER</h1>
|
||||
<p>함께 진화하고 혁신을 추구합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-image:url('{$layout_info->path}img/slider_img4.jpg');" class="swiper-slide">
|
||||
<div>
|
||||
<div>
|
||||
<div data-src="{$layout_info->path}img/slider_img4.jpg">
|
||||
<div class="camera_caption fadeIn">
|
||||
<div class="camera_caption_wrap">
|
||||
<h1>CREATE A GOOD DESIGN WITH<br />THE POSSIILITY OF TECHNOLOGY</h1>
|
||||
<p>기술의 가능성을 발굴하고 좋은 디자인을 만들어 갑니다.</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<!-- WelcomeXE -->
|
||||
<div class="welcomeXE">
|
||||
<section class="xeicon bg-holder" data-width="1200" data-height="500">
|
||||
<section class="xeicon">
|
||||
<h1>Beautiful iconpack<br>XEIcon</h1>
|
||||
<div class="button-area">
|
||||
<a class="btn_item" target="_blank" href="http://xpressengine.github.io/XEIcon">HOMEPAGE</a>
|
||||
|
|
|
|||
5
layouts/xedition/js/camera.min.js
vendored
Normal file
5
layouts/xedition/js/camera.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,14 +0,0 @@
|
|||
(function($) {
|
||||
$(function(){
|
||||
var $gnb = $('.gnb');
|
||||
$("#mobile_menu_btn").on('click', function(){
|
||||
var isOpened = $(this);
|
||||
if(isOpened.hasClass('opened')){
|
||||
$("#gnb").find(">ul").slideUp(200);
|
||||
}else{
|
||||
$("#gnb").find(">ul:not(:animated)").slideDown(200);
|
||||
}
|
||||
isOpened.toggleClass('opened');
|
||||
});
|
||||
});
|
||||
})(jQuery);
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
(function($){
|
||||
$(function(){
|
||||
var $shrinkHeaderHeight = 300;
|
||||
var $fixedHeader = $('.fixed_header .header_wrap');
|
||||
var $gnb = $('.gnb');
|
||||
var $hoverEl = $('.hover');
|
||||
var $searchEl = $('.click > a');
|
||||
var $searchForm = $('.search_area');
|
||||
// Gnb
|
||||
$gnb.find('>ul>li>a')
|
||||
.mouseover(function(){
|
||||
$gnb.find('>ul>li>ul:visible').hide().parent('li').removeClass('on');
|
||||
$(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on')
|
||||
})
|
||||
.focus(function(){
|
||||
$(this).mouseover();
|
||||
})
|
||||
.end()
|
||||
.mouseleave(function(){
|
||||
$gnb.find('>ul>li>ul').hide().parent().removeClass('on')
|
||||
});
|
||||
|
||||
$gnb.find('>ul>li>ul>li>a')
|
||||
.mouseover(function(){
|
||||
$gnb.find('>ul>li>ul>li>ul:visible').hide().parent('li').removeClass('on');
|
||||
$(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on')
|
||||
})
|
||||
.focus(function(){
|
||||
$(this).mouseover();
|
||||
})
|
||||
.end()
|
||||
.mouseleave(function(){
|
||||
$gnb.find('>ul>li>ul>li>ul').hide().parent().removeClass('on')
|
||||
});
|
||||
});
|
||||
})(jQuery);
|
||||
1
layouts/xedition/js/jquery.easing.min.js
vendored
Normal file
1
layouts/xedition/js/jquery.easing.min.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
jQuery.easing.jswing=jQuery.easing.swing,jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b+c:-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b*b+c:d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,b,c,d,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,b,c,d,e){return 0==b?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,b,c,d,e){return 0==b?c:b==e?c+d:(b/=e/2)<1?d/2*Math.pow(2,10*(b-1))+c:d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,b,c,d,e){return(b/=e/2)<1?-d/2*(Math.sqrt(1-b*b)-1)+c:d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return-(h*Math.pow(2,10*(b-=1))*Math.sin(2*(b*e-f)*Math.PI/g))+c},easeOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return h*Math.pow(2,-10*b)*Math.sin(2*(b*e-f)*Math.PI/g)+d+c},easeInOutElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(2==(b/=e/2))return c+d;if(g||(g=.3*e*1.5),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return 1>b?-.5*h*Math.pow(2,10*(b-=1))*Math.sin(2*(b*e-f)*Math.PI/g)+c:h*Math.pow(2,-10*(b-=1))*Math.sin(2*(b*e-f)*Math.PI/g)*.5+d+c},easeInBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*(b/=e)*b*((f+1)*b-f)+c},easeOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),d*((b=b/e-1)*b*((f+1)*b+f)+1)+c},easeInOutBack:function(a,b,c,d,e,f){return void 0==f&&(f=1.70158),(b/=e/2)<1?d/2*b*b*(((f*=1.525)+1)*b-f)+c:d/2*((b-=2)*b*(((f*=1.525)+1)*b+f)+2)+c},easeInBounce:function(a,b,c,d,e){return d-jQuery.easing.easeOutBounce(a,e-b,0,d,e)+c},easeOutBounce:function(a,b,c,d,e){return(b/=e)<1/2.75?7.5625*d*b*b+c:2/2.75>b?d*(7.5625*(b-=1.5/2.75)*b+.75)+c:2.5/2.75>b?d*(7.5625*(b-=2.25/2.75)*b+.9375)+c:d*(7.5625*(b-=2.625/2.75)*b+.984375)+c},easeInOutBounce:function(a,b,c,d,e){return e/2>b?.5*jQuery.easing.easeInBounce(a,2*b,0,d,e)+c:.5*jQuery.easing.easeOutBounce(a,2*b-e,0,d,e)+.5*d+c}});
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,126 +0,0 @@
|
|||
/*
|
||||
* Parallax-Scroll - v0.2.0
|
||||
* jQuery plugin for background-attachment: scroll with friction, similar to the parallax scrolling effect on Spotify.
|
||||
* http://parallax-scroll.aenism.com
|
||||
*
|
||||
* Made by Aen Tan
|
||||
* Under MIT License
|
||||
*/
|
||||
;(function (root, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(["jquery"], factory);
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(root.jQuery);
|
||||
}
|
||||
}(this, function ($) {
|
||||
"use strict";
|
||||
|
||||
var ParallaxScroll,
|
||||
defaults = {
|
||||
friction: 0.5,
|
||||
direction: "vertical"
|
||||
},
|
||||
$win = $(window),
|
||||
lastTickTime = 0;
|
||||
|
||||
window.requestAnimationFrame = function (callback) {
|
||||
var currTime = new Date().getTime();
|
||||
var timeToCall = Math.max(0, 5 - (currTime - lastTickTime));
|
||||
var id = window.setTimeout(function () {
|
||||
callback(currTime + timeToCall);
|
||||
}, timeToCall);
|
||||
lastTickTime = currTime + timeToCall;
|
||||
return id;
|
||||
};
|
||||
|
||||
ParallaxScroll = function (background, options) {
|
||||
return {
|
||||
init: function () {
|
||||
this.$background = $(background);
|
||||
this.settings = $.extend({}, defaults, options);
|
||||
this._initStyles();
|
||||
this._bindEvents();
|
||||
},
|
||||
_initStyles: function () {
|
||||
this.$background.css({
|
||||
"background-attachment": "scroll"
|
||||
});
|
||||
},
|
||||
_visibleInViewport: function () {
|
||||
var vpHeight = $win.height();
|
||||
var rec = this.$background.get(0).getBoundingClientRect();
|
||||
return (rec.top < vpHeight && rec.bottom > 0) || (rec.bottom <= vpHeight && rec.top > vpHeight);
|
||||
},
|
||||
_bindEvents: function () {
|
||||
var self = this;
|
||||
$win.on("load scroll resize", function () {
|
||||
self._requestTick();
|
||||
});
|
||||
},
|
||||
_requestTick: function () {
|
||||
var self = this;
|
||||
if (!this.ticking) {
|
||||
this.ticking = true;
|
||||
requestAnimationFrame(function () {
|
||||
self._updateBgPos();
|
||||
});
|
||||
}
|
||||
},
|
||||
_updateBgPos: function () {
|
||||
if (this._visibleInViewport()) {
|
||||
var winW = $win.width();
|
||||
var winH = $win.height();
|
||||
var imgW = this.$background.data("width");
|
||||
var imgH = this.$background.data("height");
|
||||
var imgA = imgW / imgH;
|
||||
var bgW = this.$background.width();
|
||||
var bgH = this.$background.height();
|
||||
var bgA = bgW / bgH;
|
||||
var revA = bgA < imgA;
|
||||
var bgScale = bgW / imgW;
|
||||
var bgScaledH = imgH * bgScale;
|
||||
var bgScaledW = imgW * bgScale;
|
||||
var bgOffsetTop = this.$background.offset().top;
|
||||
var winScrollTop = $win.scrollTop();
|
||||
var bgScrollTop = winScrollTop - bgOffsetTop;
|
||||
var xDistToMove = winH + bgScaledH;
|
||||
var yDistToMove = winW + bgScaledW;
|
||||
var xf1 = bgScrollTop * (winH / xDistToMove);
|
||||
var xf2 = bgScrollTop / winH;
|
||||
var yf1 = bgScrollTop * (winW / yDistToMove);
|
||||
var yf2 = bgScrollTop / winW;
|
||||
var centerOffsetY = (winH - bgH) / 2;
|
||||
centerOffsetY = revA ? centerOffsetY * xf2 : centerOffsetY;
|
||||
var centerOffsetX = (winW - bgW) / 2;
|
||||
centerOffsetX = revA ? centerOffsetX : centerOffsetX * yf2;
|
||||
var bgFriction = revA? this.settings.friction * (bgA * 2) : this.settings.friction * bgA;
|
||||
var bgSize;
|
||||
var bgPos;
|
||||
if (this.settings.direction === "horizontal") {
|
||||
bgSize = revA ? winW + "px auto" : "auto " + winH + "px";
|
||||
bgPos = (centerOffsetX - (yf1 * bgFriction)) + "px 50%";
|
||||
} else {
|
||||
bgSize = revA ? "auto " + winH + "px" : winW + "px auto";
|
||||
bgPos = "50% " + ((xf1 * bgFriction) - centerOffsetY) + "px";
|
||||
}
|
||||
this.$background.css({
|
||||
"background-size": bgSize,
|
||||
"background-position": bgPos
|
||||
});
|
||||
}
|
||||
this.ticking = false;
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
ParallaxScroll.defaults = defaults;
|
||||
$.fn.parallaxScroll = function (options) {
|
||||
return this.each(function () {
|
||||
new ParallaxScroll(this, options).init();
|
||||
});
|
||||
};
|
||||
|
||||
return ParallaxScroll;
|
||||
}));
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
/*
|
||||
* Parallax-Scroll - v0.2.0
|
||||
* jQuery plugin for background-attachment: scroll with friction, similar to the parallax scrolling effect on Spotify.
|
||||
* http://parallax-scroll.aenism.com
|
||||
*
|
||||
* Made by Aen Tan
|
||||
* Under MIT License
|
||||
*/
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],b):b(a.jQuery)}(this,function(a){"use strict";var b,c={friction:.5,direction:"vertical"},d=a(window),e=0;return window.requestAnimationFrame=function(a){var b=(new Date).getTime(),c=Math.max(0,5-(b-e)),d=window.setTimeout(function(){a(b+c)},c);return e=b+c,d},b=function(b,e){return{init:function(){this.$background=a(b),this.settings=a.extend({},c,e),this._initStyles(),this._bindEvents()},_initStyles:function(){this.$background.css({"background-attachment":"scroll"})},_visibleInViewport:function(){var a=d.height(),b=this.$background.get(0).getBoundingClientRect();return b.top<a&&b.bottom>0||b.bottom<=a&&b.top>a},_bindEvents:function(){var a=this;d.on("load scroll resize",function(){a._requestTick()})},_requestTick:function(){var a=this;this.ticking||(this.ticking=!0,requestAnimationFrame(function(){a._updateBgPos()}))},_updateBgPos:function(){if(this._visibleInViewport()){var a=d.width(),b=d.height(),c=this.$background.data("width"),e=this.$background.data("height"),f=c/e,g=this.$background.width(),h=this.$background.height(),i=g/h,j=f>i,k=g/c,l=e*k,m=c*k,n=this.$background.offset().top,o=d.scrollTop(),p=o-n,q=b+l,r=a+m,s=p*(b/q),t=p/b,u=p*(a/r),v=p/a,w=(b-h)/2;w=j?w*t:w;var x=(a-g)/2;x=j?x:x*v;var y,z,A=j?2*this.settings.friction*i:this.settings.friction*i;"horizontal"===this.settings.direction?(y=j?a+"px auto":"auto "+b+"px",z=x-u*A+"px 50%"):(y=j?"auto "+b+"px":a+"px auto",z="50% "+(s*A-w)+"px"),this.$background.css({"background-size":y,"background-position":z})}this.ticking=!1}}},b.defaults=c,a.fn.parallaxScroll=function(a){return this.each(function(){new b(this,a).init()})},b});
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
(function($){
|
||||
(function($){
|
||||
"use strict";
|
||||
$(function(){
|
||||
var $shrinkHeaderHeight = 300;
|
||||
|
|
@ -38,7 +38,45 @@
|
|||
});
|
||||
$(window).triggerHandler('scroll');
|
||||
}
|
||||
// Search
|
||||
|
||||
// Gnb
|
||||
$gnb.find('>ul>li>a')
|
||||
.mouseover(function(){
|
||||
$gnb.find('>ul>li>ul:visible').hide().parent('li').removeClass('on');
|
||||
$(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on')
|
||||
})
|
||||
.focus(function(){
|
||||
$(this).mouseover();
|
||||
})
|
||||
.end()
|
||||
.mouseleave(function(){
|
||||
$gnb.find('>ul>li>ul').hide().parent().removeClass('on')
|
||||
});
|
||||
|
||||
$gnb.find('>ul>li>ul>li>a')
|
||||
.mouseover(function(){
|
||||
$gnb.find('>ul>li>ul>li>ul:visible').hide().parent('li').removeClass('on');
|
||||
$(this).next('ul:hidden').stop().fadeIn(200).parent('li').addClass('on')
|
||||
})
|
||||
.focus(function(){
|
||||
$(this).mouseover();
|
||||
})
|
||||
.end()
|
||||
.mouseleave(function(){
|
||||
$gnb.find('>ul>li>ul>li>ul').hide().parent().removeClass('on')
|
||||
});
|
||||
|
||||
// login popup
|
||||
$hoverEl.on('mouseenter mouseleave focusin focusout',function(e){
|
||||
e.preventDefault();
|
||||
if(e.type == 'mouseenter' || e.type == 'focusin'){
|
||||
$(this).addClass('on');
|
||||
} else {
|
||||
$(this).removeClass('on');
|
||||
}
|
||||
});
|
||||
|
||||
// Search
|
||||
$searchEl.click(function(){
|
||||
if($searchForm.is(':hidden')){
|
||||
$searchForm.fadeIn().find('input').focus();
|
||||
|
|
@ -152,10 +190,3 @@
|
|||
}
|
||||
})(jQuery);
|
||||
|
||||
(function($){
|
||||
$(function(){
|
||||
$('.bg-holder').parallaxScroll({
|
||||
friction: 0.5
|
||||
});
|
||||
});
|
||||
})(jQuery);
|
||||
|
|
|
|||
1
layouts/xedition/js/layout.min.js
vendored
Normal file
1
layouts/xedition/js/layout.min.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
!function(a){"use strict";a(function(){var b=300,c=a(".fixed_header .header_wrap"),d=a(".gnb"),e=a(".hover"),f=a(".click > a"),g=a(".search_area");if(c.length){var h=(c.height(),!1),i=c.find(".header h1 img"),j=i.data("logo"),k=i.attr("src");a(window).scroll(function(){var d=a(this).scrollTop();d>=b?h||(c.addClass("shrink"),j&&i.attr("src",j),h=!0):h&&(c.removeClass("shrink"),j&&i.attr("src",k),h=!1)}),a(window).triggerHandler("scroll")}d.find(">ul>li>a").mouseover(function(){d.find(">ul>li>ul:visible").hide().parent("li").removeClass("on"),a(this).next("ul:hidden").stop().fadeIn(200).parent("li").addClass("on")}).focus(function(){a(this).mouseover()}).end().mouseleave(function(){d.find(">ul>li>ul").hide().parent().removeClass("on")}),d.find(">ul>li>ul>li>a").mouseover(function(){d.find(">ul>li>ul>li>ul:visible").hide().parent("li").removeClass("on"),a(this).next("ul:hidden").stop().fadeIn(200).parent("li").addClass("on")}).focus(function(){a(this).mouseover()}).end().mouseleave(function(){d.find(">ul>li>ul>li>ul").hide().parent().removeClass("on")}),e.on("mouseenter mouseleave focusin focusout",function(b){b.preventDefault(),"mouseenter"==b.type||"focusin"==b.type?a(this).addClass("on"):a(this).removeClass("on")}),f.click(function(){return g.is(":hidden")&&(g.fadeIn().find("input").focus(),a(".magazine").length>0?(a(".custom_area").css("opacity",0),a(".side").css("opacity",0)):a(".header").css("opacity",0)),!1}),a(".btn_close").click(function(){var b=a(this);return b.parent().fadeOut().find("input").val(""),a(".magazine").length>0?(a(".custom_area").css("opacity",1),a(".side").css("opacity",1)):a(".header").css("opacity",1),f.focus(),!1}),a.isFunction(a.fn.camera)&&a(".camera_wrap").length&&a(".camera_wrap").camera({height:"600px",pagination:!0,thumbnails:!1,playPause:!1,loader:"none",fx:"simpleFade",time:3e3});var l=function(){var b=a(".btn_top"),c=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;a(window).scroll(function(){a(this).scrollTop()>150&&c>1e3?b.fadeIn(100):b.fadeOut(100)}),b.click(function(){return a("html, body").animate({scrollTop:0},400),!1})};l(),a(".sub_type3 .bg_img").parallax("50%",.4)})}(jQuery),function(a){"use strict";var b=a(window),c=b.height();b.resize(function(){c=b.height()}),a.fn.parallax=function(d,e,f){function g(){var f=b.scrollTop();j.each(function(){var b=a(this),g=b.offset().top,k=h(b);f>g+k||g>f+c||j.css("backgroundPosition",d+" "+Math.round((i-f)*e)+"px")})}var h,i,j=a(this);j.each(function(){i=j.offset().top}),h=f?function(a){return a.outerHeight(!0)}:function(a){return a.height()},(arguments.length<1||null===d)&&(d="50%"),(arguments.length<2||null===e)&&(e=.1),(arguments.length<3||null===f)&&(f=!0),b.bind("scroll",g).resize(g),g()}}(jQuery);
|
||||
File diff suppressed because it is too large
Load diff
17
layouts/xedition/js/swiper.min.js
vendored
17
layouts/xedition/js/swiper.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,7 +1,7 @@
|
|||
(function($){
|
||||
"user strict";
|
||||
$(function(){
|
||||
//$('.xeicon').parallax('50%', 0.4);
|
||||
$('.xeicon').parallax('50%', 0.4);
|
||||
|
||||
$('.fe_box').on('mouseenter mouseleave',function(e){
|
||||
$this = $(this);
|
||||
|
|
|
|||
1
layouts/xedition/js/welcome.min.js
vendored
Normal file
1
layouts/xedition/js/welcome.min.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
!function(a){"user strict";a(function(){a(".xeicon").parallax("50%",.4),a(".fe_box").on("mouseenter mouseleave",function(b){$this=a(this),"mouseenter"==b.type?$this.addClass("on"):$this.removeClass("on")})})}(jQuery),function(a){"user strict";var b=a(window),c=b.height();b.resize(function(){c=b.height()}),a.fn.parallax=function(d,e,f){function g(){var f=b.scrollTop();j.each(function(){var b=a(this),g=b.offset().top,k=h(b);f>g+k||g>f+c||j.css("backgroundPosition",d+" "+Math.round((i-f)*e)+"px")})}var h,i,j=a(this);j.each(function(){i=j.hasClass("xeicon")?j.offset().top+600:j.offset().top}),h=f?function(a){return a.outerHeight(!0)}:function(a){return a.height()},(arguments.length<1||null===d)&&(d="50%"),(arguments.length<2||null===e)&&(e=.1),(arguments.length<3||null===f)&&(f=!0),b.bind("scroll",g).resize(g),g()}}(jQuery);
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
<!--// META -->
|
||||
{Context::addHtmlHeader('<meta name="viewport" content="width=device-width, user-scalable=no">')}
|
||||
{Context::addHtmlHeader('<meta name="viewport" content="width=1240">')}
|
||||
<!--// LANG -->
|
||||
<load target="./lang" />
|
||||
|
||||
|
|
@ -145,21 +145,17 @@
|
|||
|
||||
<!--// CSS -->
|
||||
<load target="./css/layout.css" />
|
||||
<load target="./css/swiper.css" />
|
||||
<load target="./css/camera.css" />
|
||||
<load target="./css/welcome.css" />
|
||||
<load target="./css/webfont.css" />
|
||||
<load target="./css/xeicon.css" cond="$mid === 'xeicon'" />
|
||||
<load target="../../common/xeicon/xeicon.min.css" />
|
||||
<!--// JS -->
|
||||
<!--Slider 구버젼. - 카메라 슬라이더-->
|
||||
|
||||
<load cond="$_enable_slide" target="./js/swiper.min.js" />
|
||||
<load target="./js/jquery.easing.js" />
|
||||
<load cond="$_enable_slide" target="./js/camera.min.js" />
|
||||
<load target="./js/layout.js" />
|
||||
<load target="./js/gnb.pc.js" cond="!Mobile::isMobileCheckByAgent()" />
|
||||
<load target="./js/gnb.mobile.js" cond="Mobile::isMobileCheckByAgent()" />
|
||||
<load cond="$layout_info->use_demo ==='Y' && !Mobile::isMobileCheckByAgent()" target="./js/welcome.js" />
|
||||
<load cond="$layout_info->use_demo ==='Y'" target="./js/welcome.js" />
|
||||
<load target="./js/SmoothScroll.min.js" />
|
||||
<load target="./js/jquery.parallax-scroll.min.js" />
|
||||
|
||||
|
||||
<!--// BODY -->
|
||||
|
|
@ -182,7 +178,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<header class="header {$_visual_class}">
|
||||
<header class="header">
|
||||
<!--// LOGO -->
|
||||
<h1 class="logo-item">
|
||||
{@ $_logo_img = $layout_info->logo_img}
|
||||
|
|
@ -265,13 +261,6 @@
|
|||
|
||||
<!-- GNB -->
|
||||
<nav cond="$GNB->list" class="gnb" id="gnb">
|
||||
<div id="mobile_menu_btn" class="menu_btn">
|
||||
<div class="menu_bar">
|
||||
<div class="btn1"></div>
|
||||
<div class="btn2"></div>
|
||||
<div class="btn3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li loop="$GNB->list => $key1, $val1">
|
||||
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
|
||||
|
|
@ -305,54 +294,52 @@
|
|||
<h1>{$sub_header_title}</h1>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Swiper -->
|
||||
<div cond="$layout_info->layout_type === 'main' && $_enable_slide" class="visual swiper-container">
|
||||
<!-- 슬라이드 -->
|
||||
<div class="swiper-wrapper">
|
||||
<!--@if($_sample_slide)-->
|
||||
<include target="./demo/slide.html" />
|
||||
<!--@else-->
|
||||
<div cond="$layout_info->slide_img1" style="background-image:url('{$layout_info->slide_img1}');">
|
||||
<div cond="$layout_info->slide_text1">
|
||||
<div>
|
||||
{$layout_info->slide_text1}
|
||||
|
||||
<div cond="$layout_info->layout_type === 'main' && $_enable_slide" class="visual">
|
||||
<!-- 슬라이드 -->
|
||||
<div class="camera_wrap">
|
||||
<!--@if($_sample_slide)-->
|
||||
<include target="./demo/slide.html" />
|
||||
<!--@else-->
|
||||
<div cond="$layout_info->slide_img1" data-src="{$layout_info->slide_img1}">
|
||||
<div cond="$layout_info->slide_text1" class="camera_caption fadeIn">
|
||||
<div class="camera_caption_wrap">
|
||||
{$layout_info->slide_text1}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div cond="$layout_info->slide_img2" style="background-image:url('{$layout_info->slide_img2}');">
|
||||
<div cond="$layout_info->slide_text2">
|
||||
<div>
|
||||
{$layout_info->slide_text2}
|
||||
<div cond="$layout_info->slide_img2" data-src="{$layout_info->slide_img2}">
|
||||
<div cond="$layout_info->slide_text2" class="camera_caption fadeIn">
|
||||
<div class="camera_caption_wrap">
|
||||
{$layout_info->slide_text2}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div cond="$layout_info->slide_img3" style="background-image:url('{$layout_info->slide_img3}');">
|
||||
<div cond="$layout_info->slide_text3">
|
||||
<div>
|
||||
{$layout_info->slide_text3}
|
||||
<div cond="$layout_info->slide_img3" data-src="{$layout_info->slide_img3}">
|
||||
<div cond="$layout_info->slide_text3" class="camera_caption fadeIn">
|
||||
<div class="camera_caption_wrap">
|
||||
{$layout_info->slide_text3}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div cond="$layout_info->slide_img4" style="background-image:url('{$layout_info->slide_img4}');">
|
||||
<div cond="$layout_info->slide_text4">
|
||||
<div>
|
||||
{$layout_info->slide_text4}
|
||||
<div cond="$layout_info->slide_img4" data-src="{$layout_info->slide_img4}">
|
||||
<div cond="$layout_info->slide_text4" class="camera_caption fadeIn">
|
||||
<div class="camera_caption_wrap">
|
||||
{$layout_info->slide_text4}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div cond="$layout_info->slide_img5" style="background-image:url('{$layout_info->slide_img5}');">
|
||||
<div cond="$layout_info->slide_text5">
|
||||
<div>
|
||||
{$layout_info->slide_text5}
|
||||
<div cond="$layout_info->slide_img5" data-src="{$layout_info->slide_img5}">
|
||||
<div cond="$layout_info->slide_text5" class="camera_caption fadeIn">
|
||||
<div class="camera_caption_wrap">
|
||||
{$layout_info->slide_text5}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--@end-->
|
||||
</div>
|
||||
<!--@end-->
|
||||
</div>
|
||||
<!-- END:슬라이드 -->
|
||||
<!-- Add Pagination -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<!-- END:슬라이드 -->
|
||||
</div>
|
||||
<!-- /VISUAL -->
|
||||
|
||||
<!-- BODY -->
|
||||
|
|
@ -425,16 +412,6 @@
|
|||
<include target="./demo/copyright.html" />
|
||||
<!--@end-->
|
||||
</p>
|
||||
<ul class="mobile-footer-member">
|
||||
<!--@if(!$is_logged)-->
|
||||
<li><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
|
||||
<li><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
|
||||
<!--@else-->
|
||||
<li><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>
|
||||
<li><a href="{getUrl('act','dispMemberInfo')}">{$lang->cmd_view_member_info}</a></li>
|
||||
<!--@end-->
|
||||
<li><a href="{getUrl('act','dispModuleChangeLang','oldact',$act)}">LANG</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
|
@ -527,12 +504,4 @@
|
|||
});
|
||||
</script>
|
||||
</section>
|
||||
<!-- /Login widget -->
|
||||
<script>
|
||||
var swiper = new Swiper('.swiper-container', {
|
||||
effect: 'fade',
|
||||
loop: true,
|
||||
pagination: '.swiper-pagination',
|
||||
paginationClickable: true
|
||||
});
|
||||
</script>
|
||||
<!-- /Login widget -->
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue