@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap';
@import url("https://fonts.googleapis.com/css?family=Roboto");
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; font-display: fallback; src: local("NanumBarunGothicLight"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicLight.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicLight.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicLight.ttf") format("truetype"); /* Safari, Android, iOS */ }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; font-display: fallback; src: local("NanumBarunGothic"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothic.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothic.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothic.ttf") format("truetype"); /* Safari, Android, iOS */ }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; font-display: fallback; src: local("NanumBarunGothicBold"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicBold.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicBold.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicBold.ttf") format("truetype"); /* Safari, Android, iOS */ }
@font-face { font-family: 'SpoqaHanSansNeo'; font-style: normal; font-weight: 300; font-display: fallback; src: url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Light.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Light.ttf") format("truetype"); }
@font-face { font-family: 'SpoqaHanSansNeo'; font-style: normal; font-weight: 400; font-display: fallback; src: url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype"); }
@font-face { font-family: 'SpoqaHanSansNeo'; font-style: normal; font-weight: 500; font-display: fallback; src: url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Medium.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Medium.ttf") format("truetype"); }
@font-face { font-family: 'SpoqaHanSansNeo'; font-style: normal; font-weight: 700; font-display: fallback; src: url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Bold.ttf") format("truetype"); }
@font-face { font-family: 'RixMgo'; font-style: normal; font-weight: 300; src: url("https://file.bugsm.co.kr/wbugs/fonts/RixMGo-Mobile-Light.ttf") format("truetype"); }
@font-face { font-family: 'RixMgo'; font-style: normal; font-weight: 400; src: url("https://file.bugsm.co.kr/wbugs/fonts/RixMGo-Mobile-Medium.ttf") format("truetype"); }
@font-face { font-family: 'RixMgo'; font-style: normal; font-weight: 700; src: url("https://file.bugsm.co.kr/wbugs/fonts/RixMGo-Mobile-Bold.ttf") format("truetype"); }
@font-face { font-family: 'NanumSquareNeo'; font-style: normal; font-weight: 400; src: url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-bRg.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-bRg.woff") format("woff"); font-display: fallback; }
@font-face { font-family: 'NanumSquareNeo'; font-style: normal; font-weight: 700; src: url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-cBd.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-cBd.woff") format("woff"); font-display: fallback; }
@font-face { font-family: 'NanumSquareNeo'; font-style: normal; font-weight: 800; src: url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-dEb.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-dEb.woff") format("woff"); font-display: fallback; }
@font-face { font-family: 'NanumSquareNeo'; font-style: normal; font-weight: 900; src: url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-eHv.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-eHv.woff") format("woff"); font-display: fallback; }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 300; font-display: swap; src: local("Pretendard Light"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Light.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Light.woff") format("woff"); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 400; font-display: swap; src: local("Pretendard Regular"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Regular.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Regular.woff") format("woff"); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 500; font-display: swap; src: local("Pretendard Medium"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Medium.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Medium.woff") format("woff"); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 600; font-display: swap; src: local("Pretendard SemiBold"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-SemiBold.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-SemiBold.woff") format("woff"); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 700; font-display: swap; src: local("Pretendard Bold"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Bold.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Bold.woff") format("woff"); }
* { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; outline: 0; border: 0; background: transparent; }
html { height: 100%; background-color: #000; }
body { min-height: 100%; font-family: "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; font-size: 13px; font-weight: 400; color: #3a3635; background-color: #000; }
header, h1 { font-size: 100%; }
caption, legend { position: absolute; top: 0; left: 0; overflow: hidden; visibility: hidden; height: 0; width: 0; font-size: 0; font-size: 0; line-height: 0; }
img { vertical-align: top; border: 0 none; }
input, button, textarea, select { font-family: "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; }
input[type=text]::-ms-clear, input[type=email]::-ms-clear, input[type=number]::-ms-clear, input[type=tel]::-ms-clear { display: none !important; height: 0; width: 0; }
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus { outline: 0; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
hr { display: none; border: 0 none; }
em { font-style: normal; }
ol, ul, ul li { list-style: none; }
menu li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { word-break: break-all; word-wrap: break-word; }
label { cursor: pointer; }
button { cursor: pointer; border: 0 none; background-color: transparent; }
a { margin: 0; padding: 0; color: #3a3635; vertical-align: baseline; background: transparent; }
a:link, a:visited, a:active, a:focus { text-decoration: none; }
a:hover { text-decoration: underline; }
#header { position: fixed; height: 120px; width: 100%; background: rgba(0, 0, 0, 0.9); z-index: 100; zoom: 1; }
#header:before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 40px; width: 100%; background-color: #fff; }
#header .logo { position: absolute; top: 40px; left: 50%; margin-left: -600px; z-index: 1; }
#header .logo > a { display: block; height: 80px; width: 167px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat 0 0; }
#gnb .innerContainer { width: 1200px; }
#gnb .menu { float: right; margin: 60px -16px 0 0; }
#gnb .menu li { float: left; }
#gnb .menu a { display: block; padding: 0 16px; font-size: 16px; color: #999; line-height: 40px; }
#gnb .menu a:hover { color: #fff; text-decoration: none; }
#gnb .menu a.selected { font-weight: bold; color: #fff; }
#gnb .language { position: relative; float: left; }
#gnb .language h1 { position: absolute; left: -10000em; font-size: 1px; line-height: 0; }
#gnb .language .btnLanguage { display: inline-block; position: relative; padding: 0 16px 0 30px; vertical-align: middle; }
#gnb .language .btnLanguage:after { content: ''; position: absolute; top: 50%; right: 0; height: 6px; width: 9px; margin-top: -3px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -200px -40px; }
#gnb .language .btnLanguage .flag { position: absolute; top: 50%; left: 0; margin-top: -9px; font-size: 0; line-height: 0; }
#gnb .language .btnLanguage .flag:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.1); }
#gnb .language .btnLanguage .flag img { max-width: 24px; }
#gnb .language .btnLanguage em { display: inline-block; font-size: 13px; color: #000; line-height: 40px; vertical-align: middle; }
#gnb .language .btnLanguage:hover em { text-decoration: underline; }
#gnb .language .layer.selectLanguage { top: 36px; left: 0; }
#gnb .share { position: absolute; top: 7px; right: 0; }
#gnb .share h1 { position: absolute; left: -10000em; font-size: 1px; line-height: 0; }
#gnb .share a { float: left; height: 27px; width: 27px; margin-right: 8px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat 0 0; }
#gnb .share a.facebook { background-position: -200px 0; }
#gnb .share a.twitter { background-position: -240px 0; }
#gnb .share a.kakaostory { background-position: -280px 0; }
#gnb .share a.band { background-position: -320px 0; }
#gnb .share a.kakaotalk { background-position: -360px 0; }
#gnb .share a.naver { background-position: -400px 0; }
#gnb .share a.link { background-position: -440px 0; }
#footer { padding: 25px 0; background-color: #000; }
#footer .innerContainer { padding-bottom: 15px; }
#footer address { font-size: 12px; font-style: normal; color: #818181; line-height: 2.33; text-align: center; }
#footer address a { color: inherit; }
#footer address.bsk { color: #fff; }
#footer .emblem { margin-top: 20px; }
#footer .emblem > a.hiResolution { display: block; position: relative; box-sizing: border-box; height: 60px; width: 240px; margin: 0 auto; padding-left: 68px; font-size: 14px; color: #fff; line-height: 60px; text-decoration: none; border: 1px solid #3c3c3c; }
#footer .emblem > a.hiResolution:before { content: ''; position: absolute; top: 50%; left: 8px; height: 44px; width: 44px; margin-top: -22px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -840px 0; }
#container { min-height: 470px; padding-top: 40px; background-color: #fff; }
#container > h1 { position: absolute; left: -10000em; font-size: 1px; line-height: 0; }
.sectionPadding h1 { padding: 80px 0 25px; font-size: 32px; text-align: center; }
.sectionPadding .desc { font-size: 16px; text-align: center; }
.sectionPadding.gray { background-color: #f2f2f2; }
header.visual + section.sectionPadding { position: relative; margin-top: -40px; }
.innerContainer { position: relative; width: 1100px; margin: 0 auto; padding-bottom: 80px; }
.innerContainer:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }
.innerContainer.container-shadow { width: 1200px; padding-bottom: 0; color: #fff; box-shadow: 16px 19px 25px 0 rgba(7, 0, 2, 0.2); background-color: #1c2639; }
.innerContainer.container-shadow h1 { padding-top: 0; }
.innerContainer.container-shadow .desc { margin: 0 50px; padding: 32px 0 25px; font-size: 18px; color: #b1c1e0; border-bottom: 1px solid #374051; }
br.m, br.t { display: none; }
.point { color: #ff1149; }
.btnLink { height: 78px; text-align: center; background: #000; }
.btnLink span { display: inline-block; position: relative; padding-right: 20px; color: #FFF; font-size: 1.25rem; line-height: 3.9; }
.btnLink span:after { content: ''; position: absolute; top: 50%; right: 0; height: 23px; width: 9px; margin-top: -12px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -400px -40px; }
header.visual { position: relative; height: 290px; }
header.visual:before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 390px; width: 100%; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/bg_headerMask.png") no-repeat 50% 0; }
header.visual .innerContainer { height: 310px; padding-top: 80px; }
header.visual h1 { height: 50px; width: 400px; margin: 64px auto 0; padding: 0; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat; }
.btns { text-align: center; vertical-align: top; }
.btns .btn { display: inline-block; width: 348px; margin-left: 24px; padding: 27px 0 28px; text-align: center; background-color: #000; }
.btns .btn:hover { text-decoration: none; }
.btns .btn:first-child { margin-left: 0 !important; }
.btns .btn span { display: inline-block; position: relative; padding-right: 20px; font-size: 20px; color: #fff; line-height: 23px; }
.btns .btn span:after { content: ''; position: absolute; top: 50%; right: 0; height: 23px; width: 9px; margin-top: -12px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -400px -40px; }
.floatingTop { position: fixed; right: 20px; bottom: 200px; width: auto; z-index: 100; }
.floatingTop .btnTop { display: block; height: 38px; width: 38px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/sprite_promotion_button.png") no-repeat 0 0; }
.floatingBanner { position: fixed; bottom: 20%; left: 50%; margin-left: 550px; z-index: 100; }
.floatingBanner .btnClose { position: absolute; top: 0; right: 0; height: 25px; width: 25px; text-indent: -1000em; background-image: none; }
#skipNav { position: absolute; top: 0; left: 0; z-index: 1500; }
#skipNav a { display: block; position: absolute; top: -50px; left: 0; overflow: hidden; height: 29px; width: 160px; text-align: center; background: #000; background: rgba(0, 0, 0, 0.9); }
#skipNav a:active, #skipNav a:focus { top: 0; }
#skipNav a:hover { text-decoration: none; }
#skipNav a span { display: inline-block; position: relative; padding: 0 10px 0 3px; color: #FFF; line-height: 29px; }
#skipNav a span:before { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); }
.paging { padding-top: 10px; text-align: center; }
.paging a { display: inline-block; position: relative; height: 19px; min-width: 26px; margin: 0 3px 0 4px; padding-top: 7px; font-size: 13px; color: #757271; text-align: center; text-decoration: none; border: 1px solid #dad9d9; background-color: #FFF; }
.paging a:hover { background-color: #f2f3f7; }
.paging a.selected { position: relative; color: #3a3635; }
.paging a.selected:before { content: ''; display: block; position: absolute; right: -1px; bottom: -1px; left: -1px; height: 2px; background-color: #ff564c; }
.paging a.btnPrev { padding-right: 14px; padding-left: 21px; }
.paging a.btnPrev:before { content: ''; margin-top: 1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; left: 11px; transform: translate(0, -54%) rotate(180deg); }
.paging a.btnNext { padding-right: 21px; padding-left: 14px; }
.paging a.btnNext:before { content: ''; margin-top: 1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 11px; transform: translate(0, -54%); }
.list { width: 100%; margin-bottom: 20px; border-top: 2px solid #4c4c4c; border-bottom: 1px solid #efefef; }
.list li { border-top: 1px solid #efefef; }
.list li:first-child { border-top: 0 none; }
.list .listHeader { display: table; width: 100%; }
.list .listHeader > p { display: table-cell; height: 38px; table-layout: fixed; font-size: 13px; font-weight: bold; color: #666; vertical-align: middle; }
.list .listHeader .title { text-align: left; }
.list .subject { display: table; width: 100%; }
.list .subject:hover, .list .subject.open { text-decoration: none; background-color: #f8f9fb; }
.list .subject > p { display: table-cell; height: 56px; table-layout: fixed; font-size: 12px; color: #666; vertical-align: middle; }
.list .seq { width: 73px; text-align: center; }
.list .seq.icon em { display: block; height: 17px; width: 27px; margin: 0 auto; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat; }
.list .seq.icon em.icPoint { background-position: -760px 0; }
.list .seq.icon em.icNew { background-position: -760px -40px; }
.list .title { overflow: hidden; font-size: 13px; color: #000; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.list .title:hover { text-decoration: underline; }
.list .hit { width: 100px; text-align: center; }
.list .date { width: 100px; text-align: center; }
.list .room { width: 135px; padding-left: 30px; }
.list .brands { width: 560px; }
.list .contents { display: none; border-top: 1px solid #efefef; }
.list .open + .contents { display: block; padding: 26px 23px 60px 23px; font-size: 13px; color: #757271; line-height: 24px; text-align: left; }
.list .open + .contents * { font-family: '나눔바른고딕', 'NanumBarunGothic', helvetica, '돋움', Dotum, 'Apple SD Gothic Neo', MS PGothic, sans-serif !important; line-height: 24px !important; }
.list .contents p.thumbnail { position: relative; text-align: center; }
.list .contents p.thumbnail:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.list .contents p.thumbnail:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; height: 100%; width: 100%; border: 1px solid #e7e7e7; }
.list .contents p.thumbnail img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.list .contents .contentTitle { margin: 56px 0 35px; font-size: 17px; color: #333; }
.list .contents .contentPhoto + .contentTitle { margin-top: 96px; }
.list .contents .contentLogo { margin: 13px 0 30px; }
.list .contents .contentLogo p { height: 142px; width: 330px; margin: 0 auto 38px; background-color: #fff; }
.list .contents .contentLogo figcaption { font-size: 17px; color: #333; }
.list .contents .contentLogo figcaption strong { color: #1578ff; }
.list .contents .contentPhoto { overflow: hidden; margin: 13px 0; }
.list .contents .contentPhoto p { float: left; height: 200px; width: 330px; margin-left: 25px; background-color: #f7f7f7; }
.list .contents .contentPhoto p:first-child { margin-left: 0; }
.list .contents .contentText { margin: 13px 0 34px; font-size: 14px; color: #333; line-height: 1.857 !important; }
.pgIntro { position: relative; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/bg_intro.jpg") no-repeat 50% 40px, url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/bg_introPattern.png") repeat-x; z-index: 1; }
.pgIntro:before { content: ''; position: absolute; top: 422px; right: 50%; height: 493px; width: 458px; margin-right: 302px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/bg_introDeco.png") no-repeat; z-index: 10; }
.pgIntro header.visual { height: auto; }
.pgIntro header.visual:before { display: none; }
.pgIntro header.visual .innerContainer { overflow: hidden; height: 540px; padding-bottom: 0; }
.pgIntro header.visual h1 { height: 273px; width: 525px; margin: 90px auto 40px; padding: 0; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat 0 -120px; }
.pgIntro header.visual p { font-size: 22px; color: #fff; line-height: 1.64; text-align: center; }
.pgIntro header.visual p strong { display: block; }
.pgIntro header.visual p span { display: block; }
.pgIntro header.visual + section.sectionPadding { margin-top: 0; }
.pgIntro .prologue .innerContainer { box-sizing: border-box; height: 400px; padding-top: 60px; background-color: #FFF; }
.pgIntro .prologue h1 { font-size: 32px; color: #000; line-height: 40px; }
.pgIntro .prologue h2 { overflow: hidden; height: 39px; width: 495px; margin: -7px auto 28px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -480px 0; }
.pgIntro .prologue p { font-size: 16px; color: #333; line-height: 26px; text-align: center; }
.pgIntro .naming { position: relative; z-index: 10; }
.pgIntro .naming .innerContainer { position: relative; box-sizing: border-box; height: 470px; padding: 115px 0 0 660px; background: #000; }
.pgIntro .naming .innerContainer:before { content: ''; position: absolute; top: 50%; left: 50px; height: 321px; width: 541px; margin-top: -160px; z-index: 1; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat 0 -400px; }
.pgIntro .naming p { font-size: 15px; color: #c3ccdd; line-height: 26px; }
.pgIntro .naming p em { color: #83adff; }
.pgIntro .naming p .logo { display: inline-block; height: 27px; width: 69px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -200px -40px; }
.pgIntro .history { position: relative; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/bg_introHistory.jpg") no-repeat 50% 0; z-index: 1; }
.pgIntro .history .innerContainer { box-sizing: border-box; height: 1057px; }
.pgIntro .history .btnLink { display: block; position: absolute; bottom: 80px; left: 50%; width: 348px; margin-left: -174px; }
.pgInfo header.visual { background-color: #ff1149; }
.pgInfo header.visual h1 { background-position: -560px -120px; }
.pgInfo .dateInfo { padding-bottom: 15px; }
.pgInfo .dateInfo ul { overflow: hidden; }
.pgInfo .dateInfo li { float: left; box-sizing: border-box; height: 370px; width: 50%; padding: 68px 0 0 60px; }
.pgInfo .dateInfo li h1 { text-align: left; }
.pgInfo .dateInfo li p { position: relative; overflow: hidden; padding-left: 115px; font-size: 18px; line-height: 40px; }
.pgInfo .dateInfo li p span { position: absolute; top: 0; left: 0; height: 40px; width: 85px; font-size: 16px; color: #7f8fae; }
.pgInfo .dateInfo li p span:before { content: ''; position: absolute; top: 12px; right: 0; height: 16px; width: 1px; background-color: #4c5668; }
.pgInfo .dateInfo li:first-child { background-color: #293448; }
.pgInfo .dateInfo li:first-child p { padding-left: 130px; }
.pgInfo .dateInfo li:first-child p span { width: 100px; }
.pgInfo .support h1 { border-bottom: 1px solid #b2b2b2; }
.pgInfo .support li { float: left; width: 50%; padding-top: 60px; }
.pgInfo .support dl { display: inline-block; overflow: hidden; vertical-align: top; }
.pgInfo .support li:first-child dl { margin-left: 60px; }
.pgInfo .support dl dt { float: left; height: 92px; width: 92px; font-size: 16px; color: #fff; line-height: 92px; text-align: center; border-radius: 50%; background-color: #1c2639; }
.pgInfo .support dl dd { float: left; padding: 8px 0; }
.pgInfo .support p { display: inline-block; position: relative; margin-left: 37px; font-size: 16px; line-height: 76px; text-align: left; }
.pgInfo .support p:before { content: ''; display: inline-block; height: 76px; vertical-align: top; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat; }
.pgInfo .support p.support1:before { width: 170px; margin-right: 10px; background-position: 0 -800px; }
.pgInfo .support p.support3:before { width: 196px; margin: 0 20px 0 15px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -560px -360px; }
.pgInfo .experience .desc { margin-bottom: 40px; }
.pgInfo .experience .img { text-align: center; }
.pgInfo .experience .btn .btnLink { display: block; width: 348px; margin: 50px auto -10px; }
.pgInfo .map .view { overflow: hidden; height: 370px; margin-bottom: 60px; border: 1px solid #ccc; background-color: #f2f2f2; }
.pgInfo .map .view #map { height: 370px; width: 1098px; }
.pgInfo .map p { position: relative; overflow: hidden; margin-bottom: 32px; padding-left: 170px; font-size: 15px; line-height: 32px; }
.pgInfo .map p em { color: #ff1149; }
.pgInfo .map p span { position: absolute; top: 0; left: 0; height: 32px; width: 148px; font-size: 19px; font-weight: bold; }
.pgInfo .map p span:before { content: ''; position: absolute; top: 50%; right: 0; height: 15px; width: 1px; margin-top: -8px; background-color: #ccc; }
.pgApply header.visual { background-color: #7411ff; }
.pgApply header.visual h1 { background-position: -560px -200px; }
.pgApply .procedure { text-align: center; vertical-align: top; }
.pgApply .procedure .innerContainer { overflow: hidden; }
.pgApply .procedure .innerContainer.container-shadow { margin-bottom: 69px; }
.pgApply .procedure .innerContainer.container-shadow h1 { padding: 34px 0 26px; }
.pgApply .procedure ol { display: inline-block; overflow: hidden; padding-bottom: 52px; }
.pgApply .procedure ol li { position: relative; float: left; width: 176px; margin: 0 13px; padding-top: 186px; font-size: 14px; color: #fff; text-align: center; }
.pgApply .procedure ol li.item1 { z-index: 5; }
.pgApply .procedure ol li.item2 { z-index: 4; }
.pgApply .procedure ol li.item3 { z-index: 3; }
.pgApply .procedure ol li.item4 { z-index: 2; }
.pgApply .procedure ol li.item5 { z-index: 1; }
.pgApply .procedure ol li:before { content: ''; position: absolute; top: 0; left: 50%; height: 176px; width: 176px; margin-left: -88px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat; }
.pgApply .procedure ol li.item1:before { background-position: 0px -920px; }
.pgApply .procedure ol li.item2:before { background-position: -200px -920px; }
.pgApply .procedure ol li.item3:before { background-position: -400px -920px; }
.pgApply .procedure ol li.item4:before { background-position: -600px -920px; }
.pgApply .procedure ol li.item5:before { background-position: -800px -920px; }
.pgApply .procedure ol li:after { content: ''; position: absolute; top: 84px; right: -38px; height: 9px; width: 50px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -320px -40px; }
.pgApply .procedure ol li.item5:after { display: none; }
.pgApply .procedure .info { float: left; max-width: 800px; text-align: left; }
.pgApply .procedure .info p { position: relative; overflow: hidden; padding: 9px 0 9px 147px; font-size: 18px; color: #000; }
.pgApply .procedure .info p span { position: absolute; top: 9px; left: 0; box-sizing: border-box; height: 40px; width: 125px; padding-left: 18px; font-size: 16px; color: #666; }
.pgApply .procedure .info p span:before { content: ''; position: absolute; top: 4px; right: 0; height: 16px; width: 1px; background-color: #b2b2b2; }
.pgApply .procedure .info p span:after { content: ''; position: absolute; top: 8px; left: 0; height: 3px; width: 3px; background-color: #7f7f7f; }
.pgApply .procedure .info p em { color: #ff1149; }
.pgApply .procedure .contactus { float: right; text-align: left; }
.pgApply .procedure .contactus > strong { font-size: 18px; color: #000; line-height: 40px; }
.pgApply .procedure .contactus > strong em { color: #ff1149; }
.pgApply .procedure .contactus p { position: relative; overflow: hidden; padding-left: 69px; font-size: 16px; color: #000; line-height: 40px; }
.pgApply .procedure .contactus p span { position: absolute; top: 0; left: 0; height: 40px; width: 57px; color: #666; }
.pgApply .procedure .contactus p span:before { content: ''; position: absolute; top: 12px; right: 0; height: 16px; width: 1px; background-color: #b2b2b2; }
.pgApply .procedure .btns { clear: both; padding-top: 68px; }
.pgApply .boothFee .tip { position: absolute; top: 97px; right: 0; font-size: 14px; font-weight: normal; color: #666; }
.pgApply .boothFee table.booth { width: 100%; font-size: 14px; line-height: 39px; border: 1px solid #d5d5d5; }
.pgApply .boothFee table.booth thead th { width: 25%; color: #000; border: 1px solid #d5d5d5; border-bottom: none; background-color: #ececec; }
.pgApply .boothFee table.booth tbody th, .pgApply .boothFee table.booth td { font-weight: normal; color: #666; text-align: center; border: 1px solid #d5d5d5; }
.pgApply .boothFee ul { margin: 34px 0 -7px; }
.pgApply .boothFee ul li { position: relative; padding-left: 10px; font-size: 13px; color: #ff1149; line-height: 25px; }
.pgApply .boothFee ul li:before { content: '*'; position: absolute; top: 0; left: 0; }
.pgApply .boothLayout h1 { padding-top: 33px; }
.pgApply .boothLayout .innerContainer { padding-bottom: 27px; background-color: #f2f2f2; }
.pgApply .boothLayout .img { margin-top: -45px; text-align: center; }
.pgApply .boothLayout .tip { margin-bottom: 34px; font-size: 14px; color: #000; text-align: center; }
.pgApply .boothLayout table.booth { width: 100%; line-height: 31px; border: 1px solid #d5d5d5; }
.pgApply .boothLayout table.booth thead th { width: 14%; font-size: 13px; color: #000; vertical-align: middle; border: 1px solid #d5d5d5; border-bottom: 0; background-color: #e4e4e4; }
.pgApply .boothLayout table.booth thead th:first-child { width: 16%; }
.pgApply .boothLayout table.booth thead tr:first-child th { color: #fff; background-color: #858585; }
.pgApply .boothLayout table.booth tbody th, .pgApply .boothLayout table.booth tbody td { font-size: 12px; font-weight: normal; color: #666; text-align: center; border: 1px solid #d5d5d5; }
.pgApply .boothLayout table.booth em { color: #000; }
.pgApply .facilities .photo { margin-bottom: 70px; text-align: center; }
.pgBrand .notice { position: relative; float: left; margin-bottom: 30px; padding-left: 32px; font-size: 14px; color: #ff5546; line-height: 30px; }
.pgBrand .notice:before { content: ''; position: absolute; top: 50%; left: 10px; height: 16px; width: 16px; margin-top: -8px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -960px 0; }
.pgBrand .selection { position: relative; float: right; }
.pgBrand .selection:before { content: ''; position: absolute; top: 1px; right: 1px; height: 28px; width: 31px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -920px 1px; }
.msie9 .pgBrand .selection:before { display: none; }
.pgBrand .selection select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; position: relative; box-sizing: border-box; min-width: 80px; padding: 6px 43px 6px 10px; font-size: 14px; color: #555; border: 1px solid #c4c2c2; border-radius: 0; background: transparent; }
.msie9 .pgBrand .selection select { min-width: 0; padding-right: 10px; }
.pgBrand .selection select::-ms-expand { display: none; }
.pgBrand .sorting { float: right; margin-right: 17px; }
.pgBrand .sorting button { position: relative; padding: 0 11px; color: #999; font-size: 0.875rem; line-height: 2.14286; }
.pgBrand .sorting button.selected { padding-left: 25px; color: #333; }
.pgBrand .sorting button.selected:after { content: ''; position: absolute; top: 50%; left: 11px; height: 8px; width: 10px; margin-top: -4px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -280px -40px; }
.pgBrand .sorting button + button:before { content: ''; position: absolute; top: 50%; left: 0; height: 14px; width: 1px; margin-top: -7px; background: #c4c4c4; }
.pgBrand .sorting span { display: inline-block; margin-right: 5px; color: #999; font-size: 0.8125rem; line-height: 2.30769; }
.pgBrand .list { clear: both; }
.pgRegist header.visual { background-color: #00e091; }
.pgRegist header.visual h1 { background-position: -560px -280px; }
.pgRegist .info ul { overflow: hidden; margin: 0 80px; padding-bottom: 105px; }
.pgRegist .info ul li { position: relative; float: left; width: 25%; padding-top: 248px; font-size: 14px; color: #fff; line-height: 1.71; text-align: center; }
.pgRegist .info ul li:before { content: ''; position: absolute; top: 80px; left: 50%; height: 130px; width: 260px; margin-left: -130px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bskV20180802.png") no-repeat; }
.pgRegist .info ul li.item1:before { background-position: 0 -1120px; }
.pgRegist .info ul li.item2:before { background-position: -280px -1120px; }
.pgRegist .info ul li.item3:before { background-position: 0 -1280px; }
.pgRegist .info ul li.item4:before { background-position: -280px -1280px; }
.pgRegist .info em { display: block; margin-bottom: 20px; font-size: 22px; color: #6997ef; }
.pgRegist .info .guide { padding: 80px 0; font-size: 24px; color: #000; line-height: 1.5; text-align: center; }
.pgBoard header.visual { background-color: #00c6d5; }
.pgBoard header.visual h1 { background-position: -560px -360px; }
.pgBoard header.visual p { margin-top: 15px; font-size: 18px; color: #c5f7ff; text-align: center; }
.pgBoard header.visual + section.sectionPadding { margin-top: 0; }
.pgBoard header.visual + section.sectionPadding .innerContainer { padding-top: 50px; }
.pgBrand header.visual { background-color: #1578ff; }
.pgBrand header.visual h1 { background-position: -560px -440px; }
.pgBrand header.visual p { margin-top: 15px; font-size: 18px; color: #c5f7ff; text-align: center; }
.pgBrand header.visual + section.sectionPadding { margin-top: 0; }
.pgBrand header.visual + section.sectionPadding .innerContainer { padding-top: 50px; }
.pgBrand .list .open + .contents { padding: 0 23px 43px 23px; text-align: center; }
.pgHistory header.visual { background-color: #ff11c9; }
.pgHistory header.visual h1 { background-position: -560px -520px; }
.pgHistory header.visual p { margin-top: 15px; font-size: 18px; color: #ffb2fa; text-align: center; }
.pgHistory header.visual + section.bskInfo { margin-top: 0; }
.pgHistory .bskInfo { position: relative; overflow: hidden; }
.pgHistory .bskInfo h1 { position: relative; height: 35px; margin-bottom: 56px; padding: 50px 0 25px; font-size: 1px; text-align: left; text-indent: -1000em; border-bottom: 1px solid #4c4c4c; z-index: 1; }
.pgHistory .bskInfo h1:before { content: ''; display: block; position: absolute; top: 50px; left: 50%; height: 35px; }
.pgHistory .bskInfo.ssk2017 h1:before { width: 260px; margin-left: -130px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -600px -800px; }
.pgHistory .bskInfo.bsk2018 h1:before { width: 251px; margin-left: -125px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -600px -1120px; }
.pgHistory .bskInfo.bsk2019 h1:before { width: 251px; margin-left: -125px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -560px -480px; }
.pgHistory .bskInfo .eventYear { position: absolute; top: 50px; right: 0; background: #FFF; z-index: 2; }
.pgHistory .bskInfo .eventYear:before { content: ''; display: block; position: absolute; top: 50%; right: 1px; height: 28px; width: 31px; margin-top: -14px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -920px 0; z-index: 1; }
.pgHistory .bskInfo select { appearance: none; -webkit-appearance: none; position: relative; box-sizing: border-box; min-width: 100px; padding: 6px 5px 6px 20px; font-size: 14px; color: #757271; border: 1px solid #c4c2c2; border-radius: 0; background: transparent; z-index: 10; }
.pgHistory .bskInfo select::-ms-expand { display: none; }
.pgHistory .bskInfo figure { float: left; width: 525px; }
.pgHistory .bskInfo figure img { width: 100%; border: 1px solid #E9E9E9; }
.pgHistory .bskInfo .info { float: right; width: 514px; padding-top: 6px; }
.pgHistory .bskInfo .info > strong { display: block; margin-bottom: 10px; font-size: 32px; color: #000; }
.pgHistory .bskInfo .info ul li * { vertical-align: top; }
.pgHistory .bskInfo .info ul li strong { display: inline-block; position: relative; width: 183px; font-size: 16px; font-weight: normal; color: #666; line-height: 40px; text-indent: 18px; }
.pgHistory .bskInfo .info ul li strong:before { content: ''; position: absolute; top: 50%; left: 0; height: 3px; width: 3px; margin-top: -2px; background: #666; }
.pgHistory .bskInfo .info ul li strong:after { content: ''; position: absolute; top: 50%; right: 0; height: 15px; width: 1px; margin-top: -8px; background: #b2b2b2; }
.pgHistory .bskInfo .info ul li span, .pgHistory .bskInfo .info ul li a { display: inline-block; margin-left: 25px; padding: 8px 0; font-size: 18px; color: #000; line-height: 24px; }
.pgHistory .bskInfo .info ul li a { position: relative; padding-right: 15px; color: #ff1149; }
.pgHistory .bskInfo .info ul li a:after { content: ''; position: absolute; top: 50%; right: 2px; height: 9px; width: 9px; margin-top: -6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); border: 2px solid #ff1149; border-width: 0 2px 2px 0; }
.pgHistory .bskInfo .result { clear: both; padding-top: 80px; }
.pgHistory .bskInfo .result dt { float: left; box-sizing: border-box; height: 140px; width: 130px; margin: 5px 60px 0 0; padding-top: 39px; border: 2px solid #4c4c4c; border-width: 2px 0; }
.pgHistory .bskInfo .result dt span { display: block; overflow: hidden; height: 16px; width: 90px; margin: 0 auto; text-indent: -1000em; }
.pgHistory .bskInfo.bsk2018 .result dt span { background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png") no-repeat -880px -1120px; }
.pgHistory .bskInfo.bsk2019 .result dt span { background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -840px -480px; }
.pgHistory .bskInfo .result dt strong { display: block; margin-top: 14px; font-size: 26px; color: #000; text-align: center; }
.pgHistory .bskInfo .result dd { position: relative; float: left; box-sizing: border-box; height: 156px; padding: 45px 0 0 156px; font-size: 18px; color: #7d8a9d; text-align: center; }
.pgHistory .bskInfo .result dd:before { content: ''; position: absolute; top: 0; left: 0; height: 156px; width: 156px; }
.pgHistory .bskInfo .result dd.company { width: 300px; padding-right: 56px; }
.pgHistory .bskInfo .result dd.company:before { background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -800px -40px; }
.pgHistory .bskInfo .result dd.brand { width: 315px; padding-right: 42px; }
.pgHistory .bskInfo .result dd.brand:before { background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -560px -200px; }
.pgHistory .bskInfo .result dd.visitor { width: 295px; padding-right: 20px; }
.pgHistory .bskInfo .result dd.visitor:before { background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -720px -200px; }
.pgHistory .bskInfo .result dd strong { display: block; margin-top: 20px; font-size: 26px; color: #1c2639; }
.pgHistory .gallery { padding-top: 70px; background: #F2F2F2; }
.pgHistory .gallery h1 { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.pgHistory .gallery .galleryList { overflow: hidden; width: 1152px; margin: 0 -26px; }
.pgHistory .gallery .galleryList li { float: left; height: 233px; width: 236px; margin: 0 26px; text-align: center; }
.pgHistory .gallery .galleryList li .thumbnail { position: relative; height: 158px; width: 236px; }
.pgHistory .gallery .galleryList li .thumbnail:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #e7e7e7; }
.pgHistory .gallery .galleryList li .thumbnail img { max-width: 100%; }
.pgHistory .gallery .galleryList li span { font-size: 14px; color: #333; line-height: 48px; }
.pgHistory ~ #_modalLayer { display: none; position: fixed; top: 0px; right: 0; bottom: 0; left: 0px; background-color: #000; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; z-index: 900; -webkit-overflow-scrolling: touch; }
html[lang=en] body { font-family: Roboto, "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; }
html[lang=en] input, html[lang=en] button, html[lang=en] textarea, html[lang=en] select { font-family: Roboto, "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; }
html[lang=en] .pgApply .procedure .info p { padding-left: 187px; }
html[lang=en] .pgApply .procedure .info p span { width: 165px; }
.layer { display: none; position: absolute; box-shadow: 10px 10px 15px 0 rgba(7, 0, 2, 0.1); border: 1px solid #c4c5c8; z-index: 1000; }
.modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.5; z-index: 999; }
.layer.selectLanguage { width: 90px; }
.layer.selectLanguage h1 { position: absolute; left: -10000em; font-size: 1px; line-height: 0; }
.layer.selectLanguage a { display: block; position: relative; padding-left: 40px; }
.layer.selectLanguage a:hover, .layer.selectLanguage a.selected { background-color: #f2f3f7; }
.layer.selectLanguage .flag { position: absolute; top: 50%; left: 11px; margin-top: -8px; font-size: 0; line-height: 0; }
.layer.selectLanguage .flag:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.1); }
.layer.selectLanguage .flag img { max-width: 24px; }
.layer.selectLanguage em { display: inline-block; font-size: 12px; color: #333; line-height: 34px; vertical-align: middle; }
.layerCopyLink { top: 37px; left: 50%; margin-left: 275px; }
.layerCopyLink .layerContents { padding: 10px; }
.layerCopyLink .layerContents .desc { margin-bottom: 9px; font-size: 11px; }
.layerCopyLink .layerContents .url { overflow: hidden; height: 28px; min-width: 290px; padding: 0 7px; font-size: 12px; color: #757271; line-height: 28px; border: 1px solid #c4c2c3; border-radius: 3px; background: #fafafc; }
.layer.layerCopyLink > .btnClose { display: block; position: absolute; top: 1px; right: 0; cursor: pointer; height: 30px; width: 30px; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png"); background-position: -800px 0; }
.form fieldset { margin-top: 14px; }
.form table.formLayout { width: 100%; }
.form table.formLayout tbody th { text-align: left; vertical-align: middle; }
.form table.formLayout tbody th.top { padding-top: 5px; vertical-align: top; }
.form table.formLayout tbody td { position: relative; padding: 5px 0; text-align: left; vertical-align: top; }
.form table.formLayout tbody td > p { position: relative; margin-top: 10px; }
.form table.formLayout tbody td > p:first-child { margin-top: 0; }
.form table.formLayout tbody td > span { display: inline-block; padding-bottom: 17px; }
.form table.formLayout tbody td .cells { display: table; width: 100%; }
.form table.formLayout tbody td .cell { display: table-cell; table-layout: fixed; }
.form table.formLayout tbody td .dash { padding: 0 5px; font-size: 14px; color: #c4c2c2; text-align: center; vertical-align: middle; }
.form table.formLayout tbody td .placeholder { position: absolute; top: 0; left: 11px; margin-top: 0; font-size: 13px; color: #ccc; line-height: 39px; }
.form table.formLayout tbody td p.placeholder { padding-top: 5px; }
.form table.formLayout .btnForm { display: inline-block; overflow: hidden; height: 25px; margin-left: 6px; padding: 1px 14px 0px 14px; font-size: 12px; color: #3a3635; line-height: 2.1; text-align: center; vertical-align: middle; border: 1px solid #b4b2b3; background-color: #fff; }
.form table.formLayout a.btnForm:hover { text-decoration: none; background-color: #f2f3f7; }
.form label { font-size: 14px; font-weight: normal; color: #666; word-break: break-word; }
.form label em { color: #ff1149; }
.form input[type=text], .form input[type=tel], .form input[type=password], .form input[type=number], .form input[type=email] { box-sizing: border-box; height: 38px; width: 100%; padding: 1px 10px 0 10px; font-size: 14px; color: #666; line-height: 35px; border: 1px solid #c4c2c2; border-radius: 3px; }
.form input:focus::-webkit-contacts-auto-fill-button { opacity: 0; }
.form input[type=checkbox], .form input[type=radio] { display: inline-block; vertical-align: middle; }
.form input[type=checkbox] + label, .form input[type=radio] + label { display: inline-block; padding: 0 18px 0 7px; font-size: 14px; color: #666; vertical-align: middle; }
.form textarea { -webkit-appearance: none; display: block; box-sizing: border-box; height: 164px; width: 100%; padding: 10px; font-size: 14px; color: #666; border: 1px solid #c4c2c2; border-radius: 3px; resize: none; }
.form select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; box-sizing: border-box; width: 100%; min-width: 80px; padding: 10px 5px 10px 10px; font-size: 14px; color: #666; border: 1px solid #c4c2c2; border-radius: 3px; background: #fff url("//file.bugsm.co.kr/wbugs/common/bu_select.png") 100% 50% no-repeat; }
.msie9 .form select, .msie8 .form select { background-image: none; }
.form select::-ms-expand { display: none; }
.form .agreement { margin-top: 31px; padding-top: 20px; border-top: 1px solid #e7e7e7; }
.form .agreement p { position: relative; line-height: 17px; }
.form .agreement .btnMore { display: inline; position: relative; margin-left: 8px; padding-right: 10px; font-size: 12px; color: #757271; }
.form .agreement .btnMore:after { content: ''; display: inline-block; margin-top: -1px; margin-left: 3px; vertical-align: middle; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -47px -22px; }
.form .agreement input[type=checkbox] { position: absolute; top: 6px; left: 0; }
.form .agreement input[type=checkbox] + label { padding: 4px 0 4px 20px; font-size: 12px; color: #666; line-height: 17px; vertical-align: middle; }
.form .btns { margin: 30px 0 40px; text-align: center; vertical-align: top; }
.form .btns .btnForm { display: inline-block; width: 140px; margin-left: 10px; padding: 15px 0 16px; font-size: 18px; color: #fff; text-align: center; }
.form .btns .btnForm.black { background-color: #000; }
.form .btns .btnForm.gray { background-color: #999; }
.form .btns .btnForm:hover { text-decoration: none; }
.form .btns .btnForm:first-child { margin-left: 0 !important; }
.layerForm { position: relative; height: auto; width: 578px; border: 1px solid #000; }
.layerForm .layerTitle { position: relative; overflow: hidden; height: 210px; width: 100%; background-color: #000; }
.layerForm .layerTitle .logo { height: 81px; width: 226px; margin: 29px auto 13px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -560px -80px; }
.layerForm .layerTitle h2 { position: absolute; bottom: 0; width: 100%; font-size: 18px; font-weight: normal; color: #000; line-height: 50px; text-indent: 30px; background-color: #e3e3e3; }
.layerForm .layerTitle .date { font-size: 14px; color: #83adff; text-align: center; }
.layerForm .layerTitle .tip { position: absolute; right: 30px; bottom: 0; font-size: 13px; line-height: 50px; }
.layerForm .layerTitle .tip em { color: #ff1149; }
.layerForm > .btnClose { position: absolute; top: 9px; right: 9px; cursor: pointer; height: 42px; width: 42px; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bsk.png"); background-position: -680px 0; z-index: 1000; }
.layerForm .layerContents .innerForm { padding: 0 30px; }
.layerForm .layerContents h1 { margin-bottom: 9px; padding-top: 9px; font-size: 16px; color: #000; }
.layerForm .warning { padding: 23px 0 18px; border-bottom: 1px solid #e7e7e7; }
.layerForm .warning > strong { display: block; margin-bottom: 14px; font-size: 16px; color: #000; }
.layerForm .warning li { position: relative; padding: 0 0 0 10px; font-size: 13px; color: #666; line-height: 1.85; }
.layerForm .warning li:before { content: ''; position: absolute; top: 10px; left: 0; height: 1px; width: 5px; background-color: #666; }
.layerForm .warning li > em { color: #ff3d33; }
#apply { height: 80%; }
#apply .layerContents { position: absolute; top: 210px; right: 0; bottom: 0; left: 0; }
#apply .form { height: 100%; }
#apply .innerForm { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; height: 100%; }
#apply .form table.formLayout tbody th { width: 145px; }
#apply fieldset.etcInfo th { width: 100px; }
#applyHistory .form table.formLayout tbody th { width: 145px; }
#regist { height: 80%; }
#regist .layerContents { position: absolute; top: 210px; right: 0; bottom: 0; left: 0; }
#regist .form { height: 100%; }
#regist .innerForm { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; height: 100%; }
#regist .event { padding-top: 23px; font-size: 13px; color: #ff1149; line-height: 20px; }
#regist .event a { display: inline-block; position: relative; padding-right: 9px; font-weight: bold; color: inherit; }
#regist .event a:after { content: ''; position: absolute; top: 50%; right: 0; height: 7px; width: 5px; margin-top: -4px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/bsk2019/web/sprite_bsk2019.png") no-repeat -320px -40px; }
#regist div.warning { padding-bottom: 2px; border-bottom: 0 none; }
#regist div.warning li { color: #000; line-height: 1.54; }
#regist div.warning li:before { top: 8px; }
#regist p.warning { padding: 8px 0 13px; color: #000; line-height: 1.54; border-bottom: 0 none; }
#regist .form table.formLayout tbody th { width: 145px; }
#regist .form .subinfo table.formLayout tbody th { width: 130px; }
#registHistory .form table.formLayout tbody th { width: 145px; }
.sskPhotoGallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-width: 980px; z-index: 1001; }
.sskPhotoGallery .layerContents { position: absolute; left: 50%; width: 800px; margin-left: -400px; }
.sskPhotoGallery .photos { height: auto; width: 800px; margin: 0; }
.sskPhotoGallery .photos .bigImg { position: relative; height: 534px; width: 800px; margin-bottom: 20px; text-align: center; background-color: #000; }
.sskPhotoGallery .photos .bigImg img { max-height: 100%; max-width: 100%; }
.sskPhotoGallery .photos .bigImg > div { line-height: 534px; }
.sskPhotoGallery .photos .bigImg .currentInfo { display: block; position: absolute; top: -47px; right: 0; left: 0; height: 20px; font-size: 16px; color: #fff; line-height: 20px; text-align: center; }
.sskPhotoGallery .photos .bigImg .currentInfo em { display: inline-block; position: relative; margin-left: 10px; padding-left: 16px; }
.sskPhotoGallery .photos .bigImg .currentInfo em:before { content: ''; position: absolute; top: 50%; left: 0; height: 13px; width: 1px; margin-top: -7px; background: #FFF; }
.sskPhotoGallery .photos ul { height: 57px; margin-bottom: 30px; }
.sskPhotoGallery .photos ul li { display: block; position: relative; float: left; overflow: hidden; height: 57px; width: 86px; margin-right: 16px; background: #FFF; }
.sskPhotoGallery .photos ul li.lineBreak { margin-right: 0; }
.sskPhotoGallery .photos ul li img { max-height: 100%; max-width: 100%; }
.sskPhotoGallery .photos ul li a { display: block; line-height: 57px; }
.sskPhotoGallery .photos ul li .currentImg { position: absolute; top: 0; right: 0; left: 0; height: 3px; font-size: 0; line-height: 0; text-indent: -10000em; background-color: #ff5445; }
.sskPhotoGallery .paging { padding-top: 0; }
.sskPhotoGallery .paging button { display: inline-block; font-size: 0; line-height: 0; text-indent: 0; }
.sskPhotoGallery .paging button.disabled { cursor: default; opacity: 0.3; }
.sskPhotoGallery .paging.pagingImg button { position: absolute; top: 50%; margin-top: -88px; }
.sskPhotoGallery .paging.pagingImg button.prev { left: -78px; display: inline-block; content: ''; height: 55.15433px; width: 55.15433px; border-style: solid; border-color: #fff; border-width: 2px 0 0 2px; transform: rotate(-45deg); }
.sskPhotoGallery .paging.pagingImg button.next { right: -78px; display: inline-block; content: ''; height: 55.15433px; width: 55.15433px; border-style: solid; border-color: #fff; border-width: 2px 0 0 2px; transform: rotate(135deg); }
.sskPhotoGallery .paging.pagingImgList { clear: both; }
.sskPhotoGallery .paging.pagingImgList button { vertical-align: middle; }
.sskPhotoGallery .paging.pagingImgList button.prev { display: inline-block; content: ''; height: 11.31371px; width: 11.31371px; border-style: solid; border-color: #fff; border-width: 1px 0 0 1px; transform: rotate(-45deg); }
.sskPhotoGallery .paging.pagingImgList button.next { display: inline-block; content: ''; height: 11.31371px; width: 11.31371px; border-style: solid; border-color: #fff; border-width: 1px 0 0 1px; transform: rotate(135deg); }
.sskPhotoGallery .paging.pagingImgList > span { display: inline-block; padding: 0 12px; font-size: 13px; color: #fff; vertical-align: middle; }
.sskPhotoGallery .btnClose { position: absolute; top: 60px; right: 60px; background: none; display: inline-block; height: 32px; width: 32px; text-indent: -99999em; }
.sskPhotoGallery .btnClose:before, .sskPhotoGallery .btnClose:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 45px; width: 1px; border-radius: 1px; background-color: #fff; }
.sskPhotoGallery .btnClose:before { transform: translate(-50%, -50%) rotate(45deg); }
.sskPhotoGallery .btnClose:after { transform: translate(-50%, -50%) rotate(-45deg); }
.layerBSKCancel { box-sizing: border-box; height: 640px; width: 580px; border: 1px solid #000; background: #FFF; }
.layerBSKCancel .layerTitle { box-sizing: border-box; height: 140px; padding-top: 1px; background: #000; }
.layerBSKCancel .layerTitle h1 { overflow: hidden; height: 73px; width: 242px; margin: 35px auto 0; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bskV20200727.png") no-repeat -600px -1200px; }
.layerBSKCancel .layerContents .notice { box-sizing: border-box; height: 439px; padding-top: 55px; text-align: center; }
.layerBSKCancel .layerContents .notice strong { display: block; font-size: 32px; font-weight: normal; }
.layerBSKCancel .layerContents .notice p { margin-top: 30px; font-size: 18px; line-height: 30px; }
.layerBSKCancel .layerContents .notice p em { color: #FF1149; }
.layerBSKCancel .layerContents .notice > span { display: block; overflow: hidden; height: 22px; width: 198px; margin: 40px auto 0; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bskV20200727.png") no-repeat -600px -1280px; }
.layerBSKCancel .layerContents .closeCheck { height: 59px; width: 100%; background: #E3E3E3; }
.layerBSKCancel .layerContents .closeCheck label { float: left; margin-left: 10px; padding: 0 10px; font-size: 12px; color: #333; line-height: 59px; }
.layerBSKCancel .layerContents .closeCheck label input[type=checkbox] { height: 14px; width: 14px; margin-right: 10px; vertical-align: middle; border: 1px solid #333; }
.layerBSKCancel .layerContents .closeCheck .btnClose { position: relative; float: right; overflow: hidden; height: 59px; width: 56px; text-indent: -1000em; }
.layerBSKCancel .layerContents .closeCheck .btnClose:before { content: ''; position: absolute; top: 50%; left: 50%; height: 14px; width: 14px; margin: -7px 0 0 -7px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/bsk/web/sprite_bskV20200727.png") no-repeat -880px -1200px; }
html[lang=en] .layerBSKCancel .layerContents strong { font-weight: bold; }

/*# sourceMappingURL=bsk_web.css.map */
