QCO A5

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .k_wrap_pnm9000vq{ margin:0 auto; max-width: 1140px; box-sizing: border-box; font-size: 18px; text-align: left; /* font-family: “PT Sans”, “Myriad Pro”, “Arial”, “sans-serif”; */ display: inline-block; position: relative; width:100%; color: #363636; } .k_wrap_pnm9000vq img{ width:100%; } .web_contents{ display:block; } .mob_contents{ display:none; } /* head */ .k_nmat{ position: absolute; width:100%; color: white; text-align:center; margin-top:18%; font-size: 78px; font-weight:bold; text-shadow:black 2px 2px; } .k_hero{ position: absolute; width:100%; margin:0 auto; text-align:center; margin-top:40%; } .k_hero img{ width: 78%; } .k_wpmdc{ width:100%; padding:130px 0px 100px 0px; background-color: #f5f5f5; font-size:42px; font-weight: bold; } /*line-up*/ .k_lineup{ padding:60px 73px; } .k_lineup_table{ width:100%; text-align:center; font-size:20px; line-height:22px; color: #363636; } .k_lineup_table tr td{ width:33%; } .k_lineup_table .k_lineup_img td img{ width:70%; } .k_lineup_modelName td{ font-weight:bold; padding-top:30px; } .k_lineup_modelDesc td{ padding-top:8px; line-height:28px; } /*Youtube Wrap*/ .k_movies{ padding:0px 73px; } .k_youtubeWrap{ position: relative; width: 50%; padding-bottom: 28%; float:left; margin-top:30px; margin-bottom:60px; } .k_youtubeWrap .k_youtube_frame{ position:absolute; left:0; } /*Product Features*/ .k_product_features{ padding:0px 73px 60px 73px; } .k_product_feature_basic{ padding:60px 0px; width:100%; display:flex; align-items:center; justify-content:space-between; } .k_product_feature_balign{ padding:60px 0px; width:100%; display:flex; align-items:flex-end; justify-content:space-between; } .k_feature_title{ font-size:28px; font-weight:bold; margin-bottom:30px; } .k_feature_desc{ font-size:18px; line-height:26px; } #k_feature_3 .k_feature_desc{ margin-bottom:30px; } #k_feature_8 .k_feature_desc, #k_feature_9 .k_feature_desc, #k_feature_10 .k_feature_desc, { margin-bottom:12px; } #k_feature_8 .k_feature_comment, #k_feature_10 .k_feature_comment, { font-size:14px; } #k_feature_1 .k_feature_words, #k_feature_3 .k_feature_words{ width:48%; float:left; overflow:hidden; text-align:left; padding-right:4%; order:1; } #k_feature_1 .k_feature_img, #k_feature_3 .k_feature_img{ width:48%; float:left; overflow:hidden; order:2; } #k_feature_2 .k_feature_words{ width:48%; float:left; overflow:hidden; text-align:left; order: 2; } #k_feature_2 .k_feature_img{ width:48%; float:left; overflow:hidden; padding-right:4%; order:1; } #k_feature_4 .k_feature_words, #k_feature_6 .k_feature_words{ width:36%; float:left; overflow:hidden; text-align:left; order:2; } #k_feature_4 .k_feature_img, #k_feature_6 .k_feature_img{ width:60%; float:left; overflow:hidden; padding-right:4%; order:1; } #k_feature_6 .k_feature_img img{ width:48%; } #k_feature_5 .k_feature_words, #k_feature_7 .k_feature_words{ width:36%; float:left; overflow:hidden; text-align:left; padding-right:4%; order:1; } #k_feature_5 .k_feature_img, #k_feature_7 .k_feature_img{ width:60%; float:left; overflow:hidden; order:2; } #k_feature_5 .k_feature_img img{ width:48%; } #k_feature_8 .k_feature_words, #k_feature_9 .k_feature_words, #k_feature_10 .k_feature_words, { margin-bottom:60px; text-align:left; } #k_feature_8 .k_feature_img, #k_feature_10 .k_feature_img, { width:100%; } #k_feature_8 .k_feature_img img, #k_feature_10 .k_feature_img img { margin: 0 auto; // width:80%; width:100%; padding-top:30px; } #k_feature_10 .k_feature_title { padding-top:100px; } /* feature_compare */ .k_feature_compare{ margin-bottom:60px; } .k_feature_compare_title{ font-weight:bold; font-size:24px; margin-bottom:16px; text-align:left; } .k_feature_compare_table{ width:100%; text-align:center; margin-bottom:30px; font-size:18px; border-spacing:0px; color:#363636; } .k_feature_compare_table .k_compare_img .k_compare_name{ width:24%; } .k_feature_compare_table .k_compare_img td{ width:19%; padding:16px 12px; } .k_feature_compare_table .k_compare_img td img{ width: 60%; } .k_feature_compare_table .k_compare_modelName{ background-color: #f0f0f0; } .k_feature_compare_table .k_compare_modelName .k_compare_name, .k_feature_compare_table .k_compare_modelSpec .k_compare_name{ width:24%; text-align:left; font-weight:bold; padding:16px 12px; border-top:1pt solid #dcdcdc; border-bottom:1pt solid #dcdcdc; } .k_feature_compare_table .k_compare_modelName td{ width:19%; font-weight:bold; border-top:1pt solid #dcdcdc; border-bottom:1pt solid #dcdcdc; } .k_feature_compare_table .k_compare_modelSpec td{ width:19%; border-top:1pt solid #dcdcdc; border-bottom:1pt solid #dcdcdc; padding: 16px 12px; line-height:30px; } #k_feature_8 .k_product_feature_onebody { text-align:left; padding-top:0; } #k_feature_10 .k_product_feature_onebody { text-align:left; } @media screen and (max-width: 841px){ .web_contents{ display:none; } .mob_contents{ display:block; } /* head */ .k_nmat{ margin-top:24%; } .k_hero{ position: absolute; width:100%; margin:0 auto; text-align:center; margin-top:60%; } .k_hero img{ width: 78%; } .k_wpmdc{ font-size:54px; } /*line-up*/ .k_lineup{ padding:60px 40px; } .k_lineup_table{ line-height:30px; } .k_lineup_table .k_lineup_img td img{ width:80%; } .k_lineup_modelName td{ font-size:30px; } .k_lineup_modelDesc td{ line-height:30px; font-size:22px; } /*Youtube Wrap*/ .k_movies{ padding:0px 40px; } .k_youtubeWrap{ width:100%; padding-bottom:56%; } /*Product Features*/ .k_product_features{ padding: 40px 40px; } #k_feature_1{ padding-top: 0px; } #k_feature_9{ padding-bottom:0px; border-bottom:none; } .k_feature_title{ font-size:28px; line-height:42px; } .k_feature_desc{ font-size:18px; line-height:30px; } #k_feature_3 .k_feature_desc{ margin-bottom:100px; } #k_feature_8 .k_feature_desc, #k_feature_9 .k_feature_desc, #k_feature_10 .k_feature_desc, { margin-bottom:40px; } #k_feature_8 .k_feature_comment, #k_feature_10 .k_feature_comment { font-size:28px; } #k_feature_1 .k_feature_words, #k_feature_3 .k_feature_words{ width:100%; padding-right:0%; padding-bottom:80px; } #k_feature_1 .k_feature_img, #k_feature_3 .k_feature_img{ width:100%; } #k_feature_2 .k_feature_words{ width:100%; padding-bottom:80px; } #k_feature_2 .k_feature_img{ width:100%; padding-right:0%; } #k_feature_4 .k_feature_words, #k_feature_6 .k_feature_words{ width:100%; padding-bottom:80px; } #k_feature_4 .k_feature_img, #k_feature_6 .k_feature_img{ width:100%; padding-right:0%; } #k_feature_6 .k_feature_img img{ width:100%; padding-bottom:20px; } #k_feature_5 .k_feature_words, #k_feature_7 .k_feature_words{ width:100%; padding-right:0%; padding-bottom:80px; } #k_feature_5 .k_feature_img, #k_feature_7 .k_feature_img{ width:100%; } #k_feature_5 .k_feature_img img{ width:100%; padding-bottom:60px; } #k_feature_8 .k_feature_words, #k_feature_9 .k_feature_words, #k_feature_10 .k_feature_words, { margin-bottom:80px; } #k_feature_8 .k_feature_img, #k_feature_10 .k_feature_img { width:100%; } #k_feature_8 .k_feature_img img, #k_feature_10 .k_feature_img img { width:100%; } #k_feature_8 .k_product_feature_onebody { text-align:left; padding-top:0; } #k_feature_10 .k_product_feature_onebody { text-align:left; } text-align:left; } /* feature_compare */ .k_feature_compare_title{ font-size:48px; margin-bottom:40px; } .k_feature_compare_table{ font-size:24px; } .k_feature_compare_table .k_compare_img .k_compare_name{ width:34%; } .k_feature_compare_table .k_compare_img td{ width:33%; } .k_feature_compare_table .k_compare_img td img{ width:60%; } .k_feature_compare_table .k_compare_modelName .k_compare_name, .k_feature_compare_table .k_compare_modelSpec .k_compare_name{ width:34%; } .k_feature_compare_table .k_compare_modelName td{ width:33%; } .k_feature_compare_table .k_compare_modelSpec td{ line-height:30px; width:33%; } } @media screen and (max-width: 701px){ /* head */ .k_nmat{ font-size:52px; } } @media screen and (max-width: 481px){ /* head */ .k_nmat{ font-size:39px; } .k_wpmdc{ font-size:27px; padding: 50px 0px; } /*line-up*/ .k_lineup{ padding:30px 20px; } .k_lineup_table{ line-height:15px; } .k_lineup_table .k_lineup_img td img{ width:80%; } .k_lineup_modelName td{ font-size:15px; } .k_lineup_modelDesc td{ line-height:15px; font-size:11px; } /*Youtube Wrap*/ .k_movies{ padding:0px 20px; } .k_youtubeWrap{ margin-top:10px; margin-bottom:30px; } /*Product Features*/ .k_product_features{ padding: 20px 20px; } .k_product_feature_basic{ padding:50px 0px; border-bottom:2px solid #d7d7d7; } .k_product_feature_balign{ padding:50px 0px; border-bottom:2px solid #d7d7d7; } .k_feature_title{ font-size:28px; margin-bottom:30px; line-height:42px; } .k_feature_desc{ font-size:18px; line-height:30px; } #k_feature_3 .k_feature_desc{ margin-bottom:50px; } #k_feature_8 .k_feature_desc, #k_feature_9 .k_feature_desc, #k_feature_10 .k_feature_desc { margin-bottom:20px; } #k_feature_8 .k_feature_comment{ font-size:14px; } #k_feature_1 .k_feature_words, #k_feature_3 .k_feature_words{ padding-bottom:40px; } #k_feature_2 .k_feature_words{ padding-bottom:40px; } #k_feature_4 .k_feature_words, #k_feature_6 .k_feature_words{ padding-bottom:40px; } #k_feature_6 .k_feature_img img{ padding-bottom:10px; } #k_feature_5 .k_feature_words, #k_feature_7 .k_feature_words{ padding-bottom:40px; } #k_feature_5 .k_feature_img img{ padding-bottom:30px; } #k_feature_8 .k_feature_words, #k_feature_9 .k_feature_words, #k_feature_10 .k_feature_words { margin-bottom:40px; } /* feature_compare */ .k_feature_compare_title{ font-size:24px; margin-bottom:20px; } .k_feature_compare_table{ font-size:12px; } .k_feature_compare_table .k_compare_modelSpec td{ line-height:15px; width:33%; } }