@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: 'SamsungSharpSans';
	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;
}


html { scroll-behavior: smooth; }
.footer {
    margin-top: 0 !important;
}

.cq-placeholder,
.new {
    height: auto !important;
}

p {
    margin-top: 16px;
    margin-bottom: 16px;
}

.installment.disclaimer p {
    margin-top: 12px;
    margin-bottom: 12px;
}

.video-wrapper {
    position: inherit !important;
    width: auto !important;
}

body {
    line-height: normal !important;
    font-size: 16px;
    font-family: 'so400c.0' !important;
    margin: 0;
    color: inherit;
}
.mega-menu-navbar-default {
	z-index: inherit !important;
}
button:focus {
    background-color: transparent !important;
}

img {
    min-height: auto !important;
    vertical-align: revert !important;
}




.clear { clear: both; }
* { box-sizing:border-box; }
.main-container { width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; }
.work-container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0; }
.grey-bg{ background-color: #f4f4f4; }
.black-bg{ background-color: #000000; color: #ffffff; }
.display_desktop { display: block; }
.display_mobile { display: none; }

.section1 { width: 100%; margin: 0; padding: 0; text-align: center; }
.section2 { width: 100%; margin: 0; padding: 80px 0; text-align: center; }
.section3 { width: 100%; margin: 0; padding: 0 0 80px; text-align: center; }
.section4 { width: 100%; margin: 0; padding: 0 0 80px; text-align: center; }
.section5 { width: 100%; margin: 0; padding: 0 0 80px; text-align: center; }
.section6 { width: 100%; margin: 0; padding: 0 0 80px; text-align: center; }
.section7 { width: 100%; margin: 0; padding: 80px 0; text-align: center; }
.section8 { width: 100%; margin: 0; padding: 80px 0; text-align: center; }
.disclaimer { width: 100%; margin: 0; padding: 50px 0; }

.main_kv { width: 100%; margin: 0; padding: 150px 0 0; }
.main_kv_title { width: 100%; margin: 0; padding: 0 0 40px; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 42px; }
.main_kv_cta { width: 100%; margin: 0; padding: 0; }
.main_kv_cta a { display: inline-block; font-weight: 600; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #000000; border: 1px solid #000000; border-radius: 7px; padding: 15px 40px; }
.main_kv_cta a:hover, .main_kv_cta a:focus { background: #000000; color: #ffffff; }
.main_kv_img { width: 100%; margin: 0; padding: 50px 0 0; }
.main_kv_img img { max-width: 100%; max-height: 100%; }

.main_title { width: 100%; margin: 0; padding: 0 0 40px; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 70px; }
.copy_content { width: 100%; margin: 0; padding: 0 0 40px; font-size: 20px; font-weight: 400; }
.vm_guide { width: 45%; margin: 0 auto; padding: 30px 0 100px; list-style: none; overflow: hidden; }
.vm_guide li { width: 33.33%; float: left; margin: 0; padding: 0; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 24px; }
.vm_guide li span { font-size: 34px; }

.device_sizes { width: 50%; margin: 0 auto; padding: 0; position: relative; }
.device_size_img { width: 100%; margin: 0; padding: 0; position: relative; z-index: 20; }
.device_size_img img { max-width: 100%; max-height: 100%; }
.device_size_copy_s8ultra, .device_size_copy_s8plus, .device_size_copy_s8 { width: 20%; margin: 0; padding: 0; position: absolute; z-index: 50; text-align: left; }
.device_size_copy_s8ultra { top: 330px; left: -100px; }
.device_size_copy_s8plus { top: 530px; left: -100px; }
.device_size_copy_s8 { top: 730px; left: -100px; }
.device_name { width: 100%; margin: 0; padding: 0 0 10px; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 20px; }
.device_size { width: 100%; margin: 0; padding: 0; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 32px; }

.sub_title { width: 100%; margin: 0; padding: 0 0 40px; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 40px; }
.autoframe { width: 100%; margin: 0; padding: 0; }
.autoframe img { max-width: 100%; max-height: 100%; }
.note_copy { width: 100%; margin: 0; padding: 30px 0; font-size: 12px; font-weight: 800; color: #999999; }

.video_calling { width: 100%; margin: 0; padding: 0; }
.video_calling img { max-width: 100%; max-height: 100%; }

.spen { width: 100%; margin: 0; padding: 0; }
.spen img { max-width: 100%; max-height: 100%; }

.compare_chart { width: 70%; margin: 0 auto; padding: 50px 0 0; list-style: none; overflow: hidden; }
.compare_chart li { width: 33.33%; float: left; margin: 0; padding: 0 20px; }
.prod_name { width: 100%; margin: 0; padding: 0; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 30px; }
.prod_img { width: 100%; margin: 0; padding: 20px 0; }
.prod_img img { max-width: 100%; max-height: 100%; }
.prod_color { width: 60%; margin: 0 auto; padding: 0 0 70px; text-align: left; min-height: 180px; }
.prod_color .color_box { width: 100%; margin: 0; padding: 0 0 10px; font-weight: 400; font-size: 20px; }
.prod_color .color_box span { width: 20px; height: 20px; display: inline-block; border-radius: 50px; margin: 0 5px 0 0; padding: 0; position: relative; top: 3px; }
.prod_color .color_box.graphite span { background: #535255; }
.prod_color .color_box.silver span { background: #c9c9c8; }
.prod_color .color_box.pink_gold span { background: #dabeba; }
.spec_table_title { width: 100%; margin: 0; padding: 0 0 30px; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 26px; text-align: left; }
.spec_table { width: 100%; margin: 0; padding: 0 0 40px; }
.spec_big { width: 100%; margin: 0; padding: 0; font-family: 'SamsungSharpSans'; font-weight: 800; font-size: 30px; }
.spec_small { width: 100%; margin: 0; padding: 0; font-weight: 400; font-size: 18px; }
.spec_big img { max-width: 100%; max-height: 100%; }

.ecosystem { width: 100%; margin: 0; padding: 0; }
.ecosystem img { max-width: 100%; max-height: 100%; }

.in_the_box { width: 100%; margin: 0; padding: 0; }
.in_the_box img { max-width: 100%; max-height: 100%; }
.number_sequence { width: 40%; margin: 0 auto; padding: 50px 0 20px; list-style: none; overflow: hidden; text-align: left; }
.number_sequence li { width: 50%; float: left; margin: 0; padding: 0 0 10px; font-weight: 400; font-size: 20px; }

.disclaimer_list { width: 100%; margin: 0; padding: 0; list-style: none; }
.disclaimer_list li { font-size: 12px; font-weight: 400; margin: 0; padding: 0 0 5px; }



@media (min-width: 1025px) and (max-width: 1400px) {
	.disclaimer { padding: 50px 15px; }
	.device_size_copy_s8ultra { top: 240px; left: -80px; }
	.device_size_copy_s8plus { top: 420px; left: -80px; }
	.device_size_copy_s8 { top: 590px; left: -80px; }
}
@media (min-width: 991px) and (max-width: 1024px) {
	.main_kv { padding: 100px 0 0; }
	.main_kv_title { font-size: 32px; }
	.main_title { font-size: 50px; }
	.copy_content { font-size: 18px; padding: 0 15px 40px; }
	.vm_guide { width: 60%; }
	.vm_guide li { font-size: 20px; }
	.vm_guide li span { font-size: 26px; }
	.device_sizes { width: 60%; }
	.device_size_copy_s8ultra { top: 250px; left: -80px; }
	.device_size_copy_s8plus { top: 440px; left: -80px; }
	.device_size_copy_s8 { top: 610px; left: -80px; }
	.sub_title { font-size: 26px; }
	.disclaimer { padding: 50px 15px; }
	.compare_chart { width: 80%; }
}
@media (min-width: 768px) and (max-width: 990px) {
	.main_kv { padding: 100px 0 0; }
	.main_kv_title { font-size: 32px; }
	.main_title { font-size: 50px; }
	.copy_content { font-size: 18px; padding: 0 15px 40px; }
	.vm_guide { width: 70%; }
	.vm_guide li { font-size: 20px; }
	.vm_guide li span { font-size: 26px; }
	.device_sizes { width: 70%; }
	.device_size_copy_s8ultra { top: 220px; left: -60px; }
	.device_size_copy_s8plus { top: 380px; left: -60px; }
	.device_size_copy_s8 { top: 530px; left: -60px; }
	.device_name { font-size: 16px; }
	.sub_title { font-size: 26px; }
	.disclaimer { padding: 50px 15px; }
	.compare_chart { width: 100%; }
	.video_calling { padding: 0 15px; }
	.ecosystem { padding: 0 15px; }
	.in_the_box { padding: 0 15px; }
	.number_sequence { width: 60%; }
}
@media (max-width: 767px) {
	.display_desktop { display: none; }
	.display_mobile { display: block; }
	
	.section2 { padding: 50px 0; }
	.section3 { padding: 0 0 50px; }
	.section4 { padding: 0 0 50px; }
	.section5 { padding: 0 0 50px; }
	.section6 { padding: 0 0 50px; }
	.section7 { padding: 50px 0; }
	.section8 { padding: 50px 0; }
	
	.main_kv { padding: 50px 0; }
	.main_kv_title { font-size: 28px; padding: 0 15px 30px; }
	
	.main_title { font-size: 32px; padding: 0 15px 30px; }
	.main_title br { display: none; }
	
	.copy_content { font-size: 16px; padding: 0 15px 30px; }
	/*.copy_content br { display: none; }*/
	
	.vm_guide { width: 100%; padding: 30px 15px 60px; }
	.vm_guide li { font-size: 18px; }
	.device_sizes { width: 100%; }
	
	.device_size_copy_s8ultra { top: 230px; left: 10px; }
	.device_name { font-size: 14px; }
	.device_size { font-size: 24px; }
	.device_size_copy_s8plus { top: 425px; left: 10px; }
	.device_size_copy_s8 { top: 600px; left: 10px; }
	
	.sub_title { font-size: 22px; padding: 0 15px 30px; }
	
	.video_calling { padding: 0 15px; }
	.ecosystem { padding: 0 15px; }
	.in_the_box { padding: 0 15px; }
	
	.number_sequence { width: 100%; padding: 50px 15px 20px; }
	.number_sequence li { font-size: 16px; }
	
	.note_copy { padding: 30px 15px; }
	
	.disclaimer { padding: 50px 15px; }
	
	.compare_chart { width: 100%; padding: 30px 0 0; }
	.compare_chart li { padding: 0 15px; }
	.prod_name { font-size: 18px; min-height: 70px; }
	.prod_color { width: 100%; min-height: 105px; padding: 0 0 30px; }
	.prod_color .color_box { font-size: 16px; padding: 0 0 5px; }
	.prod_color .color_box span { width: 15px; height: 15px; }
	.spec_table_title { font-size: 14px; }
	.spec_table { padding: 0 0 30px; }
	.spec_big { font-size: 16px; }
	.spec_small { font-size: 14px; }
}
@media (max-width: 414px) {
	.device_size_copy_s8ultra { top: 270px; left: 10px; }
	.device_size_copy_s8plus { top: 490px; left: 10px; }
	.device_size_copy_s8 { top: 700px; left: 10px; }
}
@media (max-width: 390px) {
	.device_size_copy_s8ultra { top: 260px; left: 10px; }
	.device_size_copy_s8plus { top: 460px; left: 10px; }
	.device_size_copy_s8 { top: 660px; left: 10px; }
}
@media (max-width: 375px) {
	.device_size_copy_s8ultra { top: 240px; left: 10px; }
	.device_size_copy_s8plus { top: 440px; left: 10px; }
	.device_size_copy_s8 { top: 630px; left: 10px; }
}
@media (max-width: 360px) {
	.device_size_copy_s8ultra { top: 230px; left: 10px; }
	.device_size_copy_s8plus { top: 425px; left: 10px; }
	.device_size_copy_s8 { top: 600px; left: 10px; }
}