@charset "UTF-8";
/* SCSS */
/* Sprites */
/* Common */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, table, th, td, form, fieldset, legend, textarea, input, select, textarea, button, article, aside, dialog, footer, header, section, footer, nav, figure, main { margin: 0; padding: 0; }

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

article, aside, dialog, footer, header, section, footer, nav, figure, main { display: block; }

html, body { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

img, form, fieldset, svg, li { border: 0; vertical-align: top; }

ul, ol { list-style: none; }

button { overflow: visible; border: 0; background-color: transparent; cursor: pointer; }

button:disabled { cursor: default; }

button::-moz-focus-inner { padding: 0; margin: -1px; }

input, button, select { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

address, caption, em { font-style: normal; }

a, a:focus, a:active, a:hover { text-decoration: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Legal Disclaimer These Fonts are licensed only for use on these domains and their subdomains: pebble.game It is illegal to download or use them on other websites. While the @font-face statements below may be modified by the client, this disclaimer may not be removed. Lineto.com, 2019 */
/* INSTRUCTIONS Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file. The fonts folder(s) should be placed relative to the regular CSS file. You can use either the complete or subsetted fonts: If you don’t require the entire range of characters, you can use the smaller, subsetted webfonts instead. See "Glyphs & Languages" for an overview of the characters in the corresponding html file in the root directory of this package. */
/* Complete */
@font-face { font-family: "LL Circular Pro Black Web"; src: url("../font/lineto-circular-pro-black.eot"); src: url("../font/lineto-circular-pro-black.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-pro-black.woff2") format("woff2"), url("../font/lineto-circular-pro-black.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "LL Circular Pro Black Italic Web"; src: url("../font/lineto-circular-pro-blackitalic.eot"); src: url("../font/lineto-circular-pro-blackitalic.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-pro-blackitalic.woff2") format("woff2"), url("../font/lineto-circular-pro-blackitalic.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "LL Circular Pro Bold Web"; src: url("../font/lineto-circular-pro-bold.eot"); src: url("../font/lineto-circular-pro-bold.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-pro-bold.woff2") format("woff2"), url("../font/lineto-circular-pro-bold.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "LL Circular Pro Bold Italic Web"; src: url("../font/lineto-circular-pro-bolditalic.eot"); src: url("../font/lineto-circular-pro-bolditalic.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-pro-bolditalic.woff2") format("woff2"), url("../font/lineto-circular-pro-bolditalic.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "LL Circular Pro Book Web"; src: url("../font/lineto-circular-pro-book.eot"); src: url("../font/lineto-circular-pro-book.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-pro-book.woff2") format("woff2"), url("../font/lineto-circular-pro-book.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "LL Circular Pro Book Italic Web"; src: url("../font/lineto-circular-pro-bookitalic.eot"); src: url("../font/lineto-circular-pro-bookitalic.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-pro-bookitalic.woff2") format("woff2"), url("../font/lineto-circular-pro-bookitalic.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "LL Circular Pro Medium Web"; src: url("../font/lineto-circular-pro-medium.eot"); src: url("../font/lineto-circular-pro-medium.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-pro-medium.woff2") format("woff2"), url("../font/lineto-circular-pro-medium.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "LL Circular Pro Medium Italic Web"; src: url("../font/lineto-circular-pro-mediumitalic.eot"); src: url("../font/lineto-circular-pro-mediumitalic.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-pro-mediumitalic.woff2") format("woff2"), url("../font/lineto-circular-pro-mediumitalic.woff") format("woff"); font-weight: normal; font-style: normal; }

.logo_nhn { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -251px -114px; width: 108px; height: 44px; }

.logo_fashiongo { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -251px -186px; width: 106px; height: 20px; }

.logo_smack { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -251px -162px; width: 131px; height: 20px; }

.logo_fashiongo_primary { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -251px 0px; width: 195px; height: 38px; }

.logo_smack_primary { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: 0px -43px; width: 247px; height: 38px; }

.logo_fashiongo_primary_m { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: 0px -85px; width: 213px; height: 39px; }

.logo_smack_primary_m { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: 0px 0px; width: 247px; height: 39px; }

.logo_lashowroom { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -96px -128px; width: 54px; height: 70px; }

.logo_n41 { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -365px -42px; width: 62px; height: 62px; }

.logo_cloudnexa { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -251px -42px; width: 110px; height: 68px; }

.ico_insta { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -361px -186px; width: 20px; height: 20px; }

.ico_fb { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -386px -162px; width: 20px; height: 20px; }

.ico_in { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -410px -162px; width: 20px; height: 20px; }

.ico_insta_m { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -217px -85px; width: 26px; height: 26px; }

.ico_fb_m { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -400px -114px; width: 26px; height: 26px; }

.ico_youtube_m { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -30px -224px; width: 26px; height: 26px; }

.ico_tw_m { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: 0px -224px; width: 26px; height: 26px; }

.ico_familyarrow { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -429px -186px; width: 17px; height: 17px; }

.ico_spot_prev { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -407px -186px; width: 18px; height: 18px; }

.ico_spot_next { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -385px -186px; width: 18px; height: 18px; }

.ico_sv_prev { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -188px -128px; width: 30px; height: 52px; }

.ico_sv_next { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -154px -128px; width: 30px; height: 52px; }

.ico_play { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: 0px -128px; width: 92px; height: 92px; }

.ico_ar_sel { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -431px -60px; width: 15px; height: 13px; }

.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }

.scroll-wrapper > .scroll-content { border: none !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; }

.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }

.scroll-element { display: none; }

.scroll-element, .scroll-element div { -webkit-box-sizing: content-box; box-sizing: content-box; }

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; }

.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; }

.scroll-textarea > .scroll-content { overflow: hidden !important; }

.scroll-textarea > .scroll-content > textarea { border: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 0; position: relative !important; top: 0; width: 100% !important; }

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }

.scrollbar_outer > .scroll-element, .scrollbar_outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }

.scrollbar_outer > .scroll-element { background-color: #ffffff; }

.scrollbar_outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }

.scrollbar_outer > .scroll-element.scroll-x { bottom: 0; height: 5px; left: 0; width: 100%; }

.scrollbar_outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 4px; width: 5px; }

.scrollbar_outer > .scroll-element.scroll-x .scroll-element_outer { height: 5px; top: 0; }

.scrollbar_outer > .scroll-element.scroll-y .scroll-element_outer { left: 0; width: 5px; }

.scrollbar_outer > .scroll-element .scroll-element_outer { overflow: hidden; }

.scrollbar_outer > .scroll-element .scroll-element_track { background-color: transparent; }

.scrollbar_outer > .scroll-element .scroll-element_outer, .scrollbar_outer > .scroll-element .scroll-element_track, .scrollbar_outer > .scroll-element .scroll-bar { border-radius: 3px; }

.scrollbar_outer > .scroll-element .scroll-bar { background-color: #e8eaee; }

.scrollbar_outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }

/* Scrollbar height/width & offset from container borders */
.scrollbar_outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }

.scrollbar_outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; }

.scrollbar_outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }

.scrollbar_outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }

/* Update scrollbar offset if both scrolls are visible */
.scrollbar_outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }

.scrollbar_outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar_outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }

.scrollbar_outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }

.btn { display: inline-block; position: relative; min-width: 174px; height: 50px; padding: 0 53px 0 20px; border-radius: 5px; font-family: "LL Circular Pro Bold Web"; font-size: 16px; line-height: 50px; letter-spacing: -0.2px; text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn:after { display: inline-block; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -222px -149px; width: 17px; height: 16px; content: ''; }

.btn_primary { background-color: #fa2828; color: #fff; }

.btn_white { border: solid 1px #d8dae0; background-color: #fff; color: #494949; }

.btn_no_ar { padding: 0; text-align: center; }

.btn_no_ar:after { display: none; }

.btn_type2 { display: inline-block; position: relative; padding: 10px 26px 10px 10px; color: #fa2828; font-size: 20px; line-height: 26px; letter-spacing: -0.36px; }

.btn_type2:after { display: inline-block; position: absolute; top: 18px; right: 8px; content: ''; background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -430px -114px; width: 9px; height: 13px; }

.selbox { position: relative; height: 55px; }

.selbox .btn_selbox { overflow: hidden; position: relative; width: 100%; height: 100%; padding: 0 45px 0 20px; border: solid 1px #f6f8fa; border-radius: 5px; background-color: #f6f8fa; outline: none; color: #333; font-family: "LL Circular Pro Bold Web"; font-size: 15px; letter-spacing: -0.4px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }

.selbox .btn_selbox:after { position: absolute; top: 20px; right: 20px; content: ''; background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -431px -60px; width: 15px; height: 13px; }

.selbox.open .btn_selbox { border-bottom: none; border-color: #d8dae0; border-radius: 5px 5px 0 0; background-color: #fff; }

.selbox.open .btn_selbox:after { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -431px -77px; width: 15px; height: 13px; }

.selbox.open .selbox_lst { display: block; }

.selbox_lst { display: none; overflow: auto; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; padding: 10px 0; border-radius: 0 0 5px 5px; border: 1px solid #d8dae0; border-top: none; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.selbox_lst:before { display: block; position: absolute; top: 0; right: 20px; left: 20px; height: 1px; background-color: #edeff5; content: ''; }

.selbox_lst li { width: 100%; margin-top: 4px; }

.selbox_lst button { display: block; overflow: hidden; width: 100%; padding: 0 20px; color: #333; font-family: "LL Circular Pro Medium Web"; font-size: 15px; line-height: 34px; letter-spacing: -0.4px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }

.selbox_lst button:hover { background-color: #f6f8fa; }

.selbox_lst button.on { color: #fa2828; }

.tbl { width: 100%; letter-spacing: -0.3px; table-layout: fixed; }

.tbl_noresult td { padding: 200px 0; text-align: center; }

.tbl th { padding: 18px 0; font-weight: normal; border-bottom: solid 1px #333; }

.tbl td { overflow: hidden; padding-right: 30px; border-bottom: solid 1px #edeff5; text-overflow: ellipsis; white-space: nowrap; }

.tbl a { overflow: hidden; display: block; padding: 30px 0; color: #333; font-family: "LL Circular Pro Bold Web"; text-overflow: ellipsis; white-space: nowrap; }

body, input, select, textarea, button { color: #999; font-family: "LL Circular Pro Book Web", sans-serif; font-size: 16px; }

.blind, caption span, legend { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; text-indent: -9999px; white-space: nowrap; }

i { display: inline-block; }

.skip { height: 0; }

.skip a { display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 25px; text-align: center; }

.skip a:focus, #skip a:active { position: absolute; top: 0; z-index: 100; padding: 10px 0; background: #000; font-weight: bold; color: #fff; font-size: 20px; text-decoration: none; }

.inner { position: relative; width: 1080px; margin: auto; }

input, textarea { display: block; width: 100%; background-color: #fff; color: #333; font-size: 16px; letter-spacing: -0.3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }

input:focus, textarea:focus { border-color: #fa2828; outline: none; }

input { height: 50px; padding: 0 18px; border: solid 1px #d8dae0; border-radius: 5px; }

.form_file { position: relative; height: 50px; margin-top: 20px; }

.form_file label { position: absolute; top: 0; right: 125px; left: 0; height: 100%; padding: 0 18px; border: solid 1px #d8dae0; border-radius: 5px; color: #999; font-size: 16px; line-height: 48px; letter-spacing: -0.3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form_file label:hover { cursor: pointer; }

.form_file label:after { position: absolute; top: -1px; bottom: -1px; right: -126px; z-index: 1; width: 115px; padding-left: 55px; border: solid 1px #d8dae0; border-radius: 5px; background-color: #f6f8fa; color: #494949; font-family: "LL Circular Pro Bold Web"; font-size: 16px; line-height: 48px; letter-spacing: -0.2px; -webkit-box-sizing: border-box; box-sizing: border-box; content: 'File'; }

.form_file label:before { display: inline-block; position: absolute; top: 50%; right: -58px; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -431px -42px; width: 14px; height: 14px; }

.form_file input { visibility: hidden; opacity: 0; }

.form_textarea { overflow: hidden; padding: 11px 8px 17px 18px; border: solid 1px #d8dae0; border-radius: 5px; }

.form_textarea textarea { line-height: 28px; }

.js_textarea_scrollbar { height: 130px; }

.apply_form input { margin-top: 20px; }

.apply_form .form_file, .apply_form .form_textarea, .apply_form .form_note { margin-top: 20px; }

.apply_form .form_file input { margin-top: 0; }

.apply_form .form_note { color: #999; font-size: 14px; line-height: 20px; letter-spacing: -0.3px; }

.apply_form .form_note li { position: relative; margin-top: 8px; padding-left: 14px; }

.apply_form .form_note li:first-child { margin-top: 0; }

.apply_form .form_note li:before { display: block; position: absolute; left: 1px; color: #999; font-size: 14px; line-height: 20px; content: '-'; }

.apply_form .form_btn { margin-top: 34px; font-size: 0; text-align: right; }

.apply_form .form_btn li { display: inline-block; margin-left: 10px; }

.apply_form .form_btn li:first-child { margin-left: 0; }

.layer { display: none; overflow: auto; position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; font-size: 0; text-align: center; }

.layer:after { display: inline-block; height: 100%; vertical-align: middle; content: ''; }

.dimmed { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.15); }

.popup { display: none; overflow: hidden; position: relative; z-index: 9999; margin: 30px 0; vertical-align: middle; text-align: left; }

.popup_tit { display: block; overflow: hidden; color: #333; font-size: 24px; letter-spacing: 0.1px; text-overflow: ellipsis; white-space: nowrap; }

.popup_tit span { display: block; margin-bottom: 7px; color: #fa2828; font-size: 18px; letter-spacing: normal; text-transform: uppercase; }

.popup_ct { margin-top: 19px; padding-top: 5px; border-top: solid 1px #333; }

.popup_apply { width: 650px; padding: 38px 39px; border-radius: 5px; border: solid 1px #d8dae0; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

#header { height: 89px; border-bottom: solid 1px #e8eaee; }

#header .inner { height: 90px; }

#header .logo { position: absolute; top: 26px; left: 0; }

#header .logo .logo_nhn { display: inline-block; }

#header #nav:after { display: block; clear: both; content: ''; }

#header .gnb { float: right; margin: 25px -8px 0 0; font-size: 0; }

#header .gnb li { display: inline-block; margin-left: 25px; }

#header .gnb a { display: block; padding: 10px 13px; color: #333; font-family: "LL Circular Pro Bold Web"; font-size: 16px; }

#header .gnb a.on { position: relative; color: #fa2828; }

#header .gnb a.on:after { content: ''; display: block; height: 2px; position: absolute; left: 12px; right: 12px; bottom: 4px; background: #fa2828; }

#footer { padding: 30px 0 39px; border-top: solid 1px #e8eaee; }

#footer .ft_nav { display: inline-block; }

#footer .ft_nav:after { display: block; clear: both; content: ''; }

#footer .ft_brand, #footer .ft_follow { float: left; margin-left: -10px; font-size: 0; }

#footer .ft_brand li, #footer .ft_follow li { display: inline-block; margin-left: 5px; }

#footer .ft_brand li:first-child, #footer .ft_follow li:first-child { margin-left: 0; }

#footer .ft_brand a, #footer .ft_follow a { display: block; padding: 10px; }

#footer .ft_follow { position: relative; margin-left: 31px; }

#footer .ft_follow:before { display: block; position: absolute; top: 12px; left: -16px; width: 1px; height: 16px; background-color: #e8eaee; content: ''; }

#footer .copyright { margin-top: 25px; color: #bbb; font-size: 14px; letter-spacing: -0.3px; }

.family_site { position: absolute; top: -3px; right: -25px; width: 160px; }

.family_site.on .lst { display: block; }

.family_site.on .ico_familyarrow { background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -222px -128px; width: 17px; height: 17px; }

.family_site button { width: 100%; padding: 14px 24px; color: #bbb; font-size: 14px; letter-spacing: -0.2px; text-align: right; }

.family_site button .ico_familyarrow { margin-left: 12px; vertical-align: -4px; }

.family_site .lst { display: none; position: absolute; right: 0; bottom: 100%; left: 0; padding: 14px 0; border: solid 1px #d8dae0; background-color: #fff; }

.family_site .lst a { display: block; width: 100%; padding: 0 24px; color: #bbb; font-size: 14px; line-height: 36px; letter-spacing: -0.2px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.family_site .lst a:hover { color: #fa2828; }

.apply { margin-top: 120px; }

.apply .inner { height: 470px; border-top: solid 1px #e8eaee; }

.apply .inner:after { display: inline-block; height: 100%; vertical-align: middle; content: ''; }

.apply .img { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.apply .ct { display: inline-block; vertical-align: middle; }

.apply strong { display: block; color: #333; font-size: 34px; line-height: 46px; letter-spacing: -0.15px; }

.apply .btn { margin-top: 38px; }

.spot { overflow: hidden; position: relative; height: 540px; text-align: center; vertical-align: middle; }

@media screen and (min-width: 1440px) { .spot { height: 540px; } }

@media screen and (min-width: 1920px) { .spot { height: 640px; } }

@media screen and (min-width: 2560px) { .spot { height: 800px; } }

.spot:before { display: inline-block; height: 100%; vertical-align: middle; content: ''; }

.spot_txt { display: inline-block; position: relative; z-index: 2; width: 99%; max-width: 1400px; margin-left: -4px; color: #fff; font-family: "LL Circular Pro Bold Web"; font-size: 32px; font-weight: normal; line-height: 50px; letter-spacing: -0.91px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.spot .sl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }

.spot .sl_box { position: absolute; right: 0; bottom: 21px; left: 0; width: 1080px; margin: auto; padding-left: 296px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.spot .sl_box:after { display: block; clear: both; content: ''; }

.spot .sl_count { position: absolute; top: 5px; left: 136px; }

.spot .sl_count .num { color: rgba(255, 255, 255, 0.4); font-family: "LL Circular Pro Medium Web"; font-size: 18px; line-height: 26px; letter-spacing: -0.23px; }

.spot .sl_count .num .index { color: #fff; }

.spot .sl_progress { float: left; width: 500px; height: 2px; margin-top: 17px; background-color: rgba(255, 255, 255, 0.4); }

.spot .sl_progress .progress { width: 0%; height: 100%; background: #fa2828; }

.spot .sl_ctrl { float: left; margin-left: 144px; font-size: 0; }

.spot .sl_ctrl button { padding: 9px; font-size: 0; }

.spot .sl li { overflow: hidden; position: relative; height: 800px; }

.spot .sl img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* Pages */
.about_page #content { padding: 120px 0 0; background: url(../img/bg_aboutus.png) no-repeat; background-position: center top; }

.intro { text-align: center; }

.intro .inner { width: 1300px; }

.intro .tit { color: #333; font-size: 24px; line-height: 40px; letter-spacing: -0.23px; }

.intro .brand { margin-top: 120px; text-align: left; }

.intro .brand_item { position: relative; height: 400px; padding: 92px 0 0 710px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.intro .brand_item.revert { padding: 92px 710px 0 110px; }

.intro .brand_item.revert .brand_img { right: 0; left: auto; }

.intro .brand_img { position: absolute; top: 0; left: 0; }

.intro .brand_logo { display: inline-block; font-size: 0; }

.intro .brand_sub { margin-top: 23px; color: #999; line-height: 32px; letter-spacing: -0.4px; }

.intro .brand .btn_type2 { margin: 15px 0 0 -10px; }

.subsidiaries { margin-top: 117px; }

.subsidiaries .tit { color: #333; font-size: 34px; }

.subsidiaries .lst { margin: 54px -30px 0; }

.subsidiaries .lst:after { display: block; clear: both; content: ''; }

.subsidiaries_item { float: left; position: relative; width: 50%; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.subsidiaries_item:after { display: block; position: absolute; right: 30px; bottom: 0; left: 30px; border-bottom: solid 1px #dfe3eb; content: ''; }

.subsidiaries_item.on strong:after { top: 34px; background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -365px -108px; width: 33px; height: 1px; }

.subsidiaries_item strong { display: block; position: relative; height: 69px; margin-bottom: 42px; padding-left: 130px; color: #333; font-size: 26px; font-weight: normal; line-height: 69px; letter-spacing: -0.2px; }

.subsidiaries_item strong:after { display: inline-block; position: absolute; top: 18px; right: 0; content: ''; background-size: 446px 250px; background-image: url("../img/sprites/normal.png"); background-position: -363px -114px; width: 33px; height: 33px; }

.subsidiaries_item strong:hover { cursor: pointer; }

.subsidiaries_item .logo { display: inline-block; width: 130px; position: absolute; top: 50%; left: 0; line-height: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.subsidiaries_item .ct { display: none; overflow: hidden; height: 402px; padding: 40px; background-color: #f6f8fa; -webkit-box-sizing: border-box; box-sizing: border-box; }

.subsidiaries_item .ct .txt { font-size: 18px; line-height: 28px; letter-spacing: -0.4px; }

.subsidiaries_item .ct .btn_type2 { margin: 7px 0 0 -10px; font-size: 18px; }

.our_mission { margin-top: 130px; text-align: center; }

.our_mission .inner { width: 1080px; height: 560px; }

.our_mission .inner:after { display: inline-block; height: 100%; vertical-align: middle; content: ''; }

.our_mission .bg { position: absolute; top: 0; left: 0; width: 100%; }

.our_mission .bg img { width: 100%; }

.our_mission .ct { display: inline-block; position: relative; z-index: 1; padding-left: 5px; vertical-align: middle; }

.our_mission .ct strong { color: #fff; font-size: 24px; line-height: 40px; letter-spacing: -0.15px; }

.offices { margin-top: 117px; }

.offices .tit { color: #333; font-size: 34px; }

.offices .lst { margin: 38px -30px 0; }

.offices .lst:after { display: block; clear: both; content: ''; }

.offices_item { float: left; width: 50%; padding: 0 30px; font-size: 18px; letter-spacing: -0.3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.offices_item .map { width: 100%; height: 400px; }

.offices_item .map iframe { width: 100%; height: 100%; border: none; }

.offices_item .name { display: block; margin-top: 32px; color: #494949; line-height: 18px; letter-spacing: 0; }

.offices_item .address { margin-top: 18px; line-height: 26px; }

.services { padding: 99px 0 120px; }

.services .tit { color: #333; font-size: 34px; letter-spacing: 0.4px; }

.services .ct { margin-top: 59px; }

.services_item { margin-top: 120px; }

.services_item:first-child { margin-top: 0; }

.services_item .player { position: relative; height: 100%; }

.services_item .player .btn_play { position: absolute; top: 50%; left: 50%; z-index: 3; font-size: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.services_item .player img { position: relative; z-index: 2; }

.services_item .player .iframe_wrap { display: block; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; }

.services_item .player .iframe_wrap:before { display: block; padding-top: 56.25%; content: ''; }

.services_item .player .iframe_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.services_ct { position: relative; margin-top: 50px; padding: 0; }

.services_ct .brand { display: inline-block; font-size: 0; }

.services_ct .sub { margin-top: 31px; color: #999; font-size: 20px; line-height: 32px; letter-spacing: -0.4px; text-align: justify; }

.services_ct .follow { position: absolute; right: 100px; bottom: 2px; font-size: 0; }

.services_ct .follow li { display: inline-block; margin-left: 10px; }

.services_ct .follow li:first-child { margin-left: 0; }

.services_ct .follow li a { display: block; padding: 10px; }

.services_ct .btn_primary { margin-top: 50px; }

.sl_services li { height: 560px; }

.sl_services .btn_prev, .sl_services .btn_next { position: absolute; top: 50%; z-index: 1; padding: 10px; font-size: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.sl_services .btn_prev { left: 30px; }

.sl_services .btn_next { right: 30px; }

.careers { padding: 97px 0 0; }

.careers_tab { font-size: 0; }

.careers_tab li { display: inline-block; position: relative; width: 50%; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.careers_tab li:before { display: inline-block; position: absolute; top: 7px; left: 0; width: 1px; height: 30px; background-color: #e8eaee; content: ''; }

.careers_tab li:first-child { text-align: right; }

.careers_tab li:first-child:before { display: none; }

.careers_tab li a { display: inline-block; position: relative; color: #d3d7dc; font-family: "LL Circular Pro Bold Web"; font-size: 30px; letter-spacing: -0.4px; }

.careers_tab li a:after { display: block; position: absolute; bottom: -12px; left: 0; width: 100%; height: 4px; background-color: transparent; content: ''; }

.careers_tab li a.on { color: #333; }

.careers_tab li a.on:after { background-color: #fa2828; }

.careers_ct { margin-top: 92px; }

.careers_values .inner { width: 1300px; }

.careers .values_item { position: relative; height: 400px; margin-top: 80px; padding-left: 710px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.careers .values_item:after { display: inline-block; height: 100%; vertical-align: middle; content: ''; }

.careers .values_item:first-child { margin-top: 0; }

.careers .values_item.revert { padding: 0 680px 0 110px; }

.careers .values_item.revert .values_img { right: 0; left: auto; }

.careers .values_ct { display: inline-block; vertical-align: middle; }

.careers .values_img { position: absolute; top: 0; left: 0; }

.careers .values_name dt { color: #333; font-family: "LL Circular Pro Bold Web"; font-size: 34px; letter-spacing: -0.43px; }

.careers .values_name dd { margin-top: 10px; color: #494949; font-size: 20px; line-height: 32px; letter-spacing: -0.4px; }

.careers .values_txt { margin-top: 25px; line-height: 30px; letter-spacing: -0.4px; }

.careers_job { padding-bottom: 120px; }

.careers_job .ct { margin-top: 80px; }

.careers_job .job_position { color: #333; font-family: "LL Circular Pro Bold Web"; font-size: 20px; line-height: 24px; letter-spacing: -0.28px; }

.careers_job .job_position span { margin-left: 6px; color: #fa2828; }

.careers_job .job_tit { margin-top: -3px; color: #333; }

.careers_job .job_tit strong { font-size: 34px; }

.careers_job .job_tit p { margin-top: 18px; font-size: 16px; letter-spacing: -0.3px; }

.careers_job .job_dt { margin-top: 40px; padding: 40px 0; border-top: solid 1px #333; border-bottom: solid 1px #e8eaee; }

.careers_job .job_btn { margin: 40px 0 166px; }

.careers_job .job_btn:after { display: block; clear: both; content: ''; }

.careers_job .job_btn .btn_white { float: left; }

.careers_job .job_btn .btn_primary { float: right; }

.careers .selbox_grp { margin: 0 -8px; }

.careers .selbox_grp:after { display: block; clear: both; content: ''; }

.careers .selbox_wrap { float: left; width: 25%; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.careers .tbl { margin-top: 34px; }

.careers .tbl_noresult { margin-bottom: 217px; }