/* * Swiper 2.7.6 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on: February 11, 2015 */ /* =============================================================== Basic Swiper Styles ================================================================*/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-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 { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* =============================================================== custom styles = container's and slide's sizes, pagination, etc. ================================================================*/ .swiper-container { /* Specify Swiper's Size: */ /*width:200px; height: 100px;*/} .swiper-slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ } .swiper-slide-active { /* Specific active slide styling: */ } .swiper-slide-visible { /* Specific visible slide styling: */ } /* =============================================================== Pagination Styles ================================================================*/ .swiper-pagination-switch { /* Stylize pagination button: */ } .swiper-active-switch { /* Specific active button style: */ } .swiper-visible-switch { /* Specific visible button style: */ } /* =============================================================== custom styles = 20160217, hojin ================================================================*/ /* #main_img{ display:block; position:relative; width:100%; height:430px; overflow:hidden } #main_img .device{ display:block; position:relative; width:100%; height:430px; left:0px; overflow:hidden } #main_img .device #arrow_position{ width:970px; position:relative; display:block; height:0px; overflow:visible;} #main_img .device #arrow_position .arrow-left, #main_img .device #arrow_position .arrow-right{ z-index:3; display:block; position:absolute; width: 17px; height: 30px; top:195px; } #main_img .device #arrow_position .arrow-left { left:0px; background: url(../images/main/arrows.png) no-repeat left top; } #main_img .device #arrow_position .arrow-right { left:953px; background: url(../images/main/arrows.png) no-repeat left bottom; } #main_img .device .pagination { z-index:2; position: absolute; left: 0; bottom:23px; width:100%; text-align: center; } #main_img .device .swiper-pagination-switch { display: inline-block; width: 9px; height: 9px; border-radius: 10px; background: #999; margin: 0 4px; cursor: pointer} #main_img .device .swiper-active-switch { background: #fff; } #main_img .device .swiper-container{ display:block; width: 100%; height: 430px; overflow:hidden } #main_img .device .swiper-container .swiper-wrapper{display:block; } #main_img .device .swiper-container .swiper-wrapper .swiper-slide{display:block; position:relative; padding: 0px; } #main_img .device .swiper-container .swiper-wrapper .content-slide{display:block; position:relative; width:970px;} #main_img .device .swiper-container .swiper-wrapper .swiper-slide header{ display:block; position:absolute; } #main_img .device .swiper-container .swiper-wrapper .swiper-slide p{ display:block; position:absolute; min-width:500px; } #main_img .device .swiper-container .swiper-wrapper .swiper-slide p a{ color:#e07b67;} #main_img .device .swiper-container .swiper-wrapper .swiper-slide img{ display:block; position:absolute; } */ /*only cowon.com intro */ /* #main_cowon #main_img{ height:520px; } #main_cowon #main_img .device{ height:520px; } #main_cowon #main_img .device .swiper-container{ height: 520px; } #main_cowon #main_img .device #arrow_position .arrow-left, #main_cowon #main_img .device #arrow_position .arrow-right{ top: 230px;} */ /* .swiper-slide = #banner_1 2 3 4 5 각 이미지의 레이아웃은 메인페이지 css 설정으로 이동 file name= main_#.css #main_cowon #main_img .device{} #main_img .device .swiper-container .swiper-wrapper #banner_1{ } #main_img .device .swiper-container .swiper-wrapper #banner_1 header{ } #main_img .device .swiper-container .swiper-wrapper #banner_1 p{ } #main_img .device .swiper-container .swiper-wrapper #banner_1 header{ } #main_img .device .swiper-container .swiper-wrapper #banner_1 p{ } #main_img .device .swiper-container .swiper-wrapper #banner_1 img{ } #main_img .device .swiper-container .swiper-wrapper #banner_2{ } #main_img .device .swiper-container .swiper-wrapper #banner_2 header{ } #main_img .device .swiper-container .swiper-wrapper #banner_2 p{ } #main_img .device .swiper-container .swiper-wrapper #banner_2 header{ } #main_img .device .swiper-container .swiper-wrapper #banner_2 p{ } #main_img .device .swiper-container .swiper-wrapper #banner_2 img{ } #main_img .device .swiper-container .swiper-wrapper #banner_3{ } #main_img .device .swiper-container .swiper-wrapper #banner_3 header{ } #main_img .device .swiper-container .swiper-wrapper #banner_3 p{ } #main_img .device .swiper-container .swiper-wrapper #banner_3 header{ } #main_img .device .swiper-container .swiper-wrapper #banner_3 p{ } #main_img .device .swiper-container .swiper-wrapper #banner_3 img{ } */