@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%; } #galaxy-contents { /* 피쳐페이지만 PC일때 GNB가 키비주얼 밑으로 내려옴 */ /* Key Visual */ /* Design */ /* Gear S2 x atelier Mendini */ /* Movement */ /* S health */ /* Power */ /* Partners */ /* Samsung Pay */ /* Connectivity */ /* Now */ /* [Layer] Time to Choose */ /* PRE REGISTER */ /* Reviews */ /* module - layer */ /* Chart view */ /* Specs */ /* Personalize watch face */ /* Personalize watch face */ /* Design0 */ /* Personalize-band */ /*화면 사이즈에 따른 css 추후 설정 필요*/ /*kv*/ /*brand section 및 design section 분리*/ } @media only screen and (min-width: 1024px) { #galaxy-contents .l-lnbWrap { height: 0; } } #galaxy-contents .sector { overflow: hidden; position: relative; top: 0; left: 0; z-index: 0; } #galaxy-contents .sector-header { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; margin: 0 auto; text-align: center; font-size: 20px; } #galaxy-contents .sector-header_inner { max-width: 1050px; margin: 0 auto; } #galaxy-contents .sector-header-tit { padding-top: 1.2em; margin-bottom: 19px; font-size: 3.5em; font-family: "SamsungSharpSans",sans-serif; color: #333; } #galaxy-contents .sector-header-subtxt { padding: 0 4.1666%; font-size: 1.2em; line-height: 1.5; color: #333; } #galaxy-contents .sector-figure { position: relative; height: 100%; } #galaxy-contents .sector-figure.is-center { height: 1080px; } #galaxy-contents .sector-figure.is-center .sector-figure-item { position: absolute; top: 0; left: 50%; width: 1920px; height: 100%; margin-left: -960px; } #galaxy-contents .sector-figure-item-video { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } #galaxy-contents .sector-figure-item-video.is-playing { z-index: 2; } #galaxy-contents .sector-figure-item-img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; max-width: 100%; height: 100%; height: auto; } @media screen and (max-width: 767px) { #galaxy-contents .sector-header { position: relative; font-size: 12px; } #galaxy-contents .sector-header_inner { margin: 0 auto; padding: 0 20px; } #galaxy-contents .sector-header-tit { margin-bottom: 24px; font-size: 38px; letter-spacing: -0.04em; } #galaxy-contents .sector-header-subtxt { font-size: 12px; line-height: 18px; } #galaxy-contents .design.parallax-visible .sector-header-tit, #galaxy-contents .sector.samsungpay .sector-header-tit { padding-bottom: 0.25em; } #galaxy-contents .sector-figure.is-center { height: auto; } #galaxy-contents .sector-figure.is-center .sector-figure-item { position: static; width: 100%; margin: 0; } #galaxy-contents .sector-figure-item-img { position: static; } #galaxy-contents .sector-figure-item-video { display: none; } } #galaxy-contents .kv-wrap { position: relative; height: 0; padding-bottom: 56.25%; } #galaxy-contents .kv .sector-header { top: 45%; left: 50%; text-align: left; } #galaxy-contents .kv .sector-header-tit { padding-top: 0; font-size: 72px; } #galaxy-contents .kv-figures { overflow: hidden; } #galaxy-contents .kv .kv-figure { position: relative; top: 0; height: 100%; } #galaxy-contents .kv .kv-figure img { display: block; height: 100%; } #galaxy-contents .kv .kv-figure-left { left: 0; float: left; } #galaxy-contents .kv .kv-figure-right { right: 0; float: right; } #galaxy-contents .kv .kv-figure-right img { float: right; } #galaxy-contents .kv .kv-links { display: inline-block; margin-top: 1.5em; padding-left: 15px; font-size: 22px; text-align: left; text-transform: capitalize; } #galaxy-contents .kv-links-video { position: relative; margin: 1em 6px; padding-left: 45px; background-repeat: no-repeat; background-image: url("../img/ico_youtube.png"); text-transform: capitalize; } #galaxy-contents .kv-links-video, #galaxy-contents .kv-links-video:active, #galaxy-contents .kv-links-video:visited, #galaxy-contents .kv-links-video:hover { color: #231f20; } #galaxy-contents .ly-kv { opacity: 0; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); -webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); } #galaxy-contents .ly-kv.is-visible { opacity: 1; } #galaxy-contents .ly-kv-inner { position: absolute; bottom: 0; width: 100%; padding: 0 7%; } #galaxy-contents .ly-kv-video { position: relative; height: 0; padding-bottom: 56.25%; margin: 0 auto; } #galaxy-contents .ly-kv-video-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #galaxy-contents .ly-kv-close { position: absolute; bottom: 80%; right: 0; width: 38px; height: 38px; margin: 20px; background: url("../img/btn_ly_close.png") no-repeat 50% 50%; background-size: 100% auto; } @media screen and (max-width: 1280px) { #galaxy-contents .kv .sector-header { top: 40%; left: 45%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #galaxy-contents .kv .sector-header { top: 40%; left: 43%; } #galaxy-contents .kv .sector-header-tit { padding-top: 0; font-size: 56px; } } @media screen and (max-width: 767px) { #galaxy-contents .kv .sector-header { display: none; position: absolute; left: 0; top: auto; bottom: 0; } #galaxy-contents .kv .sector-header-tit { width: 0; height: 0; opacity: 0; } #galaxy-contents .kv-links-video { height: 20px; margin: 15px 20px; background-size: 32px 20px; background-image: url("../img/ico_youtube_white.png"); } #galaxy-contents .kv-links-video, #galaxy-contents .kv-links-video:active, #galaxy-contents .kv-links-video:visited, #galaxy-contents .kv-links-video:hover { color: transparent; } #galaxy-contents .ly-kv-inner { top: 50%; bottom: auto; padding: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #galaxy-contents .ly-kv-close { bottom: auto; top: 0; width: 19px; height: 19px; } #galaxy-contents .kv-wrap { padding-bottom: 106.9444444444444%; height: auto; } #galaxy-contents .kv-figures { position: absolute; top: 0; left: 0; } #galaxy-contents .kv .kv-figure { position: absolute; } #galaxy-contents .kv .kv-figure-left { float: none; } #galaxy-contents .kv .kv-figure-right { left: 80%; float: none; } } #galaxy-contents .design .sector-header { position: relative; } #galaxy-contents .design .slider { position: relative; height: 0; padding-bottom: 56.3%; margin-bottom: -1px; } #galaxy-contents .design .slider-arrow { position: absolute; top: 50%; width: 48px; height: 120px; margin-top: -60px; background-size: 100% auto; z-index: 10; } #galaxy-contents .design .slider-arrow-prev { left: 80px; background-image: url("../img/btn_slider_prev.png"); } #galaxy-contents .design .slider-arrow-next { right: 80px; background-image: url("../img/btn_slider_next.png"); } #galaxy-contents .design .slider-arrow-prev:focus, #galaxy-contents .design .slider-arrow-prev:hover { left: 80px; background-image: url("../img/btn_slider_prev_on.png"); } #galaxy-contents .design .slider-arrow-next:focus, #galaxy-contents .design .slider-arrow-next:hover { right: 80px; background-image: url("../img/btn_slider_next_on.png"); } #galaxy-contents .design .slider-pager { position: absolute; bottom: 0; left: 0; z-index: 10; margin: 35px 0 29px; width: 100%; text-align: center; font-size: 0; } #galaxy-contents .design .slider-pager-dot { display: inline-block; width: 30px; height: 30px; margin: 0 15px; background-position: 0 0; } #galaxy-contents .design .slider-pager-dot.is-active { background-position: 0 -30px; } #galaxy-contents .design .slider-pager-dot.gray { background-image: url("../img/features/btn_design_navi_gray.png"); } #galaxy-contents .design .slider-pager-dot.sliver { background-image: url("../img/features/btn_design_navi_silver.png"); } #galaxy-contents .design .slider-pager-dot.black { background-image: url("../img/features/btn_design_navi_black.png"); } #galaxy-contents .design .slider-list { position: absolute; z-index: 1; width: 100%; height: 100%; } #galaxy-contents .design .slider-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #galaxy-contents .design .slider-item figure.sector-figure-item { left: 50%; width: 1920px; height: 100%; margin-left: -960px; } #galaxy-contents .design .slider-item .sector-figure-item-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #galaxy-contents .design .slider-item .sector-figure-item-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #galaxy-contents .design .slider-item-name { opacity: 0; position: absolute; bottom: 0; left: 70%; margin: 30px 0; font-family: "SamsungSharpSans",sans-serif; font-size: 15px; color: #666; -webkit-transition: opacity 0.6s 0.6s ease; -moz-transition: opacity 0.6s 0.6s ease; -ms-transition: opacity 0.6s 0.6s ease; -o-transition: opacity 0.6s 0.6s ease; transition: opacity 0.6s 0.6s ease; } #galaxy-contents .design .slider-item.is-active { z-index: 2; } #galaxy-contents .design .slider-item.is-active .slider-item-name { opacity: 1; z-index: 1; } #galaxy-contents .design .slider-item .trans-img { display: block; position: absolute; bottom: 0; width: 52%; z-index: 1; opacity: 0; -webkit-transition: opacity 500ms; transition: opacity 500ms; } #galaxy-contents .design .slider-item .trans-left-img { left: -36%; } #galaxy-contents .design .slider-item .trans-right-img { right: -36%; } #galaxy-contents .design .slider-item.is-active .trans-img { opacity: 1; } #galaxy-contents .design .design-method { position: relative; z-index: 1; } #galaxy-contents .design .design-method-item { width: 50%; line-height: 0; } #galaxy-contents .design .design-method-item img { width: 100%; } #galaxy-contents .design .design-method-item03 { position: absolute; top: 0; right: 0; width: 50%; } @media screen and (max-width: 1280px) { #galaxy-contents .design .slider-arrow { position: absolute; top: 50%; z-index: 10; width: 36px; height: 90px; margin-top: -45px; background-size: 100% auto; } } @media screen and (max-width: 767px) { #galaxy-contents .design .slider { padding-bottom: 125%; } #galaxy-contents .design .slider-arrow-prev { left: 10px; } #galaxy-contents .design .slider-arrow-next { right: 10px; } #galaxy-contents .design .slider-arrow-prev:focus, #galaxy-contents .design .slider-arrow-prev:hover { left: 10px; } #galaxy-contents .design .slider-arrow-next:focus, #galaxy-contents .design .slider-arrow-next:hover { right: 10px; } #galaxy-contents .design .slider-pager { margin: 20px 0 15px; } #galaxy-contents .design .slider-pager-dot { width: 15px; height: 15px; margin: 0 7px; background-size: 15px; } #galaxy-contents .design .slider-pager-dot.is-active { background-position: 0 -15px; } #galaxy-contents .design .slider-item-name { left: 80%; margin: 20px 0; font-size: 10px; line-height: 1.5em; } #galaxy-contents .design .slider-item-name span { display: block; } #galaxy-contents .design .design-method-item { width: 100%; } #galaxy-contents .design .design-method-item03 { position: static; width: 100%; } #galaxy-contents .design .slider-item .trans-img { display: none; } } #galaxy-contents .mendini { height: 1080px; } #galaxy-contents .mendini:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background-color: #fff; } #galaxy-contents .mendini .sector-header { padding-bottom: 70px; background-color: #fff; } #galaxy-contents .mendini .sector-header-subtxt { margin: 0 auto; } #galaxy-contents .mendini .sector-header-tit span { margin: 0 0.3em; font-family: 'SamsungSharpSans',sans-serif; } #galaxy-contents .mendini .sector-header-tit img { vertical-align: baseline; } @media screen and (max-width: 767px) { #galaxy-contents .mendini { height: auto; } #galaxy-contents .mendini:after { display: none; } #galaxy-contents .mendini .sector-header { padding-bottom: 40px; font-size: 8px; } #galaxy-contents .mendini .sector-header-tit img { width: 56px; } } #galaxy-contents .movement .sector-header { position: relative; } #galaxy-contents .movement .sector-figure { margin: 102px 0 135px; } #galaxy-contents .movement .slider-list { text-align: center; font-size: 0; } #galaxy-contents .movement .slider-list li { display: inline-block; width: 33.33%; padding: 0 4%; vertical-align: top; } #galaxy-contents .movement .slider-list li img { max-width: 100%; } #galaxy-contents .movement .slider-list strong { display: block; margin-top: 0.5em; font-size: 24px; font-weight: normal; } #galaxy-contents .movement .slider-arrow, #galaxy-contents .movement .slider-pager-dot { display: none; } @media screen and (max-width: 767px) { #galaxy-contents .movement .sector-figure { margin: 30px auto; } #galaxy-contents .movement .slider { position: relative; height: 0; padding-bottom: 56.3%; margin: 75px 0 -1px; } #galaxy-contents .movement .slider-list { position: absolute; width: 100%; height: 100%; z-index: 1; } #galaxy-contents .movement .slider-list li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } #galaxy-contents .movement .slider-list li.is-active { z-index: 2; } #galaxy-contents .movement .slider-list li img { max-width: 55%; } #galaxy-contents .movement .slider-list strong { font-size: 14px; } #galaxy-contents .movement .slider-arrow { display: block; position: absolute; top: 50%; width: 36px; height: 90px; margin-top: -60px; background-size: 100% auto; opacity: 0.8; z-index: 10; } #galaxy-contents .movement .slider-arrow-prev { left: 10px; background-image: url("../img/btn_slider_prev.png"); } #galaxy-contents .movement .slider-arrow-next { right: 10px; background-image: url("../img/btn_slider_next.png"); } #galaxy-contents .movement .slider-arrow-prev:focus, #galaxy-contents .movement .slider-arrow-prev:hover { background-image: url("../img/btn_slider_prev_on.png"); } #galaxy-contents .movement .slider-arrow-next:focus, #galaxy-contents .movement .slider-arrow-next:hover { background-image: url("../img/btn_slider_next_on.png"); } #galaxy-contents .movement .slider-pager { position: absolute; bottom: 0; left: 0; z-index: 10; margin: 35px 0 29px; width: 100%; text-align: center; font-size: 0; } #galaxy-contents .movement .slider-pager-dot { display: inline-block; width: 8px; height: 8px; margin: 0 7px; border-radius: 50%; background-color: #666; } #galaxy-contents .movement .slider-pager-dot.is-active { background-color: #000; } } #galaxy-contents .health .sector-figure.is-center { height: 1578px; } #galaxy-contents .health-info { max-width: 1400px; margin: 0 auto; text-align: center; font-size: 0; color: #333; } #galaxy-contents .health-info li { display: inline-block; width: 19.4%; font-size: 20px; text-align: center; vertical-align: top; } #galaxy-contents .health-info img { max-width: 70%; } #galaxy-contents .health-info span { display: block; width: 95%; margin: 1em auto 2em; } @media screen and (max-width: 767px) { #galaxy-contents .health .sector-figure.is-center { height: auto; } #galaxy-contents .health-info { margin: 0 15px; text-align: left; } #galaxy-contents .health-info li { width: 50%; font-size: 10px; text-align: center; float: left; } #galaxy-contents .health-info img { width: 50%; width: 80px; max-width: 100%; } } #galaxy-contents .power .sector-header { position: relative; } #galaxy-contents .partners .sector-header { position: relative; } #galaxy-contents .partners .sector-header-subtxt em { display: block; margin-top: 2em; font-size: 0.8em; } #galaxy-contents .partners-wrap { position: relative; overflow: hidden; width: 100%; } #galaxy-contents .partners-wrap .slider-arrow { display: none; position: absolute; top: 40%; z-index: 10; width: 48px; height: 120px; margin-top: -60px; background-size: 100% auto; } #galaxy-contents .partners-wrap .slider-arrow-prev { left: 4.1666%; background-image: url("../img/btn_slider_prev.png"); } #galaxy-contents .partners-wrap .slider-arrow-next { right: 4.1666%; background-image: url("../img/btn_slider_next.png"); } #galaxy-contents .partners-wrap .slider-arrow-prev:focus, #galaxy-contents .partners-wrap .slider-arrow-prev:hover { left: 4.1666%; background-image: url("../img/btn_slider_prev_on.png"); } #galaxy-contents .partners-wrap .slider-arrow-next:focus, #galaxy-contents .partners-wrap .slider-arrow-next:hover { right: 4.1666%; background-image: url("../img/btn_slider_next_on.png"); } #galaxy-contents .partners-list { position: relative; width: 100%; left: 0; margin: 70px 0 0; white-space: nowrap; } #galaxy-contents .partners-item-group { display: inline-block; width: 100%; font-size: 0; text-align: center; } #galaxy-contents .partners-item { display: inline-block; width: 20%; margin: 0 3.90625%; vertical-align: top; } #galaxy-contents .partners-item .box { overflow: hidden; position: relative; margin: 0 auto; } #galaxy-contents .partners-item .box-circle { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: url("../img/features/bg_partnerts_box_circle.png") no-repeat 50% 50%; background-size: 100% 100%; } #galaxy-contents .partners-item .box-img { width: 100%; } #galaxy-contents .partners-item .box-img-add { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; } #galaxy-contents .partners-item .info { width: 90%; margin-top: 55px; margin-left: auto; margin-right: auto; white-space: normal; text-align: center; font-size: 20px; } #galaxy-contents .partners-item .info-brand { display: block; margin-bottom: 0.5em; font-size: 1.4em; font-family: "SamsungSharpSans", sans-serif; color: #333; } #galaxy-contents .partners-item .info-brand-play { position: relative; padding-left: 46px; color: #333; white-space: nowrap; } #galaxy-contents .partners-item .info-brand-play:after { content: ""; position: absolute; top: -2px; left: 0; display: block; width: 36px; height: 36px; background-image: url("../img/features/btn_play_circle_normal.png"); background-repeat: no-repeat; background-size: 100% 100%; } #galaxy-contents .partners-item .info-brand-play:focus { color: #333 !important; } #galaxy-contents .partners-item .info-brand-play:hover:after { background-image: url("../img/features/btn_play_circle_over.png"); } #galaxy-contents .partners-item .info-brand-play.is-active { color: #999; } #galaxy-contents .partners-item .info-brand-play.is-active:after { background-image: url("../img/features/btn_play_circle_playing.png"); } #galaxy-contents .partners-item .info-desc { font-size: 0.9em; color: #666; line-height: 1.666; } #galaxy-contents .partners-item.is-active .box-btn { display: block; } #galaxy-contents .partners-item--alone .info-brand-play { padding-left: 0 !important; } #galaxy-contents .partners-item--alone .info-brand-play:after { display: none !important; } #galaxy-contents .partners-wrap .slider-pager { display: none; } @media screen and (max-width: 1280px) { #galaxy-contents .partners-wrap .slider-arrow { top: 30%; width: 36px; height: 90px; margin-top: -45px; } #galaxy-contents .partners-list { margin: 45px 0 0; } #galaxy-contents .partners-item { width: 18%; } #galaxy-contents .partners-item .info { font-size: 16px; } #galaxy-contents .partners-item .info-brand-play { padding-left: 33px; } #galaxy-contents .partners-item .info-brand-play:after { width: 28px; height: 28px; } } @media screen and (max-width: 767px) { #galaxy-contents .partners-wrap .slider-arrow { top: 50%; width: 36px; height: 90px; } #galaxy-contents .partners-list { margin: 60px 0 0; } #galaxy-contents .partners-item-group { display: inline; } #galaxy-contents .partners-item { width: 100%; margin: 0; } #galaxy-contents .partners-item .box { width: 53.333%; } #galaxy-contents .partners-item .info { width: 53.333%; margin-top: 27px; font-size: 10px; } #galaxy-contents .partners-item .info-brand-play { padding-left: 23px; } #galaxy-contents .partners-item .info-brand-play:after { width: 18px; height: 18px; } #galaxy-contents .partners-item .info-desc { font-size: 1em; } #galaxy-contents .partners-wrap .slider-pager { display: block; font-size: 0; text-align: center; } #galaxy-contents .partners-wrap .slider-pager-dot { display: inline-block; width: 8px; height: 8px; margin: 20px 5px; background-color: #666; border-radius: 50%; } #galaxy-contents .partners-wrap .slider-pager-dot.is-active { background-color: #000; } } #galaxy-contents .samsungpay .sector-header { position: relative; } #galaxy-contents .samsungpay .sector-header em { display: block; margin-top: 1em; font-size: 0.8em; } #galaxy-contents .samsungpay .sector-figure-item img { max-width: 100%; } @media screen and (max-width: 767px) { #galaxy-contents .samsungpay .sector-figure { margin-top: 40px; } } #galaxy-contents .connectivity .sector-figure.is-center { height: 1522px; } #galaxy-contents .connectivity .sector-header_inner { max-width: 1270px; } @media screen and (max-width: 767px) { #galaxy-contents .connectivity .sector-figure.is-center { height: auto; } #galaxy-contents .connectivity .reviewItem-more-btn { margin-bottom: -20%; } } #galaxy-contents .now { overflow: hidden; position: relative; height: 400px; } #galaxy-contents .now-header { position: absolute; top: 50%; left: 0; z-index: 5; width: 100%; padding: 0 4.1666%; font-size: 20px; color: #fff; line-height: 1.8; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #galaxy-contents .now-header-tit { font-family: "SamsungSharpSans",sans-serif; font-size: 2.5em; text-transform: uppercase; line-height: 1.5; } #galaxy-contents .now-header-device { font-family: "SamsungSharpSans",sans-serif; font-size: 1.6em; } #galaxy-contents .now-header-explain { width: 35%; color: #ccc; } #galaxy-contents .now-button { padding: 0 1.7em; } #galaxy-contents .now-figure-img { position: absolute; bottom: 0; right: 0; height: 100%; z-index: 0; } @media screen and (max-width: 1280px) { #galaxy-contents .now { height: 300px; } #galaxy-contents .now-header { font-size: 15px; } #galaxy-contents .now-figure-img { right: -80px; } #galaxy-contents .now-header-tit { width: 30%; line-height: 1; } #galaxy-contents .now-header-explain { width: 30%; } } @media screen and (max-width: 767px) { #galaxy-contents .now { height: auto; } #galaxy-contents .now-header { top: 10%; text-align: center; font-size: 10px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #galaxy-contents .now-header-tit { width: 100%; font-size: 2em; } #galaxy-contents .now-header-device { font-size: 1.3em; } #galaxy-contents .now-header-explain { width: 100%; } #galaxy-contents .now-figure-img { position: relative; width: 100%; height: auto; right: 0; } } #galaxy-contents .ly-buy { display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); box-sizing: border-box; } #galaxy-contents .ly-buy * { box-sizing: border-box; } #galaxy-contents .ly-buy-inner { position: relative; top: 50%; max-width: 1080px; margin: 0 auto; padding: 100px 80px; background-color: #fff; border-radius: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #galaxy-contents .ly-buy-head { padding-bottom: 1.5em; font-size: 20px; text-align: center; } #galaxy-contents .ly-buy-head .tit { font-size: 2em; font-family: "SamsungSharpSans",sans-serif; color: #333; } #galaxy-contents .ly-buy-head .txt { font-size: 1.1em; color: #666; } #galaxy-contents .ly-buy-body { text-align: center; } #galaxy-contents .ly-buy-body .corpList { padding-top: 10px; border-top: 1px solid #dfdfdf; } #galaxy-contents .ly-buy-body .corpList:after { content: ""; display: block; clear: both; } #galaxy-contents .ly-buy-body .corpList li { float: left; width: 50%; height: 80px; margin-top: 30px; padding: 0 2%; } #galaxy-contents .ly-buy-body .corpList a { display: block; height: 100%; background: #f9f9f9; } #galaxy-contents .ly-buy-body .corpList img { max-height: 100%; } #galaxy-contents .ly-buy-close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; margin: 30px; } #galaxy-contents .ly-buy-close img { width: 100%; } @media screen and (max-width: 767px) { #galaxy-contents .ly-buy { padding: 30px; } #galaxy-contents .ly-buy-inner { top: 0; padding: 30px 20px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #galaxy-contents .ly-buy-head { font-size: 10px; } #galaxy-contents .ly-buy-body .corpList li { float: none; width: 100%; height: 40px; margin-top: 15px; padding: 0 20px; } #galaxy-contents .ly-buy-close { width: 20px; height: 20px; margin: 10px; } } #galaxy-contents .register { height: 1039px; background: #ececec url("../img/features/gears2_pre_register_large.jpg") no-repeat 100% 50%; color: #292929; } #galaxy-contents .register-header { padding: 100px 4.1666% 60px; } #galaxy-contents .register-header-tit { font-size: 70px; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .register-header-name { font-size: 44px; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .register-header-desc { font-size: 24px; color: #6e6e6e; } #galaxy-contents .register-form-iframe { width: 100%; height: 690px; } #galaxy-contents .register-form-iframe::-webkit-scrollbar { width: 6px; } #galaxy-contents .register-form-iframe::-webkit-scrollbar-track { border-radius: 10px; } #galaxy-contents .register-form-iframe::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0, 0, 0, 0.4); } #galaxy-contents .register-form-iframe::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.3); } @media screen and (max-width: 1024px) { #galaxy-contents .register { height: 1614px; background-image: url("../img/features/gears2_pre_register_medium.jpg"); background-position: 50% 100%; } #galaxy-contents .register-header { text-align: center; padding-left: 7.814%; padding-right: 7.814%; } #galaxy-contents .register-form-iframe { height: 900px; } } @media screen and (max-width: 767px) { #galaxy-contents .register { height: 758px; background-image: url("../img/features/gears2_pre_register_small.jpg"); background-size: 360px auto; } #galaxy-contents .register-header { padding-top: 40px; padding-bottom: 20px; padding-left: 5.555%; padding-right: 5.555%; } #galaxy-contents .register-header-tit { font-size: 27px; } #galaxy-contents .register-header-name { font-size: 15px; } #galaxy-contents .register-header-desc { font-size: 10px; } #galaxy-contents .register-form-iframe { height: 490px; } } #galaxy-contents .review { padding: 120px 4.16666%; box-sizing: border-box; font-family: "SamsungSharpSans",sans-serif; letter-spacing: -0.025em; } #galaxy-contents .review * { box-sizing: border-box; } #galaxy-contents .review-head { padding: 0.7em 0; font-size: 48px; border-bottom: 1px solid #dadada; } #galaxy-contents .review-tit { display: inline; font-family: "SamsungSharpSans",sans-serif; color: #292929; text-transform: uppercase; vertical-align: middle; } #galaxy-contents .review-totalCount { color: #727272; } #galaxy-contents .review-point { float: right; } #galaxy-contents .review-point li { font-family: "SamsungSharpSans",sans-serif; line-height: 1.7; } #galaxy-contents .review-point li:after { content: ""; display: block; clear: both; } #galaxy-contents .review-point-label { float: left; font-size: 24px; text-transform: capitalize; } #galaxy-contents .review-point-score { float: right; } #galaxy-contents .review-point-score--num { font-size: 28px; color: #1a1a1a; } #galaxy-contents .review-point-score--max { font-size: 20px; color: #727272; } #galaxy-contents .review-star { display: inline-block; width: 258px; height: 43px; font-size: 0; } #galaxy-contents .review-star-bg { display: block; height: 100%; background: url("../img/img_star_rating.png") no-repeat 0 100%; } #galaxy-contents .review-star-active { display: block; height: 100%; background: url("../img/img_star_rating.png") no-repeat 0 0; } #galaxy-contents .review-overall-wrap { padding: 30px 0; } #galaxy-contents .review-overall-wrap:after { content: ""; display: block; clear: both; } #galaxy-contents .review-overall { float: left; width: 75%; } #galaxy-contents .review-overall-tit { margin-bottom: 0.75em; font-size: 40px; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .review-overall-txt { margin-top: 10px; font-size: 24px; } #galaxy-contents .review-overall-wrap .review-point { width: 25%; margin-top: 5px; } #galaxy-contents .review-overall-wrap .review-point li { line-height: 1.4; } #galaxy-contents .reviewList-head { padding: 60px 0 40px; } #galaxy-contents .reviewList-head:after { content: ""; display: block; clear: both; } #galaxy-contents .reviewList-tit { float: left; font-size: 32px; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .reviewList-sort { float: right; font-size: 24px; color: #0071bf; } #galaxy-contents .reviewList-sort-current { display: none; } #galaxy-contents .reviewList-sort-items li { position: relative; display: inline-block; margin-left: 1em; padding-left: 1em; vertical-align: middle; } #galaxy-contents .reviewList-sort-items li:before { content: ""; display: block; position: absolute; top: 50%; left: 0; height: 20px; margin-top: -10px; border-left: 1px solid #0071bf; } #galaxy-contents .reviewList-sort-items li:first-child { margin: 0; padding: 0; } #galaxy-contents .reviewList-sort-items li:first-child:before { display: none; } #galaxy-contents .reviewList-sort-items li.active { font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .reviewList-sort-items a, #galaxy-contents .reviewList-sort-items a:focus, #galaxy-contents .reviewList-sort-items a:active, #galaxy-contents .reviewList-sort-items a:hover { color: #0071bf; } @media all and (min-width: 768px) { #galaxy-contents .reviewList-sort-items { display: block !important; height: auto !important; } } #galaxy-contents .reviewItems .row { border-top: 1px solid #dadada; } #galaxy-contents .reviewItems .row:after { content: ""; display: block; clear: both; } #galaxy-contents .reviewItems .item { float: left; width: 50%; padding: 1.5em 0 2em 5%; font-size: 20px; } #galaxy-contents .reviewItems .item:first-child { padding-left: 0; padding-right: 5%; } #galaxy-contents .reviewItems .item-head { float: left; font-size: 1.2em; } #galaxy-contents .reviewItems .item-head-info { margin-bottom: 0.6em; } #galaxy-contents .reviewItems .item-head-writer { font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .reviewItems .item-head-date { position: relative; margin-left: 0.6em; padding-left: 0.6em; } #galaxy-contents .reviewItems .item-head-date:before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 20px; margin-top: -10px; border-left: 1px solid #292929; } #galaxy-contents .reviewItems .review-point { float: right; width: 280px; font-size: 1em; } #galaxy-contents .reviewItems .review-point-label { font-size: 1em; } #galaxy-contents .reviewItems .review-point-score--num { font-size: 1em; } #galaxy-contents .reviewItems .item-body { clear: both; } #galaxy-contents .reviewItems .item-body-tit { display: block; padding: 1em 0; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .reviewItems .item-body-cont { overflow: hidden; margin-bottom: 0; color: #727272; line-height: 1.5; -webkit-transition: height 500ms ease; -moz-transition: height 500ms ease; -ms-transition: height 500ms ease; -o-transition: height 500ms ease; transition: height 500ms ease; } #galaxy-contents .reviewItems .item-body-btn { position: relative; font-size: 1em; text-transform: capitalize; } #galaxy-contents .reviewItems .item-body-btn:after { content: ""; display: inline-block; margin: 0 4px; } #galaxy-contents .reviewItems .item-body-btn--more { color: #0071bf; } #galaxy-contents .reviewItems .item-body-btn--more:after { content: "+"; } #galaxy-contents .reviewItems .item-body-btn--less { color: #292929; } #galaxy-contents .reviewItems .item-body-btn--less:after { content: "-"; } #galaxy-contents .reviewItem-more { text-align: center; } @media only screen and (max-width: 1280px) { #galaxy-contents .review-overall { width: 50%; } #galaxy-contents .review-overall-wrap .review-point { width: 40%; } #galaxy-contents .reviewItems .row { border: none; } #galaxy-contents .reviewItems .item { float: none; width: 100%; padding: 1.5em 0; border-top: 1px solid #dedede; } #galaxy-contents .reviewItems .item:first-child { padding-right: 0; } } @media only screen and (max-width: 767px) { #galaxy-contents .review { padding: 70px 5.55555%; letter-spacing: normal; } #galaxy-contents .review-head { font-size: 24px; } #galaxy-contents .review-point { position: relative; float: none; width: 100%; padding: 20px 0; } #galaxy-contents .review-point:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 30px; margin-top: -15px; background-color: #dedede; } #galaxy-contents .review-point:after { content: ""; display: block; clear: both; } #galaxy-contents .review-point li { float: left; width: 50%; padding-left: 5%; line-height: normal; } #galaxy-contents .review-point li:nth-child(odd) { padding-left: 0; padding-right: 5%; } #galaxy-contents .review-point-label { font-size: 12px; } #galaxy-contents .review-point-score--num { font-size: 14px; } #galaxy-contents .review-point-score--max { font-size: 10px; } #galaxy-contents .review-star { width: 129px; height: 22px; } #galaxy-contents .review-star-bg { background-size: 129px auto; } #galaxy-contents .review-star-active { background-size: 129px auto; } #galaxy-contents .review-overall-wrap { padding: 20px 0; } #galaxy-contents .review-overall { float: none; width: 100%; } #galaxy-contents .review-overall { float: none; width: 100%; } #galaxy-contents .review-overall-tit { font-size: 14px; } #galaxy-contents .review-overall-txt { font-size: 12px; display: inline-block; width: 50%; margin: 0; padding-left: 2em; vertical-align: top; } #galaxy-contents .review-overall-wrap .review-point { width: 100%; margin: 0; } #galaxy-contents .reviewList-head { padding: 0; } #galaxy-contents .reviewList-tit { float: none; font-size: 16px; } #galaxy-contents .reviewList-sort { clear: both; float: none; margin: 12px -5.5555%; text-align: center; font-family: "SamsungSharpSans",sans-serif; font-size: 16px; line-height: 44px; } #galaxy-contents .reviewList-sort a { display: block; color: #222; } #galaxy-contents .reviewList-sort-current { position: relative; display: block; background-color: #e6e6e6; } #galaxy-contents .reviewList-sort-current:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 55px; height: 100%; background-image: url("../img/btn_review_toggle_plus.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 16px 16px; } #galaxy-contents .reviewList-sort-current.open:after { background-image: url("../img/btn_review_toggle_minus.png"); } #galaxy-contents .reviewList-sort-items { display: none; background: #f9f9f9; } #galaxy-contents .reviewList-sort-items li { display: block; margin: 0; padding: 0; border-bottom: 1px solid #eaeaea; } #galaxy-contents .reviewList-sort-items li:before { display: none; } #galaxy-contents .reviewItems .row { border: none; } #galaxy-contents .reviewItems .row:first-child { border: none; } #galaxy-contents .reviewItems .item { padding: 1.7em 0; font-size: 12px; } #galaxy-contents .reviewItems .item:first-child { border-top: none; } #galaxy-contents .reviewItems .item-head { float: none; } #galaxy-contents .reviewItems .item-head-info { float: right; width: 50%; margin: 0; padding-left: 1em; } #galaxy-contents .reviewItems .item-head-date { display: block; margin: 0; padding: 0; font-size: 0.85em; } #galaxy-contents .reviewItems .item-head-date:before { display: none; } #galaxy-contents .reviewItems .review-point { float: none; width: 100%; clear: both; } #galaxy-contents .now-header .reviewItem-more-btn, #galaxy-contents .now-header .reviewItem-more-btn:active, #galaxy-contents .now-header .reviewItem-more-btn:visited, #galaxy-contents .now-header .reviewItem-more-btn:hover { border-color: #343399; background-color: #343399; color: #fff; text-transform: uppercase; } } #galaxy-contents .ly-box button.btn-close { display: inline-block; font-size: 0; line-height: 0; box-sizing: content-box; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; cursor: pointer; width: 40px; height: 40px; background-image: url("../img/btn_layer_close.png"); } #galaxy-contents .ly-box button.btn-close:focus { border: 1px solid #999; } #galaxy-contents .ly-box .ly-inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } #galaxy-contents .ly-box.show { visibility: visible; background-color: #000; background-color: #fff; } #galaxy-contents .ly-box.show nav { position: absolute; right: 5%; top: 80px; } #galaxy-contents .ly-box.show nav .btn-close { position: relative; } #galaxy-contents .ly-spec-box { position: fixed; visibility: hidden; left: 0; top: 0; width: 100%; height: 100%; z-index: 1111; } #galaxy-contents .ly-spec-box .ly-inner-box { position: relative; left: 0; top: 0; margin: 0 auto; } #galaxy-contents .ly-spec-box > .ly-inner-box { min-width: 320px; max-width: 1920px; height: 100%; } #galaxy-contents .ly-inner-box-list { margin: 1.2em auto 0; min-width: 320px; max-width: 1920px; color: #a2a4b1; } #galaxy-contents .ly-inner-txt li { margin-bottom: 1em; padding-left: 22px; line-height: 1.6; color: #333; } #galaxy-contents .ly-inner-txt li:before { content: '※ '; text-indent: -22px; margin-left: -17px; } #galaxy-contents .ly-spec-box .ly-inner-box a.dummy { position: absolute; left: 0; top: -200px; display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -9999px; } #galaxy-contents .ly-spec-box .ly-inner { position: relative; z-index: 302; left: 0; top: 0; width: 100%; height: 100%; /* padding-bottom: 5em; */ } #galaxy-contents .ly-spec-box .ly-inner .ly-inner-box a.btn-close { position: absolute; top: 34px; right: 30px; display: block; width: 21px; height: 21px; overflow: hidden; text-indent: -9999px; background-image: url("../img/btn_layer_close.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } #galaxy-contents .ly-spec-box .chart .header { text-align: center; } #galaxy-contents .ly-spec-box .chart { padding: 0 0 100px 0; } #galaxy-contents .ly-spec-box .chart .header h3 { font-family: 'SamsungSharpSans'; color: #1328a0; margin: 0 auto; } #galaxy-contents .ly-spec-box .chart .header p { font-family: 'SamsungSharpSans'; color: #333; margin: 0 auto; } #galaxy-contents .ly-spec-box .chart .header p em { display: block; } #galaxy-contents .ly-spec-box .chart .list { margin: 0 auto; } #galaxy-contents .ly-spec-box .chart .list .data { padding: 0 0 8px 0; width: 100%; border-bottom: 1px solid #d6d6d6; } #galaxy-contents .ly-spec-box .chart .list .data h4 { font-size: 24px; line-height: 34px; padding: 16px 0 11px 0; color: #000; font-weight: bold; } #galaxy-contents .ly-spec-box .chart .list .data table { border-top: 1px solid #d6d6d6; padding: 0; margin: 0; width: 100%; text-align: left; } #galaxy-contents .ly-spec-box .chart .list .data table thead th { font-size: 16px; line-height: 24px; padding: 13px 0 7px 0; color: #000; vertical-align: top; text-align: left; } #galaxy-contents .ly-spec-box .chart .list .data table tbody th { font-size: 18px; line-height: 26px; padding: 0 0 5px 0; color: #333; vertical-align: top; text-align: left; } #galaxy-contents .ly-spec-box .chart .list .data table tbody td { font-size: 16px; line-height: 26px; padding: 0 0 5px 0; color: #333; vertical-align: top; text-align: left; } #galaxy-contents .i-scroll-vertical-scrollbar { position: absolute; background: #f0f0f0; #z-index: 9999; width: 10px; bottom: 2px; top: 2px; right: 1px; overflow: hidden; } #galaxy-contents .i-scroll-indicator { box-sizing: border-box; position: absolute; width: 100%; display: block; height: 560px; background: #cdcdcd; } #galaxy-contents .ly-spec-box .view-more-link-area { padding: 0; text-align: center; padding: 5em 0 3em; } #galaxy-contents .ly-spec-box .view-more-link-area .mod-button { display: inline-block; height: 3.2em; padding: 0 3em; background-color: transparent; border: 1px solid #999; border-radius: 1.8em; line-height: 3.3em; font-size: 20px; color: #000; text-align: center; vertical-align: middle; } #galaxy-contents .ly-spec-box .mod-button:hover { color: #fff; background: #333; border: 1px solid #333; } @media screen and (max-width: 767px) { #galaxy-contents .ly-box button.btn-close { width: 20px; height: 20px; } #galaxy-contents .ly-spec-box .ly-inner .wrap a.btn-close { top: 10px; right: 20px; } #galaxy-contents .ly-spec-box .chart { padding: 0 0 100px 0; } #galaxy-contents .ly-spec-box .chart .header { padding: 80px 0 48px 0; } #galaxy-contents .ly-spec-box .chart .header h3 { font-size: 30px; line-height: 35px; max-width: 80%; } #galaxy-contents .ly-spec-box .chart .header p { font-size: 10px; line-height: 15px; padding-top: 12px; max-width: 80%; } #galaxy-contents .ly-inner-box-list { font-size: 10px; } #galaxy-contents .ly-inner-txt li { margin-bottom: 1em; padding-left: 10px; line-height: 1.6; } #galaxy-contents .ly-inner-txt li:before { content: '※ '; text-indent: -20px; margin-left: -10px; } #galaxy-contents .ly-spec-box .chart .list { max-width: 96%; } #galaxy-contents .ly-inner-box-list { max-width: 96%; } #galaxy-contents .ly-spec-box .chart .list .data { padding: 0 0 4px 0; } #galaxy-contents .ly-spec-box .chart .list .data h4 { font-size: 12px; line-height: 17px; padding: 15px 0 5px 0; } #galaxy-contents .ly-spec-box .chart .list .data table thead th { font-size: 10px; line-height: 14px; padding: 6px 0 3px 0; } #galaxy-contents .ly-spec-box .chart .list .data table tbody th, #galaxy-contents .ly-spec-box .chart .list .data table tbody td { font-size: 10px; line-height: 14px; padding: 0 0 2px 0; } #galaxy-contents .ly-spec-box .btn-close { right: 3%; } } @media (min-width: 768px) and (max-width: 1023px) { #galaxy-contents .ly-spec-box .chart .header { padding: 194px 0 97px 0; } #galaxy-contents .ly-spec-box .chart .header h3 { font-size: 60px; line-height: 70px; max-width: 500px; } #galaxy-contents .ly-spec-box .chart .header p { font-size: 16px; line-height: 26px; padding-top: 23px; } #galaxy-contents .ly-spec-box .chart .list { max-width: 85.4%; } #galaxy-contents .ly-inner-box-list { font-size: 16px; } #galaxy-contents .ly-inner-box-list { max-width: 85.4%; } } @media screen and (min-width: 1024px) { #galaxy-contents .ly-spec-box .chart .header { padding: 80px 0 60px 0; } #galaxy-contents .ly-spec-box .chart .header h3 { font-size: 70px; line-height: 80px; max-width: 860px; } #galaxy-contents .ly-spec-box .chart .header p { font-size: 16px; line-height: 26px; padding-top: 20px; } #galaxy-contents .ly-spec-box .chart .list { max-width: 80.5%; } #galaxy-contents .ly-inner-box-list { font-size: 16px; } #galaxy-contents .ly-inner-box-list { max-width: 80.5%; } } @media screen and (min-width: 1280px) { #galaxy-contents .ly-spec-box .chart .list { max-width: 990px; } #galaxy-contents .ly-inner-box-list { max-width: 990px; } } #galaxy-contents .specs { position: relative; width: 100%; height: 0; padding-bottom: 60%; background: url("../img/features/gears2_connectivity_2.jpg") no-repeat 50% 50%; background-size: 100% auto; } #galaxy-contents .specs__inner { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; padding: 5% 6.35% 5% 0; } #galaxy-contents .specs__header { font-size: 20px; } #galaxy-contents .specs__title { font-size: 2.916666em; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .specs__subtitle { margin-top: 1em; font-family: "SamsungSharpSans",sans-serif; line-height: 1.5; } #galaxy-contents .specs__subtitle__disc { position: relative; display: block; margin-top: 0.5em; padding-left: 1em; font-size: 13px; } #galaxy-contents .specs__subtitle__disc:before { content: "*"; position: absolute; top: 2px; left: 0; } #galaxy-contents .specs__bg { display: none; } #galaxy-contents .compatible { font-size: 16px; } #galaxy-contents .compatible__title { font-size: 2.1em; line-height: 1.142857; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .compatible__content { padding-top: 0.7em; } #galaxy-contents .compatible__content:after { content: ""; display: block; clear: both; } #galaxy-contents .compatible__type { margin-top: 1em; text-align: left; } #galaxy-contents .compatible__btn { display: inline-block; width: 19em; height: 3.5em; padding: 0 1.5em; border: 1px solid #343399; border-radius: 1.75em; color: #343399; line-height: 3.375; text-align: center; } #galaxy-contents .compatible__btn:hover { background: #343399 !important; color: #fff !important; } #galaxy-contents .compatible__btn:focus, #galaxy-contents .compatible__btn:visited, #galaxy-contents .compatible__btn:active { background-color: transparent; color: #343399; } #galaxy-contents .compatible__noti { max-width: 30em; margin-bottom: 0.5em !important; font-size: 1.5em; } #galaxy-contents .compatible__warn { border-top: 1px solid #dedede; padding: 1em 0; margin-top: 3em; line-height: 1.75; font-size: 15px; } #galaxy-contents .compatible__warn__txt { position: relative; margin-bottom: 0 !important; padding-left: 1.2em; } #galaxy-contents .compatible__warn__txt:before { content: "※"; position: absolute; top: 0; left: 0; display: block; } @media screen and (max-width: 1600px) { #galaxy-contents .specs { padding-bottom: 65%; } #galaxy-contents .specs__header { font-size: 20px; } } @media screen and (max-width: 1400px) { #galaxy-contents .specs__header { font-size: 20px; } #galaxy-contents .specs__subtitle__disc { font-size: 11px; } #galaxy-contents .compatible { font-size: 14px; } #galaxy-contents .compatible__btn { padding: 0 1em; } #galaxy-contents .compatible__warn { margin-top: 2em; font-size: 13px; } } @media screen and (max-width: 1279px) { #galaxy-contents .specs { padding-bottom: 73%; } #galaxy-contents .specs__inner { padding-top: 8%; padding-bottom: 8%; } #galaxy-contents .specs__header { font-size: 16px; } #galaxy-contents .compatible { font-size: 12px; } #galaxy-contents .compatible__warn { font-size: 12px; } } @media screen and (max-width: 1023px) { #galaxy-contents .specs { height: auto; padding: 0; background: none; } #galaxy-contents .specs__inner { position: static; width: 100%; padding: 0; } #galaxy-contents .specs__header { font-size: 28px; text-align: center; margin: 0 auto; padding: 0 5.555%; } #galaxy-contents .specs__title { max-width: 24em; margin: 1em auto 0; font-size: 1.666666em; font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .specs__subtitle { font-family: "SamsungSharpSans",sans-serif; } #galaxy-contents .specs__subtitle__disc { font-size: 10px; } #galaxy-contents .specs__subtitle__disc:before { position: static; display: inline-block; margin-right: 0.5em; } #galaxy-contents .specs__bg { display: block; margin: 1.5em 0; } #galaxy-contents .specs__bg__img { width: 100%; height: auto; } #galaxy-contents .compatible { padding: 0 5.555%; font-size: 16px; margin: 0; } #galaxy-contents .compatible__title { text-align: center; display: block; } #galaxy-contents .compatible__content { width: 70%; margin: 0 auto; text-align: center; } #galaxy-contents .compatible__type { margin: 1em 0 0; text-align: center; } #galaxy-contents .compatible__warn { font-size: 14px; } } @media screen and (max-width: 767px) { #galaxy-contents .specs__header { font-size: 12px; } #galaxy-contents .compatible { font-size: 12px; } #galaxy-contents .compatible__noti { margin: 0 auto; font-size: 1em; } #galaxy-contents .compatible__warn { font-size: 11px; } } #galaxy-contents .personalize .sector-header { position: relative; } #galaxy-contents .personalize-wrap { position: relative; overflow: hidden; width: 100%; } #galaxy-contents .personalize-list { position: relative; width: 100%; left: 0; margin: 70px 0 0; } #galaxy-contents .personalize-item-group { width: 100%; font-size: 0; text-align: center; } #galaxy-contents .personalize-item-group ul { width: 100%; margin: 0 auto; } #galaxy-contents .personalize-item { display: inline-block; vertical-align: top; margin-bottom: 52px; } #galaxy-contents .personalize-item .box { overflow: hidden; position: relative; left: 0; top: 0; width: 100%; } #galaxy-contents .personalize-item .box > div { transition: all 0.2s; } #galaxy-contents .personalize-item .box .stop { position: absolute; left: 0; top: 0; width: 100%; } #galaxy-contents .personalize-item .box .ani { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #galaxy-contents .personalize-item .box .ani .screen { position: absolute; width: 100%; top: 141.5px; z-index: -1; } #galaxy-contents .personalize-item .box .ani .watch { left: 0; top: 0; width: 100%; } #galaxy-contents .personalize-item-group .move .ani { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition: all 0.3s; } #galaxy-contents .personalize-item-group .move .stop { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.3s; } #galaxy-contents .personalize-item .box .scale { width: 100%; position: absolute; } #galaxy-contents .personalize-item .box .scale img { display: block; width: 100%; } #galaxy-contents .personalize-item .info { width: 90%; margin-top: 55px; margin-left: auto; margin-right: auto; white-space: normal; text-align: center; font-size: 20px; } #galaxy-contents .personalize-item .info-brand { display: block; margin-bottom: 0.5em; font-size: 1.4em; font-family: "SamsungSharpSans", sans-serif; color: #333; } #galaxy-contents .personalize-item .info-brand-play { position: relative; padding-left: 46px; color: #333; white-space: nowrap; } #galaxy-contents .personalize-item .info-brand-play:after { content: ""; position: absolute; top: -2px; left: 0; display: block; width: 36px; height: 36px; background-image: url("../img/features/btn_play_circle_normal.png"); background-repeat: no-repeat; background-size: 100% 100%; } #galaxy-contents .personalize-item .info-brand-play:focus { color: #333 !important; } #galaxy-contents .personalize-item .info-brand-play:hover:after { background-image: url("../img/features/btn_play_circle_over.png"); } #galaxy-contents .personalize-item .info-brand-play.is-active { color: #999; } #galaxy-contents .personalize-item .info-brand-play.is-active:after { background-image: url("../img/features/btn_play_circle_playing.png"); } #galaxy-contents .personalize-item .info-desc { font-size: 0.9em; color: #666; line-height: 1.666; } #galaxy-contents .personalize-item.is-active .box-btn { display: block; } #galaxy-contents .personalize-item--alone .info-brand-play { padding-left: 0 !important; } #galaxy-contents .personalize-item--alone .info-brand-play:after { display: none !important; } #galaxy-contents .personalize-wrap .slider-pager { display: none; } #galaxy-contents .personalize-wrap .slider-arrow { display: none; position: absolute; top: 40%; z-index: 10; width: 48px; height: 120px; margin-top: -60px; background-size: 100% auto; } #galaxy-contents .personalize-wrap .slider-arrow-prev { left: 4.1666%; background-image: url("../img/btn_slider_prev.png"); } #galaxy-contents .personalize-wrap .slider-arrow-next { right: 4.1666%; background-image: url("../img/btn_slider_next.png"); } #galaxy-contents .personalize-wrap .slider-arrow-prev:focus, #galaxy-contents .personalize-wrap .slider-arrow-prev:hover { left: 4.1666%; background-image: url("../img/btn_slider_prev_on.png"); } #galaxy-contents .personalize-wrap .slider-arrow-next:focus, #galaxy-contents .personalize-wrap .slider-arrow-next:hover { right: 4.1666%; background-image: url("../img/btn_slider_next_on.png"); } @media screen and (min-width: 768px) and (max-width: 1039px) { #galaxy-contents { /* 테블릿 */ } #galaxy-contents .personalize-wrap .slider-pager { display: block; font-size: 0; text-align: center; } #galaxy-contents .personalize-wrap .slider-pager-dot { display: inline-block; width: 12px; height: 12px; margin: 0px 5px; background-color: #666; border-radius: 50%; } #galaxy-contents .personalize-wrap .slider-pager-dot.is-active { background-color: #000; } } @media screen and (max-width: 767px) { #galaxy-contents { /* 모바일 */ } #galaxy-contents .personalize-item .box .stop { opacity: 0; display: none; } #galaxy-contents .personalize-item .box .ani { opacity: 1; } #galaxy-contents .personalize-wrap .slider-arrow { top: 50%; width: 36px; height: 90px; } #galaxy-contents .personalize-list { margin: 60px 0 0; } #galaxy-contents .personalize-item-group { display: inline; } #galaxy-contents .personalize-item { width: 100%; margin: 0; } #galaxy-contents .personalize-item.box { width: 53.333%; } #galaxy-contents .personalize-item .info { width: 53.333%; margin-top: 27px; font-size: 10px; } #galaxy-contents .personalize-item .info-brand-play { padding-left: 23px; } #galaxy-contents .personalize-item .info-brand-play:after { width: 18px; height: 18px; } #galaxy-contents .personalize-item .info-desc { font-size: 1em; } #galaxy-contents .personalize-wrap .slider-pager { display: block; font-size: 0; text-align: center; } #galaxy-contents .personalize-wrap .slider-pager-dot { display: inline-block; width: 8px; height: 8px; margin: 20px 5px; background-color: #666; border-radius: 50%; } #galaxy-contents .personalize-wrap .slider-pager-dot.is-active { background-color: #000; } #galaxy-contents .personalize-item .box .ani .screen img { width: 50%; } #galaxy-contents .personalize-item .box .ani .watch img { width: 100%; } #galaxy-contents .personalize-item .box .ani .screen { position: absolute; width: 100%; top: 25%; } } #galaxy-contents .brand_container { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; } #galaxy-contents .brand_container figure { position: absolute; height: 100%; left: 50%; width: 1920px; margin-left: -960px; } #galaxy-contents .brand_container figure img { display: block; margin: 0 auto; -height: 100%; } #galaxy-contents .brand .brand_feature-classic-move { left: 0; bottom: 0; height: 1200px; top: auto; } #galaxy-contents .brand .brand_feature-classic-move .brand_container { width: 1920px; margin-left: -960px; left: 50%; } #galaxy-contents .brand .brand_feature-classic-move .control { width: 204px; height: 204px; left: 50%; top: 495px; margin-left: -102px; } #galaxy-contents .brand .brand_feature-classic-move .control img { width: 204px; height: 204px; transition: none; } #galaxy-contents .brand .brand_feature-classic-move .control a { cursor: col-resize; } #galaxy-contents .brand .brand_feature-classic-move .controlop { opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } #galaxy-contents .brand .brand_feature-classic-move .rosegold { width: 960px; overflow: hidden; background: #bd9081; } #galaxy-contents .brand .brand_feature-classic-move .rosegold img { position: relative; left: 460px; transition: none; } #galaxy-contents .brand .brand_feature-classic-move figure span.text { display: none; } #galaxy-contents .brand .brand_feature-classic-move figure span.band { display: none; } #galaxy-contents .brand .brand_feature-classic-move .platinum { background: #6b7f95; } #galaxy-contents .brand .brand_feature-classic-move .platinum img { position: relative; left: -460px; transition: none; } #galaxy-contents .brand .brand_feature-classic-move p .gray { font-size: 25.5px; color: #fff; display: block; opacity: 0.5; filter: alpha(opacity=50); } #galaxy-contents .brand .brand_feature-classic-move p .tit { font-size: 46px; display: block; color: #fff; font-family: "SamsungSharpSans"; margin: 40px 0 33px 0; } #galaxy-contents .brand .brand_feature-classic-move p .tit em { font-size: 33px; color: #fff; } #galaxy-contents .brand .brand_feature-classic-move p .name { font-size: 26px; display: block; color: #fff; } #galaxy-contents .brand .brand_feature-classic-move p.rosegoldText { position: absolute; left: 255px; top: 500px; width: 310px; text-align: center; } #galaxy-contents .brand .brand_feature-classic-move p.platinumText { position: absolute; right: 255px; top: 500px; width: 310px; text-align: center; } #galaxy-contents .brand .brand_feature-classic-move p.textOp { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.3s; } #galaxy-contents .brand .brand_feature-classic-move .bandrose { display: none; } #galaxy-contents .brand .brand_feature-classic-move .bandplat { display: none; } @media screen and (max-width: 1440px) { #galaxy-contents .brand { height: 900px; } #galaxy-contents .brand .brand_feature-classic-move { left: 0; bottom: 0; height: 900px; top: auto; } #galaxy-contents .brand .brand_feature-classic-move .brand_container { width: 1440px; margin-left: -720px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure { width: 1440px; margin-left: -720px; height: 900px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.control { width: 154px; height: 154px; left: 50%; top: 373px; margin-left: -77px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.control img { width: 100%; height: 100%; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.rosegold { width: 720px; overflow: hidden; background: #bd9081; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.rosegold img { position: relative; left: 346px; transition: none; height: 100%; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.platinum { background: #6b7f95; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.platinum img { position: relative; left: -346px; transition: none; width: 100%; } #galaxy-contents .brand .brand_feature-classic-move p.rosegoldText { position: absolute; left: 60px; top: 376px; width: 310px; text-align: center; } #galaxy-contents .brand .brand_feature-classic-move p.platinumText { position: absolute; right: 60px; top: 376px; width: 310px; text-align: center; } #galaxy-contents .brand .brand_feature-classic-move p .gray { font-size: 20px; } #galaxy-contents .brand .brand_feature-classic-move p .tit { font-size: 40px; margin: 35px 0; } #galaxy-contents .brand .brand_feature-classic-move p .tit em { font-size: 26px; } #galaxy-contents .brand .brand_feature-classic-move p .name { font-size: 20px; } } @media screen and (min-width: 1025px) and (max-width: 1279px) { #galaxy-contents .brand .brand_feature-classic-move p.rosegoldText { left: 100px; } #galaxy-contents .brand .brand_feature-classic-move p.platinumText { right: 100px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { #galaxy-contents .brand { height: 840px; } #galaxy-contents .brand .brand_feature-classic-move { left: 0; bottom: 0; height: 840px; top: auto; } #galaxy-contents .brand .brand_feature-classic-move .brand_container { width: 1346px; margin-left: -673px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure { width: 1346px; margin-left: -673px; height: 840px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.control { width: 148px; height: 148px; left: 50%; top: 347px; margin-left: -74px; z-index: 2; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.control img { width: 100%; height: 100%; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.rosegold { width: 673px; overflow: hidden; background: #bd9081; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.rosegold img { position: relative; left: 206px; transition: none; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure > img { z-index: 1; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.platinum { background: #6b7f95; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.platinum img { position: relative; left: -206px; transition: none; } #galaxy-contents .brand .brand_feature-classic-move p.rosegoldText { position: absolute; left: 840px; top: 335px; width: 370px; text-align: center; } #galaxy-contents .brand .brand_feature-classic-move p.platinumText { position: absolute; right: 840px; top: 335px; width: 370px; text-align: center; } #galaxy-contents .brand .brand_feature-classic-move p .gray { font-size: 21px; } #galaxy-contents .brand .brand_feature-classic-move p .tit { font-size: 45px; margin: 35px; } #galaxy-contents .brand .brand_feature-classic-move p .tit em { font-size: 30px; } #galaxy-contents .brand .brand_feature-classic-move p .name { font-size: 22px; } #galaxy-contents .brand .brand_feature-classic-move figure span.text { z-index: 0; display: block; } #galaxy-contents .brand .brand_feature-classic-move figure span.band { z-index: 0; display: block; } #galaxy-contents .brand .brand_feature-classic-move .rosegold span.text { position: absolute; top: 210px; left: 50%; margin-left: -51px; } #galaxy-contents .brand .brand_feature-classic-move .rosegold span.band { position: absolute; top: 0; left: 50%; margin-left: -150px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure > span.text img { left: 0; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure > span.band img { left: 0; } #galaxy-contents .brand .brand_feature-classic-move .platinum span.text { position: absolute; top: 210px; right: 50%; margin-right: -387px; } #galaxy-contents .brand .brand_feature-classic-moveplus .brand_container > figure > span.text { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #galaxy-contents .brand .brand_feature-classic-move .bandrose { display: block; position: absolute; left: 275px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #galaxy-contents .brand .brand_feature-classic-move .bandplat { display: block; position: absolute; right: 275px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #galaxy-contents .brand .brand_feature-classic-move .bandrose.viewIn { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition: all 0.3s; } #galaxy-contents .brand .brand_feature-classic-move .bandplat.viewIn { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition: all 0.3s; } } @media screen and (max-width: 767px) { #galaxy-contents .brand { height: 450px; } #galaxy-contents .brand .brand_feature-classic-move { left: 0; bottom: 0; height: 450px; top: auto; } #galaxy-contents .brand .brand_feature-classic-move .brand_container { width: 100%; margin-left: 0px; left: 0; height: 450px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure { width: 100%; margin-left: 0px; height: 225px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.control { width: 100px; height: 100px; left: 50%; top: 400px; margin-left: -50px; z-index: 2; display: none; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.control img { width: 100%; height: 100%; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.rosegold { width: 100%; overflow: hidden; background: #bd9081; left: 0; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.rosegold img { position: absolute; left: 50%; transition: none; height: 232px; margin-left: -152px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure > img { z-index: 1; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.platinum { overflow: hidden; background: #6b7f95; left: 0; top: 225px; } #galaxy-contents .brand .brand_feature-classic-move .brand_container > figure.platinum img { position: absolute; left: 50%; transition: none; height: 232px; top: -7px; margin-left: 10px; width: initial; } #galaxy-contents .brand .brand_feature-classic-move p.rosegoldText { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: absolute; left: 50%; top: 80px; width: 145px; text-align: center; margin-left: 10px; } #galaxy-contents .brand .brand_feature-classic-move p.platinumText { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: absolute; right: 50%; top: 80px; width: 145px; text-align: center; margin-right: 10px; } #galaxy-contents .brand .brand_feature-classic-move p .gray { font-size: 10px; } #galaxy-contents .brand .brand_feature-classic-move p .tit { font-size: 15px; margin: 12px 0; } #galaxy-contents .brand .brand_feature-classic-move p .tit em { font-size: 12px; } #galaxy-contents .brand .brand_feature-classic-move p .name { font-size: 10px; } #galaxy-contents .brand .brand_feature-classic-move p .small { font-size: 8px; margin-top: -2px; } } #galaxy-contents .band .sector-header { position: relative; } #galaxy-contents .f_container > figure { width: 1346px; margin-left: -673px; } #galaxy-contents .band .bandDev { position: relative; left: 50%; top: 0; width: 10px; margin-left: -5px; height: 830px; } #galaxy-contents .band .band-list { overflow: hidden; width: 5720px; height: 830px; margin-top: 75px; position: relative; } #galaxy-contents .band .band-list:after { display: block; clear: both; content: ''; } #galaxy-contents .band .band-list li { float: left; } #galaxy-contents .band .band-list > li { padding-left: 55px; transition: all 1s; } #galaxy-contents .band .band-list > li.oper { opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } #galaxy-contents .band .band-list li ul { overflow: hidden; } #galaxy-contents .band .band-list li ul:after { display: block; clear: both; content: ''; } #galaxy-contents .band .band-list li ul li { float: left; width: 240px; text-align: center; } #galaxy-contents .band .band-list li ul li img { height: 830px; } #galaxy-contents .band .band-list li ul li.line { float: left; width: 50px; text-align: right; height: 100%; display: table-cell; } #galaxy-contents .band .band-list li ul li.line img { float: right; height: 800px; } #galaxy-contents .band .ico-list { /* background:url('./images/gear-s2-personalize_band_bg.gif') 0px 5px repeat-x;*/ margin-top: 40px; } #galaxy-contents .band .ico-list ul { width: 820px; margin: 0 auto; overflow: visible; } #galaxy-contents .band .ico-list ul:after { display: block; clear: both; content: ''; } #galaxy-contents .band .ico-list ul li { width: 205px; float: left; text-align: center; } #galaxy-contents .band .ico-list ul li a { width: 90px; text-align: center; position: relative; display: inline-block; } #galaxy-contents .band .ico-list ul li a figure { height: 45px; } #galaxy-contents .band .ico-list ul li a em { font-size: 17px; color: #999; } #galaxy-contents .band .ico-list ul li a .big-ico { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; left: 0; top: -20px; width: 52px; height: 52px; left: 50%; margin-left: -26px; } #galaxy-contents .band .ico-list ul li a.curr .big-ico { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #galaxy-contents .m_content-personalize-band .ico-list ul li a.curr em { color: #333; } #galaxy-contents .s3 .m_content-personalize-band .bandDev { height: 830px; } #galaxy-contents .s3 .m_content-personalize-band .band-list > li { padding-left: 50px; } #galaxy-contents .s3 .m_content-personalize-band .band-list > li .line { float: left; padding-left: 49px; width: 1px; text-align: center; height: 100%; display: table-cell; } #galaxy-contents .s3 .m_content-personalize-band .band-list li ul li.line img { float: right; height: 800px; } #galaxy-contents .s3 .m_content-personalize-band .band-list { overflow: hidden; width: 5360px; height: 900px; margin-top: 75px; position: relative; } #galaxy-contents .s3 .m_content-personalize-band .band-list li ul li { float: left; width: 220px; text-align: center; } #galaxy-contents .s3 .m_content-personalize-band .band-list li ul li img { height: 830px; } #galaxy-contents .band .ico-list { background: url("../img/features/gear-s2-personalize_band_bg.gif") 0px 5px repeat-x; margin-top: 30px; } @media screen and (max-width: 1023px) { #galaxy-contents .band .bandDev { height: 820px; } #galaxy-contents .band .band-list > li { padding-left: 45px; } #galaxy-contents .band .band-list > li .line { float: left; padding-left: 44px; width: 1px; text-align: center; height: 100%; display: table-cell; } #galaxy-contents .band .band-list li ul li.line img { float: right; height: 790px; } #galaxy-contents .band .band-list { overflow: hidden; width: 4970px; height: 820px; margin-top: 70px; position: relative; } #galaxy-contents .band .band-list li ul li { float: left; width: 210px; text-align: center; } #galaxy-contents .band .band-list li ul li img { height: 820px; } #galaxy-contents .band .ico-list { background: url("../img/features/gear-s2-personalize_band_bg.gif") 0px 5px repeat-x; margin-top: 30px; } #galaxy-contents .band .ico-list ul { width: 760px; } #galaxy-contents .band .ico-list ul li { width: 190px; float: left; text-align: center; } #galaxy-contents .band .ico-list ul li a { width: 90px; text-align: center; position: relative; display: inline-block; } #galaxy-contents .band .ico-list ul li a figure { height: 45px; } #galaxy-contents .band .ico-list ul li a em { font-size: 16px; } } @media screen and (max-width: 767px) { #galaxy-contents .band .bandDev { height: 450px; } #galaxy-contents .band .band-list > li { padding-left: 25px; } #galaxy-contents .band .band-list > li .line { padding-left: 24px; float: left; width: 1px; } #galaxy-contents .band .band-list li ul li.line img { height: 420px; } #galaxy-contents .band .band-list { overflow: hidden; width: 2560px; height: 450px; margin-top: 45px; position: relative; } #galaxy-contents .band .band-list li ul li { float: left; width: 105px; text-align: center; } #galaxy-contents .band .band-list li ul li img { height: 450px; } #galaxy-contents .band .ico-list { background: url("../img/features/gear-s2-personalize_band_bg.gif") 0px 5px repeat-x; margin-top: 30px; } #galaxy-contents .band .ico-list ul { width: 320px; } #galaxy-contents .band .ico-list ul li { width: 80px; float: left; text-align: center; } #galaxy-contents .band .ico-list ul li a { width: 50px; text-align: center; position: relative; display: inline-block; } #galaxy-contents .band .ico-list ul li a figure img { width: 12px; } #galaxy-contents .band .ico-list ul li a figure.big-ico { width: 26px; top: -12px; margin-left: -13px; } #galaxy-contents .band .ico-list ul li a figure.big-ico img { width: 26px; } #galaxy-contents .band .ico-list ul li a em { font-size: 11px; } } #galaxy-contents .kv-wrap { position: relative; height: 0; padding-bottom: 56.25%; } #galaxy-contents .kv .sector-header { top: 22%; left: 76%; } #galaxy-contents .kv .sector-header-tit { padding-top: 0; font-size: 40px; color: #231f20; } #galaxy-contents .kv .sector-header-tit span { padding-top: 0; font-size: 30px; color: #231f20; } #galaxy-contents .kv-figures { overflow: hidden; } #galaxy-contents .kv .kv-figure { position: relative; top: 0; height: 100%; } #galaxy-contents .kv .kv-figure img { display: block; height: 100%; } #galaxy-contents .kv .kv-figure-left { left: 0; float: left; } #galaxy-contents .kv .kv-figure-right { right: 0; float: right; } #galaxy-contents .kv .kv-figure-right img { float: right; } #galaxy-contents .kv .kv-links { display: inline-block; margin-top: 1.5em; padding-left: 15px; font-size: 22px; text-align: left; text-transform: capitalize; } #galaxy-contents .kv-links-video { position: relative; margin: 1em 6px; padding-left: 45px; background-repeat: no-repeat; background-image: url("../img/ico_youtube.png"); text-transform: capitalize; } #galaxy-contents .kv-links-video, #galaxy-contents .kv-links-video:active, #galaxy-contents .kv-links-video:visited, #galaxy-contents .kv-links-video:hover { color: #231f20; } #galaxy-contents .ly-kv { opacity: 0; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); -webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); } #galaxy-contents .ly-kv.is-visible { opacity: 1; } #galaxy-contents .ly-kv-inner { position: absolute; bottom: 0; width: 100%; padding: 0 7%; } #galaxy-contents .ly-kv-video { position: relative; height: 0; padding-bottom: 56.25%; margin: 0 auto; } #galaxy-contents .ly-kv-video-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #galaxy-contents .ly-kv-close { position: absolute; bottom: 80%; right: 0; width: 38px; height: 38px; margin: 20px; background: url("../img/btn_ly_close.png") no-repeat 50% 50%; background-size: 100% auto; } @media screen and (max-width: 1280px) { #galaxy-contents .kv .sector-header { top: 40%; left: 45%; } #galaxy-contents .kv .sector-header-tit { padding-top: 0; font-size: 35px; margin-left: 10%; margin-top: -15%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #galaxy-contents .kv .sector-header { top: 40%; left: 43%; } #galaxy-contents .kv .sector-header-tit { padding-top: 0; font-size: 35px; margin-left: 10%; margin-top: -15%; } #galaxy-contents .kv .sector-header-tit span { padding-top: 0; font-size: 25px; } } @media screen and (max-width: 767px) { #galaxy-contents .kv .sector-header { position: absolute; left: 0; top: auto; bottom: 0; display: -webkit-box; } #galaxy-contents .kv .sector-header-tit { font-size: 25px; color: #231f20; margin-bottom: 80%; margin-left: 50%; width: initial; height: initial; opacity: initial; } #galaxy-contents .kv .sector-header-tit span { font-size: 15px; } #galaxy-contents .kv-links-video { height: 20px; margin: 15px 20px; background-size: 32px 20px; background-image: url("../img/ico_youtube_white.png"); } #galaxy-contents .kv-links-video, #galaxy-contents .kv-links-video:active, #galaxy-contents .kv-links-video:visited, #galaxy-contents .kv-links-video:hover { color: transparent; } #galaxy-contents .ly-kv-inner { top: 50%; bottom: auto; padding: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #galaxy-contents .ly-kv-close { bottom: auto; top: 0; width: 19px; height: 19px; } #galaxy-contents .kv-wrap { padding-bottom: 106.9444444444444%; height: auto; } #galaxy-contents .kv-figures { position: absolute; top: 0; left: 0; } #galaxy-contents .kv .kv-figure { position: absolute; } #galaxy-contents .kv .kv-figure-left { float: none; /*miseol*/ height: 135%; margin-top: -23%; margin-left: 6%; } #galaxy-contents .kv .kv-figure-right { left: 80%; float: none; } } #galaxy-contents #method { position: relative; z-index: 1; } #galaxy-contents #method .design-method-item { width: 50%; } #galaxy-contents #method .design-method-item img { width: 100%; } #galaxy-contents #method .design-method-item03 { position: absolute; top: 0; right: 0; width: 50%; } @media screen and (max-width: 767px) { #galaxy-contents #method .design-method-item { width: 100%; } #galaxy-contents #method .design-method-item03 { position: static; width: 100%; } }