/* sample 1 */
#wrap #contents .sample1{min-width:1100px; text-align: center; }
#wrap #contents .sample1{-webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: sub_header_fadeIn; animation-name: sub_header_fadeIn; }
#wrap #contents .sample1 .donate-container{position: relative; margin: 0 auto; width:870px; }
#wrap #contents .sample1 > .story-layer {background: #f5f5f5 url(/_default/images/donate/main_img.jpg) no-repeat center top; background-size: 100% 545px; width:100%; padding-bottom:45px; }
#wrap #contents .sample1 > .story-layer > .donate-container > .main-text {padding:140px 0 100px; }
#wrap #contents .sample1 > .story-layer > .donate-container > .movie{width:100%; height:490px; }
#wrap #contents .sample1 > .story-layer > .donate-container > .story-box{padding-top: 90px; }
#wrap #contents .sample1 > .story-layer > .donate-container > .story-box > h1{font-size: 30px; margin:10px 0 20px; }
#wrap #contents .sample1 > .story-layer > .donate-container > .story-box > .contents{margin-bottom:30px; }
#wrap #contents .sample1 > .story-layer > .donate-container > .story-box > .contents > span{line-height: 1.5em; display: block; font-size: 14px; color:#555; }
#wrap #contents .sample1 > .color-layer {color: #ffffff; margin-bottom:45px; }
#wrap #contents .sample1 > .color-layer > .top{background-color: #FC8D56; padding:100px 0; }
#wrap #contents .sample1 > .color-layer > .top h1.title{font-size: 40px; }
#wrap #contents .sample1 > .color-layer > .top p.text-top{margin:20px 0; }
#wrap #contents .sample1 > .color-layer > .top p.text-top span{display: block; font-size: 20px; line-height: 1.7em; letter-spacing: -1px; }
#wrap #contents .sample1 > .color-layer > .top p.text-top span strong{color:yellow; }
#wrap #contents .sample1 > .color-layer > .top button.support-btn{border:0; margin:20px 0;}
#wrap #contents .sample1 > .color-layer > .top button.support-btn img {border:0; }
#wrap #contents .sample1 > .color-layer > .top p.text-bottom{margin:20px 0; }
#wrap #contents .sample1 > .color-layer > .top p.text-bottom span{display: block; font-size: 18px; text-decoration: underline; line-height: 1.4em; letter-spacing: -1px; }
#wrap #contents .sample1 > .color-layer > .top p.account-number span {font-size: 18px; font-weight: bold; padding:2px 10px; background-color: #D9753A; }
#wrap #contents .sample1 > .color-layer > .top p.account-number span strong {color: yellow; }
#wrap #contents .sample1 > .color-layer > .bottom{background-color: #1D1D1D; padding: 100px 0; }
#wrap #contents .sample1 > .color-layer > .bottom h1{font-size: 40px; }
#wrap #contents .sample1 > .color-layer > .bottom .icon-wrap{display: table; width:100%; margin:50px 0; }
#wrap #contents .sample1 > .color-layer > .bottom .icon-wrap > div{display: table-cell; }
#wrap #contents .sample1 > .color-layer > .bottom .icon-wrap > div > img{border:0; }
#wrap #contents .sample1 > .color-layer > .bottom .icon-wrap > div > p{padding-top:20px; }
#wrap #contents .sample1 > .color-layer > .bottom .icon-wrap > div > p span{display: block; font-size: 16px; line-height: 1.5em; }
#wrap #contents .sample1 > .color-layer > .bottom .info > .info-layer {background-color:#383838; display: inline-block; padding:20px 30px; }
#wrap #contents .sample1 > .color-layer > .bottom .info > .info-layer > .logo {display: inline-block; vertical-align: middle; padding-right:20px; }
#wrap #contents .sample1 > .color-layer > .bottom .info > .info-layer > p {display: inline-block; vertical-align: middle; text-align: left; border-left:1px solid #666; padding-left:20px; }
#wrap #contents .sample1 > .color-layer > .bottom .info > .info-layer > p span {display: block; font-size: 16px; line-height: 1.5em; }
#wrap #contents .sample1 > .photo-wrap > img.title{margin-bottom:15px; }
#wrap #contents .sample1 > .photo-wrap > .slide-wrap > button.btn-prev{display: inline-block; vertical-align: middle; border:0; width:60px; height:60px; background-image: url(/_default/images/donate/arrow_prev.png); margin-right:30px; }
#wrap #contents .sample1 > .photo-wrap > .slide-wrap > button.btn-next{display: inline-block; vertical-align: middle; border:0; width:60px; height:60px; background-image: url(/_default/images/donate/arrow_next.png); margin-left:30px; }
#wrap #contents .sample1 > .photo-wrap > .slide-wrap > .slide-img-group {display: inline-block; vertical-align: middle; border: 6px solid #000; width: 856px; }
#wrap #contents .sample1 > .photo-wrap > .slide-wrap > .slide-img-group img{width:100%; }
#wrap #contents .sample1 > .photo-wrap > .slide-wrap > .slide-img-group .item{position: relative; }
#wrap #contents .sample1 > .photo-wrap > .slide-wrap > .slide-img-group p.title{position: absolute; bottom:0; width:100%; color: #fff; font-size:16px; padding: 20px 10px; font-weight: bold; background-image:url(/_default/images/donate/bb-5.png); }
#wrap #contents .sample1 > .top-btn-box {position: relative; padding: 100px 0 30px; right:-100px; text-align: right; }
/* sample 2 */
#wrap #contents .sample2{min-width:1100px; background: url(/_default/images/campaign/sample2_top_img.jpg) no-repeat center top; background-size: 100% 545px; }
#wrap #contents .sample2{-webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: sub_header_fadeIn; animation-name: sub_header_fadeIn; }
#wrap #contents .sample2 .img-100p{width:100%;}
#wrap #contents .sample2 .sample-container{position: relative; margin: 0 auto; width:870px; }
#wrap #contents .sample2 .sample-container > .subject-wrap{padding:190px 0; color:#fff; text-align: center; }
#wrap #contents .sample2 .sample-container > .subject-wrap > img{margin:20px 0 30px; }
#wrap #contents .sample2 .sample-container > .subject-wrap > p{font-size: 15px; line-height: 1.5em; }
#wrap #contents .sample2 .sample-container > .movie-wrap{width:100%; height:490px; margin-top:90px; }
#wrap #contents .sample2 .sample-container > .text-wrap{margin:100px 0; display: table; width:100%; }
#wrap #contents .sample2 .sample-container > .text-wrap > div{display: table-cell; vertical-align: top; }
#wrap #contents .sample2 .sample-container > .text-wrap > div.blank{width:80px; }
#wrap #contents .sample2 .sample-container > .text-wrap > div > h1{font-size: 29px; }
#wrap #contents .sample2 .sample-container > .text-wrap > div > h1 > span{color:#f26122; }
#wrap #contents .sample2 .sample-container > .text-wrap > div > p{color:#444; font-weight: 500; line-height: 1.5em; font-size: 16px; }
#wrap #contents .sample2 .sample-container > .text-wrap > div > p > span {font-size: 14px; color:#999; }
#wrap #contents .sample2 > .color-wrap{background-color: #F6A48E; text-align: center; color:#fff; padding:100px 0;}
#wrap #contents .sample2 > .color-wrap h1.first{font-size: 39px; font-weight: bold; }
#wrap #contents .sample2 > .color-wrap h1{font-size: 32px; font-weight: 500; line-height: 1.4em; }
#wrap #contents .sample2 > .color-wrap .btn-wrap {margin:50px 0; }
#wrap #contents .sample2 > .color-wrap .btn-wrap > button{border:0; margin:0 5px; }
#wrap #contents .sample2 > .color-wrap h2{display: inline-block; font-size: 30px; font-weight: 100; background-color: #F2866C; padding:5px 10px; }
#wrap #contents .sample2 > .color-wrap h2 > span {font-weight: bold; color:#FFF270; }
#wrap #contents .sample2 > .info-wrap{padding:100px 0; text-align: center; }
#wrap #contents .sample2 > .info-wrap > h1{font-size: 28px; }
#wrap #contents .sample2 > .info-wrap > p{font-size: 17px; line-height: 1.5em; margin:20px 0 50px;}
#wrap #contents .sample2 > .info-wrap > div{display: table; width:100%; }
#wrap #contents .sample2 > .info-wrap > div > div{display: table-cell; vertical-align: top; width:31%; }
#wrap #contents .sample2 > .info-wrap > div > div.blank{width:3.5%; }
#wrap #contents .sample2 > .info-wrap > div > div img{width:100%; }
#wrap #contents .sample2 > .info-wrap > div > div > div{position: relative; }
#wrap #contents .sample2 > .info-wrap > div > div > div > .back{position: absolute; display: table-cell; top:0; left:0; background-color: #000; width:100%; height: 100%; opacity: 0.4; filter:alpha(opacity=40); }
#wrap #contents .sample2 > .info-wrap > div > div > div > .text{position: absolute; display: block; color:#fff; top:0; left:0; width:100%; height:100%; }
#wrap #contents .sample2 > .info-wrap > div > div > div > .text > div{display: table; width:100%; height:100%; }
#wrap #contents .sample2 > .info-wrap > div > div > div > .text > div > h2{display: table-cell; vertical-align: middle; }
#wrap #contents .sample2 > .info-wrap > div > div > p{font-size: 14px; font-weight: 500; line-height: 1.5em; margin-top:20px; }
#wrap #contents .sample2 > .top-btn-box{text-align: right; padding:10px 0; }
/* sample 3 */
@font-face {font-family: 'nanum-square-r'; src: url('/_default/fonts/nanum-square-r/nanumsquarer.eot'); src: url('/_default/fonts/nanum-square-r/nanumsquarer.eot?#iefix') format('embedded-opentype'), url('/_default/fonts/nanum-square-r/nanumsquarer.woff2') format('woff2'), url('/_default/fonts/nanum-square-r/nanumsquarer.woff') format('woff'), url('/_default/fonts/nanum-square-r/nanumsquarer.ttf') format('truetype'), url('/_default/fonts/nanum-square-r/nanumsquarer.svg#nanumsquarerregular') format('svg'); font-weight: normal; font-style: normal; }
@-webkit-keyframes sample3-pulse {from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes sample3-pulse {from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.sample3-pulse {-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: sample3-pulse; animation-name: sample3-pulse; }
.sample3{position: relative; overflow: hidden; }
.sample3 *{font-family: "nanum-square-r", "Nanum Gothic"; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sample3 .copyright-footer{position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.7); font-size: 12px; border-top:1px solid #ccc; color: gray; text-align: center; padding: 13px; }
.sample3 .copyright-footer button{position: absolute; top: 6px; right: 20px; border: 1px solid #ccc; background-color: rgba(255,255,255,0.7); padding: 6px 0; width: 150px; }
.sample3 .copyright-footer button span{display: inline-block; vertical-align: middle; font-size: 11px; font-weight: bold; color: gray; letter-spacing: 1px; }
.sample3 .copyright-footer button span.arrow{margin-left: 5px; border-style: solid; border-color: transparent gray; border-width: 6px 0 6px 6px; }
.sample3 .version-ko{position: relative; max-width: 1920px; min-width: 1100px; margin: 0 auto; }
.sample3 .version-ko .sub-container{max-width:1100px; margin:0 auto; }
.sample3 .version-ko .icon-header{position: absolute; z-index: 1; right: 50px; top: 50px; color: #eee; text-align: right; }
.sample3 .version-ko .icon-header > button{display: inline-block; vertical-align: middle; border: 0; margin-left: 5px; width: 34px; height: 34px; background-repeat: no-repeat; background-size: 34px 34px; -ms-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sample3 .version-ko .icon-header > button.kind1{background: url(/_default/images/campaign/sample3/menu01_off.png); width:79px; height: 17px; background-size: 79px 17px; margin-right:10px; }
.sample3 .version-ko .icon-header > button.kind1:hover{background: url(/_default/images/campaign/sample3/menu01_on.png); }
.sample3 .version-ko .icon-header > button.kind2{background: url(/_default/images/campaign/sample3/menu02_off.png); }
.sample3 .version-ko .icon-header > button.kind2:hover{background: url(/_default/images/campaign/sample3/menu02_on.png); }
.sample3 .version-ko .icon-header > button.kind3{background: url(/_default/images/campaign/sample3/menu03_off.png); }
.sample3 .version-ko .icon-header > button.kind3:hover{background: url(/_default/images/campaign/sample3/menu03_on.png); }
.sample3 .version-ko .icon-header > button.kind4{background: url(/_default/images/campaign/sample3/menu04_off.png); }
.sample3 .version-ko .icon-header > button.kind4:hover{background: url(/_default/images/campaign/sample3/menu04_on.png); }
.sample3 .version-ko .icon-header > button.kind5{background: url(/_default/images/campaign/sample3/menu05_off.png); }
.sample3 .version-ko .icon-header > button.kind5:hover{background: url(/_default/images/campaign/sample3/menu05_on.png); }
.sample3 .version-ko .icon-header > button.kind6{background: url(/_default/images/campaign/sample3/menu06_off.png); }
.sample3 .version-ko .icon-header > button.kind6:hover{background: url(/_default/images/campaign/sample3/menu06_on.png); }
.sample3 .version-ko .icon-header > button.kind7{background: url(/_default/images/campaign/sample3/menu07_off.png); }
.sample3 .version-ko .icon-header > button.kind7:hover{background: url(/_default/images/campaign/sample3/menu07_on.png); }
.sample3 .version-ko .icon-header > button.kind8{background: url(/_default/images/campaign/sample3/menu08_off.png); }
.sample3 .version-ko .icon-header > button.kind8:hover{background: url(/_default/images/campaign/sample3/menu08_on.png); }
.sample3 .version-ko .icon-header > button.kind9{background: url(/_default/images/campaign/sample3/menu09_off.png); }
.sample3 .version-ko .icon-header > button.kind9:hover{background: url(/_default/images/campaign/sample3/menu09_on.png); }
.sample3 .version-ko .icon-header > button.kind10{background: url(/_default/images/campaign/sample3/menu10_off.png); }
.sample3 .version-ko .icon-header > button.kind10:hover{background: url(/_default/images/campaign/sample3/menu10_on.png); }
.sample3 .version-ko .icon-header > button.kind11{background: url(/_default/images/campaign/sample3/menu11_off.png); }
.sample3 .version-ko .icon-header > button.kind11:hover{background: url(/_default/images/campaign/sample3/menu11_on.png); }
.sample3 .version-ko {position: relative; }
.sample3 .version-ko > .logo{position: absolute; z-index:2; top: 50px; left: 50px; border: 0; }
.sample3 .version-ko > .logo img{width: 100%; }
.sample3 .version-ko .swiper-slide{display: table; width: 100%; height: 100%; }
.sample3 .version-ko .swiper-slide > .item{position: relative; display: table-cell; vertical-align: middle; text-align: center; }
.sample3 .version-ko .swiper-slide > .item.order1{background: url(/_default/images/campaign/smaple3_item1_main.jpg) no-repeat center center; }
.sample3 .version-ko .swiper-slide > .item.order1 > p{margin-top:50px; font-size: 18px; color:#fff; line-height: 1.5em; }
.sample3 .version-ko .swiper-slide > .item.order2{display: block; height: 100%; }
.sample3 .version-ko .swiper-slide > .item.order2 > div{display: table ; width: 100%; height: 70%; color: #555; }
.sample3 .version-ko .swiper-slide > .item.order2 > div:first-child{height: 30%; background-color: #E43838; color:#fff; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div{display: table-cell; vertical-align: middle; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div > h1{font-size: 35px; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div > p{font-size: 16px; margin:13px 0 35px; line-height: 1.5em; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .comment{display: inline-block; color:#999; font-size: 16px; border-bottom:1px solid #ccc; margin:30px 0 50px; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper{display: table !important; width:100%; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper div{display: table-cell; vertical-align: top; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper div.blank{width:10px; border:0; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper div > .box {border:1px solid #ccc; height: 100%; padding:40px 0; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper div > .box > h2{display: inline-block; font-size: 16px; background-color: #333; color:#fff; font-weight: 100; border-radius: 15px; padding:5px 20px; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper div > .box > p{line-height: 1.5em; font-size: 15px; color:#333; margin-top:15px; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper .box2{display: table; width:100%; margin-top:10px; border:1px solid #ccc; padding:40px 50px; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper .box2 > div{position: relative; vertical-align: middle; text-align: left; font-size: 18px; line-height: 1.4em; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper .box2 > div.social-icon{width:80px; padding-right:40px; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper .box2 > div > span{display: block; font-size: 16px; font-weight: bold; margin-bottom:5px; }
.sample3 .version-ko .swiper-slide > .item.order2 > div > div .wraper .box2 > div > button{position: absolute; font-weight: bold; right:-13px; bottom:-13px; border: 0; font-size: 15px; color: #888888; background: transparent url(/_default/images/campaign/sample3/section01_arrow.png) no-repeat center right; padding-right: 14px; }
.sample3 .version-ko .swiper-slide > .item.order3{display: block; height: 100%; }
.sample3 .version-ko .swiper-slide > .item.order3 > div{display: table ; width: 100%; height: 70%; color: #555; }
.sample3 .version-ko .swiper-slide > .item.order3 > div:first-child{height: 30%; background-color: #E43838; color:#fff; }
.sample3 .version-ko .swiper-slide > .item.order3 > div > div{display: table-cell; vertical-align: middle; }
.sample3 .version-ko .swiper-slide > .item.order3 > div > div > h1{font-size: 35px; }
.sample3 .version-ko .swiper-slide > .item.order3 > div > div > p{font-size: 16px; margin:13px 0 0; line-height: 1.5em; }
.sample3 .version-ko .swiper-slide > .item.order3 > div > div > .group{margin-top:30px;}
.sample3 .version-ko .swiper-slide > .item.order3 > div > div > .group:first-child{margin-top:0;}
.sample3 .version-ko .swiper-slide > .item.order3 > div > div > .group > .box{display: inline-block; vertical-align: top; margin-left: 60px; }
.sample3 .version-ko .swiper-slide > .item.order3 > div > div > .group > .box:first-child{margin-left:0; }
.sample3 .version-ko .swiper-slide > .item.order3 > div > div > .group > .box > h3{margin-top: 15px; }
.sample3 .version-ko .swiper-slide.common{display: block; width:100%; height: 100%; }
.sample3 .version-ko .swiper-slide.common > div{position: relative; height: 40%; overflow: hidden; color:#555; }
.sample3 .version-ko .swiper-slide.common > div:first-child{height: 60% }
.sample3 .version-ko .swiper-slide.common > div.top{background-position: center center; background-repeat: no-repeat; }
.sample3 .version-ko .swiper-slide.common > div.top > div{color:#fff; font-size: 16px; position: absolute; top:50%; left:50%; margin-left:-60px; }
.sample3 .version-ko .swiper-slide.common > div.top > div > span:first-child{margin-right:80px; }
.sample3 .version-ko .swiper-slide.common > div.bottom {display: table; width:100%; padding-bottom:40px; }
.sample3 .version-ko .swiper-slide.common > div.bottom > div{display: table-cell; vertical-align: middle; }
.sample3 .version-ko .swiper-slide.common > div.bottom > div > div{float: left; width:50%; line-height: 2em; }
.sample3 .version-ko .swiper-slide.common > div.bottom > div > div > h1 > span{display: inline-block; vertical-align: middle; }
.sample3 .version-ko .swiper-slide.common > div.bottom > div > div > h1 > span.icon{width: 70px; height: 70px; background-repeat: no-repeat; background-size: 70px 70px; margin-right:20px; }
.sample3 .version-ko .swiper-slide.common > div.bottom > div > div > h2{font-size: 17px; padding-top: 20px; margin-bottom: 20px; }
.sample3 .version-ko .swiper-slide.common > div.bottom > div > div > p{font-size: 14px; }
.sample3 .version-ko .swiper-slide.common.kind1 div.top{background-image: url(/_default/images/campaign/sample3/section03_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind1 span.icon{background-image: url(/_default/images/campaign/sample3/section03_icon.png); }
.sample3 .version-ko .swiper-slide.common.kind2 div.top{background-image: url(/_default/images/campaign/sample3/section04_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind2 span.icon{background-image: url(/_default/images/campaign/sample3/section04_icon.png); }
.sample3 .version-ko .swiper-slide.common.kind3 div.top{background-image: url(/_default/images/campaign/sample3/section05_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind3 span.icon{background-image: url(/_default/images/campaign/sample3/section05_icon.png); }
.sample3 .version-ko .swiper-slide.common.kind4 div.top{background-image: url(/_default/images/campaign/sample3/section06_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind4 span.icon{background-image: url(/_default/images/campaign/sample3/section06_icon.png); }
.sample3 .version-ko .swiper-slide.common.kind5 div.top{background-image: url(/_default/images/campaign/sample3/section07_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind5 span.icon{background-image: url(/_default/images/campaign/sample3/section07_icon.png); }
.sample3 .version-ko .swiper-slide.common.kind6 div.top{background-image: url(/_default/images/campaign/sample3/section08_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind6 span.icon{background-image: url(/_default/images/campaign/sample3/section08_icon.png); }
.sample3 .version-ko .swiper-slide.common.kind7 div.top{background-image: url(/_default/images/campaign/sample3/section09_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind7 span.icon{background-image: url(/_default/images/campaign/sample3/section09_icon.png); }
.sample3 .version-ko .swiper-slide.common.kind8 div.top{background-image: url(/_default/images/campaign/sample3/section10_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind8 span.icon{background-image: url(/_default/images/campaign/sample3/section10_icon.png); }
.sample3 .version-ko .swiper-slide.common.kind9 div.top{background-image: url(/_default/images/campaign/sample3/section11_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind9 span.icon{background-image: url(/_default/images/campaign/sample3/section11_icon.png); }
.sample3 .version-ko .swiper-slide.common.kind10 div.top{background-image: url(/_default/images/campaign/sample3/section12_img.jpg); }
.sample3 .version-ko .swiper-slide.common.kind10 span.icon{background-image: url(/_default/images/campaign/sample3/section12_icon.png); }
.sample3 .version-ko .swiper-slide .item.order-last{position: relative; background: url(/_default/images/campaign/sample3/section13_background.jpg) no-repeat center center; }
.sample3 .version-ko .swiper-slide .item.order-last > .sub-container {line-height: 1.7; color: #fff; font-size: 20px; font-weight: bold; }
.sample3 .version-ko .swiper-slide .item.order-last > h1{color: #fff; font-size: 30px; margin: 80px 0 30px; }
.sample3 .version-ko .swiper-slide .item.order-last > button{border: 0; background: url(/_default/images/campaign/sample3/section13_btn.png) no-repeat center center; background-size: 220px 50px; width: 220px; height: 50px; }
.sample3 .version-en{width: 100%; height: 100%; position: absolute; top: 0; left: 100%; z-index: 2; opacity: 0; }
.sample3 .version-en .en-wrap{display: table; width: 100%; height: 100%; max-width: 1920px; min-width: 1100px; margin: 0 auto; background: url(/_default/images/campaign/sample3/en_main_img.jpg) no-repeat center center; background-size: 100% 100%; }
.sample3 .version-en .en-wrap > div{display: table-cell; vertical-align: middle; text-align: center; }
.sample3 .version-en .en-wrap > div .layer-center{background-color: #fff; padding: 30px 0; }
.sample3 .version-en .sub-container{max-width:1000px; margin:0 auto; }
.sample3 .version-en .logo{position: absolute; top: 40px; left: 40px; border: 0; }
.sample3 .version-en .logo img{width: 100%; }
.sample3 .version-en .layer-top img{width: 50%; }
.sample3 .version-en .layer-top p{color: #fff; font-size: 17px; margin: 20px 0 40px; }
.sample3 .version-en .layer-bottom img{width: 24%; margin-top: 40px; }
.sample3 .version-en .layer-center .title h1{font-size: 30px; font-weight: bold; }
.sample3 .version-en .layer-center .title p{font-size: 15px; margin:10px 0 25px; line-height: 1.5em; }
.sample3 .version-en .layer-center .comment{display: inline-block; color:#999; font-size: 16px; border-bottom:1px solid #ccc; margin-top:30px; }
.sample3 .version-en .layer-center .wraper{display: table !important; width:100%; }
.sample3 .version-en .layer-center .wraper div{display: table-cell; vertical-align: top; }
.sample3 .version-en .layer-center .wraper div.blank{width:10px; border:0; }
.sample3 .version-en .layer-center .wraper div > .box {border:1px solid #ccc; padding: 20px 0; }
.sample3 .version-en .layer-center .wraper div > .box > h2{display: inline-block; font-size: 14px; background-color: #333; color:#fff; font-weight: 100; border-radius: 15px; padding:5px 20px; }
.sample3 .version-en .layer-center .wraper div > .box > p{line-height: 1.5em; font-size: 14px; margin-top: 15px; color:#333; }
.sample3 .version-en .layer-center .wraper .box2{display: table; width:100%; margin-top:10px; border:1px solid #ccc; padding:25px 50px; }
.sample3 .version-en .layer-center .wraper .box2 > div{position: relative; vertical-align: middle; text-align: left; font-size: 18px; line-height: 1.4em; }
.sample3 .version-en .layer-center .wraper .box2 > div.social-icon{width:80px; padding-right:40px; }
.sample3 .version-en .layer-center .wraper .box2 > div > span{display: block; font-size: 16px; font-weight: bold; margin-bottom:5px; }
.sample3 .version-en .layer-center .wraper .box2 > div > button{position: absolute; font-weight: bold; right:-13px; bottom:-13px; border: 0; font-size: 15px; color: #888888; background: transparent url(/_default/images/campaign/sample3/section01_arrow.png) no-repeat center right; padding-right: 14px; }
/* sample3 mobile */
.sample3_mobile{position: relative; overflow: hidden; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; word-break: keep-all; line-height: 1.45em; font-size: 0.8em; width: 100%; max-width: 100%; min-width: 100%; height: 100%; }
.sample3_mobile *{line-height: 1.45em; margin: 0; padding: 0; font-family: "nanum-square-r", "Nanum Gothic"; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sample3_mobile .container{padding:0 20px; }
.sample3_mobile .version-ko .logo{position: absolute; z-index: 100; top: 10px; left: 10px; width: 18%; border: 0; }
.sample3_mobile .version-ko .logo img{width: 100%; }
.sample3_mobile .copyright-footer{position: absolute; z-index: 101; width:100%; bottom:0; left: 0; padding: 7px 7px; text-align: left; font-size: 7px; font-weight: 100; border-top: 1px solid #e3e3e3; color: gray; background-color: rgba(255,255,255,0.7); }
.sample3_mobile .copyright-footer button{position: absolute; top: 3px; right: 7px; border: 1px solid #ccc; background-color: rgba(255,255,255,0.9); padding: 0 0; width: 120px; }
.sample3_mobile .copyright-footer button span{display: inline-block; vertical-align: middle; font-size: 7px; font-weight: bold; color: gray; }
.sample3_mobile .copyright-footer button span.arrow{margin-left: 5px; border-style: solid; border-color: transparent gray; border-width: 4px 0 4px 4px; }
.sample3_mobile .version-ko .swiper-slide.order-1{display: table; width: 100%; background: url(/_default/images/campaign/sample3_m/main_img.jpg) no-repeat center center; background-size: 100%; color: #fff; text-align: center; }
.sample3_mobile .version-ko .swiper-slide.order-1 > div{display: table-cell; vertical-align: middle; }
.sample3_mobile .version-ko .swiper-slide.order-1 > div > .img-1{width: 50%; }
.sample3_mobile .version-ko .swiper-slide.order-1 > div > .img-2{width: 70%; margin: 20px 0;}
.sample3_mobile .version-ko .swiper-slide.order-1 > div > .img-3{width: 54%; }
.sample3_mobile .version-ko .swiper-slide.order-1 > div > p{font-size: 13px; margin-top: 30px; }
.sample3_mobile .version-ko .swiper-slide.order-1 > div > button{margin-top: 80px; border: 0; background: url(/_default/images/campaign/sample3_m/btn_next.png) no-repeat center center; background-size: 40px 40px; width: 40px; height: 40px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div{display: table; width:100%; text-align: center; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.top{height: 18%; background-color: #E43838; color: #fff; padding: 35px 0 10px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom{height: 82%; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom > div{display: table-cell; vertical-align: middle; padding: 15px 20px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom > div > span{font-size: 2em; font-weight: bold; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom > div > p{margin: 5px 0 10px 0; font-size: 9px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind1{border: 1px solid #e3e3e3; text-align: left; padding: 3% 6%; margin-top: 2%; white-space: nowrap; font-weight: bold; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind1 span{display: inline-block; vertical-align: middle; font-size: 10px; background-color: #444; border-radius: 100px; padding:1% 4%; margin-right: 5%; color: #fff; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind1 p{display: inline-block; vertical-align: middle; font-size: 11px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind2{display: table; width: 100%; margin-top: 5px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind2 > div{display: table-cell; vertical-align: top; height: 120px; width: 50%; padding-left: 2.5px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind2 > div:first-child{padding-left: 0; padding-right: 2.5px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind2 > div > div{display: table; width: 100%; height: 100%; border: 1px solid #e3e3e3; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind2 > div > div > div{display: table-cell; vertical-align: middle; padding: 0 5px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind2 div span{display: block; font-size: 8px; margin-bottom: 5px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind2 div p{font-size: 9px; white-space: nowrap; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind2 div img{display: block; width: 20px; margin: 10px auto 5px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .box-kind2 div button{border: 0; background: url(/_default/images/campaign/sample3_m/section01_arrow.png) no-repeat center right; font-size: 9px; background-size: 4px; padding-right: 10px; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .comment{margin: 15px 0 30px 0; }
.sample3_mobile .version-ko .swiper-slide.order-2 > div.bottom .comment span{line-height: 1.6em; font-size: 9px; color: #aaa; border-bottom: 1px solid #e1e1e1; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div{display: table; width:100%; text-align: center; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.top{height: 18%; background-color: #E43838; color: #fff; padding: 35px 0 10px; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom{display: table; width:100%; height: 82%; padding-bottom: 20px; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom > .container{display: table-cell; vertical-align: middle; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box{display: table; width: 100%; margin-bottom: 5px; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box > div{display: table-cell; vertical-align: top; width: 50%; border:1px solid #ccc; padding: 10px; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box > div:first-child{border-right: 0; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box > div > div{display: table; width: 100%; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box > div > div > div{display: table-cell; vertical-align: middle; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap{background-repeat: no-repeat; background-position: center left; background-size: 25px; width: 35px; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind1{background-image: url(/_default/images/campaign/sample3_m/section02_icon01.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind2{background-image: url(/_default/images/campaign/sample3_m/section02_icon02.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind3{background-image: url(/_default/images/campaign/sample3_m/section02_icon03.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind4{background-image: url(/_default/images/campaign/sample3_m/section02_icon04.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind5{background-image: url(/_default/images/campaign/sample3_m/section02_icon05.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind6{background-image: url(/_default/images/campaign/sample3_m/section02_icon06.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind7{background-image: url(/_default/images/campaign/sample3_m/section02_icon07.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind8{background-image: url(/_default/images/campaign/sample3_m/section02_icon08.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind9{background-image: url(/_default/images/campaign/sample3_m/section02_icon09.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .img-wrap.kind10{background-image: url(/_default/images/campaign/sample3_m/section02_icon10.png); }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .text-wrap{text-align: left; font-weight: bold; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .text-wrap span{color: #aaa; }
.sample3_mobile .version-ko .swiper-slide.order-3 > div.bottom .box .text-wrap h4{margin-top: 3px; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap{height: 55%; position: relative; overflow: hidden; background-size: 100%; background-repeat: no-repeat; background-position: center center; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind1{background-image: url(/_default/images/campaign/sample3_m/section03_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind2{background-image: url(/_default/images/campaign/sample3_m/section04_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind3{background-image: url(/_default/images/campaign/sample3_m/section05_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind4{background-image: url(/_default/images/campaign/sample3_m/section06_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind5{background-image: url(/_default/images/campaign/sample3_m/section07_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind6{background-image: url(/_default/images/campaign/sample3_m/section08_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind7{background-image: url(/_default/images/campaign/sample3_m/section09_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind8{background-image: url(/_default/images/campaign/sample3_m/section10_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind9{background-image: url(/_default/images/campaign/sample3_m/section11_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap.kind10{background-image: url(/_default/images/campaign/sample3_m/section12_img.jpg); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap > div{position: absolute; z-index: 1; color: #fff; font-weight: bold; top: 50%; left: 10px; margin-top: -25px; width: 100px; height: 50px; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap > div > span{position: absolute; bottom: 0; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.img-wrap > div > span:first-child{top: 0; bottom: auto; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap{display: table; width: 100%; height: 45%; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container{display: table-cell; vertical-align: middle; width:100%; padding: 10px 20px; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div{display: table; width: 100%; margin-bottom: 25px; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div{display: table-cell; vertical-align: top; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap{background-repeat: no-repeat; background-position: top left; width: 60px; height: 40px; background-size: 40px 40px; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind1{background-image: url(/_default/images/campaign/sample3_m/section03_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind2{background-image: url(/_default/images/campaign/sample3_m/section04_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind3{background-image: url(/_default/images/campaign/sample3_m/section05_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind4{background-image: url(/_default/images/campaign/sample3_m/section06_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind5{background-image: url(/_default/images/campaign/sample3_m/section07_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind6{background-image: url(/_default/images/campaign/sample3_m/section08_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind7{background-image: url(/_default/images/campaign/sample3_m/section09_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind8{background-image: url(/_default/images/campaign/sample3_m/section10_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind9{background-image: url(/_default/images/campaign/sample3_m/section11_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.icon-wrap.kind10{background-image: url(/_default/images/campaign/sample3_m/section12_icon.png); }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.text-wrap *{line-height: 1.4em; }
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.text-wrap h2{font-size: 17px;}
.sample3_mobile .version-ko .swiper-slide.order-common-2 > div.text-wrap > .container > div > div.text-wrap h3{font-size: 12px; margin: 6px 0; }
.sample3_mobile .version-ko .swiper-slide.order-last{display: table; width: 100%; background: url(/_default/images/campaign/sample3_m/section13_background.jpg) no-repeat center center; background-size: 100%; }
.sample3_mobile .version-ko .swiper-slide.order-last > div{display: table-cell; vertical-align: middle; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
.sample3_mobile .version-ko .swiper-slide.order-last > div > .comment{text-align: center; margin-top: 40px; color: #fff;}
.sample3_mobile .version-ko .swiper-slide.order-last > div > .comment > h2{font-size: 16px; }
.sample3_mobile .version-ko .swiper-slide.order-last > div > .comment > button{margin-top: 10px; border: 0; width: 100px; height: 28px; background: url(/_default/images/campaign/sample3_m/section13_btn.png) no-repeat center center; background-size: 100px 28px; }
.sample3_mobile .version-ko .swiper-pagination{display: inline-block; right: 10px; top: 17px; bottom: auto; left: auto; width: auto; }
.sample3_mobile .version-ko .swiper-pagination .swiper-pagination-bullet{width: 5px; height: 5px; margin: 0 3px; background: #fff; opacity: 1; }
.sample3_mobile .version-ko .swiper-pagination .swiper-pagination-bullet-active{background: rgba(255,255,255,0.4); }
.sample3_mobile .version-en{position: absolute; top: 100%; left: 0; opacity: 0; z-index: 101; width: 100%; height: 100%; background-color: #fff; }
.sample3_mobile .version-en .logo{position: absolute; z-index: 100; top: 10px; left: 10px; width: 32%; border: 0; }
.sample3_mobile .version-en .logo img{width: 100%; }
.sample3_mobile .version-en .swiper-pagination{display: inline-block; right: 10px; top: 17px; bottom: auto; left: auto; width: auto; }
.sample3_mobile .version-en .swiper-pagination .swiper-pagination-bullet{width: 5px; height: 5px; margin: 0 3px; background: #fff; opacity: 1; }
.sample3_mobile .version-en .swiper-pagination .swiper-pagination-bullet-active{background: rgba(255,255,255,0.4); }
.sample3_mobile .version-en .swiper-slide.order-1{display: table; width: 100%; background: url(/_default/images/campaign/sample3_m/main_img.jpg) no-repeat center center; background-size: 100%; color: #fff; text-align: center; }
.sample3_mobile .version-en .swiper-slide.order-1 > div{display: table-cell; vertical-align: middle; }
.sample3_mobile .version-en .swiper-slide.order-1 > div > img{width: 60%; }
.sample3_mobile .version-en .swiper-slide.order-1 > div > p{font-size: 13px; margin-top: 30px; }
.sample3_mobile .version-en .swiper-slide.order-1 > div > button{margin-top: 70px; border: 0; background: url(/_default/images/campaign/sample3_m/btn_next.png) no-repeat center center; background-size: 40px 40px; width: 40px; height: 40px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div{display: table; width:100%; text-align: center; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.top{height: 20%; background-color: #E43838; color: #fff; padding: 45px 0 15px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom{height: 80%; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom > div{display: table-cell; vertical-align: middle; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind1{display: table; width: 100%; margin-top: 5px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind1:first-child{margin:0; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind1 > div{display: table-cell; vertical-align: top; text-align: center; width: 50%; padding-left: 2.5px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind1 > div:first-child{padding-left:0; padding-right: 2.5px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind1 > div > .box{border: 1px solid #e3e3e3; padding: 15px 0;}
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind1 > div > .box span{display: inline-block; vertical-align: middle; font-size: 10px; background-color: #444; border-radius: 100px; padding:2px 10px 0; color: #fff; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind1 > div > .box p{margin-top: 10px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind2{display: table; width: 100%; margin-top: 5px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind2 > div{display: table-cell; vertical-align: top; height: 120px; width: 50%; padding-left: 2.5px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind2 > div:first-child{padding-left: 0; padding-right: 2.5px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind2 > div > div{display: table; width: 100%; height: 100%; border: 1px solid #e3e3e3; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind2 > div > div > div{display: table-cell; vertical-align: middle; padding: 10px 5px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind2 div span{display: block; font-size: 11px; font-weight: bold; margin-bottom: 5px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind2 div p{font-size: 9px; white-space: nowrap; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind2 div img{display: block; width: 30px; margin: 10px auto 7px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .box-kind2 div button{border: 0; background: url(/_default/images/campaign/sample3_m/section01_arrow.png) no-repeat center right; font-size: 9px; background-size: 4px; padding-right: 10px; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .comment{margin: 15px 0 30px 0; }
.sample3_mobile .version-en .swiper-slide.order-2 > div.bottom .comment span{line-height: 1.6em; font-size: 9px; color: #aaa; border-bottom: 1px solid #e1e1e1; }

.sp4{overflow: hidden; }
.sp4-top{position: relative; padding: 200px 0; background: url(/_default/images/campaign/sp4/bg.jpg) no-repeat center; background-size: cover; text-align: center; }
.sp4-title{display: block; margin: 0 auto 70px; max-width: 680px; }
.sp4-video{display: block; margin: 0 auto; max-width: 640px; }
.sp4-botm{position: relative; padding: 80px 0; background-color: #ffd951; }
.sp4-child{position: absolute; bottom: 0; left: 50%; margin-left: -700px; }
.sp4-txt{position: relative; display: block; margin: 0 auto; max-width: 600px; }
.sp4-btns{margin-top: 40px; text-align: center; }
.sp4-btns a{display: inline-block; vertical-align: middle; margin: 0 3px; }
@media (max-width: 1250px)
{
    .sp4-top{background-position: bottom right 15%; }
    .sp4-title{max-width: 90%; margin-bottom: 7%; }
    .sp4-video{max-width: 80%; }
    .sp4-txt{max-width: 70%; }
}
@media (max-width: 1023px)
{
    .sp4-top{padding: 100px 0; }
    .sp4-child{position: absolute; bottom: 0; left: 50%; margin-left: -65%; max-width: 45%;}
}
@media (max-width: 639px)
{
    .sp4-botm{padding: 40px 0; }
    .sp4-txt{max-width: 85%; }
    .sp4-btns{margin-top: 30px; }
    .sp4-btns a{max-width: 35%; }
    .sp4-btns img{display: block; width: 100%; }
    .sp4-child{margin-left: -68%; max-width: 45%;}
}