/* Component */
* {box-sizing: border-box; outline: none; -webkit-font-smoothing: antialiased;}

html,
body {overflow: hidden; width: 100%; height: 100%;}

button {cursor: pointer;}

h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title,
h1.include-title,
h2.include-title,
h3.include-title,
h4.include-title,
h5.include-title,
h6.include-title {margin: 0; font-weight: normal;}

p.font,
p.include-font {margin: 0;}

p.font strong,
p.include-font strong {font-weight: normal;}

p.font em,
p.include-font em {font-style: normal;}


/* Layout  > Common */
.container {position: relative; width: 360px; margin: 0 auto;}
@media (min-width: 778px) {
  .container {width: 778px;}
}

.wrapper {overflow: hidden; width: 100%; height: 100%;}


/* Layout  > Main */
main.main {overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch;}


/* Layout  > Main > Header */
header.main-header {background-color: #1b1b1b;}

section.main-header-navigationGlobal {position: relative; z-index: 10;}
section.main-header-navigationGlobal nav.navigation {position: absolute; right: 7px; top: 12px;}
section.main-header-navigationGlobal nav.navigation > ul {list-style: none; padding: 0; margin: 0;}
section.main-header-navigationGlobal nav.navigation > ul > li {display: none;}
section.main-header-navigationGlobal nav.navigation > ul > li .item {cursor: pointer;}
section.main-header-navigationGlobal nav.navigation > ul > li.signIn {display: block;}
section.main-header-navigationGlobal nav.navigation > ul > li.signIn .item,
section.main-header-navigationGlobal nav.navigation > ul > li.myPage .item,
section.main-header-navigationGlobal nav.navigation > ul > li.close .item {overflow: hidden; width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -1000px;}
section.main-header-navigationGlobal nav.navigation > ul > li.signIn .item {background-image: url('../../assets/images/common/mobile/main-header-navigationGlobal-signIn.png');}
section.main-header-navigationGlobal nav.navigation > ul > li.myPage .item {background-image: url('../../assets/images/common/mobile/main-header-navigationGlobal-myPage.png');}
section.main-header-navigationGlobal nav.navigation > ul > li.close .item {background-image: url('../../assets/images/common/mobile/main-header-navigationGlobal-close.png');}
@media (min-width: 778px) {
  section.main-header-navigationGlobal {border-bottom: 1px solid rgba(255, 255, 255, 0.09);}
  section.main-header-navigationGlobal .container {padding: 13px 0 12px 0;}
  section.main-header-navigationGlobal nav.navigation {display: block; position: static; right: auto; top: auto; margin: 0 -15px;}
  @supports (display: flow-root) {section.main-header-navigationGlobal nav.navigation {display: flow-root;}}
  section.main-header-navigationGlobal nav.navigation:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  section.main-header-navigationGlobal nav.navigation > ul {display: block; float: right;}
  @supports (display: flow-root) {section.main-header-navigationGlobal nav.navigation > ul {display: flow-root;}}
  section.main-header-navigationGlobal nav.navigation > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
  section.main-header-navigationGlobal nav.navigation > ul > li {float: left; padding: 0 15px;}
  section.main-header-navigationGlobal nav.navigation > ul > li p.font {color: #fff; font-size: 12px; line-height: 1.25; font-family: 'NotoSans-Regular';}
  html[lang="ko_KR"] section.main-header-navigationGlobal nav.navigation > ul > li p.font {font-family: 'NanumSquare-Regular';}
  section.main-header-navigationGlobal nav.navigation > ul > li.register,
  section.main-header-navigationGlobal nav.navigation > ul > li.language {display: block;}
  section.main-header-navigationGlobal nav.navigation > ul > li.signIn .item,
  section.main-header-navigationGlobal nav.navigation > ul > li.myPage .item {overflow: visible; width: auto; height: auto; background: none; text-indent: 0;}
  section.main-header-navigationGlobal nav.navigation > ul > li.language {position: relative; margin: -7px 0;}
  section.main-header-navigationGlobal nav.navigation > ul > li.language .select .item {padding: 7px 41px 7px 0; background: transparent url('../../assets/images/common/pc/main-header-navigationGlobal-language.png') no-repeat right center / 37px 29px;}
  section.main-header-navigationGlobal nav.navigation > ul > li.language .select p.font {font-family: 'NotoSans-Regular'; text-transform: uppercase;}
  section.main-header-navigationGlobal nav.navigation > ul > li.language .popover {visibility: hidden; position: absolute; right: 15px; top: 26px; width: 136px; padding: 8px 4px; background-color: #fff; opacity: 0; cursor: auto; transition: all 0.3s ease-out;}
  section.main-header-navigationGlobal nav.navigation > ul > li.language .popover.active {visibility: visible; top: 36px; opacity: 1;}
  section.main-header-navigationGlobal nav.navigation > ul > li.language .popover > ul {list-style: none; padding: 0; margin: 0;}
  section.main-header-navigationGlobal nav.navigation > ul > li.language .popover > ul > li {padding: 8px 0; line-height: 0; text-align: center;}
  section.main-header-navigationGlobal nav.navigation > ul > li.language .popover > ul > li .item {display: inline-block;}
  section.main-header-navigationGlobal nav.navigation > ul > li.language .popover > ul > li p.font {color: #272727; font-size: 11px; line-height: 1.19; font-family: 'NotoSans-Bold';}
  section.main-header-navigationGlobal nav.navigation > ul > li.language .popover > ul > li.active p.font {text-decoration: underline; text-transform: uppercase;}
}

section.main-header-titleMain .container {padding: 10px 12px;}
section.main-header-titleMain h1.title {line-height: 0; text-align: left;}
section.main-header-titleMain h1.title .item {display: inline-block; overflow: hidden; width: 55px; height: 40px; background: transparent url('../../assets/images/common/mobile/logo_m.svg') no-repeat center center / contain; text-indent: -1000px; cursor: pointer;}
@media (min-width: 778px) {
  section.main-header-titleMain .container {padding: 24px 0 23px 0;}
  section.main-header-titleMain h1.title {margin: 0 -95px;}
  section.main-header-titleMain h1.title .item {display: block; width: 70px; height: 40px; background-image: url('../../assets/images/common/pc/tta_5th.svg');}
}

section.main-header-navigationMain {border-bottom: 1px solid rgba(216, 216, 216, 0.1);}
section.main-header-navigationMain .container {padding: 13px 0 14px 0;}
section.main-header-navigationMain nav.navigation {line-height: 0; text-align: center;}
section.main-header-navigationMain nav.navigation > ul {display: inline-block; list-style: none; padding: 0; margin: 0;}
section.main-header-navigationMain nav.navigation > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
section.main-header-navigationMain nav.navigation > ul > li {float: left; padding: 0 12px;}
section.main-header-navigationMain nav.navigation > ul > li .item {cursor: pointer;}
section.main-header-navigationMain nav.navigation > ul > li p.font {color: #fff; font-size: 15px; line-height: 1.34; font-family: 'NotoSans-Regular';}
section.main-header-navigationMain nav.navigation > ul > li.active p.font {color: #e51a6c;}
@media (min-width: 778px) {
  section.main-header-navigationMain {border-bottom: none;}
  section.main-header-navigationMain .container {padding: 0;}
  section.main-header-navigationMain nav.navigation {position: absolute; right: -62px; bottom: 34px; padding: 0;}
  section.main-header-navigationMain nav.navigation > ul {display: block;}
  section.main-header-navigationMain nav.navigation > ul > li {padding: 0 36px;}
  section.main-header-navigationMain nav.navigation > ul > li p.font {font-size: 17px; line-height: 1.18; font-family: 'NotoSans-Bold';}
}

section.main-header-navigationSub {border-bottom: 1px solid rgba(216, 216, 216, 0.07);}
section.main-header-navigationSub .container {padding: 9px 0 10px 0;}
section.main-header-navigationSub nav.navigation {line-height: 0; text-align: center;}
section.main-header-navigationSub nav.navigation > ul {display: inline-block; list-style: none; padding: 0; margin: 0;}
section.main-header-navigationSub nav.navigation > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
section.main-header-navigationSub nav.navigation > ul > li {position: relative; float: left; padding: 0 9px;}
section.main-header-navigationSub nav.navigation > ul > li .item {min-width: 48px; text-align: center; cursor: pointer;}
section.main-header-navigationSub nav.navigation > ul > li p.font {color: rgba(255, 255, 255, 0.3); font-size: 13px; line-height: 1.08; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] section.main-header-navigationSub nav.navigation > ul > li p.font {font-family: 'NanumSquare-Bold';}
section.main-header-navigationSub nav.navigation > ul > li.active:after {display: block; position: absolute; left: 50%; bottom: -11px; width: 48px; height: 2px; margin-left: -24px; background-color: #e51a6c; content: '';}
section.main-header-navigationSub nav.navigation > ul > li.active p.font {color: #e51a6c;}
@media (min-width: 778px) {
  section.main-header-navigationSub {border-bottom: none; background-color: #1d1d1d;}
  section.main-header-navigationSub .container {padding: 13px 0 12px 0;}
  section.main-header-navigationSub nav.navigation > ul > li {padding: 0 30px;}
  section.main-header-navigationSub nav.navigation > ul > li .item {min-width: 55px;}
  section.main-header-navigationSub nav.navigation > ul > li p.font {font-size: 16px; line-height: 1.13;}
  section.main-header-navigationSub nav.navigation > ul > li.active:after {bottom: -12px; width: 55px; margin-left: -27px;}
}

section.main-header-titleEtc {background-color: #fff;}
section.main-header-titleEtc .container {padding: 24px 45px 22px 45px;}
section.main-header-titleEtc h2.title .item {text-align: center;}
section.main-header-titleEtc h2.title p.font {color: #272727; font-size: 17px; line-height: 1.06; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] section.main-header-titleEtc h2.title p.font {font-family: 'NanumSquare-Regular';}
section.main-header-titleEtc .back,
section.main-header-titleEtc .close {position: absolute; top: 12px;}
section.main-header-titleEtc .back {left: 7px;}
section.main-header-titleEtc .close {display: none; right: 7px;}
section.main-header-titleEtc .back .item,
section.main-header-titleEtc .close .item {overflow: hidden; width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -1000px; cursor: pointer;}
section.main-header-titleEtc .back .item {background-image: url('../../assets/images/common/mobile/main-header-titleEtc-back.png');}
section.main-header-titleEtc .close .item {background-image: url('../../assets/images/common/close.png');}
@media (min-width: 778px) {
  section.main-header-titleEtc {display: none;}
}

section.main-header-navigationEtc {border-bottom: 1px solid #d8d8d8; background-color: #fff;}
section.main-header-navigationEtc .container {padding: 8px 0 9px 0;}
section.main-header-navigationEtc nav.navigation {line-height: 0; text-align: center;}
section.main-header-navigationEtc nav.navigation > ul {display: inline-block; list-style: none; padding: 0; margin: 0;}
section.main-header-navigationEtc nav.navigation > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
section.main-header-navigationEtc nav.navigation > ul > li {position: relative; float: left; padding: 0 12px;}
section.main-header-navigationEtc nav.navigation > ul > li .item {cursor: pointer;}
section.main-header-navigationEtc nav.navigation > ul > li p.font {color: rgba(0, 0, 0, 0.3); font-size: 13px; line-height: 1.24; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] section.main-header-navigationEtc nav.navigation > ul > li p.font {font-family: 'NanumSquare-Bold';}
section.main-header-navigationEtc nav.navigation > ul > li.active:after {display: block; position: absolute; left: 50%; bottom: -10px; width: 48px; height: 2px; margin-left: -24px; background-color: #e51a6c; content: '';}
section.main-header-navigationEtc nav.navigation > ul > li.active p.font {color: #e51a6c;}
@media (min-width: 778px) {
  section.main-header-navigationEtc {border-bottom: none;}
  section.main-header-navigationEtc .container {padding: 13px 0 12px 0;}
  section.main-header-navigationEtc nav.navigation > ul > li {padding: 0 34px;}
  section.main-header-navigationEtc nav.navigation > ul > li p.font {font-size: 16px; line-height: 1.13;}
  section.main-header-navigationEtc nav.navigation > ul > li.active:after {bottom: -12px; width: 55px; margin-left: -27px;}
}


/* Layout  > Main > Footer */
footer.main-footer {background-color: #fff;}

section.main-footer-language {position: relative; z-index: 10;}
section.main-footer-language .container {display: block; padding: 6px 16px 7px 16px;}
@supports (display: flow-root) {section.main-footer-language .container {display: flow-root;}}
section.main-footer-language .container:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
section.main-footer-language .language {position: relative; float: right;}
section.main-footer-language .language .select .item {padding: 7px 41px 7px 0; background: transparent url('../../assets/images/common/mobile/main-footer-language-language.png') no-repeat right center / 37px 29px; cursor: pointer;}
section.main-footer-language .language .select p.font {color: #272727; font-size: 11px; line-height: 1.37; font-family: 'NotoSans-Bold'; text-transform: uppercase;}
section.main-footer-language .language .popover {visibility: hidden; position: absolute; right: 0; top: 20px; width: 136px; padding: 8px 4px; border: 1px solid #27262a; background-color: #fff; opacity: 0; transition: all 0.3s ease-out;}
section.main-footer-language .language .popover.active {visibility: visible; top: 30px; opacity: 1;}
section.main-footer-language .language .popover > ul {list-style: none; padding: 0; margin: 0;}
section.main-footer-language .language .popover > ul > li {padding: 9px 0; line-height: 0; text-align: center;}
section.main-footer-language .language .popover > ul > li .item {display: inline-block; cursor: pointer;}
section.main-footer-language .language .popover > ul > li p.font {color: #272727; font-size: 11px; line-height: 1.37; font-family: 'NotoSans-Bold'; text-transform: uppercase;}
section.main-footer-language .language .popover > ul > li.active p.font {text-decoration: underline;}
@media (min-width: 778px) {
  section.main-footer-language {display: none;}
}

section.main-footer-sns .container {padding: 20px 0 20px 0;}
section.main-footer-sns h3.title .item {text-align: center;}
section.main-footer-sns h3.title p.font {color: #272727; font-size: 14px; line-height: 1.43; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] section.main-footer-sns h3.title p.font {font-family: 'NanumSquare-Bold';}
section.main-footer-sns .sns {padding-top: 14px; line-height: 0; text-align: center;}
section.main-footer-sns .sns > ul {display: inline-block; list-style: none; padding: 0; margin: 0;}
section.main-footer-sns .sns > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
section.main-footer-sns .sns > ul > li {float: left; padding: 0 11px;}
section.main-footer-sns .sns > ul > li .item {overflow: hidden; width: 46px; height: 46px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -1000px; cursor: pointer;}
section.main-footer-sns .sns > ul > li.twitter .item {background-image: url('../../assets/images/common/sns-type01-twitter.png');}
section.main-footer-sns .sns > ul > li.kakao .item {background-image: url('../../assets/images/common/sns-type01-kakao.png');}
section.main-footer-sns .sns > ul > li.line .item {background-image: url('../../assets/images/common/sns-type01-line.png');}
section.main-footer-sns .sns > ul > li.url .item {background-image: url('../../assets/images/common/sns-type01-url.png');}
@media (min-width: 778px) {
  section.main-footer-sns .container {padding: 32px 0 39px 0;}
  section.main-footer-sns h3.title .item {padding: 13px 0 14px 0;}
  section.main-footer-sns h3.title p.font {font-size: 18px; line-height: 1.11;}
  section.main-footer-sns .sns {padding-top: 15px;}
}

section.main-footer-support .container {display: block; padding: 21px 0 21px 16px;}
@supports (display: flow-root) {section.main-footer-support .container {display: flow-root;}}
section.main-footer-support .container:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
section.main-footer-support h3.title {float: left; padding: 7px 0 6px 0;}
section.main-footer-support h3.title p.font {color: #9a9a9a; font-size: 12px; line-height: 1.43; font-family: 'NotoSans-Regular';}
section.main-footer-support .list {float: right;}
section.main-footer-support.host .list {width: 302px;}
section.main-footer-support.sponsor .list {width: 282px;}
section.main-footer-support .list .listItem {padding-right: 16px;}
section.main-footer-support .list .listItem .object {cursor: pointer;}
section.main-footer-support .list .listItem .object img {display: block; height: 30px;}
@media (min-width: 778px) {
  section.main-footer-support .container {padding: 23px 0;}
  section.main-footer-support h3.title {width: 100px; padding: 13px 0 14px 0;}
  section.main-footer-support h3.title p.font {color: #d8d8d8; font-size: 20px; line-height: 1.35;}
  section.main-footer-support.host .list,
  section.main-footer-support.sponsor .list {width: 618px;}
  section.main-footer-support .list .listItem {padding-right: 20px;}
  section.main-footer-support .list .listItem .object img {height: 54px;}
}

section.main-footer-information {background-color: #f2f3f8;}
section.main-footer-information .container {padding: 19px 0 23px 0;}
section.main-footer-information nav.navigation {line-height: 0; text-align: center;}
section.main-footer-information nav.navigation > ul {display: inline-block; list-style: none; padding: 0; margin: 0;}
section.main-footer-information nav.navigation > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
section.main-footer-information nav.navigation > ul > li {float: left; padding: 0 14px;}
section.main-footer-information nav.navigation > ul > li .item {cursor: pointer;}
section.main-footer-information nav.navigation > ul > li p.font {color: #9a9a9a; font-size: 12px; line-height: 1.25; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] section.main-footer-information nav.navigation > ul > li p.font {font-family: 'NanumSquare-Bold';}
section.main-footer-information address.address {padding-top: 11px; font-style: normal;}
section.main-footer-information address.address .item {text-align: center;}
section.main-footer-information address.address p.font {color: #9a9a9a; font-size: 10px; line-height: 1.6; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] section.main-footer-information address.address p.font {font-family: 'NanumSquare-Regular';}
section.main-footer-information address.address p.font em {line-height: 1.5; font-family: 'NotoSans-Regular';}
@media (min-width: 778px) {
  section.main-footer-information .container {padding: 36px 0 33px 0;}
  section.main-footer-information nav.navigation > ul > li {position: relative;}
  section.main-footer-information nav.navigation > ul > li:before {display: block; position: absolute; left: 0; top: 3px; width: 1px; height: 10px; background-color: #bbbbbe; content: '';}
  section.main-footer-information nav.navigation > ul > li:first-child:before {display: none;}
  section.main-footer-information nav.navigation > ul > li p.font {font-size: 15px; line-height: 1.14;}
  section.main-footer-information address.address {padding-top: 33px;}
  section.main-footer-information address.address p.font {font-size: 13px; line-height: 1.7; font-family: 'NotoSans-Regular';}
  section.main-footer-information address.address p.font em {line-height: 1.6;}
}


/* Include > Terms */
section.include-terms-header .include-caption .include-item p.include-font {color: #ff0074; font-size: 11px; line-height: 1.1; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] section.include-terms-header .include-caption .include-item p.include-font {font-family: 'NanumSquare-Bold';}
section.include-terms-header h4.include-title {padding-top: 10px;}
section.include-terms-header h4.include-title .include-item p.include-font {color: #272727; font-size: 15px; line-height: 1.14; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] section.include-terms-header h4.include-title .include-item p.include-font {font-family: 'NanumSquare-Bold';}

section.include-terms-body h5.include-title {padding-top: 35px;}
section.include-terms-body h5.include-title .include-item p.include-font {color: #272727; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] section.include-terms-body h5.include-title .include-item p.include-font {font-family: 'NanumSquare-Bold';}
section.include-terms-body .include-list > ul {list-style: none; padding: 0; margin: 0;}
section.include-terms-body .include-list > ul > li {padding-top: 16px;}
section.include-terms-body .include-list > ul > li h6.include-title .include-item p.include-font {color: #272727; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] section.include-terms-body .include-list > ul > li h6.include-title .include-item p.include-font {font-family: 'NanumSquare-Bold';}
section.include-terms-body .include-list > ul > li .include-content {padding-top: 16px;}
section.include-terms-body .include-list > ul > li .include-content .include-item p.include-font {color: #2c2c2c; font-size: 11px; line-height: 1.91; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] section.include-terms-body .include-list > ul > li .include-content .include-item p.include-font {font-family: 'NanumSquare-Regular';}


/* Sign In */
.wrapper.signIn section.main-header-navigationGlobal nav.navigation > ul > li.signIn {display: none;}
.wrapper.signIn section.main-header-navigationGlobal nav.navigation > ul > li.myPage {display: block;}
@media (min-width: 778px) {
  .wrapper.signIn section.main-header-navigationGlobal nav.navigation > ul > li.register {display: none;}
  .wrapper.signIn section.main-header-navigationGlobal nav.navigation > ul > li.signOut {display: block;}
}