@charset "UTF-8"; .s-content-inner {max-width:100%;} .s-content-inner{border:0;} #galaxy-contents { position: relative; z-index: 0; margin: 0 auto; min-width: 320px; max-width: 1440px; font-family: 'SamsungOne',sans-serif; font-size: 12px; line-height: 1.3; color: #1a1a1a; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; /* local Navigation */ /* [COMMON] Footer _ Page Navigation ( Prev, Next ) */ /* sCheck */ /* [Module] CirCle ColorChip
Gold Gray
*/ /* Round Button .mod-button : base (required) .mod-button-m : View More View More View More */ /* preview-location-banner */ /* [COMMON] Store Search Modal-popup in Footer Page Navigation */ } #galaxy-contents *, #galaxy-contents *:before, #galaxy-contents *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #galaxy-contents article, #galaxy-contents aside, #galaxy-contents details, #galaxy-contents figcaption, #galaxy-contents figure, #galaxy-contents footer, #galaxy-contents header, #galaxy-contents nav, #galaxy-contents section, #galaxy-contents summary { display: block; margin: 0; padding: 0; } #galaxy-contents div, #galaxy-contents dl, #galaxy-contents dt, #galaxy-contents dd, #galaxy-contents ul, #galaxy-contents ol, #galaxy-contents li, #galaxy-contents h1, #galaxy-contents h2, #galaxy-contents h3, #galaxy-contents h4, #galaxy-contents h5, #galaxy-contents h6, #galaxy-contents form, #galaxy-contents fieldset, #galaxy-contents legend, #galaxy-contents input, #galaxy-contents textarea, #galaxy-contents select, #galaxy-contents p, #galaxy-contents button { margin: 0; padding: 0; } #galaxy-contents h1, #galaxy-contents h2, #galaxy-contents h3, #galaxy-contents h4, #galaxy-contents h5, #galaxy-contents h6 { font-weight: normal; font-size: 100%; line-height: 1.2; } #galaxy-contents a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; display: inline-block; } #galaxy-contents ul, #galaxy-contents ol, #galaxy-contents li { list-style: none; } #galaxy-contents b, #galaxy-contents strong { font-weight: bold; } #galaxy-contents i, #galaxy-contents em, #galaxy-contents address, #galaxy-contents optgroup { font-style: normal; font-weight: normal; } #galaxy-contents hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } #galaxy-contents article, #galaxy-contents aside, #galaxy-contents details, #galaxy-contents figcaption, #galaxy-contents figure, #galaxy-contents footer, #galaxy-contents header, #galaxy-contents main, #galaxy-contents nav, #galaxy-contents section, #galaxy-contents summary { display: block; margin: 0; padding: 0; } #galaxy-contents audio, #galaxy-contents canvas, #galaxy-contents video { display: inline-block; } #galaxy-contents audio:not([controls]) { display: none; height: 0; } #galaxy-contents svg:not(:root) { overflow: hidden; } #galaxy-contents img { border: 0; max-width: none; } #galaxy-contents [hidden], #galaxy-contents template { display: none; } #galaxy-contents table { border-collapse: collapse; border-spacing: 0; } #galaxy-contents caption, #galaxy-contents legend { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); } #galaxy-contents fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } #galaxy-contents button, #galaxy-contents input, #galaxy-contents select, #galaxy-contents textarea { font-family: inherit; font-size: 100%; margin: 0; } #galaxy-contents button, #galaxy-contents input { line-height: normal; } #galaxy-contents button, #galaxy-contents select { text-transform: none; } #galaxy-contents button, #galaxy-contents html input[type="button"], #galaxy-contents input[type="reset"], #galaxy-contents input[type="submit"] { -webkit-appearance: button; background: none; border: 0; cursor: pointer; } #galaxy-contents button[disabled], #galaxy-contents html input[disabled] { cursor: default; } #galaxy-contents input[type="checkbox"], #galaxy-contents input[type="radio"] { box-sizing: border-box; padding: 0; } #galaxy-contents input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #galaxy-contents input[type="search"]::-webkit-search-cancel-button, #galaxy-contents input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #galaxy-contents button::-moz-focus-inner, #galaxy-contents input::-moz-focus-inner { border: 0; padding: 0; } #galaxy-contents textarea { overflow: auto; vertical-align: top; } #galaxy-contents dfn { font-style: italic; } #galaxy-contents abbr[title] { border-bottom: 1px dotted; } #galaxy-contents mark { background: #ff0; color: #000; } #galaxy-contents code, #galaxy-contents kbd, #galaxy-contents pre, #galaxy-contents samp { font-family: monospace, serif; font-size: 1em; } #galaxy-contents pre { white-space: pre-wrap; } #galaxy-contents q { quotes: "\201C" "\201D" "\2018" "\2019"; } #galaxy-contents small { font-size: 80%; } #galaxy-contents sub, #galaxy-contents sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #galaxy-contents sup { top: -0.5em; } #galaxy-contents sub { bottom: -0.25em; } #galaxy-contents fieldset { margin: 0; padding: 0; border: 0; } #galaxy-contents .sr-only { overflow: hidden; position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; font-size: 1px; line-height: 1; } #galaxy-contents .l-lnbWrap { position: relative; height: 60px; box-sizing: border-box; } #galaxy-contents .l-lnbWrap * { box-sizing: border-box; } #galaxy-contents .l-lnb { display: block; position: absolute; top: 0; left: 50%; z-index: 30; width: 1920px; height: 60px; margin-left: -960px; border-bottom: 1px solid #c6c6c6; background-image: url("../img/lnb_bg.png"); } #galaxy-contents .l-lnb-logo { display: block; position: absolute; top: 20px; left: 20px; z-index: 5; width: 106px; height: 21px; } #galaxy-contents .l-lnb-logo:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/logo_samsung_gears2.png") no-repeat; background-size: 100% 100%; } #galaxy-contents .l-lnb-toggle { display: none; z-index: 5; } #galaxy-contents .l-lnbGroup { position: relative; z-index: 0; height: 100%; text-align: center; } #galaxy-contents .l-lnb-listWrap { display: inline; } #galaxy-contents .lnb-wrap { display: inline-block; } #galaxy-contents .l-lnb-list { display: inline-block; padding: 22px 0; vertical-align: top; } #galaxy-contents .l-lnb-item { display: inline-block; margin: 0 10px; vertical-align: top; } #galaxy-contents .l-lnb-item a { padding: 0 20px; font-family: "SamsungSharpSans",sans-serif; font-size: 15px; color: #999; text-transform: uppercase; } #galaxy-contents .l-lnb-item.is-active a { color: #333; } #galaxy-contents .l-lnb-item--buynow { position: relative; z-index: 5; top: 16px; } #galaxy-contents .l-lnb-item--buynow a { padding: 0 23px; height: 28px; line-height: 32px; background-color: #10309d; border-radius: 15px; font-size: 14px; color: #fff; } #galaxy-contents .l-lnb-bar { visibility: hidden; position: absolute; bottom: -1px; left: 0; display: inline-block; width: 100px; height: 4px; background: #3c3c9d; } @media only screen and (max-width: 1920px) { #galaxy-contents .l-lnb { left: 0; width: 100%; margin-left: 0; } } @media (min-width: 1080px) and (max-width: 1399px) { #galaxy-contents .l-lnb-logo { float: left; position: static; width: 13%; margin-top: 20px; } #galaxy-contents .l-lnb-logo:after { display: block; position: static; margin-left: 23px; width: 106px; max-height: 21px; } #galaxy-contents .l-lnbGroup { position: static; float: left; width: 87%; text-align: center; } #galaxy-contents .lnb-wrap .l-lnb-item { margin: 0 -3px; } } @media only screen and (max-width: 1079px) { #galaxy-contents .l-lnbWrap { height: 135px; } #galaxy-contents .l-lnb { height: 135px; border-bottom-width: 0; } #galaxy-contents .l-lnb-logo { top: 29px; left: 34px; width: 154px; height: 30px; } #galaxy-contents .l-lnb-listWrap { position: relative; top: 86px; display: block; width: 100%; height: 50px; overflow: hidden; border-bottom: 1px solid #c6c6c6; text-align: left; -webkit-overflow-scrolling: touch; } #galaxy-contents .lnb-wrap { display: block; width: 100%; overflow: auto; overflow-y: hidden; background-image: url("../img/lnb_bg.png"); } #galaxy-contents .l-lnb-list { display: inline-block; font-size: 0; white-space: nowrap; } #galaxy-contents li.l-lnb-item { display: inline-block; margin: 0; padding: 0 20px; } #galaxy-contents .l-lnb-list li:first-child { border-top: 0; } #galaxy-contents .l-lnb-item--buynow { position: absolute; top: 20px; right: 0; } #galaxy-contents .l-lnb-item--buynow a { padding: 0 20px; height: 46px; line-height: 50px; border-radius: 24px; font-size: 20px; } #galaxy-contents .l-lnb-bar { display: none; } #galaxy-contents li.l-lnb-item.is-active { padding: 0 20px 5px; border-bottom: 4px solid #3c3c9d; } } @media only screen and (max-width: 720px) { #galaxy-contents .l-lnbWrap { height: 59px; } #galaxy-contents .l-lnb { height: 34px; } #galaxy-contents .l-lnb-logo { top: 13px; left: 17px; width: 77px; height: 15px; } #galaxy-contents .l-lnb-toggle { top: 10px; right: 10px; width: 23px; height: 23px; } #galaxy-contents .l-lnb-listWrap { top: 34px; height: 34px; } #galaxy-contents .l-lnb-listWrap:before, #galaxy-contents .l-lnb-listWrap:after { position: absolute; left: 0; bottom: 0; width: 15px; height: 33px; content: ''; background: url("../img/bg_subnav_sidemask.png") no-repeat -15px 0; background-size: 30px 100%; z-index: 3; pointer-events: none; -webkit-transform: translate3d(0, 0, 0); } #galaxy-contents .l-lnb-listWrap:after { left: auto; right: 0; background-position: 0 0; } #galaxy-contents .l-lnb-list { padding: 8px 0 16px; overflow: visible; } #galaxy-contents .l-lnb-item a { padding: 0; font-size: 12px; } #galaxy-contents .l-lnb-item--buynow { top: 10px; right: -2px; } #galaxy-contents .l-lnb-item--buynow a { padding: 0 13px; height: 21px; line-height: 23px; border-radius: 12px; font-size: 10px; } #galaxy-contents li.l-lnb-item { margin: 0; padding: 0 8px; width: auto; } #galaxy-contents li.l-lnb-item:first-child { padding-left: 17px !important; } #galaxy-contents li.l-lnb-item.is-active { padding: 0 8px 7px; } #galaxy-contents .l-lnb-bar { visibility: visible; bottom: -1px; left: 0; } } #galaxy-contents .storeLink { padding: 26px 0 34px; background: url("../img/store_bg.gif") no-repeat center center; background-size: cover; } #galaxy-contents .storeLink:after { content: ""; display: block; clear: both; } #galaxy-contents .storeLink-group { position: relative; padding: 0 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 20px; letter-spacing: -0.025em; } #galaxy-contents .storeLink-group-online { padding-left: 104px; border-left: none; } #galaxy-contents .storeLink-group-support { padding-left: 104px; border-left: none; } #galaxy-contents .storeLink-group:before { content: ""; display: block; float: left; margin: 12px 48px 0 0; } #galaxy-contents .storeLink-group-tit { position: relative; display: block; font-size: 30px; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .storeLink-group-online .storeLink-group-tit:before { left: -114px; width: 65px; height: 55px; background: url("../img/ico_cart.png") no-repeat 0 0; } #galaxy-contents .storeLink-group-support .storeLink-group-tit:before { left: -114px; top: 5px; width: 64px; height: 50px; background: url("../img/ico_support.png") no-repeat 0 0; } #galaxy-contents .storeLink-group-offline:before { left: -93px; width: 93px; height: 88px; background: url("../img/ico_wordmap.png") no-repeat 0 0; } #galaxy-contents .storeLink-group-txt { margin: 0 0 0.7em !important; font-size: 0.9em; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .storeLink-group-link { position: relative; margin-right: 1.5em; font-size: 0.8em; color: #b89748; } #galaxy-contents .storeLink-group-link:active, #galaxy-contents .storeLink-group-link:visited, #galaxy-contents .storeLink-group-link:hover { color: #b89748; } #galaxy-contents .storeLink-group-link:before { content: ""; display: inline-block; width: 1.25em; height: 1.25em; margin-right: 0.75em; background: url("../img/ico_external_link.png") no-repeat 0 50%; background-size: 100% 100%; vertical-align: middle; } #galaxy-contents .quickNavigation { padding: 7.8125% 4.166666%; background: #f9f9f9; font-size: 20px; } #galaxy-contents .quickNavigation:after { content: ""; display: block; clear: both; } #galaxy-contents .quickNavigation-btn { display: block; padding: 0 63px; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .quickNavigation-btn-prev { float: left; text-align: left; } #galaxy-contents .quickNavigation-btn-next { float: right; text-align: right; } #galaxy-contents .quickNavigation-indicator { display: block; margin-bottom: 0.5em; font-size: 1em; color: #7e7e7e; line-height: 1.6; } #galaxy-contents .quickNavigation-name { position: relative; display: block; font-size: 2.4em; color: #292929; line-height: 1; text-transform: capitalize; } #galaxy-contents .quickNavigation-name:after { content: ""; position: absolute; bottom: 0; width: 0.47916666em; height: 0.833333em; background-repeat: no-repeat; background-size: 100% 100%; } #galaxy-contents .quickNavigation-btn-prev .quickNavigation-name:after { left: -64px; background-image: url("../img/btn_pageArrow_prev.png"); background-position: 0 100%; } #galaxy-contents .quickNavigation-btn-next .quickNavigation-name:after { right: -64px; background-image: url("../img/btn_pageArrow_next.png"); background-position: 100% 100%; } @media only screen and (max-width: 1023px) { #galaxy-contents .storeLink-group { padding: 25px 0 33px; font-size: 16px; } #galaxy-contents .storeLink-group-online:before { top: 30px; left: 20px; } #galaxy-contents .storeLink-group-offline:before { top: 37px; left: 20px; } #galaxy-contents .storeLink-group-tit { padding-left: 150px; } #galaxy-contents .storeLink-group-online .storeLink-group-tit { padding-left: 110px; } #galaxy-contents .storeLink-group-txt { padding-left: 150px; } #galaxy-contents .storeLink-group-online .storeLink-group-txt { padding-left: 110px; } #galaxy-contents .storeLink-group-link { padding-left: 150px; } #galaxy-contents .storeLink-group-online .storeLink-group-link { padding-left: 110px; } #galaxy-contents .quickNavigation { font-size: 16px; } #galaxy-contents .quickNavigation-btn { padding: 0 40px; } #galaxy-contents .quickNavigation-btn-prev .quickNavigation-name:after { left: -50px; } #galaxy-contents .quickNavigation-btn-next .quickNavigation-name:after { right: -50px; } } @media only screen and (max-width: 767px) { #galaxy-contents .storeLink-group-tit, #galaxy-contents .storeLink.offline-type .storeLink-group-tit { font-size: 14px; } #galaxy-contents .storeLink-group-txt { font-size: 14px; } #galaxy-contents .storeLink-group-link { font-size: 10px; } #galaxy-contents .storeLink-group-link:before { width: 13px; height: 13px; } #galaxy-contents .storeLink-group-online:before { top: 30px; left: 6px; width: 35px; height: 25px; background-size: 100% 100%; } #galaxy-contents .storeLink-group-offline:before { top: 30px; left: 6px; width: 53px; height: 48px; background-size: 100% 100%; } #galaxy-contents .storeLink.offline-type .storeLink-group { padding: 0 6px; } #galaxy-contents .storeLink.offline-type .storeLink-group-offline:before { margin: 0 13px 0 0; width: 63px; height: 58px; background-size: 100% 100%; } #galaxy-contents .storeLink-group-tit { padding-left: 66px; } #galaxy-contents .storeLink-group-online .storeLink-group-tit { padding-left: 50px; } #galaxy-contents .storeLink-group-txt { padding-left: 66px; } #galaxy-contents .storeLink-group-online .storeLink-group-txt { padding-left: 50px; } #galaxy-contents .storeLink-group-link { padding-left: 66px; } #galaxy-contents .storeLink-group-online .storeLink-group-link { padding-left: 50px; } #galaxy-contents .quickNavigation { padding: 40px 20px; font-size: 10px; } #galaxy-contents .quickNavigation-btn { padding: 0 20px; } #galaxy-contents .quickNavigation-name { font-size: 14px; } #galaxy-contents .quickNavigation-name:after { width: 10px; height: 17px; } #galaxy-contents .quickNavigation-btn-prev .quickNavigation-name:after { left: -20px; } #galaxy-contents .quickNavigation-btn-next .quickNavigation-name:after { right: -20px; } } #galaxy-contents .sCheck-checkbox, #galaxy-contents .sCheck-radio { position: absolute; width: 1px; height: 1px; -moz-appearance: none; -webkit-appearance: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; margin: 3px; outline: none; } #galaxy-contents .sCheck-label { cursor: pointer; margin: 0 30px; } #galaxy-contents .sCheck-label.sCheck--focusing { outline: 1px dotted #767676; } #galaxy-contents .sCheck-label-checkbox { position: relative; padding-left: 32px; font-size: 18px; } #galaxy-contents .sCheck-label-checkbox:before { content: ""; position: absolute; top: -8px; left: 0; display: inline-block; width: 32px; height: 32px; margin-left: -15px; vertical-align: top; background: url("../img/sCheck_check_off.png") no-repeat; } #galaxy-contents .sCheck-label-checkbox.sCheck--checked:before { background-image: url("../img/sCheck_check_on.png"); } @media (min-width: 768px) and (max-width: 1200px) { #galaxy-contents .sCheck-label-checkbox { padding-left: 10px; font-size: 12px; } #galaxy-contents .sCheck-label-checkbox:before { top: -4px; width: 16px; height: 16px; background-size: 16px 16px; } } @media only screen and (max-width: 767px) { #galaxy-contents .sCheck-label-checkbox { padding-left: 10px; font-size: 12px; } #galaxy-contents .sCheck-label-checkbox:before { top: -4px; width: 16px; height: 16px; background-size: 16px 16px; } } #galaxy-contents .mod-chipPager { font-size: 0; } #galaxy-contents .mod-chipPager-dot { position: relative; z-index: 6; display: inline-block; width: 1em; height: 1em; margin: 0.3em 0.5em 0.3em 0.25em; border-radius: 50%; cursor: pointer; font-size: 32px; } #galaxy-contents .mod-chipPager-dot:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: 1; width: 1.5em; height: 1.5em; border-radius: 50%; border-color: inherit; border-width: 1px; border-style: solid; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(-50%, -50%) scale(0, 0); -moz-transform: translate(-50%, -50%) scale(0, 0); -ms-transform: translate(-50%, -50%) scale(0, 0); -o-transform: translate(-50%, -50%) scale(0, 0); } #galaxy-contents .mod-chipPager-dot:hover:before, #galaxy-contents .mod-chipPager-dot.active:before { -webkit-transform: translate(-50%, -50%) scale(1, 1); -moz-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); -o-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } #galaxy-contents .mod-chipPager-dot.gold { background: #cab081; border-color: #cab081; } #galaxy-contents .mod-chipPager-dot.black { background: #000; border-color: #000; } #galaxy-contents .mod-chipPager-dot.gray { background: #898989; border-color: #898989; } #galaxy-contents .mod-chipPager-dot.white { background: #fff; border-color: #dadada; } #galaxy-contents .mod-chipPager-dot.white:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #dadada; } #galaxy-contents .mod-chipPager-dot.blue { background: #3459dc; border-color: #3459dc; } #galaxy-contents .mod-chipPager-dot.red { background: #cc0000; border-color: #cc0000; } #galaxy-contents .mod-chipPager-dot.topaz { background: #00cce0; border-color: #00cce0; } #galaxy-contents .mod-chipPager-dot.pink { background: #ff4f95; border-color: #ff4f95; } @media screen and (max-width: 767px) { #galaxy-contents .mod-chipPager-dot { font-size: 20px; } #galaxy-contents .mod-chipPager-dot:hover:before { opacity: 0; } #galaxy-contents .mod-chipPager-dot.active:before { opacity: 1; } } #galaxy-contents .mod-button { display: inline-block; height: 3.2em; padding: 0 3em; background-color: #fff; border: 1px solid #292929; border-radius: 1.8em; line-height: 3.3em; font-size: 20px; color: #292929; text-align: center; vertical-align: middle; } #galaxy-contents .mod-button:hover { color: #fff; background: #333; } #galaxy-contents .mod-button--large { height: 3.6em; line-height: 3.8em; text-transform: uppercase; } #galaxy-contents .mod-button--blue { border: 1px solid #3c3c9d; color: #fff; background-color: #3c3c9d; text-transform: uppercase; } #galaxy-contents .mod-button--blue:hover { border-color: #28287c; color: #fff; background-color: #28287c; color: #fff; text-transform: uppercase; } @media screen and (max-width: 1024px) { #galaxy-contents .mod-button { line-height: 3.2em; font-size: 16px; } } @media screen and (max-width: 767px) { #galaxy-contents .mod-button { font-size: 12px; } } #galaxy-contents .preview-location-banner-group { overflow: hidden; position: relative; display: block; width: 100%; height: 0; padding-bottom: 20.83333333333333%; text-align: center; background: url("../img/bg_global_banner.jpg") 0 0 no-repeat; background-size: 100% auto; } #galaxy-contents .preview-location-banner-group .preview-location-txt-box { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #galaxy-contents .preview-location-banner-group .preview-location-tit { font-size: 48px; font-family: 'SamsungSharpSans'; color: #292929; } #galaxy-contents .preview-location-banner-group .preview-location-tit em { display: block; } #galaxy-contents .preview-location-banner-group .preview-location-txt { font-size: 24px; color: #7e7e7e; margin-bottom: 1em; } #galaxy-contents .preview-location-banner-group .preview-location-btn { color: #fff; font-size: 20px; background: #3c3c9d; height: 3em; line-height: 3.3em; padding: 0 2.6em 0 2.5em; border-radius: 1.8em; text-align: center; vertical-align: middle; } #galaxy-contents .preview-location-banner-group .preview-location-btn:hover { background: #28287c; color: #fff; } #galaxy-contents .preview-location-banner-group .preview-location-btn .btn-txt { margin-right: .5em; } #galaxy-contents .preview-location-banner-group .preview-location-btn .btn-arrow { display: inline-block; width: 8px; height: 15px; background: url("../img/bg_global_arrow.png") 50% 50% no-repeat; } @media only screen and (max-width: 1919px) { #galaxy-contents .preview-location-banner-group .preview-location-tit { font-size: 32px; } #galaxy-contents .preview-location-banner-group .preview-location-txt { font-size: 18px; } #galaxy-contents .preview-location-banner-group .preview-location-btn { font-size: 16px; } } @media (min-width: 1024px) and (max-width: 1279px) { #galaxy-contents .preview-location-banner-group .preview-location-tit { font-size: 28px; } #galaxy-contents .preview-location-banner-group .preview-location-txt { font-size: 14px; } #galaxy-contents .preview-location-banner-group .preview-location-btn { font-size: 14px; } } @media (min-width: 768px) and (max-width: 1023px) { #galaxy-contents .preview-location-banner-group .preview-location-tit { font-size: 20px; } #galaxy-contents .preview-location-banner-group .preview-location-txt { font-size: 12px; } #galaxy-contents .preview-location-banner-group .preview-location-btn { font-size: 12px; } } @media only screen and (max-width: 767px) { #galaxy-contents .preview-location-banner-group { padding-bottom: 83.83311603650587%; background: url("../img/bg_global_banner_m.jpg") 0 0 no-repeat; background-size: 100% auto; } #galaxy-contents .preview-location-banner-group .preview-location-tit { padding: 0 5%; font-size: 24px; } #galaxy-contents .preview-location-banner-group .preview-location-txt { padding: 0 5%; font-size: 13px; } #galaxy-contents .preview-location-banner-group .preview-location-btn { font-size: 16px; height: 3em; line-height: 3.3em; padding: 0 2.5em 0 2.5em; border-radius: 1.8em; } #galaxy-contents .preview-location-banner-group .preview-location-btn .btn-arrow { width: 5px; height: 11px; background: url("../img/bg_global_arrow_m.png") 50% 50% no-repeat; } } #galaxy-contents .ly-findstore { display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; padding: 10px; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; } #galaxy-contents .ly-findstore-body { position: relative; top: 50%; left: 50%; max-width: 560px; width: 100%; height: 520px; max-height: 85%; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #galaxy-contents .ly-findstore-iframe::-webkit-scrollbar { width: .4em; } #galaxy-contents .ly-findstore-iframe::-webkit-scrollbar, #galaxy-contents .ly-findstore-iframe::-webkit-scrollbar-thumb { overflow: visible; border-radius: 4px; } #galaxy-contents .ly-findstore-iframe::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); } #galaxy-contents .ly-findstore-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #galaxy-contents .ly-findstore-body .closeshopLayer { position: absolute; top: -40px; right: 0; z-index: 10; display: block; width: 25px; height: 25px; font-size: 0; background: url("../img/btn_layer_close.png") no-repeat 0 0; background-size: 100% 100%; } @media screen and (max-width: 1024px) { #galaxy-contents { position: static; z-index: initial; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } } #galaxy-contents { /* KeyVisual */ /* how to */ /* 테스트 */ /* Contents List */ /* Side Navigation */ /* Pages */ /* page--notification */ /* page--messages */ /* page--phone */ /* page--buddy */ /* page--email */ /* page--shealth */ /* page--stopwatch */ /* page--gallery */ /* page--music */ /* page--schedule */ /* page--alarm */ /* page--timer */ /* page--weather */ /* page--find */ /* page--settings */ /* page--manager */ } #galaxy-contents .apps__kv { overflow: hidden; position: relative; } #galaxy-contents .apps__kv__box { position: absolute; top: 8em; z-index: 5; width: 100%; font-size: 20px; color: #fff; text-align: center; } #galaxy-contents .apps__kv__tit { font-family: "SamsungSharpSans",sans-serif; font-size: 3.6em; } #galaxy-contents .apps__kv__subtxt { max-width: 580px; margin: 1em auto; font-family: "SamsungOne",sans-serif; line-height: 1.5; } #galaxy-contents .apps__kv__bg { position: relative; top: 0; left: 50%; margin-left: -960px; z-index: 1; } #galaxy-contents .apps__kv__bg img { height: 1080px; } @media screen and (max-width: 1023px) { #galaxy-contents .apps__kv__box { top: 6.3em; font-size: 24px; } #galaxy-contents .apps__kv__tit { font-size: 2.18em; } #galaxy-contents .apps__kv__subtxt { max-width: 80%; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .apps__kv__bg { left: 0; margin: 0; } #galaxy-contents .apps__kv__bg img { max-width: 100%; height: auto; } } @media screen and (max-width: 767px) { #galaxy-contents .apps__kv__box { font-size: 18px; } } @media screen and (max-width: 500px) { #galaxy-contents .apps__kv__box { top: 6.3em; font-size: 11px; } } #galaxy-contents .apps_intro { overflow: hidden; position: relative; } #galaxy-contents .apps_intro .roof { outline: none; position: absolute; top: 50%; left: 0; z-index: 10; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; font-size: 20px; } #galaxy-contents .apps_intro .roof-tit { margin-bottom: 0.5em; font-family: "SamsungSharpSans",sans-serif; font-size: 2.7em; color: #262626; } #galaxy-contents .apps_intro .roof-txt { font-family: "SamsungOne",sans-serif; font-size: 1.1em; color: #666; } #galaxy-contents .guide__anchor { overflow: hidden; display: block; position: absolute; z-index: 100; background: url("../img/dummy.png") repeat 0 0; } #galaxy-contents .guide__anchor--bezel { top: 0; left: 0; width: 18%; height: 100%; } #galaxy-contents .guide__anchor--back { top: 0; right: 0; width: 18%; height: 50%; } #galaxy-contents .guide__anchor--home { bottom: 0; right: 0; width: 18%; height: 50%; } #galaxy-contents .guide__visuals { position: relative; height: 0; z-index: 1; padding-bottom: 44.2708333%; } #galaxy-contents .guide__visual { position: absolute; top: 0; height: 100%; z-index: 50; } #galaxy-contents .guide__device { height: 100%; } #galaxy-contents .guide__device__img { height: 100%; } #galaxy-contents .guide__pointer { position: absolute; top: 0; left: 0; height: 100%; } #galaxy-contents .guide__pointer__img { position: absolute; height: 100%; } #galaxy-contents .guide__visual--bezel { left: -8%; } #galaxy-contents .guide__visual--buttons { left: 80%; } #galaxy-contents .guide__visual--back { left: 80%; } #galaxy-contents .guide__visual--back .guide__visual__anchor { overflow: hidden; position: absolute; bottom: 0; left: 0; width: 40%; height: 50%; background: url("../img/dummy.png") repeat 0 0; } #galaxy-contents .guide__visual--home { left: 80%; } #galaxy-contents .guide__visual--home .guide__visual__anchor { overflow: hidden; position: absolute; top: 0; left: 0; width: 40%; height: 50%; background: url("../img/dummy.png") repeat 0 0; } #galaxy-contents .guide__text { outline: none; opacity: 0; position: absolute; top: 50%; width: 100%; font-size: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #galaxy-contents .guide__title { position: relative; margin-bottom: 0.5em; font-family: "SamsungSharpSans",sans-serif; font-size: 2.7em; } #galaxy-contents .guide__title:after { content: ""; overflow: hidden; position: absolute; top: -1.315em; left: 0; display: block; width: 1em; height: 1em; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; font-size: 76px; } #galaxy-contents .guide__explain { font-family: "SamsungOne",sans-serif; font-size: 1.1em; } #galaxy-contents .guide__text--bezel { left: 52.1875%; max-width: 32%; } #galaxy-contents .guide__text--bezel .guide__title:after { background-image: url("../img/apps/howto_ico_bezel.png"); } #galaxy-contents .guide__text--back { left: 12.5%; max-width: 32%; } #galaxy-contents .guide__text--back .guide__title:after { background-image: url("../img/apps/howto_ico_back.png"); } #galaxy-contents .guide__text--home { left: 12.5%; max-width: 32%; } #galaxy-contents .guide__text--home .guide__title:after { background-image: url("../img/apps/howto_ico_home.png"); } #galaxy-contents .stage__arrow { display: none; position: absolute; top: 50%; z-index: 100; width: 40px; height: 130px; margin-top: -65px; background-repeat: no-repeat; background-position: 50% 50%; } #galaxy-contents .stage__arrow--prev { left: 30px; background-image: url("../img/apps/howto_arrow_prev.png"); } #galaxy-contents .stage__arrow--next { right: 30px; background-image: url("../img/apps/howto_arrow_next.png"); } #galaxy-contents .open-bezel .guide__visual--bezel { left: 12.5%; } #galaxy-contents .open-bezel .guide__visual--buttons { left: 100%; } #galaxy-contents .open-button .guide__visual--bezel { left: -40%; } #galaxy-contents .open-button .guide__visual--buttons { left: 45.3125%; } @media screen and (min-width: 1024px) and (max-width: 1400px) { #galaxy-contents .apps_intro .roof { font-size: 14px; } #galaxy-contents .guide__text { font-size: 15px; } #galaxy-contents .guide__title:after { font-size: 40px; } } @media screen and (max-width: 1023px) { #galaxy-contents .apps_intro .roof { opacity: 1 !important; position: static; padding: 11.111% 5.555%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; font-size: 16px; } #galaxy-contents .apps_intro .roof-tit { font-size: 2.5em; } #galaxy-contents .apps_intro .roof-txt { font-size: 1em; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .guide__anchor--bezel { width: 34%; } #galaxy-contents .guide__anchor--back { width: 35%; } #galaxy-contents .guide__anchor--home { width: 35%; } #galaxy-contents .guide__visuals { padding-bottom: 82.2222222%; background-color: #f9f9f9; } #galaxy-contents .guide__visual--bezel { left: -39%; } #galaxy-contents .guide__visual--buttons { left: 55%; } #galaxy-contents .guide__texts { position: relative; height: 0; padding-bottom: 32.63888%; } #galaxy-contents .guide__text { position: absolute; top: 0; left: 0; width: 100%; font-size: 19px; max-width: none; padding: 0 5.555% 11.111%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; text-align: center; } #galaxy-contents .guide__title { position: relative; display: inline-block; margin-top: 1em; padding-left: 1.5em; font-size: 2em; } #galaxy-contents .guide__title:after { top: -0.2em; left: 0; width: 1.2em; height: 1.2em; font-size: 1em; } #galaxy-contents .guide__explain { font-size: 1em; } #galaxy-contents .guide__visual--back .guide__visual__anchor { left: 15%; } #galaxy-contents .guide__visual--home .guide__visual__anchor { left: 15%; } #galaxy-contents .stage__arrow { width: 30px; height: 80px; margin-top: -40px; background-size: 50% auto; } #galaxy-contents .stage__arrow--prev { left: 5.5%; } #galaxy-contents .stage__arrow--next { right: 5.5%; } } @media screen and (max-width: 767px) { #galaxy-contents .apps_intro .roof { font-size: 15px; } #galaxy-contents .guide__text { font-size: 13px; } } @media screen and (max-width: 420px) { #galaxy-contents .apps_intro .roof { font-size: 12px; } #galaxy-contents .guide__text { font-size: 10px; } } #galaxy-contents .apps__wrap { position: relative; padding-left: 280px; } #galaxy-contents .apps__menu-btn { display: none; } #galaxy-contents .apps__menu.is-hidden { opacity: 0; } #galaxy-contents .apps__menu { overflow: hidden; display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 280px; height: 100%; background-color: #f5f6f7; box-shadow: 3px 0 8px rgba(0, 0, 0, 0.12); opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } #galaxy-contents .apps__menu:after { content: ""; position: absolute; top: 0; left: 0; width: 64px; height: 100%; background-color: #373e4a; } #galaxy-contents .snb { position: relative; top: 0; bottom: auto; } #galaxy-contents .snb.is-fixed { position: fixed; z-index: 500; width: 280px; } #galaxy-contents .snb__item { position: relative; } #galaxy-contents .snb__key { overflow: hidden; display: block; position: relative; z-index: 2; width: 64px; height: 80px; line-height: 80px; text-align: center; } #galaxy-contents .snb__ico { display: inline-block; width: 24px; height: 24px; background-image: url("../img/apps/snb_icons.png"); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; } #galaxy-contents .snb__sub { display: none; position: absolute; top: 0; z-index: 1; width: 100%; padding-left: 64px; } #galaxy-contents .snb__sub__tit { display: block; padding: 1.4em 1.2em; font-size: 20px; line-height: 1.2; color: #262626; } #galaxy-contents .snb__sub__items { padding: 0 24px; word-break: break-all; } #galaxy-contents .snb__sub__item { position: relative; padding: 8px 0 8px 20px; line-height: 1.2; font-size: 16px; } #galaxy-contents .snb__sub__item a, #galaxy-contents .snb__sub__item a:hover, #galaxy-contents .snb__sub__item a:active, #galaxy-contents .snb__sub__item a:visited { color: #262626; } #galaxy-contents .snb__sub__item.is-active:after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; margin-top: -8px; border-radius: 50%; background-color: #343399; } #galaxy-contents .snb__sub__item.is-active a, #galaxy-contents .snb__sub__item.is-active a:hover, #galaxy-contents .snb__sub__item.is-active a:active, #galaxy-contents .snb__sub__item.is-active a:visited { color: #343399; font-family: "SamsungSharpSans", sans-serif; } #galaxy-contents .snb__item.is-active .snb__key { background-color: #262b33; } #galaxy-contents .snb__item.is-active .snb__key:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #5c9df5; } #galaxy-contents .snb__item.is-active .snb__key:after { content: ""; position: absolute; top: 50%; right: 0; width: 0; height: 0; margin-top: -6px; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #f0f0f0 transparent transparent; } #galaxy-contents .snb__item.is-active .snb__sub { display: block; } #galaxy-contents .snb__item--notification .snb__ico { background-position: 0 0; } #galaxy-contents .snb__item--communication .snb__ico { background-position: 0 -80px; } #galaxy-contents .snb__item--health .snb__ico { background-position: 0 -160px; } #galaxy-contents .snb__item--media .snb__ico { background-position: 0 -240px; } #galaxy-contents .snb__item--utility .snb__ico { background-position: 0 -320px; } #galaxy-contents .snb__item--utility .snb__sub { top: -40px; } #galaxy-contents .snb__item--manager .snb__ico { background-position: 0 -399px; } @media screen and (max-width: 1023px) { #galaxy-contents .contents { z-index: initial; } #galaxy-contents .apps__wrap { padding: 0; } #galaxy-contents .apps__menu-btn { display: block; overflow: hidden; position: fixed; bottom: 20px; right: 20px; z-index: 9999; width: 50px; height: 50px; background-color: #ca4a0e; border-radius: 50%; text-align: center; } #galaxy-contents .apps__menu-btn.is-hidden { visibility: hidden; } #galaxy-contents .apps__menu-btn_ico { position: relative; top: 50%; display: inline-block; width: 20px; height: 2px; margin-top: -20px; background-color: #fff; vertical-align: middle; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; transition: transform 0.3s; } #galaxy-contents .apps__menu-btn_ico:after { content: ""; display: block; width: 20px; height: 2px; background-color: inherit; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #galaxy-contents .apps__menu-btn.is-hidden.is-open { visibility: visible; } #galaxy-contents .apps__menu-btn.is-open .apps__menu-btn_ico { -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); -ms-transform: rotate(-315deg); transform: rotate(-315deg); } #galaxy-contents .apps__menu.is-hidden { visibility: visible; opacity: 1; } #galaxy-contents .apps__menu { display: none; position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); box-shadow: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #galaxy-contents .apps__menu:after { display: none; } #galaxy-contents .snb { position: absolute; top: auto !important; bottom: 70px; right: 25px; height: auto; } #galaxy-contents .snb.is-fixed { position: inherit; width: auto; } #galaxy-contents .snb__item { right: 0; margin-bottom: 12px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } #galaxy-contents .snb__key { overflow: visible; width: 40px; height: 40px; background-color: #fff !important; border-radius: 50%; line-height: 40px; } #galaxy-contents .snb__item .sr-only { position: absolute; top: auto; left: auto; right: 50px; width: auto; height: auto; font-size: 12px; text-align: right; line-height: 40px; color: #fff; white-space: nowrap; } #galaxy-contents .snb__item.is-active .snb__key:before { display: none; } #galaxy-contents .snb__ico { width: 18px; height: 18px; background-image: url("../img/apps/snb_icons_m.png"); background-size: 17px 298px; } #galaxy-contents .snb__item--notification .snb__ico { background-position: 0 -12px; } #galaxy-contents .snb__item--communication .snb__ico { background-position: 0 -62px; } #galaxy-contents .snb__item--health .snb__ico { background-position: 0 -114px; } #galaxy-contents .snb__item--media .snb__ico { background-position: 0 -166px; } #galaxy-contents .snb__item--utility .snb__ico { background-position: 0 -217px; } #galaxy-contents .snb__item--manager .snb__ico { background-position: 0 -269px; } #galaxy-contents .snb__sub { display: none !important; } } @media screen and (min-width: 1024px) { #galaxy-contents .apps__menu { display: block !important; } } #galaxy-contents .apps__pages { position: relative; z-index: 1; } #galaxy-contents .page { overflow: hidden; position: relative; font-size: 0; white-space: nowrap; } #galaxy-contents .page__content { position: relative; display: inline-block; width: 100%; color: #292929; white-space: normal; } #galaxy-contents .page__inner .topLeft { top: 13%; left: 7.8%; } #galaxy-contents .page__inner .topRight { top: 13%; right: 7.8%; text-align: right; } #galaxy-contents .page__inner .bottomLeft { bottom: 7.8%; left: 7.8%; } #galaxy-contents .page__inner .bottomRight { bottom: 7.8%; right: 7.8%; text-align: right; } #galaxy-contents .page__inner--cover { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; padding: 8% 7.8% 7.8%; } #galaxy-contents .page__inner--cover .page__headline { position: static; } #galaxy-contents .page__inner--cover .page__text { position: static; } #galaxy-contents .page__headline { position: absolute; z-index: 5; display: block; max-width: 60%; min-width: 350px; margin-bottom: 1em; font-family: "SamsungSharpSans", sans-serif; font-size: 45px; line-height: 1.25; } #galaxy-contents .page__text { position: absolute; z-index: 5; max-width: 60%; } #galaxy-contents .page__keyword { position: relative; padding: 130px 0 0.6em; font-family: "SamsungSharpSans",sans-serif; font-size: 50px; line-height: 1.2; text-transform: capitalize; } #galaxy-contents .page__keyword:after { content: ""; overflow: hidden; position: absolute; top: 0; left: 0; display: inline-block; width: 101px; height: 101px; background-repeat: no-repeat; background-position: 50% 50%; } #galaxy-contents .page__explain { font-size: 24px; line-height: 1.58; } #galaxy-contents .page__bg { position: relative; z-index: 1; } #galaxy-contents .page__bg img { max-width: 100%; width: 100%; height: auto; } #galaxy-contents .bottomRight .page__keyword:after { left: auto; right: 0; } #galaxy-contents .page__arrow { display: block; position: absolute; top: 50%; z-index: 10; width: 48px; height: 120px; margin-top: -60px; background-position: 50% 50%; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; transition: background 0.3s; } #galaxy-contents .page__arrow.is-hidden { display: none; } #galaxy-contents .page__arrow:hover { background-color: #f5f5f5; } #galaxy-contents .page__arrow--prev { left: 40px; background-image: url("../img/apps/ico_arrow_prev.png"); } #galaxy-contents .page__arrow--next { right: 40px; background-image: url("../img/apps/ico_arrow_next.png"); } #galaxy-contents .page__dots { display: none; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0; text-align: center; } #galaxy-contents .page__dot { overflow: hidden; position: relative; z-index: 10; display: inline-block; width: 1em; height: 1em; font-size: 15px; margin: 0 0.6em 2em; background-color: #666; border-radius: 50%; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; transition: background 0.3s; } #galaxy-contents .page__dot.is-active { background-color: #10309d; } #galaxy-contents .page__topBtn { position: fixed; bottom: 1em; right: 1em; z-index: 500; width: 60px; height: 60px; background: url("../img/apps/bg_topbutton.png") no-repeat 50% 50%; background-size: 100% auto; } #galaxy-contents .page__topBtn.is-hidden { display: none; } #galaxy-contents .page--notification .page__headline { max-width: 30.5%; } #galaxy-contents .page--notification .page__text { max-width: 34.2%; } #galaxy-contents .page--notification .page__keyword:after { background-image: url("../img/apps/ico_notification.png"); } #galaxy-contents .page--messages .page__headline { max-width: 40%; color: #bf460d; } #galaxy-contents .page--messages .page__text { max-width: 29%; } #galaxy-contents .page--messages .page__keyword { color: #bf460d; } #galaxy-contents .page--messages .page__keyword:after { background-image: url("../img/apps/ico_messages.png"); } #galaxy-contents .page--phone .page__headline { max-width: 34.5%; color: #0e7f4e; } #galaxy-contents .page--phone .page__text { max-width: 25%; } #galaxy-contents .page--phone .page__keyword { color: #0e7f4e; } #galaxy-contents .page--phone .page__keyword:after { background-image: url("../img/apps/ico_phone.png"); } #galaxy-contents .page--buddy .page__headline { max-width: 55%; margin-bottom: 0; color: #5b6cd1; } #galaxy-contents .page--buddy .page__text { max-width: 55%; } #galaxy-contents .page--buddy .page__keyword { padding: 0.6em 0; color: #5b6cd1; } #galaxy-contents .page--buddy .page__keyword:after { display: none; background-image: url("../img/apps/ico_buddy.png"); } #galaxy-contents .page--email .page__headline { max-width: 31%; color: #e61444; } #galaxy-contents .page--email .page__text { max-width: 24.4%; } #galaxy-contents .page--email .page__keyword { color: #e61444; } #galaxy-contents .page--email .page__keyword:after { background-image: url("../img/apps/ico_email.png"); top: 10%; } #galaxy-contents .page--shealth .page__headline { color: #0e7f4e; } #galaxy-contents .page--shealth .page__keyword { color: #0e7f4e; } #galaxy-contents .page--shealth .page__keyword:after { background-image: url("../img/apps/ico_shealth.png"); } #galaxy-contents .page--shealth .page__content-1 .page__text { max-width: 31%; } #galaxy-contents .page--shealth .page__content-2 .page__headline { max-width: 20.8%; } #galaxy-contents .page--shealth .page__content-2 .page__text { left: 35%; max-width: 31.1%; } #galaxy-contents .page--shealth .page__content-3 .page__text { max-width: 38%; } #galaxy-contents .page--stopwatch .page__headline { max-width: 36%; color: #1b5fb1; } #galaxy-contents .page--stopwatch .page__text { max-width: 23.8%; } #galaxy-contents .page--stopwatch .page__keyword { color: #1b5fb1; } #galaxy-contents .page--stopwatch .page__keyword:after { background-image: url("../img/apps/ico_stopwatch.png"); } #galaxy-contents .page--gallery .page__headline { max-width: 55%; color: #1b5fb1; } #galaxy-contents .page--gallery .page__text { max-width: 34%; } #galaxy-contents .page--gallery .page__keyword { color: #1b5fb1; } #galaxy-contents .page--gallery .page__keyword:after { background-image: url("../img/apps/ico_gallery.png"); } @media screen and (max-width: 1023px) { #galaxy-contents .page--gallery .page__keyword { right: 10%; } } #galaxy-contents .page--music .page__headline { max-width: 50%; color: #1b5fb1; } #galaxy-contents .page--music .page__text { max-width: 50%; } #galaxy-contents .page--music .page__keyword { padding: 0.6em 0; color: #1b5fb1; } #galaxy-contents .page--music .page__keyword:after { display: none; background-image: url("../img/apps/ico_music.png"); } #galaxy-contents .page--schedule .page__headline { max-width: 40%; color: #0e7f4e; } #galaxy-contents .page--schedule .page__text { max-width: 25%; } #galaxy-contents .page--schedule .page__keyword { color: #0e7f4e; } #galaxy-contents .page--schedule .page__keyword:after { background-image: url("../img/apps/ico_schedule.png"); } #galaxy-contents .page--schedule .page__content-2 .page__headline { max-width: 30%; } #galaxy-contents .page--schedule .page__content-2 .page__text { max-width: 30%; } #galaxy-contents .page--alarm .page__headline { max-width: 37.8%; color: #1b5fb1; } #galaxy-contents .page--alarm .page__text { max-width: 33.5%; } #galaxy-contents .page--alarm .page__keyword { color: #1b5fb1; } #galaxy-contents .page--alarm .page__keyword:after { background-image: url("../img/apps/ico_alarm.png"); } #galaxy-contents .page--timer .page__headline { max-width: 50%; margin-bottom: 0; color: #1b5fb1; } #galaxy-contents .page--timer .page__text { max-width: 50%; } #galaxy-contents .page--timer .page__keyword { padding: 0.6em 0; color: #1b5fb1; } #galaxy-contents .page--timer .page__keyword:after { display: none; } @media screen and (max-width: 1023px) { #galaxy-contents .page--timer .page__keyword { opacity: 0; } } #galaxy-contents .page--weather .page__headline { max-width: 34.75%; color: #1b5fb1; } #galaxy-contents .page--weather .page__text { max-width: 27.74%; } #galaxy-contents .page--weather .page__keyword { color: #1b5fb1; } #galaxy-contents .page--weather .page__keyword:after { background-image: url("../img/apps/ico_weather.png"); } #galaxy-contents .page--find .page__headline { max-width: 34.8%; color: #bf460d; } #galaxy-contents .page--find .page__text { max-width: 32%; } #galaxy-contents .page--find .page__keyword { color: #bf460d; } #galaxy-contents .page--find .page__keyword:after { background-image: url("../img/apps/ico_find.png"); } #galaxy-contents .page--settings .page__headline { max-width: 40%; color: #1b5fb1; } #galaxy-contents .page--settings .page__text { max-width: 32%; } #galaxy-contents .page--settings .page__keyword { color: #1b5fb1; } #galaxy-contents .page--settings .page__keyword:after { background-image: url("../img/apps/ico_settings.png"); } #galaxy-contents .page--manager .page__headline { max-width: 22%; margin-bottom: 0.5em; color: #bf460d; } #galaxy-contents .page--manager .page__text { max-width: 34.8%; } #galaxy-contents .page--manager .page__keyword { color: #bf460d; } #galaxy-contents .page--manager .page__keyword:after { background-image: url("../img/apps/ico_manager.png"); top: 10%; } #galaxy-contents .page--manager .page__content-2 .page__inner { text-align: right; } #galaxy-contents .page--manager .page__content-2 .page__headline { margin-right: 0; margin-left: auto; } #galaxy-contents .page--manager .page__content-2 .page__text { margin-right: 0; margin-left: auto; } #galaxy-contents .page--manager .page__content-3 .page__inner { text-align: right; } #galaxy-contents .page--manager .page__content-3 .page__headline { margin-right: 0; margin-left: auto; } #galaxy-contents .page--manager .page__content-3 .page__text { margin-right: 0; margin-left: auto; } #galaxy-contents .page--manager .page__content-5 .page__inner { text-align: right; } #galaxy-contents .page--manager .page__content-5 .page__headline { margin-right: 0; margin-left: auto; max-width: 16.5%; color: #1b5fb1; } #galaxy-contents .page--manager .page__content-5 .page__text { max-width: 33%; margin-right: 0; margin-left: auto; } @media screen and (max-width: 1023px) { #galaxy-contents .page--manager .page__content-5 .page__headline, #galaxy-contents .page--manager .page__content-5 .page__text { float: none; text-align: left; } } @media screen and (max-width: 1600px) { #galaxy-contents .page__inner .topLeft { top: 10.5%; left: 8.4%; } #galaxy-contents .page__inner .topRight { top: 10.5%; right: 8.4%; text-align: right; } #galaxy-contents .page__inner .bottomLeft { bottom: 9.2%; left: 8.4%; } #galaxy-contents .page__inner .bottomRight { bottom: 9.2%; right: 8.4%; text-align: right; } #galaxy-contents .page__inner--cover { padding: 6.3% 8.5%; } #galaxy-contents .page__headline { font-size: 33px; } #galaxy-contents .page__keyword { padding-top: 75px; font-size: 37px; } #galaxy-contents .page__keyword:after { width: 58px; height: 58px; background-size: 100% auto; } #galaxy-contents .page__explain { font-size: 19px; } #galaxy-contents .page__explain span { font-size: 12px; } #galaxy-contents .page__arrow { width: 32px; height: 80px; margin-top: -40px; background-size: 100% auto; } #galaxy-contents .page__arrow--prev { left: 15px; } #galaxy-contents .page__arrow--next { right: 15px; } } @media screen and (max-width: 1366px) { #galaxy-contents .page__headline { font-size: 30px; } #galaxy-contents .page__keyword { padding-top: 75px; font-size: 28px; } #galaxy-contents .page__keyword:after { width: 58px; height: 58px; background-size: 100% auto; } #galaxy-contents .page__explain { font-size: 16px; } #galaxy-contents .page__explain span { font-size: 11px; } #galaxy-contents .page__arrow { width: 32px; height: 80px; margin-top: -40px; background-size: 100% auto; } #galaxy-contents .page__arrow--prev { left: 15px; } #galaxy-contents .page__arrow--next { right: 15px; } } @media screen and (max-width: 1023px) { #galaxy-contents .page__inner { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: auto; padding: 11% 5.5% 0; } #galaxy-contents .page__inner .topLeft { top: auto; left: auto; } #galaxy-contents .page__inner .topRight { top: auto; right: auto; text-align: left; } #galaxy-contents .page__inner .bottomLeft { bottom: auto; left: auto; } #galaxy-contents .page__inner .bottomRight { bottom: auto; right: auto; text-align: left; } #galaxy-contents .page__headline { position: static; max-width: none !important; min-width: 0; margin-bottom: 0.5em; font-size: 36px; color: #292929 !important; } #galaxy-contents .page__text { position: static; max-width: none !important; } #galaxy-contents .page__keyword { position: absolute; bottom: -150px; padding-top: 70px !important; font-size: 38px; } #galaxy-contents .page__keyword:after { content: ""; display: block !important; width: 60px; height: 60px; background-size: 100% auto; } #galaxy-contents .bottomRight .page__keyword:after { left: 0; right: auto; } #galaxy-contents .page__explain { font-size: 28px; line-height: 1.5; } #galaxy-contents .page__arrow { display: none; } #galaxy-contents .page__dots { display: block; } #galaxy-contents .page__topBtn { display: none !important; } } @media screen and (max-width: 767px) { #galaxy-contents .page__headline { font-size: 30px; } #galaxy-contents .page__keyword { bottom: -130px; font-size: 32px; } #galaxy-contents .page__explain { font-size: 22px; } #galaxy-contents .page__dot { font-size: 10px; } #galaxy-contents .page__explain span { font-size: 12px; } } @media screen and (max-width: 500px) { #galaxy-contents .page__headline { font-size: 20px; } #galaxy-contents .page__keyword { bottom: -120px; font-size: 22px; } #galaxy-contents .page__explain { font-size: 12px; } #galaxy-contents .page__explain span { font-size: 8px; } }