@charset "UTF-8";

html,
body {
	background-color: #111
}

i {
	font-style: normal
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	outline: none 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none
}

input[type=number] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	-ms-appearance: textfield;
	-o-appearance: textfield;
	appearance: textfield
}

input::-ms-clear,
input::-ms-reveal,
select::-ms-expand {
	display: none;
	width: 1px;
	height: 1px;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	left: -9999px;
	font-size: 0
}

button {
	outline: none 0;
	border: none 0;
	cursor: pointer;
	margin: 0;
	padding: 0
}

.blind {
	text-indent: -9999em;
	font-size: 0
}

.inpbox {
	position: relative;
	display: inline-block;
	width: 100%;
	float: left;
	height: 40px;
	line-height: 38px;
	background-color: #0e0e0e
}

.inpbox.textbox {
	height: 78px
}

.inpbox input,
.inpbox textarea {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 60px 0 20px;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	font-weight: normal;
	background-color: #0e0e0e;
	border-color: #1d1d1d;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3)
}

.inpbox input:focus,
.inpbox textarea:focus {
	border-width: 2px;
	border-color: #3276c1
}

.inpbox input[readonly]~label.focus+.frm-reset,
.inpbox input[readonly='true']~label.focus+.frm-reset,
.inpbox input[readonly='readonly']~label.focus+.frm-reset,
.inpbox textarea[readonly]~label.focus+.frm-reset,
.inpbox textarea[readonly='true']~label.focus+.frm-reset,
.inpbox textarea[readonly='readonly']~label.focus+.frm-reset {
	display: none
}

.inpbox input:-webkit-autofill,
.inpbox input:-webkit-autofill:hover,
.inpbox input:-webkit-autofill:focus,
.inpbox input:-webkit-autofill:active,
.inpbox textarea:-webkit-autofill,
.inpbox textarea:-webkit-autofill:hover,
.inpbox textarea:-webkit-autofill:focus,
.inpbox textarea:-webkit-autofill:active {
	background-color: #0e0e0e !important;
	transition: background-color 5000s ease-in-out 0s;
	-webkit-box-shadow: inset 0 0 0 25px #0e0e0e !important;
	-webkit-text-fill-color: #fff !important
}

.inpbox input.error,
.inpbox textarea.error {
	border-width: 2px;
	border-color: #ff3214
}

.inpbox input.ok,
.inpbox textarea.ok {
	border-width: 2px;
	border-color: #3b6c18
}

.inpbox textarea {
	padding: 10px 20px;
	line-height: 22px;
	color: #999
}

.inpbox textarea+label {
	padding: 10px 20px;
	line-height: 22px;
	color: #666
}

.inpbox label {
	width: 100%;
	height: 100%;
	padding: 0 20px;
	line-height: 38px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	box-sizing: border-box;
	cursor: text;
	color: #999
}

.inpbox label.focus {
	display: none
}

.inpbox label.focus+.frm-reset {
	display: block
}

.inpbox .frm-reset,
.inpbox .frm-pw {
	width: 60px;
	height: 36px;
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 1;
	background-color: #0e0e0e
}

.inpbox .frm-reset span,
.inpbox .frm-pw span {
	display: block;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: 0 auto;
	text-indent: -9999em;
	font-size: 0
}

.inpbox .frm-reset .ico-reset,
.inpbox .frm-pw .ico-reset {
	width: 13px;
	height: 13px;
	background-image: url("../images/common/ico_reset.png")
}

.inpbox .frm-reset .ico-pw,
.inpbox .frm-pw .ico-pw {
	width: 21px;
	height: 14px;
	background-image: url("../images/common/ico_pw_encryption.png")
}

.inpbox .frm-reset {
	display: none
}

.inpbox .frm-pw.on .ico-pw {
	background-image: url("../images/common/ico_pw.png")
}

.inpbox.small+.error-msg {
	padding: 10px 0 5px
}

.chkbox {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	vertical-align: middle;
	min-height: 20px;
	padding: 10px 20px;
	margin-top: -1px;
	background-color: #0e0e0e;
	box-sizing: border-box;
	border: 1px solid #1d1d1d
}

.chkbox input {
	width: 1px;
	height: 1px;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: -9999px;
	font-size: 0
}

.chkbox input[type='checkbox']:checked~label {
	background-image: url("../images/common/ico_checkbox_checked.png")
}

.chkbox label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	min-height: inherit;
	font-size: 14px;
	padding-left: 30px;
	color: #999;
	background-size: 20px 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/common/ico_checkbox.png")
}

.chkbox label em {
	color: #ff3214
}

.chkbox label.keyup {
	outline: 1px solid #3276c1
}

.chkbox.single {
	width: auto;
	float: none;
	display: inline-block;
	min-height: 24px;
	background: 0;
	border: none 0;
	padding: 0;
	margin-right: 25px
}

.chkbox.single input[type='checkbox']:checked~label {
	color: #ff3214;
	background-image: url("../images/common/ico_checkbox_checked_single.png")
}

.chkbox.single label {
	font-size: 16px;
	padding-left: 35px;
	line-height: 24px;
	background-size: 24px 24px;
	background-size: 29px 24px;
	background-image: url("../images/common/ico_checkbox_single.png")
}

.chkbox.single+.error-msg {
	padding: 0;
	float: none
}

.radiobox {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	vertical-align: middle;
	min-height: 20px;
	padding: 10px 20px;
	margin-top: -1px;
	background-color: #0e0e0e;
	box-sizing: border-box;
	border: 1px solid #1d1d1d
}

.radiobox input {
	width: 1px;
	height: 1px;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: -9999px;
	font-size: 0
}

.radiobox input[type='radio']:checked~label {
	background-image: url("../images/common/ico_radio_checked.png")
}

.radiobox label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	min-height: inherit;
	font-size: 14px;
	padding-left: 30px;
	color: #999;
	background-size: 20px 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/common/ico_radio.png")
}

.radiobox label em {
	color: #ff3214
}

.radiobox label.keyup {
	outline: 1px solid #3276c1
}

.radiobox.single {
	width: auto;
	float: none;
	display: inline-block;
	min-height: 24px;
	background: 0;
	border: none 0;
	padding: 0;
	margin-right: 25px
}

.radiobox.single label {
	font-size: 16px;
	padding-left: 35px;
	line-height: 24px;
	background-size: 24px 24px
}

.radiobox.single+.error-msg {
	padding: 0;
	float: none
}

.btn-auth {
	margin: 20px 0
}

.btn-auth .btn-type {
	display: block;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	outline: none 0;
	border: none 0;
	font-size: inherit;
	vertical-align: middle;
	width: 100%;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.6);
	box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.6)
}

.btn-auth .btn-type:disabled {
	cursor: default
}

.btn-auth .btn-type.btn-active,
.btn-auth .btn-type.btn-submit {
	background: #ff3214;
	color: #fff
}

.btn-auth .btn-type.btn-active.disabled,
.btn-auth .btn-type.btn-submit.disabled {
	background: #202020;
	color: #666
}

.btn-auth .btn-type.btn-default,
.btn-auth .btn-type:disabled {
	background: #202020;
	color: #666
}

.btn-auth .btn-type.disabled,
.btn-auth .btn-type:disabled {
	cursor: default
}

.btn-auth .btn-type.btn-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none
}

.btn-auth.double {
	margin: 20px -5px 10px;
	padding: 0 0 10px;
	overflow: hidden
}

.btn-auth.double .btn-type {
	float: left;
	width: calc(50% - 10px);
	margin: 0 5px
}

.btn-auth.double.single {
	margin: -10px 0 -10px
}

.btn-auth.double.single .btn-type {
	float: none;
	width: auto;
	margin: 10px 0
}

.btn-auth.single.mg0 {
	margin: -10px 0 -10px
}

.btn-auth.single.mg0 .btn-type {
	margin: 10px 0
}



.iptfile {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 40px;
	cursor: default;
	background-color: #0e0e0e
}

.iptfile .file-name {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	background-color: #0e0e0e;
	border: 1px solid #1d1d1d;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3)
}

.iptfile .frm-reset {
	display: block;
	width: 60px;
	height: calc(100% - 4px);
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 1;
	background-color: #0e0e0e
}

.iptfile .frm-reset .ico-reset {
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 auto;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url("../images/common/ico_reset_file.png");
	text-indent: -9999em;
	font-size: 0
}

.wz-member {
	min-width: 320px;
	min-height: calc(100vh - 274px);
	background: #111;
	color: #999
}

.wz-cont {
	padding: 20px 15px
}

.scrollbarStyle,
.pop-layer .pop-cont .pop-scroll-inner,
.pop-body,
textarea {
	scrollbar-base-color: #212121;
	scrollbar-arrow-color: #282828;
	scrollbar-shadow-color: #191919;
	scrollbar-highlight-color: #191919
}

.scrollbarStyle::-webkit-scrollbar,
.pop-layer .pop-cont .pop-scroll-inner::-webkit-scrollbar,
.pop-body::-webkit-scrollbar,
textarea::-webkit-scrollbar {
	width: 19px
}

.scrollbarStyle::-webkit-scrollbar-track,
.pop-layer .pop-cont .pop-scroll-inner::-webkit-scrollbar-track,
.pop-body::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
	background: #191919
}

.scrollbarStyle::-webkit-scrollbar-thumb,
.pop-layer .pop-cont .pop-scroll-inner::-webkit-scrollbar-thumb,
.pop-body::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
	background: #212121
}

.scrollbarStyle::-webkit-scrollbar-button:start:decrement,
.pop-layer .pop-cont .pop-scroll-inner::-webkit-scrollbar-button:start:decrement,
.pop-body::-webkit-scrollbar-button:start:decrement,
textarea::-webkit-scrollbar-button:start:decrement {
	background: #191919 url("../images/common/ico_scroll_top.png") 50% 50% no-repeat
}

.scrollbarStyle::-webkit-scrollbar-button:end:increment,
.pop-layer .pop-cont .pop-scroll-inner::-webkit-scrollbar-button:end:increment,
.pop-body::-webkit-scrollbar-button:end:increment,
textarea::-webkit-scrollbar-button:end:increment {
	background: #191919 url("../images/common/ico_scroll_bottom.png") 50% 50% no-repeat
}

.cont-group {
	padding: 20px 0;
	border-top: 1px solid #ff3214;
	border-bottom: 1px solid #ff3214
}

.cont-group.half-none-border-b {
	border-bottom: none 0
}

.cont-group .txt-guide,
.cont-group .txt-desc {
	text-align: center;
	padding: 0 0 20px
}

.cont-group .title {
	padding: 0 0 20px
}

.cont-group .paragraph,
.cont-group .emphasis {
	text-align: left;
	padding-top: 20px;
	font-size: 14px
}

.cont-group .paragraph:first-child,
.cont-group .emphasis:first-child {
	padding-top: 0
}

.cont-group .emphasis {
	margin-top: 20px
}

.cont-group .emphasis p {
	font-size: inherit;
	line-height: inherit
}

.cont-group .emphasis em {
	color: #ff3214
}

.cont-group .valid-group {
	padding: 40px 0 0
}

.valid-group {
	padding: 20px 0 0;
	color: #fff
}

.valid-group .pw-confirm {
	overflow: hidden;
	padding: 10px 20px;
	box-sizing: border-box;
	border: 1px solid #1d1d1d;
	margin-top: -1px
}

.valid-group .pw-confirm .txt-guide,
.valid-group .pw-confirm .cont-group .txt-desc,
.cont-group .valid-group .pw-confirm .txt-desc {
	display: block;
	text-align: left;
	padding-bottom: 8px;
	font-size: 14px;
	color: #fff
}

.valid-group .agree-list {
	overflow: hidden
}

.valid-group .agree-list li {
	padding-top: 1px
}

.valid-group .agree-list+.pw-confirm {
	display: none
}

.page-step ol {
	text-align: right
}

.page-step ol li {
	display: inline;
	margin: 0 0 0 5px
}

.page-step ol li span {
	width: 1px;
	height: 1px;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	left: -9999px;
	font-size: 0
}

.page-step ol li em {
	display: inline-block;
	padding: 0 10px;
	font-weight: bold;
	font-size: 17px;
	line-height: 160%;
	color: #1f1f1f;
	border-bottom: 3px solid #1f1f1f
}

.page-step ol li.active em {
	border-color: #ff3214;
	color: #ff3214
}

.page-tab {
	overflow: hidden
}

.page-tab a {
	display: block;
	float: left;
	width: 50%;
	height: 40px;
	line-height: 38px;
	text-align: center;
	color: #999;
	background-color: #202020;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.page-tab a.active {
	background-color: #ff3214;
	color: #fff
}

.page-tab a span {
	display: inline-block;
	word-break: break-all;
	padding: 0 10px;
	line-height: 110%
}

.page-tab.tab-three a {
	width: 33.3%
}

.page-tab.tab-three a:first-child {
	width: 33.4%
}

.title {
	text-align: center;
	padding: 20px 0;
	word-break: break-all
}

.title.inTit {
	padding-top: 40px
}

.title.nonepd {
	padding: 0
}

.title.tit-tbl {
	text-align: left
}

.title.tit-tbl h2 {
	font-size: 30px
}

.title.tit-tbl h3 {
	font-size: 20px;
	padding: 15px 0 0;
	font-weight: normal;
	color: #fff
}

.title.tit-tbl h3+.desc {
	margin-top: 5px
}

.title h2 {
	font-size: 23px;
	padding: 0 0 10px;
	color: #fff
}

.title h2.tit-half {
	font-size: 28px
}

.title h2 .inblock {
	display: block
}

.title h3 {
	padding: 0 0 15px
}

.title .desc {
	font-size: 16px;
	line-height: 160%;
	color: #999
}

.title .desc.alignment {
	margin-top: 10px
}

.frm-cont {
	margin: 0 auto
}

.frm-cont .frm-list {
	margin: -5px 0
}

.frm-cont .frm-list li {
	overflow: hidden;
	padding: 5px 0
}

.frm-cont .frm-list li .valid-group {
	padding: 0
}

.error-msg {
	display: block;
	float: left;
	padding: 5px 0;
	word-break: break-all;
	font-size: 12px;
	color: #ff3214
}

.link-auth {
	text-align: center;
	padding: 30px 0 0
}

.link-auth a {
	display: inline-block
}

.link-auth.block {
	padding-top: 0
}

.link-auth.block li {
	margin: 10px 0
}

.guide {
	text-align: center
}

.guide em {
	display: block;
	padding: 20px 0 10px
}

.guide em.nonepd {
	padding-top: 0
}

.guide p {
	font-size: 14px;
	line-height: 18px;
	color: #666
}

.info-number-list {
	margin-bottom: -20px
}

.info-number-list li dl {
	line-height: 42px
}

.info-number-list li dl dt {
	margin: 20px 0 0;
	color: #fff
}

.info-number-list li dl dd .info-list {
	padding: 0 0 0 15px
}

.btn-auth .sns-btn,
.btn-auth .btn-facebook,
.btn-auth .btn-google {
	padding-left: 40px;
	background-position: 0 0;
	background-size: auto 100%;
	background-repeat: no-repeat
}

.btn-auth .sns-btn.single,
.btn-auth .single.btn-facebook,
.btn-auth .single.btn-google {
	display: inline-block;
	width: auto;
	min-width: 168px;
	padding: 10px 10px 10px 50px;
	box-sizing: border-box;
	font-size: 15px;
	margin: 0 auto
}

.btn-auth .btn-facebook {
	background-color: #3b5998;
	background-image: url("../images/common/ico_facebook.png");
	color: #fff
}

.btn-auth .btn-google {
	background-color: #d8d8d8;
	background-image: url("../images/common/ico_google.png");
	color: #222
}

.user-info-tbl {
	border-top: 1px solid #ff3214;
	border-bottom: 1px solid #242424;
	background-color: #171717
}

.user-info-tbl dt {
	padding: 15px;
	border-top: 1px solid #242424
}

.user-info-tbl dt:first-child {
	border-top: none 0
}

.user-info-tbl dd {
	overflow: hidden;
	padding: 15px;
	background-color: #111;
	color: #fff
}

.user-info-tbl dd .notice {
	display: block;
	clear: both;
	padding: 5px 0 0;
	color: #666
}

.user-info-tbl dd .btn-auth {
	text-align: center;
	margin: 0
}

.user-info-tbl dd .inner-form {
	margin: -10px -15px 0
}

.user-info-tbl dd .inner-form.single {
	margin: 0 -5px
}

.user-info-tbl dd .inner-form li {
	margin-top: 10px;
	overflow: hidden
}

.user-info-tbl dd .inner-form+.notice {
	margin-top: 5px
}

.user-info-tbl dd .sns-info {
	padding: 8px 5px 3px
}

.user-info-tbl dd .sns-info .frame-round {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: -3px 15px 0 0;
	padding-bottom: 5px;
	overflow: hidden
}

.user-info-tbl dd .sns-info .frame-round img {
	width: 100%;
	height: 100%
}

.noted-group {
	padding: 10px 0
}

.noted-group p {
	text-indent: -20px;
	margin-left: 20px;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 10px;
	color: #fff
}

.tbl-group {
	position: relative;
	width: 100%;
	border-top: 1px solid #ff3214
}

.tbl-group .tbl-head-group {
	display: none
}

.tbl-group .tbl-row-group .tbl-th {
	display: none;
	color: #666
}

.tbl-group .tbl-row-group .tbl-row {
	padding: 10px;
	border-bottom: 1px solid #242424
}

.tbl-group .tbl-row-group .tbl-cell.mo-none {
	display: none
}

.tbl-group .tbl-row-group .tbl-cell .list-term {
	display: block;
	color: #999
}

.tbl-group .tbl-row-group .tbl-cell .list-des {
	display: block;
	color: #666
}

.tbl-group .tbl-row-group .tbl-cell a {
	color: inherit
}

.tbl-group .tbl-row-group .tbl-cell a:hover {
	text-decoration: underline
}

.tbl-group .tbl-row-group.cell-group .tbl-row {
	position: relative;
	padding: 0;
	border-bottom: none 0;
	border-top: 1px solid #ff3214
}

.tbl-group .tbl-row-group.cell-group .tbl-row:first-child {
	border-top: 0
}

.tbl-group .tbl-row-group.cell-group .tbl-row .tbl-th {
	width: 68px;
	display: block;
	padding: 15px 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0
}

.tbl-group .tbl-row-group.cell-group .tbl-row .tbl-cell {
	padding: 15px 10px 15px 68px;
	border-bottom: 1px solid #242424
}

.tbl-group .tbl-row-group.cell-group .tbl-row.none-data .tbl-cell {
	padding: 10px
}

.tbl-group .tbl-row-group.s-disable .tbl-cell {
	color: #666
}

.tbl-group .tbl-row-group.s-disable .tbl-cell a {
	color: #999
}

.tbl-group .tbl-row-group .none-data {
	height: auto;
	min-height: 20px;
	text-align: center;
	color: #666
}

.pager {
	position: relative;
	text-align: center;
	padding: 10px 0;
	font-size: 0;
	line-height: 0
}

.pager .first,
.pager .previous,
.pager .next,
.pager .last {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 27px;
	line-height: 27px;
	background-position: 0 0;
	background-repeat: no-repeat
}

.pager .first:hover,
.pager .previous:hover,
.pager .next:hover,
.pager .last:hover {
	background-position: 0 -27px
}

.pager .first.disabled,
.pager .previous.disabled,
.pager .next.disabled,
.pager .last.disabled {
	background-position: 0 -54px;
	cursor: default
}

.pager .current {
	display: inline-block;
	vertical-align: middle;
	height: 27px;
	line-height: 25px;
	font-size: 20px
}

.pager .current strong {
	font-weight: normal;
	color: #ff3214
}

.pager .current span {
	margin-left: 7px
}

.pager .first {
	background-image: url("../images/common/ico_pager_first.gif")
}

.pager .previous {
	margin: 0 20px 0 10px;
	background-image: url("../images/common/ico_pager_prev.gif")
}

.pager .next {
	margin: 0 10px 0 20px;
	background-image: url("../images/common/ico_pager_next.gif")
}

.pager .last {
	background-image: url("../images/common/ico_pager_last.gif")
}

.pager .first,
.pager .last,
.pager a {
	display: none
}

.bo-view {
	border-top: 1px solid #ff3214;
	border-bottom: 1px solid #ff3214;
	color: #666;
	margin: 0 0 20px;
	clear: both
}

.bo-view .bo-sbj,
.bo-view .view-info {
	padding: 15px 20px;
	font-weight: normal;
	background-color: #171717;
	border-bottom: 1px solid #242424
}

.bo-view .bo-sbj {
	color: #fff
}

.bo-view .view-info .definition-list dt {
	display: none
}

.bo-view .view-contents {
	word-break: break-all;
	padding: 30px 0
}

.bo-view .view-comment {
	word-break: break-all
}

.bo-view .view-comment .comments {
	padding: 15px 0;
	border-top: 1px solid #242424
}

.bo-view .view-comment .comments header {
	padding-bottom: 10px
}

.bo-view .view-comment .comments header .response {
	padding-left: 25px;
	background: url("../images/common/ico_response.png") 0 50% no-repeat;
	color: #ff3214
}

.bo-view .view-comment .comments header .details {
	padding-left: 25px;
	background: url("../images/common/ico_details.png") 0 50% no-repeat;
	color: #2e77c1
}

.bo-view .view-comment .comments footer .update-time {
	display: block;
	padding-top: 10px;
	color: #fff
}

.bo-view .view-comment .comments .comments {
	margin: 15px 0 -15px
}

.bo-view .write-comment {
	margin: 0 0 5px
}

.bo-view .write-comment .write-comment-tbl {
	margin: 15px 0 20px;
	border: 1px solid rgba(48, 48, 48, 0.4);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.bo-view .write-comment .write-comment-tbl dt {
	padding: 20px 20px 10px;
	border-top: 1px solid rgba(48, 48, 48, 0.4)
}

.bo-view .write-comment .write-comment-tbl dt .required {
	color: #ff3214
}

.bo-view .write-comment .write-comment-tbl dt:first-child {
	border-top: none 0
}

.bo-view .write-comment .write-comment-tbl dt .btn-file {
	display: inline-block;
	vertical-align: middle;
	padding: 2px 10px;
	overflow: hidden;
	font-size: 13px;
	background: #2d2d2d;
	color: #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.bo-view .write-comment .write-comment-tbl dd {
	overflow: hidden;
	padding: 0 20px 20px
}

.bo-view .write-comment .write-comment-tbl dd .file-list li {
	overflow: hidden;
	padding: 0 0 10px
}

.bo-view .write-comment .write-comment-tbl dd .noted {
	font-size: 13px
}

.bo-view .write-comment .btn-auth .btn-type {
	color: #fff
}

.bo-view .write-comment .hidden-file-upload {
	width: 1px;
	height: 1px;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	left: -9999px;
	font-size: 0
}

.bo-view .write-file {
	padding: 10px 0 0
}

.bo-view .write-file>div {
	padding: 0 0 0 25px;
	margin: 3px 0 3px 0;
	background: url("../images/common/ico_file_attach.png") 0 3px no-repeat
}

.bo-view .write-file .uploadfile {
	color: #2e77c1;
	word-break: break-all
}

.bo-view .write-file a {
	text-decoration: underline
}

.pop-layer {
	display: none;
	width: 100%;
	height: calc(100% - 60px);
	overflow: hidden;
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 10;
	background-color: #111
}

.pop-layer h3 {
	position: relative;
	padding: 13px 15px;
	font-weight: normal;
	background-color: #ff3214
}

.pop-layer h3 .pop-close {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -9px;
	line-height: 0;
	font-size: 0;
	background: 0
}

.pop-layer .pop-cont {
	padding: 15px;
	height: auto;
	background-color: #161616
}

.pop-layer .pop-cont .pop-scroll-inner {
	height: auto;
	max-height: calc(100vh - 215px);
	overflow-y: auto;
	list-style: none;
	padding: 10px 0
}

.pop-layer .pop-cont .check-list {
	padding: 0;
	position: relative
}

.pop-layer .pop-cont .check-list li {
	position: relative;
	margin: 10px 0
}

.pop-layer .pop-cont .check-list li .chkbox {
	margin-right: 0
}

.pop-layer .pop-foot {
	padding: 0 15px
}

.pop-body {
	width: 100%;
	height: auto;
	max-height: calc(100vh);
	overflow-y: auto
}

.pop-body .pop-system {
	display: block;
	height: 100vh;
	background-color: #161616
}

.pop-body .pop-system h3 {
	position: relative;
	padding: 13px 15px;
	font-weight: normal;
	background-color: #ff3214
}

.pop-body .pop-system h3 .pop-close {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -9px;
	line-height: 0;
	font-size: 0;
	background: 0
}

.pop-body .pop-system .pop-cont {
	padding: 15px;
	height: auto
}

.pop-body .pop-system .pop-cont .title {
	margin-top: -5px
}

.pop-shadow {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: .8;
	background: #000
}

.wz-calendar {
	margin-bottom: 30px
}

.wz-calendar .wz-datepicker {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	border: 1px solid #303030;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3)
}

.wz-calendar .wz-datepicker .inpbox {
	width: calc(50% - 10px);
	float: left;
	margin-left: 10px
}

.wz-calendar .wz-datepicker .inpbox:first-child {
	margin-right: 10px;
	margin-left: 0
}

.wz-calendar .wz-datepicker .inpbox input {
	padding: 0 30px 0 10px
}

.wz-calendar .wz-datepicker .inpbox input.datepicker {
	color: #666;
	border-width: 0;
	background-color: #111;
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) 50%;
	background-image: url("../images/common/ico_calendar.png");
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.wz-calendar .wz-datepicker .dash {
	display: block;
	width: 20px;
	height: 38px;
	line-height: 36px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
	text-align: center;
	font-size: 20px;
	color: #666
}

.wz-calendar .btn-auth {
	margin: 0 !important
}

.wz-calendar .btn-auth .btn-type {
	color: #fff;
	margin: 0 !important
}

.game-group {
	margin: -25px -15px 0
}

.game-group .line-up {
	padding: 0
}

.m-ico {
	display: inline-block;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-size: 0;
	line-height: 0
}

.ico-noti {
	width: 70px;
	height: 70px;
	background-image: url("../images/common/ico_noti.png");
	margin: 0 0 15px
}

.ico-angle-right {
	width: 7px;
	height: 11px;
	background-image: url("../images/common/ico_angle_right.png");
	margin: 0 10px 0 0
}

.ico-close {
	width: inherit;
	height: inherit;
	background-image: url("../images/common/ico_close.png")
}

.step-num ol li em {
	font-family: "Impact", "Charcoal", sans-serif
}

.inline-block {
	display: inline
}

.block-inline {
	display: block
}

.c-point {
	color: #2e77c1 !important
}

.c-ems {
	color: #ff3214 !important
}

.c-rev {
	color: #fff !important
}

.c-disable {
	color: #666 !important
}

.ty-link {
	text-decoration: underline;
	color: #2e77c1 !important
}

.t-capitalize {
	text-transform: capitalize
}

.t-hidden,
.my-account-ticket .tbl-cell .sbj {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 130%
}

.btn-cancel,
.btn-delete {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	overflow: hidden;
	margin-left: 5px;
	font-size: 0;
	text-indent: -9999em;
	background: url("../images/common/btn_cancel.png") 0 0 no-repeat
}

.popup .congratulation .field td.add-file a {
	display: block;
	overflow: hidden;
	position: relative
}

.popup .congratulation .field td.add-file a input {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer
}

.popup .congratulation .field td.add-file p {
	padding: 0 0 0 13px;
	height: 23px;
	line-height: 23px;
	color: #999
}

.popup .congratulation .field td.add-file p strong {
	color: #222
}

.popup .congratulation .field td span.file-location {
	display: block;
	height: 23px;
	background: #f2f2f2;
	color: #222;
	line-height: 23px
}

.bg-point {
	background-color: #2e77c1
}

.view-capcha {
	width: auto
}

.view-capcha .img-capcha {
	position: relative;
	width: 290px !important;
	height: 50px !important;
	margin: 0 0 10px
}

.view-capcha .img-capcha .BDC_CaptchaImageDiv img,
.view-capcha .img-capcha .BDC_CaptchaImageDiv .BDC_CaptchaImage {
	width: 263px !important;
	height: 50px !important
}

.view-capcha .img-capcha .BDC_CaptchaIconsDiv {
	position: absolute;
	top: 0 !important;
	right: 0;
	margin: 0 0 -4px 0 !important
}

.view-capcha .img-capcha .BDC_CaptchaIconsDiv a {
	display: block;
	margin: 2px 0 !important
}

.view-capcha .img-capcha .BDC_CaptchaIconsDiv a img {
	width: 24px;
	height: 23px
}

.BDC_Placeholder {
	display: none
}

.ui-datepicker {
	display: none;
	padding: 30px;
	background-color: #1b1b1b;
	z-index: 999 !important;
	width: calc(100% - 92px);
	max-width: 228px;
	-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3)
}

.ui-datepicker-header {
	position: relative;
	height: 30px;
	width: 100%;
	max-width: 280px;
	margin: 0 auto 15px;
	text-align: center
}

.ui-datepicker-header .ui-datepicker-title {
	font-size: 20px;
	line-height: 30px;
	color: #999
}

.ui-datepicker-header .ui-corner-all {
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	background-color: #2d2d2d;
	border: 1px solid #3a3a3a;
	border-radius: 5px;
	cursor: pointer
}

.ui-datepicker-header .ui-datepicker-prev {
	left: 20px
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon {
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	width: 7px;
	height: 12px;
	background: url("../images/common/ico_caret_left.png") 0 0 no-repeat
}

.ui-datepicker-header .ui-datepicker-prev:hover .ui-icon {
	background-image: url("../images/common/ico_caret_left_active.png")
}

.ui-datepicker-header .ui-datepicker-next {
	right: 20px
}

.ui-datepicker-header .ui-datepicker-next .ui-icon {
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	width: 7px;
	height: 12px;
	background: url("../images/common/ico_caret_right.png") 0 0 no-repeat
}

.ui-datepicker-header .ui-datepicker-next:hover .ui-icon {
	background-image: url("../images/common/ico_caret_right_active.png")
}

.ui-datepicker-calendar {
	width: 100%;
	margin: 0 auto;
	max-width: 280px
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	text-align: center;
	font-weight: normal;
	border: 1px solid #3a3a3a
}

.ui-datepicker-calendar th {
	width: 32px;
	padding: 5px 0;
	font-size: 12px;
	color: #666;
	background-color: #252525
}

.ui-datepicker-calendar td {
	width: 32px;
	height: 32px;
	font-size: 15px
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 30px;
	color: #999
}

.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar .ui-datepicker-current-day a,
.ui-datepicker-calendar .ui-datepicker-current-day.ui-datepicker-today a {
	background-color: #ff3214;
	color: #fff
}

.ui-datepicker-calendar .ui-datepicker-today a {
	color: #ff3214
}

.ui-datepicker-buttonpane {
	position: absolute;
	top: 20px;
	right: 20px
}

.ui-datepicker-buttonpane .ui-datepicker-current {
	display: none
}

.ui-datepicker-buttonpane .ui-datepicker-close {
	display: block;
	width: 13px;
	height: 13px;
	font-size: 0;
	text-indent: -9999em;
	background: url("../images/common/ico_done.png") 0 0 no-repeat
}

.account-lost .desc .email {
	display: block
}

.my-account-info .noted-group a {
	display: block;
	margin-left: 20px
}

.transaction-history .currency-search {
	margin-bottom: 30px;
	border: 1px solid #ff3214;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.transaction-history .currency-search .currency-select {
	padding: 20px;
	background-color: #171717
}

.transaction-history .currency-search .currency-select li {
	margin-top: 10px
}

.transaction-history .currency-search .currency-select li:first-child {
	margin-top: 0
}

.transaction-history .currency-search .currency-select li label {
	display: none
}

.transaction-history .currency-search .currency-definition {
	padding: 20px;
	overflow: hidden;
	color: #fff
}

.transaction-history .currency-search .currency-definition dt {
	float: left;
	clear: both
}

.transaction-history .currency-search .currency-definition dd {
	font-weight: bold;
	float: right
}

.transaction-history .currency-search .currency-definition dd strong {
	font-size: 20px
}

.my-account-ticket .tbl-cell .sbj {
	width: 100%
}

@media only screen and (min-width:375px) {
	.view-capcha .img-capcha {
		width: 345px !important
	}

	.view-capcha .img-capcha .BDC_CaptchaImageDiv img,
	.view-capcha .BDC_CaptchaImage {
		transform: scaleX(1.2);
		-ms-transform: scaleX(1.2);
		-webkit-transform: scaleX(1.2);
		-o-transform: scaleX(1.2);
		-moz-transform: scaleX(1.2);
		transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-moz-transform-origin: 0 0
	}

	.ui-datepicker {
		max-width: 283px
	}

	.ui-datepicker-header .ui-datepicker-prev {
		left: 40px
	}

	.ui-datepicker-header .ui-datepicker-next {
		right: 40px
	}

	.ui-datepicker-calendar th {
		width: 39px
	}

	.ui-datepicker-calendar td {
		width: 39px;
		height: 39px
	}

	.ui-datepicker-calendar td a,
	.ui-datepicker-calendar td span {
		line-height: 40px
	}

	.wz-calendar .wz-datepicker .inpbox input.datepicker {
		padding: 0 45px 0 15px;
		background-position: calc(100% - 15px) 50%
	}
}

@media(min-width:760px) {
	.view-capcha .img-capcha {
		width: 100% !important
	}

	.view-capcha .img-capcha .BDC_CaptchaImageDiv img,
	.view-capcha .BDC_CaptchaImage {
		transform: scaleX(1.63);
		-ms-transform: scaleX(1.63);
		-webkit-transform: scaleX(1.63);
		-o-transform: scaleX(1.63);
		-moz-transform: scaleX(1.63)
	}

	.inpbox {
		height: 50px;
		line-height: 50px;
		font-size: 20px
	}

	.inpbox label {
		line-height: 48px
	}

	.inpbox .frm-reset,
	.inpbox .frm-pw {
		height: 46px
	}

	.inpbox.textbox {
		height: 88px;
		font-size: 15px
	}

	.inpbox.textbox textarea,
	.inpbox.textbox label {
		line-height: 26px
	}

	.inpbox.small {
		float: left;
		height: calc(50px - 10px);
		line-height: calc(50px - 12px);
		font-size: 15px
	}

	.inpbox.small label {
		line-height: 38px
	}

	.inpbox.small .frm-reset,
	.inpbox.small .frm-pw {
		height: 36px
	}

	.chkbox {
		min-height: 30px;
		padding: 15px 20px
	}

	.chkbox label {
		background-size: 30px 30px;
		background-position: 0 50%;
		padding-left: 40px;
		font-size: 15px;
		line-height: 26px
	}

	.chkbox.single {
		margin-right: 50px
	}

	.chkbox.single label {
		font-size: 15px;
		padding-left: 30px;
		line-height: 22px;
		background-position: 0 0;
		background-size: 22px 22px;
		padding-left: 35px;
		background-size: 29px 24px
	}

	.radiobox {
		min-height: 30px;
		padding: 15px 20px
	}

	.radiobox label {
		background-size: 30px 30px;
		background-position: 0 50%;
		padding-left: 40px;
		font-size: 15px;
		line-height: 26px
	}

	.radiobox.single {
		margin-right: 50px
	}

	.radiobox.single label {
		font-size: 15px;
		padding-left: 30px;
		line-height: 22px;
		background-position: 0 0;
		background-size: 22px 22px
	}

	.selectbox {
		height: 50px;
		font-size: 20px
	}

	.selectbox.small {
		height: calc(50px - 10px);
		font-size: 15px
	}

	.btn-auth {
		font-size: 18px
	}

	.btn-auth .btn-type {
		padding: 20px
	}

	.btn-auth.double.single {
		margin: 10px 0 -10px
	}

	.btn-auth.double.single .btn-type {
		margin: 0 2px
	}

	.btn-auth.single {
		text-align: center
	}

	.btn-auth.single.mg0 {
		margin: 0
	}

	.btn-auth.single.mg0 .btn-type {
		margin: 0
	}

	.btn-auth.single .btn-type {
		display: inline-block;
		width: auto;
		min-width: 160px;
		padding: 10px 20px
	}

	.btn-auth.singleDouble {
		text-align: center
	}

	.btn-auth.singleDouble .btn-type {
		display: inline-block;
		float: none;
		width: auto;
		min-width: 156px;
		padding: 10px 20px;
		margin: 0 2px
	}

	.wz-cont {
		padding: 60px 20px
	}

	.cont-group {
		padding: 70px 0;
		margin-bottom: 40px
	}

	.cont-group.cont-half,
	.cont-group.half-none-border-b {
		padding: 40px 0;
		margin-bottom: 0
	}

	.cont-group.half-none-border-b {
		border-bottom: none 0
	}

	.cont-group .txt-guide,
	.cont-group .txt-desc {
		font-size: 20px;
		padding: 0 0 30px
	}

	.cont-group .txt-desc {
		font-size: 15px;
		padding: 0 0 40px;
		text-align: left
	}

	.cont-group .paragraph,
	.cont-group .emphasis {
		font-size: 15px;
		line-height: 26px
	}

	.valid-group {
		padding: 0 0 20px
	}

	.valid-group p {
		font-size: 18px
	}

	.valid-group .pw-confirm {
		padding: 15px 20px;
		box-sizing: border-box;
		border: 1px solid #1d1d1d
	}

	.valid-group .pw-confirm .txt-guide,
	.valid-group .pw-confirm .cont-group .txt-desc,
	.cont-group .valid-group .pw-confirm .txt-desc {
		padding-bottom: 10px;
		font-size: 15px
	}

	.valid-group .pw-confirm .pw-box {
		width: 460px
	}

	.page-step ol {
		text-align: center
	}

	.page-step ol li {
		margin: 0 5px
	}

	.page-step ol li em {
		display: inline-block;
		padding: 0 28px;
		font-size: 40px;
		line-height: 120%;
		border-width: 2px
	}

	.page-tab a {
		font-size: 20px;
		height: 50px;
		line-height: 48px
	}

	.title {
		padding: 30px 0
	}

	.title.inTit {
		padding-top: 60px
	}

	.title.nonepd {
		padding: 20px 0 10px
	}

	.title.tit-tbl {
		margin-top: -20px;
		padding: 20px 0
	}

	.title.tit-tbl h3 {
		padding: 10px 0 0
	}

	.title.tit-tbl .desc {
		font-size: 15px
	}

	.title h2,
	.title h2.tit-half {
		font-size: 36px;
		padding: 0 0 15px
	}

	.title h2 .inblock,
	.title h2.tit-half .inblock {
		display: inline
	}

	.title h3 {
		padding: 0 0 15px;
		font-size: 20px
	}

	.title .desc {
		font-size: 20px;
		word-break: normal
	}

	.title .desc.alignment {
		margin-top: 20px
	}

	.frm-cont {
		width: 460px
	}

	.frm-cont .valid-group .pw-confirm .pw-box {
		width: auto
	}

	.error-msg {
		padding: 10px 0;
		font-size: 15px
	}

	.link-auth a {
		font-size: 18px
	}

	.link-auth.block ul {
		padding: 40px 0
	}

	.link-auth.block ul li {
		display: inline-block;
		margin: 10px 12px
	}

	.guide em {
		padding: 40px 0 20px;
		font-size: 20px
	}

	.guide p {
		font-size: 15px;
		line-height: 25px
	}

	.info-number-list {
		margin-bottom: 0;
		padding: 30px 0 10px
	}

	.info-number-list li dl {
		font-size: 20px;
		line-height: 30px
	}

	.info-number-list li dl dt {
		display: inline
	}

	.info-number-list li dl dd {
		display: inline
	}

	.info-number-list li dl dd .info-list {
		padding: 0 0 0 20px
	}

	.btn-auth .sns-btn,
	.btn-auth .btn-facebook,
	.btn-auth .btn-google {
		padding-left: 60px
	}

	.user-info-tbl {
		width: 100%
	}

	.user-info-tbl dt {
		clear: both;
		float: left;
		width: 160px;
		font-size: 15px;
		padding: 20px
	}

	.user-info-tbl dt .middle {
		height: 40px;
		display: table-cell;
		vertical-align: middle;
		margin: 0 auto
	}

	.user-info-tbl dd {
		font-size: 15px;
		padding: 20px;
		border-top: 1px solid #242424
	}

	.user-info-tbl dd .notice {
		padding: 10px 0 0
	}

	.user-info-tbl dd .btn-auth {
		text-align: left
	}

	.user-info-tbl dd .inner-form {
		margin: -15px -5px -15px 0;
		overflow: hidden
	}

	.user-info-tbl dd .inner-form.single {
		margin: -10px -5px -10px 0
	}

	.user-info-tbl dd .inner-form li {
		float: left;
		width: calc(33.3% - 5px);
		box-sizing: border-box;
		margin: 5px 0 5px 5px
	}

	.user-info-tbl dd .inner-form li:first-child {
		margin-left: 0
	}

	.user-info-tbl dd .inner-form li.address {
		width: 60%;
		float: none
	}

	.user-info-tbl dd .inner-form li.address+li {
		margin-left: 0
	}

	.user-info-tbl dd .inner-form+.notice {
		margin-top: 10px
	}

	.user-info-tbl dd .sns-info {
		overflow: hidden;
		padding: 10px 0 0
	}

	.user-info-tbl dd .sns-info .frame-round {
		width: 40px;
		height: 40px;
		margin: -10px 20px 0 0;
		padding-bottom: 0
	}

	.user-info-tbl dd .btn-disconnect {
		float: right;
		margin-top: -30px
	}

	.tbl-group {
		display: table
	}

	.tbl-group .tbl-head-group {
		display: table-header-group
	}

	.tbl-group .tbl-head-group.none .tbl-th {
		height: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em
	}

	.tbl-group .tbl-head-group.mo-none {
		display: none
	}

	.tbl-group .tbl-head-group .tbl-th {
		color: #666;
		background-color: #171717
	}

	.tbl-group .tbl-row-group {
		display: table-row-group
	}

	.tbl-group .tbl-row-group .tbl-row {
		display: table-row;
		border-bottom: none 0;
		padding: 0
	}

	.tbl-group .tbl-row-group .tbl-th {
		display: table-cell
	}

	.tbl-group .tbl-row-group .tbl-cell .list-term,
	.tbl-group .tbl-row-group .tbl-cell .list-des {
		display: inline
	}

	.tbl-group .tbl-row-group.cell-group .tbl-row {
		border-top: none 0
	}

	.tbl-group .tbl-row-group.cell-group .tbl-row .tbl-th {
		width: inherit;
		display: table-cell;
		padding: 15px 30px;
		position: static
	}

	.tbl-group .tbl-row-group.cell-group .tbl-row .tbl-cell {
		padding: 15px 30px
	}

	.tbl-group .tbl-row-group .none-data {
		position: relative;
		height: 40px;
		min-height: 40px
	}

	.tbl-group .tbl-row-group .none-data .tbl-cell {
		position: absolute;
		left: 0;
		bottom: 0;
		width: calc(100% - 20px)
	}

	.tbl-group .tbl-th,
	.tbl-group .tbl-cell {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		padding: 10px;
		border-bottom: 1px solid #242424
	}

	.tbl-group .tbl-th.align-left,
	.tbl-group .tbl-cell.align-left {
		text-align: left
	}

	.pager {
		padding: 20px 0
	}

	.pager .first,
	.pager .previous,
	.pager .next,
	.pager .last {
		display: inline-block;
		background-color: #202020;
		border: 1px solid #1d1d1d;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5);
		-ms-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5)
	}

	.pager a {
		display: inline-block;
		vertical-align: middle;
		font-size: 18px;
		width: 27px;
		height: 27px;
		line-height: 25px;
		margin: 0 2px;
		color: inherit
	}

	.pager .current {
		font-size: 18px
	}

	.pager .current strong {
		display: inline-block;
		width: 27px;
		text-decoration: underline
	}

	.pager .current span {
		display: none
	}

	.bo-view {
		margin: 0 0 40px
	}

	.bo-view .bo-sbj,
	.bo-view .view-info {
		padding: 15px 40px
	}

	.bo-view .bo-sbj {
		font-size: 20px
	}

	.bo-view .view-info {
		font-size: 15px;
		overflow: hidden
	}

	.bo-view .view-info .category {
		float: left
	}

	.bo-view .view-info .definition-list {
		float: right
	}

	.bo-view .view-info .definition-list dt {
		float: left
	}

	.bo-view .view-info .definition-list dd {
		float: left;
		margin: 0 5px 0 30px
	}

	.bo-view .view-contents {
		padding: 50px 40px
	}

	.bo-view .view-contents .write-file {
		padding-top: 30px
	}

	.bo-view .view-comment .comments {
		padding: 30px 40px
	}

	.bo-view .view-comment .comments header {
		font-size: 20px
	}

	.bo-view .view-comment .comments p,
	.bo-view .view-comment .comments footer {
		padding: 0 30px;
		font-size: 15px;
		line-height: 26px
	}

	.bo-view .view-comment .comments .comments {
		margin: 30px -40px -30px
	}

	.bo-view .write-comment {
		font-size: 15px
	}

	.bo-view .write-comment .write-comment-tbl {
		margin: 30px 30px 20px
	}

	.bo-view .write-comment .write-comment-tbl dt {
		position: relative;
		padding: 30px 0 0 20px;
		float: left;
		width: 110px
	}

	.bo-view .write-comment .write-comment-tbl dt .btn-file {
		position: absolute;
		top: 20px;
		left: 150px
	}

	.bo-view .write-comment .write-comment-tbl dd {
		overflow: hidden;
		padding: 20px;
		border-top: 1px solid rgba(48, 48, 48, 0.4)
	}

	.bo-view .write-comment .write-comment-tbl dd:first-child {
		border-top: none 0
	}

	.bo-view .write-comment .write-comment-tbl .file-attach {
		width: 100%;
		min-height: 53px;
		box-sizing: border-box
	}

	.bo-view .write-comment .write-comment-tbl .file-attach .file-term {
		display: block;
		width: 110px;
		position: absolute;
		top: 30px;
		left: 20px;
		word-break: break-all
	}

	.bo-view .write-comment .write-comment-tbl .file-attach+dd {
		margin-left: 130px;
		border-top: none 0;
		padding-top: 0
	}

	.bo-view .write-comment .btn-auth .btn-type {
		font-size: 15px;
		min-width: 80px
	}

	.bo-view .write-file {
		font-size: 15px
	}

	.pop-layer {
		height: auto;
		top: 50%;
		left: 50%;
		z-index: 1000;
		width: 478px;
		max-height: 500px;
		margin: -250px 0 0 -239px
	}

	.pop-layer.pop-country-restriction {
		width: 478px;
		max-height: 500px;
		margin: -250px 0 0 -239px
	}

	.pop-layer h3 {
		font-size: 20px;
		padding: 15px 20px
	}

	.pop-layer h3 .pop-close {
		width: 23px;
		height: 23px;
		right: 20px;
		margin-top: -11px
	}

	.pop-layer .pop-cont {
		padding: 30px 30px 0;
		background-color: #111
	}

	.pop-layer .pop-cont .pop-scroll-inner {
		padding: 12px 20px;
		max-height: 272px;
		background-color: #161616;
		border: 1px solid #1d1d1d
	}

	.pop-layer .pop-cont .check-list li {
		margin: 8px 0;
		font-size: 15px
	}

	.pop-layer .pop-foot {
		padding: 10px 20px
	}

	.pop-shadow {
		z-index: 999
	}

	.pop-body {
		width: 100%;
		height: auto;
		max-height: calc(100vh);
		overflow-y: auto
	}

	.pop-body .pop-system {
		width: 698px;
		height: auto;
		margin: 30px auto
	}

	.pop-body .pop-system .pop-general-dpr {
		width: 698px
	}

	.pop-body .pop-system h3 {
		font-size: 20px;
		padding: 15px 20px
	}

	.pop-body .pop-system h3 .pop-close {
		width: 23px;
		height: 23px;
		right: 20px;
		margin-top: -11px
	}

	.pop-body .pop-system .pop-cont {
		padding: 30px;
		height: auto
	}

	.pop-body .pop-system .pop-cont .title {
		margin-top: -10px
	}

	.wz-calendar {
		margin-bottom: 20px;
		overflow: hidden
	}

	.wz-calendar .wz-datepicker {
		float: left;
		border: none 0;
		margin-bottom: 0;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}

	.wz-calendar .wz-datepicker .inpbox {
		width: 180px
	}

	.wz-calendar .wz-datepicker .inpbox input.datepicker {
		padding: 0 40px 0 20px;
		border-width: 1px;
		background-position: calc(100% - 10px) 50%;
		-webkit-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
		-ms-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.3)
	}

	.wz-calendar .wz-datepicker .inpbox input.datepicker:focus {
		border-color: #1d1d1d
	}

	.wz-calendar .wz-datepicker .dash {
		float: left;
		position: static;
		margin-left: 0
	}

	.wz-calendar .btn-auth {
		float: left;
		font-size: 15px
	}

	.wz-calendar .btn-auth .btn-type {
		min-width: 100px;
		min-height: 40px;
		margin: 0 10px !important
	}

	.game-group {
		margin: -30px 0 0
	}

	.game-group .line-up {
		padding: 0 0 40px
	}

	.game-group .line-up .list {
		width: 600px;
		padding: 0 20px
	}

	.ico-noti {
		width: 86px;
		height: 86px;
		margin: 0 0 35px
	}

	.inline-block {
		display: block
	}

	.block-inline {
		display: inline
	}

	.my-account-info .noted-group a {
		display: inline;
		margin-left: 0
	}

	.transaction-history .currency-search {
		margin-bottom: 40px
	}

	.transaction-history .currency-search .currency-select {
		padding: 20px 0;
		overflow: hidden
	}

	.transaction-history .currency-search .currency-select li {
		position: relative;
		padding: 0 30px 0 35px;
		float: left;
		height: 40px;
		width: calc(50% - 65px)
	}

	.transaction-history .currency-search .currency-select li:first-child+li {
		margin-top: 0
	}

	.transaction-history .currency-search .currency-select li label {
		display: block;
		width: 100px;
		position: absolute;
		top: 0;
		left: 35px;
		font-size: 18px
	}

	.transaction-history .currency-search .currency-select li label span {
		width: 100%;
		height: 38px;
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		word-break: break-all
	}

	.transaction-history .currency-search .currency-select li .selectbox {
		width: auto;
		margin-left: 110px
	}

	.transaction-history .currency-search .currency-definition {
		padding: 20px 35px
	}

	.transaction-history .currency-search .currency-definition dt {
		font-size: 20px
	}

	.transaction-history .currency-search .currency-definition dd {
		font-size: 15px
	}

	.transaction-history .currency-search .currency-definition dd strong {
		font-size: 30px
	}

	.my-account-ticket .tbl-cell .sbj {
		width: 390px
	}
}

@media(min-width:980px) {
	.wz-cont {
		max-width: 1280px;
		padding: 60px 0;
		margin: 0 auto
	}

	.wz-cont .inner-cont {
		width: 720px;
		padding: 0 20px;
		margin: 0 auto
	}

	.tbl-group .tbl-head-group.mo-none {
		display: table-header-group
	}

	.tbl-group .tbl-row-group .tbl-cell.mo-none {
		display: table-cell
	}

	.game-group {
		margin: -30px -90px 0
	}

	.game-group .line-up .list {
		width: 900px;
		padding: 0
	}

	.user-info-tbl dd .inner-form.single {
		width: 300px
	}

	.user-info-tbl dd .inner-form li {
		width: 160px
	}

	.user-info-tbl dd .inner-form li.address {
		width: 280px
	}

	.transaction-history .currency-search .currency-select li .selectbox {
		width: 180px;
		margin-left: 110px
	}

	.my-account-ticket .tbl-cell .sbj {
		width: 290px
	}
}

@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.selectbox select {
		padding-right: 0;
		background-image: none
	}
}