@font-face { font-family: 'LG Smart Light'; font-style: normal; font-weight: 400; src: url("../fonts/LG Smart Light.eot"); src: url("../fonts/LG Smart Light.woff") format("woff"), url("../fonts/LG Smart Light.ttf") format("truetype"); }
@font-face { font-family: 'LG Smart Regular'; font-style: normal; font-weight: 400; src: url("../fonts/LG Smart Regular.eot"); src: url("../fonts/LG Smart Regular.woff") format("woff"), url("../fonts/LG Smart Regular.ttf") format("truetype"); }
@font-face { font-family: 'LG Smart Regular Italic'; font-style: normal; font-weight: 400; src: url("../fonts/LG Smart Regular Italic.eot"); src: url("../fonts/LG Smart Regular Italic.woff") format("woff"), url("../fonts/LG Smart Regular Italic.ttf") format("truetype"); }
@font-face { font-family: 'LG Smart SemiBold'; font-style: normal; font-weight: 700; src: url("../fonts/LG Smart SemiBold.eot"); src: url("../fonts/LG Smart SemiBold.woff") format("woff"), url("../fonts/LG Smart SemiBold.ttf") format("truetype"); }
@font-face { font-family: 'LG Smart Bold'; font-style: normal; font-weight: 800; src: url("../fonts/LG Smart Bold.eot"); src: url("../fonts/LG Smart Bold.woff") format("woff"), url("../fonts/LG Smart Bold.ttf") format("truetype"); }
/*
@font-face { font-family: 'LG Smart Bold Italic'; font-style: normal; font-weight: 800; src: url('../fonts/LG Smart Bold Italic.eot'); src: url('../fonts/LG Smart Bold Italic.woff') format('woff'), url('../fonts/LG Smart Bold Italic.ttf') format('truetype');
}

@font-face { font-family: 'LG SmartGothic Medium'; font-style: normal; font-weight: 400; src: url('../fonts/LG SmartGothic Medium.eot'); src: url('../fonts/LG SmartGothic Medium.woff') format('woff'), url('../fonts/LG SmartGothic Medium.ttf') format('truetype');
}

@font-face { font-family: 'LG SmartGothic Bold'; font-style: normal; font-weight: 800; src: url('../fonts/LG SmartGothic Bold.eot'); src: url('../fonts/LG SmartGothic Bold.woff') format('woff'), url('../fonts/LG SmartGothic Bold.ttf') format('truetype');
}
*/
html, body { width: 100%; height: 100%; }

html { overflow-y: scroll; font-size: 10px; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button { margin: 0; padding: 0; }

body, h1, h2, h3, h4, input, button { font-family: Helvetica,AppleSDGothicNeo,sans-serif; font-size: 12px; color: #383d41; }

body { background-color: #fff; word-break:keep-all; }/*0.5차 수정*/

img, fieldset, iframe { border: 0 none; }

li { list-style: none; }

input, select, button { vertical-align: middle; }

img { vertical-align: top; }

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

label, button { cursor: pointer; }

button { margin: 0; padding: 0; }

a { color: #222; text-decoration: none; }

a:hover { color: #390; text-decoration: underline; }

button * { position: relative; }

button img { left: -3px; *left: auto; }

html:first-child select { height: 20px; padding-right: 6px; }

option { padding-right: 6px; }

hr { display: none; }

legend { *width: 0; }

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

input::-ms-clear { display: none; }

.icon { background-image: url(../images/spritesheet.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle; }

.icon-cart { width: 18px; height: 18px; background-position: 0 0; }

.icon-close { width: 46px; height: 46px; background-position: -18px 0; }

.icon-download { width: 46px; height: 46px; background-position: -64px 0; }

.icon-ico_arr_gry { width: 4px; height: 6px; background-position: -110px 0; }

.icon-ico_dot_gry { width: 4px; height: 4px; background-position: -114px 0; }

.icon-link { width: 6px; height: 6px; background-position: -118px 0; }

.icon-link2 { width: 72px; height: 72px; background-position: -124px 0; }

.icon-link3 { width: 20px; height: 20px; background-position: -196px 0; }

.icon-menu { width: 40px; height: 40px; background-position: -216px 0; }

.icon-menu-close { width: 40px; height: 40px; background-position: -256px 0; }

.icon-nav-next { width: 70px; height: 70px; background-position: -296px 0; }

.icon-nav-prev { width: 70px; height: 70px; background-position: -366px 0; }

.icon-next { width: 70px; height: 70px; background-position: -436px 0; }

.icon-pause { width: 52px; height: 52px; background-position: -506px 0; }

.icon-play { width: 52px; height: 52px; background-position: -558px 0; }

.icon-play2 { width: 36px; height: 36px; background-position: -610px 0; }

.icon-prev { width: 70px; height: 70px; background-position: -646px 0; }

.icon-search { width: 18px; height: 18px; background-position: -716px 0; }

.icon-share { width: 16px; height: 16px; background-position: -734px 0; }

.icon-sns01 { width: 24px; height: 24px; background-position: -750px 0; }

.icon-sns02 { width: 24px; height: 24px; background-position: -774px 0; }

.icon-sns03 { width: 24px; height: 24px; background-position: -798px 0; }

.icon-sns04 { width: 24px; height: 24px; background-position: -822px 0; }

@media only screen and (max-width: 768px) { .icon-close { width: 20px; height: 20px; background-image: url(../images/icon/close.png); background-position: center center; background-size: 100% 100%; }
  .icon-link2 { width: 26px; height: 26px; background-image: url(../images/icon/link2.png); background-position: center center; background-size: 100% 100%; }
  .icon-link3 { width: 20px; height: 20px; background-image: url(../images/icon/link3.png); background-position: center center; background-size: 100% 100%; }
  .icon-nav-next { width: 70px; height: 70px; background-image: url(../images/icon/nav-next.png); background-position: center center; background-size: 100% 100%; }
  .icon-nav-prev { width: 70px; height: 70px; background-image: url(../images/icon/nav-prev.png); background-position: center center; background-size: 100% 100%; }
  .icon-pause { width: 22px; height: 22px; background-image: url(../images/icon/pause.png); background-position: center center; background-size: 100% 100%; }
  .icon-play { width: 22px; height: 22px; background-image: url(../images/icon/play.png); background-position: center center; background-size: 100% 100%; }
  .icon-download { width: 22px; height: 22px; background-image: url(../images/icon/download.png); background-position: center center; background-size: 100% 100%; }
  .icon-play2 { width: 22px; height: 22px; background-image: url(../images/icon/play2.png); background-position: center center; background-size: 100% 100%; }
  .icon-menu { width: 20px; height: 20px; background-image: url(../images/icon/menu.png); background-position: center center; background-size: 100% 100%; }
  .icon-menu-close { width: 20px; height: 20px; background-image: url(../images/icon/menu-close.png); background-position: center center; background-size: 100% 100%; } }

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

/* OfficialRules */
.officialRules .tnc_box h2 {letter-spacing:-1px}
.officialRules em {font-size:1.1em; margin-top:6%; color:#bbb}

/* losoA */
.social-links div + div {width:auto; margin-left:2rem}
.btn_link {display: inline-block; text-align: center; min-width:2.6vw; min-height: 2.6vw; padding: 0.5% 2%; line-height: 1.1; border: 1px solid #fff; font-size: 1.5em; color: #fff; font-weight:bold; margin-left:2rem; vertical-align:middle}

.contents > section:focus {outline:0}

 
 html {scrollbar-3dLight-Color: rgba(0,0,0,0); scrollbar-arrow-color: rgba(0,0,0,0); scrollbar-base-color: rgba(0,0,0,0); scrollbar-Face-Color: rgba(0,0,0,0); scrollbar-Track-Color: rgba(0,0,0,0); scrollbar-DarkShadow-Color: rgba(0,0,0,0); scrollbar-Highlight-Color: rgba(0,0,0,0); scrollbar-Shadow-Color: rgba(0,0,0,0)}
::-webkit-scrollbar {width: 0px; height: 0px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: none; }