@charset "UTF-8";
/* SCSS */
/* Sprites */
.logo_nhnglobal_w, .logo_nhnglobal, .logo_fashiongo, .logo_smack, .logo_fashiongo_primary, .logo_smack_primary, .logo_fashiongo_primary_m, .logo_smack_primary_m, .logo_lashowroom, .logo_n41, .ico_menu, .ico_familyplus, .ico_fb, .ico_insta, .ico_youtube, .ico_tw, .ico_plus, .ico_arrow_down, .btn_play, .logo_Cloudnexa, #header.open_menu .logo_nhnglobal_w, #header.open_menu .btn_menu .ico_menu, .header_white .logo_nhnglobal_w, .header_white .btn_menu .ico_menu, .family_site.on .ico_familyplus, .selbox:after, .subsidiaries_item.on strong:after, .subsidiaries_item strong:after, .services .player .btn_play .ico_play { background-repeat: no-repeat; background-image: url("../img/sprites/retina.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .logo_nhnglobal_w, .logo_nhnglobal, .logo_fashiongo, .logo_smack, .logo_fashiongo_primary, .logo_smack_primary, .logo_fashiongo_primary_m, .logo_smack_primary_m, .logo_lashowroom, .logo_n41, .ico_menu, .ico_familyplus, .ico_fb, .ico_insta, .ico_youtube, .ico_tw, .ico_plus, .ico_arrow_down, .btn_play, .logo_Cloudnexa, #header.open_menu .logo_nhnglobal_w, #header.open_menu .btn_menu .ico_menu, .header_white .logo_nhnglobal_w, .header_white .btn_menu .ico_menu, .family_site.on .ico_familyplus, .selbox:after, .subsidiaries_item.on strong:after, .subsidiaries_item strong:after, .services .player .btn_play .ico_play { background-size: 263px 207px; background-image: url("../img/sprites/retina@2x.png"); } }

/* 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_nhnglobal_w { background-position: 0px -92px; width: 81px; height: 33px; }

.logo_nhnglobal { background-position: -142px 0px; width: 81px; height: 33px; }

.logo_fashiongo { background-position: 0px -191px; width: 85px; height: 16px; }

.logo_smack { background-position: -106px -148px; width: 105px; height: 16px; }

.logo_fashiongo_primary { background-position: 0px -148px; width: 102px; height: 21px; }

.logo_smack_primary { background-position: 0px -173px; width: 132px; height: 14px; }

.logo_fashiongo_primary_m { background-position: 0px -64px; width: 124px; height: 24px; }

.logo_smack_primary_m { background-position: 0px -129px; width: 139px; height: 15px; }

.logo_lashowroom { background-position: -227px 0px; width: 36px; height: 45px; }

.logo_n41 { background-position: -142px -37px; width: 42px; height: 42px; }

.ico_menu { background-position: -227px -150px; width: 24px; height: 20px; }

.ico_familyplus { background-position: -188px -61px; width: 14px; height: 14px; }

.ico_fb { background-position: -188px -37px; width: 20px; height: 20px; }

.ico_insta { background-position: -142px -83px; width: 20px; height: 20px; }

.ico_youtube { background-position: -166px -83px; width: 20px; height: 20px; }

.ico_tw { background-position: -190px -83px; width: 20px; height: 20px; }

.ico_plus { background-position: -227px -49px; width: 23px; height: 23px; }

.ico_arrow_down { background-position: -227px -174px; width: 14px; height: 10px; }

.btn_play { background-position: 0px 0px; width: 60px; height: 60px; }

.logo_Cloudnexa { background-position: -64px 0px; width: 74px; height: 46px; }

.btn { display: inline-block; min-width: 130px; height: 40px; border-radius: 5px; font-family: "LL Circular Pro Bold Web"; font-size: 14px; line-height: 40px; letter-spacing: -0.2px; text-transform: uppercase; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

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

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; }

.wrap { position: relative; }

#container { position: relative; margin-top: 65px; }

.inner { position: relative; width: 100%; padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#header { position: fixed; top: 0; right: 0; left: 0; z-index: 999; font-size: 0; }

#header.open_menu .inner { border-bottom-color: #fff; background-color: #fff; }

#header.open_menu .logo_nhnglobal_w { background-position: -142px 0px; width: 81px; height: 33px; }

#header.open_menu .btn_menu { right: 9px; }

#header.open_menu .btn_menu .ico_menu { background-position: -227px -76px; width: 22px; height: 22px; }

#header .inner { z-index: 101; border-bottom: solid 1px transparent; padding: 16px 25px 15px; }

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

#header .logo_nhnglobal_w { display: inline-block; }

#header .btn_menu { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 15px; font-size: 0; }

.header_white { border-bottom: solid 1px #e8eaee; }

.header_white .inner { background-color: #fff; }

.header_white .logo_nhnglobal_w { background-position: -142px 0px; width: 81px; height: 33px; }

.header_white .btn_menu .ico_menu { background-position: -227px -102px; width: 24px; height: 20px; }

.header_main { display: none; overflow: hidden; position: fixed; top: 65px; bottom: 0; left: 0; z-index: 100; width: 100%; padding: 32px 25px 0; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gnb a { color: #333; font-family: "LL Circular Pro Bold Web"; }

.gnb_item a { display: block; padding: 10px 0; font-size: 26px; letter-spacing: -0.58px; }

.gnb_item a.on span { border-bottom-color: #fa2828; }

.gnb_item a span { display: inline-block; padding: 6px 0 3px; border-bottom: solid 3px transparent; }

.gnb_depth { display: none; margin-top: 10px; }

.gnb_depth_item a { border-bottom: none; font-size: 16px; letter-spacing: -0.36px; }

.gnb_depth_item a.on { color: #fa2828; }

.family_site { position: absolute; right: 25px; bottom: 0; left: 25px; padding: 8px 0; border-top: solid 1px #edeff5; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

.family_site.on .ico_familyplus { top: 26px; background-position: -245px -174px; width: 14px; height: 2px; }

.family_site button { position: relative; width: 100%; padding: 17px 0; color: #333; font-size: 16px; font-family: "LL Circular Pro Bold Web"; letter-spacing: -0.51px; text-align: left; }

.family_site .ico_familyplus { position: absolute; top: 20px; right: 0; }

.family_site .lst { display: none; padding-bottom: 10px; }

.family_site .lst a { display: block; padding: 9px 0 8px; color: #333; font-size: 14px; letter-spacing: -0.31px; }

#footer { border-top: solid 1px #e8eaee; }

#footer .inner { padding: 10px 25px 19px; }

#footer .copyright { margin-top: 5px; color: #c0c4ca; font-size: 14px; letter-spacing: -0.4px; }

.ft_nav li { float: left; }

.ft_nav a { display: inline-block; padding: 10px; }

.ft_brand, .ft_follow { margin: 0 -10px; }

.ft_brand:after, .ft_follow:after { display: block; clear: both; content: ''; }

.ft_brand li { margin-left: 5px; }

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

.ft_follow { position: relative; margin-top: 17px; }

.ft_follow:before { display: block; position: absolute; top: -11px; right: 10px; left: 10px; height: 1px; background-color: #f5f5f5; content: ''; }

.spot { overflow: hidden; position: relative; height: 550px; margin-top: -65px; }

.spot_txt { position: absolute; right: 25px; bottom: 61px; left: 25px; z-index: 2; color: #fff; font-family: "LL Circular Pro Bold Web"; font-size: 20px; line-height: 26px; letter-spacing: -0.44px; }

.spot .sl li { position: relative; height: 550px; }

.spot .sl img { position: relative; left: 50%; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.spot .sl_box { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; }

.spot .sl_box .num { color: rgba(255, 255, 255, 0.6); font-family: "LL Circular Pro Medium Web"; font-size: 13px; letter-spacing: -0.16px; }

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

.spot .sl_count { padding: 0 25px; }

.spot .sl_progress { position: relative; height: 4px; margin-top: 20px; }

.spot .sl_progress .progress { width: 0; display: block; position: absolute; height: 100%; background-color: #fa2828; }

.apply { margin-top: 40px; padding-top: 30px; border-top: solid 1px #e8eaee; }

.apply .img { margin-top: 12px; padding: 0 20px; }

.apply .img img { width: 100%; }

.apply .ct { text-align: center; }

.apply strong { display: block; color: #333; font-family: "LL Circular Pro Bold Web"; font-size: 18px; font-weight: normal; line-height: 24px; letter-spacing: -0.4px; text-align: center; }

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

.selbox { position: relative; width: 100%; height: 40px; }

.selbox select { display: block; width: 100%; height: 100%; padding: 0 15px; border: 0; border-radius: 5px; background-color: #f6f8fa; color: #333; font-size: 14px; letter-spacing: -0.37px; }

.selbox:after { display: inline-block; position: absolute; top: 15px; right: 15px; pointer-events: none; content: ''; background-position: -227px -174px; width: 14px; height: 10px; }

/* Pages */
.about_page #container { top: 0; }

.intro .tit, .subsidiaries .tit, .offices .tit { color: #000; font-family: "LL Circular Pro Bold Web"; font-size: 20px; letter-spacing: -0.44px; }

.intro { padding-top: 40px; }

.intro .sub { display: block; margin-top: 29px; color: #333; font-size: 16px; line-height: 26px; letter-spacing: -0.27px; }

.intro .brand { margin-top: 40px; }

.intro .brand li { margin-top: 29px; }

.intro .brand li:first-child { margin-top: 0; }

.intro .brand_img img { width: 100%; }

.intro .brand_logo { display: inline-block; margin-top: 30px; }

.intro .brand_sub { margin-top: 11px; color: #999; font-size: 14px; line-height: 22px; letter-spacing: -0.45px; }

.intro .brand_link { display: inline-block; position: relative; margin: 4px 0 0 -10px; padding: 10px; color: #fa2828; font-size: 14px; letter-spacing: -0.45px; }

.intro .brand_link:after { display: block; position: absolute; right: 10px; bottom: 12px; left: 10px; height: 1px; background-color: #fa2828; content: ''; }

.subsidiaries { margin-top: 29px; padding-top: 39px; border-top: solid 1px #e8eaee; }

.subsidiaries .lst { margin-top: 4px; }

.subsidiaries_item { border-top: solid 1px #f0f2f6; }

.subsidiaries_item:first-child { border-top: none; }

.subsidiaries_item.on { padding-bottom: 40px; }

.subsidiaries_item.on:first-child { padding-bottom: 0; }

.subsidiaries_item.on strong:after { top: 48px; background-position: -142px -107px; width: 23px; height: 1px; }

.subsidiaries_item strong { display: block; position: relative; height: 45px; padding: 27px 0 27px 94px; color: #494949; font-size: 16px; font-weight: normal; line-height: 45px; letter-spacing: -0.51px; }

.subsidiaries_item strong:after { display: inline-block; position: absolute; top: 36px; right: 0; content: ''; background-position: -227px -49px; width: 23px; height: 23px; }

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

.subsidiaries_item_lashowroom .logo { left: 3px; }

.subsidiaries_item .ct { display: none; padding: 20px 20px 12px; background-color: #f6f8fa; }

.subsidiaries_item .ct p { color: #999; font-size: 14px; line-height: 22px; letter-spacing: -0.45px; }

.subsidiaries_item .ct a { display: inline-block; margin: 7px 0 0 -10px; padding: 10px; color: #fa2828; font-size: 14px; letter-spacing: -0.35px; text-decoration: underline; }

.our_mission { position: relative; height: 200px; margin-top: 11px; font-size: 0; text-align: center; }

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

.our_mission .bg { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

.our_mission .bg img { position: absolute; left: 50%; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

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

.our_mission .ct strong { color: #fff; font-family: "LL Circular Pro Bold Web"; font-size: 16px; line-height: 22px; letter-spacing: -0.51px; }

.offices { margin-top: 40px; }

.offices .lst { margin-top: 30px; }

.offices_item { margin-top: 41px; }

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

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

.offices_item .name, .offices_item .address { font-size: 14px; }

.offices_item .name { display: block; margin-top: 17px; color: #494949; letter-spacing: -0.3px; }

.offices_item .address { margin-top: 2px; color: #999; letter-spacing: -0.45px; line-height: 22px; }

.services { padding: 30px 0 39px; }

.services img { width: 100%; }

.services .inner { padding: 0; }

.services .tit { padding: 0 25px; color: #000; font-size: 20px; line-height: 26px; }

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

.services_item { margin-top: 49px; padding: 0 25px; }

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

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

.services .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 .player .btn_play .ico_play { background-position: 0px 0px; width: 60px; height: 60px; }

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

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

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

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

.services_ct { position: relative; margin-top: 30px; }

.services_ct .sub { margin-top: 12px; color: #999; font-size: 14px; line-height: 22px; letter-spacing: -0.45px; }

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

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

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

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

.careers_page .tit { color: #000; font-family: "LL Circular Pro Bold Web"; font-size: 20px; font-weight: normal; line-height: 26px; letter-spacing: -0.44px; }

.careers_page .apply { margin-top: 10px; padding-top: 29px; }

.careers_page .apply .img { margin-top: 23px; padding: 0 5px; }

.careers_value { padding: 29px 0; }

.careers_value img { width: 100%; }

.careers_value .values { margin-top: 29px; }

.careers_value .values_item { margin-top: 40px; letter-spacing: -0.45px; }

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

.careers_value .values_name { margin-top: 18px; }

.careers_value .values_name dt { color: #333; font-family: "LL Circular Pro Bold Web"; font-size: 18px; line-height: 26px; }

.careers_value .values_name dd { margin-top: 8px; color: #494949; font-family: "LL Circular Pro Medium Web"; font-size: 14px; line-height: 22px; }

.careers_value .values_txt { margin-top: 20px; color: #999; font-size: 14px; line-height: 22px; }

.careers_job { padding: 30px 0; }

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

.careers_job .selbox { margin-top: 15px; }

.careers_job .selbox:first-child { margin-top: 0; }

.careers_job .selbox_grp { margin-top: 28px; }

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

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

.careers_job .job_lst { margin-top: 16px; padding: 10px 0; border-top: 1px solid #333; }

.careers_job .job_lst li { margin-top: 20px; padding-top: 10px; border-top: 1px solid #edeff5; }

.careers_job .job_lst li:first-child { margin-top: 0; padding-top: 0; border-top: none; }

.careers_job .job_lst dl dt a { display: block; padding: 10px 0; color: #494949; font-family: "LL Circular Pro Bold Web"; letter-spacing: -0.51px; }

.careers_job .job_lst dl dd { color: #999; font-size: 14px; line-height: 22px; letter-spacing: -0.45px; }

.careers_job .job_lst_noresult { padding: 52px 0 22px; text-align: center; }

.careers_job .job_lst_noresult li { color: #999; font-size: 14px; letter-spacing: -0.45px; }

.careers_job .job_tit { padding-top: 20px; border-top: solid 1px #333; }

.careers_job .job_tit dt { margin-bottom: 10px; color: #494949; font-family: "LL Circular Pro Bold Web"; font-size: 18px; font-weight: normal; line-height: 22px; letter-spacing: -0.58px; }

.careers_job .job_tit dd { color: #999; font-size: 14px; line-height: 22px; letter-spacing: -0.45px; }

.careers_job .job_ct { margin-top: 20px; padding-top: 20px; border-top: solid 1px #edeff5; }

.careers_job_detail { padding: 30px 0 40px; }

.careers_job_detail .ct { margin-top: 28px; }

.careers_job_detail .btn_white { width: 100%; margin-top: 39px; }