@charset "utf-8";
@font-face {
	font-family: 'so500c.0';
	src: url('../fonts/SamsungOne-500C_v1.0.eot');
	src: local('?'), url('../fonts/SamsungOne-500C_v1.0.woff') format('woff'), url('../fonts/SamsungOne-500C_v1.0.ttf') format('truetype'), url('../fonts/SamsungOne-500C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'so400c.0';
	src: url('../fonts/SamsungOne-300C_v1.0.eot');
	src: local('?'), url('../fonts/SamsungOne-300C_v1.0.woff') format('woff'), url('../fonts/SamsungOne-300C_v1.0.ttf') format('truetype'), url('../fonts/SamsungOne-300C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'so300c.0';
	src: url('../fonts/SamsungOne-300C_v1.0.eot');
	src: local('?'), url('../fonts/SamsungOne-300C_v1.0.woff') format('woff'), url('../fonts/SamsungOne-300C_v1.0.ttf') format('truetype'), url('../fonts/SamsungOne-300C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'so800c.0';
	src: url('../fonts/SamsungOne-800C_v1.0.eot');
	src: local('?'), url('../fonts/SamsungOne-800C_v1.0.woff') format('woff'), url('../fonts/SamsungOne-800C_v1.0.ttf') format('truetype'), url('../fonts/SamsungOne-800C_v1.0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SamsungSharpSans-Medium';
	src: url('../fonts/SamsungSharpSans-Medium.eot');
	src: local('☺'), url('../fonts/SamsungSharpSans-Medium.woff') format('woff'), url('../fonts/SamsungSharpSans-Medium.ttf') format('truetype'), url('../fonts/SamsungSharpSans-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_SamsungSharpSans-Bold';
	src: url('../fonts/SamsungSharpSans-Bold.eot');
	src: local('☺'), url('../fonts/SamsungSharpSans-Bold.woff') format('woff'), url('../fonts/SamsungSharpSans-Bold.ttf') format('truetype'), url('../fonts/SamsungSharpSans-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body { margin:0; padding:0; overflow-x:hidden; font-family: 'so400c.0'; }
.lang_toggle { width:100%; text-align:left;z-index:999999; position: absolute; left: 0; top: 0; }
.lang_toggle a{ font-family: 'so400c.0'; font-weight: 400; color: #000000; color: #ffffff; font-size: 14px; text-decoration: underline;  padding: 15px; cursor: pointer; }
.clear {clear:both;}
.main-kv { max-width: 1920px; margin: 0 auto; }
.main-kv * { box-sizing: border-box; }
.main-kv.holiday_kv { background: url(../images/main-kv.jpg) no-repeat center top; min-height: 1140px; position: relative; }
.main-kv .desktop-hand { position: absolute; right: 0; top: 20px; }
.main_container { margin:0 auto; padding: 0 40px; width:100%; max-width:1280px; position: relative; }
.contentArea { width:100%; padding: 30px 15px 0; position: relative; }
.offer_text { width: 40%; float: left; margin: 60px 0 0 30px; }
.offer_text .offer_title { font-family: 'Conv_SamsungSharpSans-Bold'; font-size: 32px; color: #ffffff; margin: 0 0 20px; }
.offer_text .offer_title span { color: #f8c216; text-transform: uppercase; }
.offer_text .offer_content { font-family: 'so400c.0'; font-size: 14px; color: #ffffff; font-weight: 500; }
.offer_text .offer_condition { font-family: 'so400c.0'; font-size: 14px; color: #ffffff; margin: 60px 0 0; }
.howto { width: 50%; float: left; margin: 140px 0 0 30px; }
.howto .howto_title { font-family: 'so400c.0'; font-size: 20px; color: #000000; font-weight: bolder; margin: 0 0 15px; }
.howto .howto_text { font-family: 'so400c.0'; font-size: 14px; color: #393939; font-weight: 500; border-bottom: 1px dotted #b1aea9; margin: 0 0 20px; padding: 0 0 20px; }
.carousel_slider { margin: 0 0 100px; padding: 0; width: 100%; }
.jcarousel li { text-align: center; }
.jcarousel li .step-name { text-align: center; font-family: 'so400c.0'; font-size: 14px; color: #1e1c1c; font-weight: 400; margin: 15px 10px 0; }
.ss_samsung p.lastp { margin: 0 0 20px; font-family: 'so400c.0'; font-size: 14px; font-weight: 400; }
.ss_samsung p.lastp a { color: #000000; text-decoration: none; }
.ss_samsung p.lastp a:hover, .ss_samsung p.lastp a:focus { color: #000000; text-decoration: underline; }
.holiday-logo { display: none; }
.mobile-device { display: none; }

/*Jcarousel css start*/
.jcarousel-wrapper {
    margin: 0;
    position: relative;
    border: 0 none;    
}
/** Carousel **/
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.jcarousel img {
    display: inline-block;
    max-width: 100%;
    height: auto !important;
}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    bottom: -70px;    
    width: 55px;
    height: 55px;
    text-align: center;
}
.jcarousel-control-prev {
    left: 210px;
}
.jcarousel-control-next {
    right: 210px;
}
.jcarousel-control-prev:hover img,
.jcarousel-control-next:hover img {
    opacity: 0.3;
}
/** Carousel Pagination **/
.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
/*Jcarousel css end*/

/* Responsive css starts */
/* Horizontal view - tablet/ipad 1024 */
@media (min-width: 991px) and (max-width: 1024px) {
    .main-kv.holiday_kv { background-size: 150%; min-height: 1000px; }
    .offer_text { width: 50%; margin: 30px 0 0 0; }
    .offer_text .offer_condition { margin: 20px 0 0; }
    .howto { width: 65%; margin: 80px 0 0 0; }
    .main-kv .desktop-hand { width: 380px; }
    .main-kv .desktop-hand img { width: 100%; }
}
/* Vertical view - tablet/ipad 768 */
@media (min-width: 768px) and (max-width: 990px) {
    .main-kv.holiday_kv { background-size: 180%; min-height: 950px; }
    .offer_text { width: 60%; margin: 10px 0 0 0; }
    .offer_text .offer_title { font-size: 26px; }
    .offer_text .offer_condition { margin: 20px 0 0; }
    .jcarousel li .step-name { margin-right: 0; }
    .howto { width: 65%; margin: 100px 0 0 0; }
    .jcarousel-control-prev { left: 140px; }
    .jcarousel-control-next { right: 140px; }
    .main-kv .desktop-hand { width: 300px; }
    .main-kv .desktop-hand img { width: 100%; }
}
/* Horizontal/Vertical view - mobile */
@media (max-width: 767px) {    
    .main-kv.holiday_kv { min-height: 1000px; background: url(../images/main-kv-mobile.jpg) no-repeat center top; padding: 0; background-size: 100%; }
    .main_container { padding: 0; }
    .offer_text { width: 100%; margin: 0; }
    .offer_text .offer_title { font-size: 28px; }
    .holiday-logo { display: block; margin: 10px 0 20px; }
    .offer_text .offer_condition { margin: 20px 0 0; }
    .jcarousel li .step-name { margin-right: 0; }
    .howto { width: 100%; margin: 30px 0 0 0; }
    .mobile-device { display: block; margin-right: -15px; text-align: right; }
    .mobile-device img { max-width: 100%; max-height: 100%; }
    .jcarousel-control-prev { left: 0; top: 50%; margin-top: -40px; }
    .jcarousel-control-next { right: 0; top: 50%; margin-top: -40px; }
    .desktop-hand { display: none; }
    .lang_toggle { text-align: right; }
}
@media (max-width: 400px) {
    .offer_text .offer_condition { color: #000000; }
}
/* Horizontal view - mobile */
@media (min-width: 440px) and (max-width: 990px) {
}