/*!
 _ _  _
| | || | ticket-mobile
| | || | INTERPARK UI Development Team
`___'|_| v3.2.0

*/
body.fixed {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
}

.dimdfullLayer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: auto;
  visibility: hidden;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.85);
}

.dimdfullLayer.visible {
  z-index: 991;
  visibility: visible;
  pointer-events: inherit;
}

.validationLayer {
  overflow-y: auto;
  width: 100%;
  max-height: 80vh;
  margin: 0 10%;
  padding-top: 8%;
  background: #fff;
}

.validationLayer .validationTitle {
  font-size: 5vw;
  text-align: center;
  line-height: 150%;
}

.validationLayer .validationSubTitle {
  text-align: center;
  letter-spacing: -1px;
  font-size: 3.5vw;
  color: #666;
  margin-bottom: 5%;
}

.validationLayer .validationTxt {
  height: 50px;
  margin-bottom: 5px;
  padding: 0 7%;
}

.validationLayer .validationTxt > div {
  border: 1px solid #aaa;
  border-radius: 4px;
  height: 28px;
  position: relative;
  padding-left: 4.7%;
  padding: 10px 0;
  font-family: "malgun gothic";
}

.validationLayer .validationTxt > div input {
  box-sizing: border-box;
  position: relative;
  border: 0;
  font-size: 18px;
  width: 100%;
  height: auto;
  outline: none;
  padding: 10px 0 0 13px;
  font-family: "malgun gothic";
}

.validationLayer .validationTxt > div span {
  position: absolute;
  top: 35%;
  left: 0;
  text-indent: 4.7%;
  width: 100%;
  color: #999;
  font-size: 11px;
  letter-spacing: -1px;
  z-index: 3;
  pointer-events: none;
}

.validationLayer .validationTxt > div .alertNotice {
  position: absolute;
  bottom: -18px;
  left: -1px;
  color: #ed2e2e;
  font-size: 11px;
  letter-spacing: -1px;
  display: none;
}

.validationLayer .validationTxt > div.txtSet span {
  top: 7px;
}

.validationLayer .validationTxt > div.txtSet input {
  position: relative;
}

.validationLayer .validationTxt > div.alert {
  border: 1px solid #ed2e2e;
}

.validationLayer .validationTxt > div.alert .alertNotice {
  display: block;
}

.validationLayer .validationBtn {
  font-size: 0;
  line-height: 0;
  padding-top: 4%;
}

.validationLayer .validationBtn:after {
  content: "";
  display: block;
  clear: both;
}

.validationLayer .validationBtn a {
  display: block;
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  font-size: 3.8vw;
  color: #fff;
  background: #808598;
  text-align: center;
}

.validationLayer .validationBtn a:last-child {
  background: #ff5959;
}

.layerMask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  margin: auto;
}

.modal {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
}

.modal.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.modal .modalInner {
  position: relative;
  width: 80%;
  max-width: 80vw;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.4);
}

.modal .modalInner:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: inherit;
}

.modal .mdHeader {
  height: 42px;
  padding: 17px 0 5px;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.modal .mdHeader .mdTitle {
  font-size: 15px;
  font-weight: 300;
}

.modal .mdContents {
  overflow-y: auto;
  padding: 22px 30px;
  max-height: 50vh;
}

.modal .mdFooter {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.modal .mdFooter .btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  width: 100%;
  height: auto;
  padding: 14px 0 15px;
  color: #000;
  font-size: 15px;
  font-weight: 300;
  text-indent: 0;
  box-sizing: border-box;
  background: none;
}

.modal .mdFooter .btn ~ .btn {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.modal .mdFooter .btn:active {
  background: #f2f2f2;
}

.modal.identifyConfirm {
  text-align: center;
}

.modal.identifyConfirm .modalInner {
  width: 295px;
}

.modal.identifyConfirm .mdContents {
  padding: 36px 20px 30px;
  font-size: 13px;
  line-height: 1.4;
}

.modal.identifyConfirm .mdContents .title {
  display: block;
  font-size: 17px;
  font-weight: bold;
}

.modal.identifyConfirm .mdContents .subTitle {
  margin-top: 15px;
  font-size: 15px;
}

.modal.identifyConfirm .mdContents .userInfo {
  margin: 20px 0;
  font-size: 15px;
  font-weight: bold;
}

.modal.identifyConfirm .mdContents .userInfo dt {
  display: inline;
}

.modal.identifyConfirm .mdContents .userInfo dt:after {
  content: " :";
}

.modal.identifyConfirm .mdContents .userInfo dd {
  display: inline;
}

.modal.identifyConfirm .mdContents .userInfo dd.br:after {
  content: "\A";
  white-space: pre;
}

.wrap_web {
  background: #ececec;
}

.wrap_web * {
  font-family: "AvenirNext-Regular", "sans-serif-Light", "AppleSDGothicNeo-Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.new_top {
  bottom: 50px;
  right: 2%;
  width: 12%;
  padding-top: 12%;
  position: fixed;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/new_top.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.buyTicket {
  display: block;
  height: 44px;
  position: fixed;
  z-index: 9;
  background: #ef3e42;
  bottom: 45px;
  left: 0;
  width: 100%;
  height: 12vw;
  line-height: 2.25;
  color: #fff !important;
  font-size: 21px;
  font-size: 5.6vw;
  text-align: center;
  opacity: .9;
  letter-spacing: -.5px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
}

.buyTicket.isApp {
  bottom: 0;
}

.buyTicket.hidden {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.buyTicket.twoBtn {
  background: #fff;
}

.buyTicket.twoBtn a {
  width: 50%;
  float: left;
  background: #ee3e41;
  color: #fff;
}

.buyTicket.twoBtn a:last-child {
  background: #c7282b;
}

a.buyTicket.gray {
  background: gray;
  height: 25px;
  line-height: 25px;
  font-size: 4vw;
}

.hiddenHeader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}

.hiddenHeader a.navBack {
  display: block;
  position: absolute;
  top: 27%;
  left: 5%;
  width: 4%;
  padding-top: 8%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/navBack.png") 0 0 no-repeat;
  background-size: 100% auto;
  z-index: 5;
}

.hiddenHeader a.navSearch {
  display: block;
  position: absolute;
  top: 27%;
  right: 5%;
  width: 7%;
  padding-top: 7%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/navSearch.png") 0 0 no-repeat;
  background-size: 100% auto;
  z-index: 5;
}

.hiddenHeader.double a.navBack,
.hiddenHeader.double a.navSearch {
  top: 13%;
}

.hiddenTitle {
  height: 49px;
  height: 13vw;
  width: 100%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/kids.jpg") 0 -60px no-repeat;
  background-size: 100% auto;
  color: #fff;
  text-align: center;
  position: relative;
}

.hiddenTitle:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: inherit;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  overflow: hidden;
  z-index: 2;
}

.hiddenTitle:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: .4;
  z-index: 3;
}

.hiddenTitle div {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 5vw;
  width: 100%;
  height: 100%;
  line-height: 0;
  padding: 24.5px 12.5%;
  padding: 6.5vw 12.5%;
  text-align: center;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 5vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
  z-index: 4;
  color: #fff;
}

/*.hiddenHeader .tabArea {display:none; height:48px;}
.hiddenHeader .tabArea ul li {padding-top:48px;}
.hiddenHeader .tabArea ul li a {line-height:48px;}
.hiddenHeader .tabArea ul li a.selected {line-height:46px;}*/
.commonArea {
  background: #fff;
  border-bottom: .5px solid #d9d9d9;
  margin-bottom: 9px;
}

.detailTopArea {
  padding: 54% 3% 0;
  position: relative;
  margin-bottom: 16.5%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/kids.jpg") 0 0 no-repeat;
  background-size: 100% auto;
}

.detailTopArea.kids {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/kids.jpg");
}

.detailTopArea.exhibition {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/exhibition.jpg");
}

.detailTopArea.sports {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/sports.jpg");
}

.detailTopArea.classic {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/classic.jpg");
}

.detailTopArea.concert {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/concert.jpg");
}

.detailTopArea.play {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/play.jpg");
}

.detailTopArea.musical {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/musical.jpg");
}

.detailTopArea a.navBack {
  display: block;
  position: absolute;
  top: 10%;
  left: 5%;
  width: 8%;
  padding-top: 6%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/navBack.png") center 0 no-repeat;
  background-size: auto 100%;
  z-index: 2;
}

.detailTopArea a.navSearch {
  display: block;
  position: absolute;
  top: 10%;
  right: 5%;
  width: 7%;
  padding-top: 7%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/navSearch.png") 0 0 no-repeat;
  background-size: 100% auto;
  z-index: 2;
}

.detailTopArea .topBtns {
  width: 28%;
  position: absolute;
  bottom: 0;
  left: 3.5%;
  color: #fff;
  z-index: 2;
}

.detailTopArea .topBtns a {
  line-height: 120%;
  font-size: 3.5vw;
  color: #fff;
  display: inline-block;
  padding: 10% 0 15% 20%;
  position: relative;
  border-top: 0.5px solid rgba(255, 255, 255, 0.3);
  width: 70%;
}

.detailTopArea .topBtns a.ticketCast {
  padding-left: 26%;
  width: 64%;
}

.detailTopArea .topBtns a.ticketCast:before {
  position: absolute;
  width: 18%;
  padding-top: 25%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/ticketCast.png") 0 0 no-repeat;
  background-size: 100%;
  left: 7%;
  top: 21%;
  display: block;
  content: "";
}

.detailTopArea .metaPoint {
  vertical-align: top;
  margin-bottom: 7.5%;
  padding-left: 4vw;
  color: #fff;
}

.detailTopArea .metaPoint label {
  font-size: 3.9vw;
  font-family: "AppleSDGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.detailTopArea .metaPoint b label {
  font-size: 7.4vw;
  vertical-align: top;
  display: inline-block;
  margin-left: 5%;
  padding-left: 15%;
  position: relative;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
}

.detailTopArea .metaPoint b label:before {
  display: block;
  content: "";
  width: 20%;
  padding-top: 30%;
  top: 10%;
  left: 0;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/metaPoint.png") 0 0 no-repeat;
  background-size: 100%;
  position: absolute;
}

.detailTopArea .topBtns.rightBtns {
  right: 1%;
  left: auto;
}

.detailTopArea .topBtns .shareBtn {
  text-align: center;
}

.detailTopArea .topBtns a.shareBtn:before {
  position: absolute;
  width: 18%;
  padding-top: 22%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/share.png") 0 0 no-repeat;
  background-size: 100%;
  left: 16%;
  top: 21%;
  display: block;
  content: "";
}

.detailTopArea .rankingPoint {
  vertical-align: top;
  margin-bottom: 7.5%;
  text-align: center;
  width: 90%;
  color: #fff;
}

.detailTopArea .rankingPoint label {
  font-size: 3.9vw;
  font-family: "AppleSDGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.detailTopArea .rankingPoint b {
  font-size: 7.4vw;
  vertical-align: top;
  display: inline-block;
  margin: 0 5%;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
  color: #fff;
}

.detailTopArea .rankingPoint span {
  padding-top: 6%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 4vw;
}

.detailTopArea .rankingPoint span:before {
  width: 100%;
  padding-top: 70%;
  content: "";
  display: block;
  background: red;
  position: absolute;
  top: -10%;
  left: 0;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/ranking.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.detailTopArea .rankingPoint span.down:before {
  background-position: 0 50%;
}

.detailTopArea .rankingPoint span.flat:before {
  background-position: 0 105%;
}

.detailTopArea:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  background: inherit;
  overflow: hidden;
}

.detailTopArea:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #000;
  opacity: .4;
}

.detailTopArea .prdimg {
  position: absolute;
  top: 36%;
  width: 35%;
  left: 50%;
  margin-left: -17.5%;
  z-index: 2;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.itemLabel {
  height: 7vw;
  text-align: center;
  margin-bottom: 2%;
  position: absolute;
  top: -55%;
  right: 10%;
  width: 100%;
  text-align: right;
}

.itemLabel span {
  display: inline-block;
  color: #fff;
  padding: .9% 6% .3%;
  height: 5vw;
  font-size: 3.2vw;
  line-height: 5vw;
  font-family: "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #ff7d7a;
  white-space: nowrap;
}

.itemLabel span.label1 {
  border: 1px solid #ff7d7a;
}

.itemLabel.otherColor span {
  color: #48cfd6;
}

.itemLabel.otherColor span.label1 {
  border: 1px solid #48cfd6;
}

.prdName {
  text-align: center;
  color: #231f20;
  line-height: 120%;
  font-size: 5.2vw;
  margin-bottom: 12px;
  font-family: "AppleSDGothicNeo-UltraLight", "Light", "AvenirNext-Light", "AvenirNext-Regular", "roboto-Light", sans-serif-Light, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 0 3%;
}

.prdLocation {
  text-align: center;
  color: #231f20;
  font-size: 3.8vw;
  margin-bottom: 4px;
  font-family: "AppleSDGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  vertical-align: top;
}

.prdLocation a {
  display: inline-block;
}

.prdLocation a#Maplocation {
  width: 2.5%;
  padding-top: 3.5%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/location.gif") 0 0 no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  position: relative;
  top: -1px;
  left: 3px;
}

.prdDate {
  text-align: center;
  color: #231f20;
  font-size: 3.8vw;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 14px;
}

.prdSubInfo {
  text-align: center;
  font-size: 0;
  line-height: 0;
  margin-bottom: 17px;
}

.prdSubInfo div {
  display: inline-block;
  padding-left: 5px;
  margin-right: 5px;
  font-size: 3.5vw;
  color: #999;
  line-height: 120%;
  font-family: "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  vertical-align: top;
  position: relative;
}

.prdSubInfo div:nth-child(2) {
  white-space: nowrap;
}

.prdSubInfo div:before {
  display: block;
  content: "";
  position: absolute;
  width: 1px;
  background: #e3e4ea;
  height: 72%;
  left: 0;
  top: 5%;
}

.prdSubInfo div:first-child {
  padding-left: 0;
}

.prdSubInfo div:first-child:before {
  display: none;
}

.bigItem {
  padding: 0 3%;
  margin-bottom: 10px;
  text-align: center;
  color: #808598;
}

.bigItem > a.mdMall img {
  width: 100%;
}

.bigItem > div {
  padding-bottom: 3%;
  font-size: 3.8vw;
  line-height: 120%;
  letter-spacing: -.5px;
}

.bigItem .validation {
  border: 2px solid #8b97f2;
}

.bigItem .hotsale {
  border: 2px solid #95bbf2;
}

.bigItem .hotsale .notice {
  font-size: 3vw;
  padding-top: 3%;
}

.bigItem .bigItemTitle {
  border-bottom: .5px solid #e5e5e5;
  font-size: 4.4vw;
  height: 10vw;
  line-height: 10vw;
  padding-top: 2%;
  margin-bottom: 4%;
  letter-spacing: -.5px;
}

.bigItem .validation .bigItemTitle {
  color: #6b7ae6;
}

.bigItem .hotsale .bigItemTitle {
  color: #256dd6;
}

.bigItem .validation .bigItemTitle span {
  position: relative;
}

.bigItem .validation .bigItemTitle span:before {
  position: absolute;
  top: 18%;
  left: -34%;
  width: 33%;
  padding-top: 6%;
  display: block;
  content: "";
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/safeBuy.gif") 0 0 no-repeat;
  background-size: 100% auto;
}

.bigItem .validation a {
  display: inline-block;
  width: 30%;
  margin-top: 3%;
}

.bigItem .validation a img {
  width: 100%;
}

.bigItem .validation.type2 {
  padding: 0;
}

.bigItem .validation.type2 a {
  width: 100%;
  margin: 0;
}

.ticketSchedule {
  padding: 0 3%;
  margin-bottom: 5px;
}

.ticketSchedule > div {
  font-size: 0;
  line-height: 0;
}

.ticketSchedule > div > div {
  display: inline-block;
  width: 66%;
  height: 100%;
  position: relative;
  font-size: 11px;
  line-height: 120%;
  color: #666;
  padding-left: 6%;
  vertical-align: top;
  font-family: "AvenirNext-Regular", "sans-serif-Light", "AppleSDGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ticketSchedule > div > div:first-child {
  width: 28%;
  padding-left: 0;
  text-align: center;
  font-size: 23px;
  line-height: 55px;
  font-family: "AvenirNext-UltraLight", "sans-serif-thin", "AppleSDGothicNeo-UltraLight", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -1px;
}

.ticketSchedule > div > div div {
  color: #333;
  font-size: 15px;
  margin-top: 8px;
  margin-bottom: 4px;
}

.ticketSchedule .normal {
  height: 50px;
  border-bottom: 1px solid #e3e3eb;
}

.ticketSchedule .normal > div:before {
  height: 60%;
  display: block;
  content: "";
  width: 1px;
  position: absolute;
  top: 10px;
  left: 0;
  background: #e3e3eb;
}

.ticketSchedule .normal > div:first-child:before {
  display: none;
}

.ticketSchedule .special {
  height: 59px;
  border-top: 2px solid #95bbf2;
  border-bottom: 2px solid #95bbf2;
}

.ticketSchedule .special > div:before {
  height: 100%;
  display: block;
  content: "";
  width: 2px;
  position: absolute;
  top: 0;
  right: 0;
  background: #95bbf2;
}

.ticketSchedule .special > div:first-child {
  background: #95bbf2;
  color: #fff;
  line-height: 54px;
}

.ticketSchedule .special > div:first-child:before {
  display: none;
}

.ticketSchedule .special > div div {
  margin-top: 17px;
  font-family: "AppleSDGothicNeo-UltraLight", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ticketSchedule .special.ticketOpen > div:first-child {
  font-size: 18px;
}

.ticketSchedule .special.ticketOpen > div div {
  margin-top: 20px;
}

.ticketSchedule .special.toping {
  border-top: 2px solid #61d0d7;
  border-bottom: 2px solid #61d0d7;
  overflow: hidden;
}

.ticketSchedule .special.toping > div:before {
  background: #61d0d7;
}

.ticketSchedule .special.toping > div:first-child {
  background: #61d0d7;
}

.ticketSchedule .special.today > div:first-child {
  line-height: 100%;
  padding-top: 7px;
  font-family: "AvenirNext-UltraLight", "sans-serif-Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ticketSchedule .special.today > div:first-child span {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #41495c;
}

.ticketSchedule .toping.today > div img {
  height: 100%;
}

.ticketScheduleNotice {
  padding: 0 3%;
  color: #666;
  text-indent: 10px;
  position: relative;
  margin-bottom: 15px;
  font-size: 3.5vw;
}

.ticketScheduleNotice:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 5px;
  left: 3%;
  background: #878c96;
}

.itemWrap {
  padding-bottom: 3%;
}

.addonBtns {
  padding: 0 3%;
  margin-bottom: 10px;
}

.addonBtns a {
  display: block;
  margin-top: 5px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  letter-spacing: -.5px;
  font-family: "AppleSDGothicNeo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.addonBtns a:first-child {
  margin-top: 0;
}

.addonBtns a.setUserInfo {
  background: #808598;
  height: 42px;
  padding-top: 7px;
  position: relative;
}

.addonBtns a.setUserInfo:before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  top: 7px;
  left: 50%;
  margin-left: -58px;
  position: absolute;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/penIcon.png") 0 0 no-repeat;
  background-size: 100%;
}

.addonBtns a.setUserInfo span {
  display: block;
  font-size: 12px;
  margin-top: 4px;
}

.addonBtns .addonSubBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.addonBtns .addonSubBtn a:first-child {
  margin-left: 0;
}

.addonBtns .addonSubBtn a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  color: #808598;
  height: 34px;
  line-height: 34px;
  position: relative;
}

.addonBtns .addonSubBtn a span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #808598;
  line-height: 32px;
  text-indent: 22px;
  font-family: "AppleSDGothicNeo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.addonBtns .addonSubBtn a b {
  width: 16px;
  height: 16px;
  background: #ee3e41;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 9px;
  position: absolute;
  top: 8px;
  line-height: 18px;
  left: 50%;
  margin-left: -50px;
  font-weight: normal;
  font-family: "AvenirNext-Bold", "san-serif-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.addonBtns a.athorizeBtn {
  background: #95bbf2;
  margin-left: 1%;
  color: #fff;
}

.hyundaiBanner {
  padding: 0 3%;
  margin-bottom: 10px;
}

.hyundaiBanner a {
  display: block;
}

.hyundaiBanner img {
  width: 100%;
  height: 100%;
}

.packageWrap {
  padding: 0 3%;
  position: relative;
  margin-bottom: 3%;
}

.packageWrap .packageTitle {
  color: #333;
  font-size: 3.3vw;
  letter-spacing: -1px;
  line-height: 120%;
  position: relative;
}

.packageWrap .packageTitle div {
  font-size: 4vw;
  margin-bottom: 5px;
}

.packageWrap .packageTitle span {
  color: #808598;
}

.packageWrap .packageTitle a {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  font-size: 3.2vw;
  color: #808598;
  text-align: right;
}

.packageWrap .packageTitle a:before {
  display: block;
  width: 15%;
  padding-top: 15%;
  position: absolute;
  top: 0;
  left: -17%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/noticeIcon.png") 0 0 no-repeat;
  background-size: 100%;
  content: "";
}

.packageWrap .packageContent {
  border: 1px solid #e3e3eb;
  height: 70px;
  margin-top: 10px;
  padding: 10px;
  padding-right: 0;
}

.packageWrap .packageContent .swiper-container {
  height: 100%;
  background: none;
}

.packageWrap .packageContent .swiper-wrapper {
  height: 100% !important;
  width: 100% !important;
}

.packageWrap .packageContent .swiper-slide {
  height: 100%;
  text-align: left;
  vertical-align: top;
}

.packageWrap .packageContent .swiper-slide a {
  display: block;
  height: 100%;
}

.packageWrap .packageContent .swiper-slide a img {
  height: 100%;
  float: left;
  margin-right: 10px;
}

.packageWrap .packageContent .swiper-slide a .packageInfo {
  display: block;
  float: left;
  line-height: 120%;
  color: #333;
  font-size: 14px;
  width: 65%;
  overflow: hidden;
}

.packageWrap .packageContent .swiper-slide a .packageInfo div {
  width: 100%;
  overflow: hidden;
  height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.packageWrap .packageContent .swiper-slide a .packageDuration {
  display: block;
  color: #666;
  font-size: 12px;
  right: 0;
  margin: 3px 0;
}

.packageWrap .packageContent .swiper-slide a .useTicket {
  color: #95bbf2;
  font-size: 12px;
  display: block;
}

.packageWrap .packagePopup {
  border: 1px solid #95bbf2;
  position: absolute;
  top: 16%;
  left: 3%;
  right: 2%;
  background: #fff;
  z-index: 9;
  padding: 15px 4.8%;
  line-height: 120%;
  font-size: 4vw;
  display: none;
}

.packageWrap .packagePopup .packagePopupTitle {
  height: 20px;
  font-size: 5vw;
  margin-bottom: 10px;
}

.packageWrap .packagePopup .packagePopupTitle a {
  width: 4.8%;
  padding-top: 4.8%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/close.gif") 0 0 no-repeat;
  position: absolute;
  top: 5%;
  right: 3%;
  background-size: 100%;
}

.packageWrap .topArrow {
  position: absolute;
  width: 3%;
  padding-top: 3%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/popupTop.png") 0 bottom no-repeat;
  background-size: 100% auto;
  top: -2.7%;
  right: 5%;
}

.prdStatus {
  border-top: .5px solid #e3e3eb;
  padding: 3%;
  text-align: center;
  font-size: 3.8vw;
  line-height: 6.7vw;
  height: 6vw;
}

.relatedPrd {
  border-top: 1px solid #e3e3eb;
  padding: 3%;
}

.relatedPrd > * {
  vertical-align: top;
}

.relatedPrd .relatedLabel {
  display: inline-block;
  border: 1px solid #95bbf2;
  color: #6594d8;
  font-size: 3.2vw;
  line-height: 6vw;
  height: 6vw;
  padding: 0 1%;
  margin-right: 1%;
}

.relatedPrd .relatedDate {
  font-size: 3.8vw;
  line-height: 6.7vw;
  height: 7vw;
  float: right;
  border: 1px solid #fff;
  letter-spacing: -.5px;
}

.relatedPrd a {
  width: 41%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 3.8vw;
  line-height: 6.7vw;
  height: 7vw;
  border: 1px solid #fff;
  letter-spacing: -.5px;
}

/* 20170216 Banner ADD (s) */
.lineBanner {
  overflow: hidden;
  width: 100%;
  padding: 1px 0 10px;
}

.lineBanner.hide {
  display: none;
}

.lineBanner a {
  display: block;
}

.lineBanner img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

/* 20170216 Banner ADD (e) */
.tabArea {
  border-top: .5px solid #e3e3eb;
  border-bottom: .5px solid #d9d9d9;
  background: #fff;
}

.tabArea ul {
  font-size: 0;
  line-height: 0;
}

.tabArea ul li {
  width: 33.3%;
  display: inline-block;
  position: relative;
}

.tabArea ul li a {
  display: block;
  position: relative;
  top: 0;
  left: 10%;
  text-align: center;
  width: 80%;
  text-align: center;
  font-size: 3.8vw;
  line-height: 120%;
  padding: 13px 0;
}

.tabArea ul li a.selected {
  color: #ef3e42;
  line-height: 120%;
  font-family: "AvenirNext-Regular", "San-Serif-Regular", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.tabArea ul li a.selected:after {
  width: 100%;
  height: 4px;
  background: #ef3e42;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
}

.tabArea ul li:last-child {
  width: 33.4%;
}

.tabArea ul.doubleTab li,
.tabArea ul.doubleTab li:last-child {
  width: 50%;
}

@media screen and (max-width: 320px) {
  .packageWrap .packagePopup {
    top: 13%;
  }
  .packageWrap .topArrow {
    top: -2.7%;
  }
}

/* tab1 */
.castingWrap {
  border-bottom: .5px solid #d9d9d9;
  margin-bottom: 9px;
  background: #fff;
  padding: 20px 0 12px 0;
}

.castingWrap .castingTitle {
  font-size: 4.4vw;
  position: relative;
  margin-bottom: 20px;
  padding: 0 3%;
  position: relative;
  font-family: "AvenirNext-Regular", "sans-serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #111;
}

.castingWrap .castingTitle .castingBtns {
  position: absolute;
  top: 0;
  right: 3%;
  text-align: right;
  width: 100%;
  vertical-align: top;
}

.castingWrap .castingTitle a {
  font-size: 10px;
  color: #808598;
  padding-right: 2%;
  margin-right: 1%;
  white-space: nowrap;
  position: relative;
  line-height: 14px;
  vertical-align: top;
  letter-spacing: -.5px;
}

.castingWrap .castingTitle a:after {
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/normalBtn.gif") 0 0 no-repeat;
  background-size: 100% auto;
  width: 3px;
  padding-top: 6px;
}

.castingWrap .castingTitle .castingBtns.newIcon a:first-child:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: -18px;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/newIcon.gif") 0 0 no-repeat;
  background-size: 100% auto;
  width: 17px;
  height: 17px;
}

.castingWrap .swiper-casting {
  margin-bottom: 8px;
  margin-left: -8%;
}

.castingWrap .swiper-casting,
.castingWrap .swiper-casting .swiper-wrapper {
  height: auto !important;
  background: none;
}

.castingWrap .swiper-casting .swiper-wrapper {
  width: 100% !important;
}

.castingWrap .oneType div,
.castingWrap .twoType li div,
.castingWrap .swiper-casting .swiper-slide {
  text-align: center;
  font-size: 0;
  background: transparent;
  width: 24%;
  padding-top: 24%;
  overflow: hidden;
  background-size: 100% auto;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-top: 5.5%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/castingBg.jpg") 0 0 no-repeat;
  background-size: 100% auto;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.castingWrap .oneType,
.castingWrap .twoType {
  margin-bottom: 7px;
}

.castingWrap .twoType {
  width: 94%;
  padding: 0 3%;
}

.castingWrap .oneType div {
  width: 45%;
  padding-top: 45%;
  margin: 0 auto;
}

.castingWrap .twoType ul {
  font-size: 0;
  line-height: 50%;
}

.castingWrap .twoType ul li {
  width: 50%;
  display: inline-block;
}

.castingWrap .twoType ul li div {
  width: 50%;
  padding-top: 50%;
  margin: 0 auto;
  margin-bottom: 10px;
}

.castingWrap .twoType ul li div.castingInfo {
  width: 100%;
  padding-top: 0;
  font-size: 3.8vw;
  color: #333;
  line-height: 120%;
  border: 0;
  border-radius: 0;
  background: none;
  letter-spacing: -.5px;
}

.castingWrap .swiper-casting .swiper-slide.swiper-slide-active {
  width: 35%;
  padding-top: 35%;
  margin-top: 0;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  background: none;
  border-radius: 50%;
  display: none;
  opacity: 0 !important;
}

.castingWrap .swiper-casting .swiper-slide img {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  text-align: center;
  left: 0%;
}

.castingWrap .castingInfo {
  text-align: center;
  font-size: 3.8vw;
  color: #333;
  margin-bottom: 18px;
}

.castingWrap .castingInfo span {
  display: inline-block;
  margin-left: 5px;
  padding-left: 5px;
  position: relative;
}

.castingWrap .castingInfo span:before {
  content: "";
  display: block;
  position: absolute;
  width: .5px;
  height: 11px;
  background: #b3b3b3;
  top: 1px;
  left: 0;
}

.castingWrap .castingOpenBtn {
  width: 94%;
  margin: 0 auto;
  border-top: .5px solid #e3e3eb;
  height: 30px;
  text-align: center;
}

.castingWrap .castingOpenBtn a img {
  height: 100%;
}

.panelModul {
  padding: 20px 0 16px 0;
  background: #fff;
  overflow: hidden;
  margin-bottom: 9px;
  border-bottom: .5px solid #d9d9d9;
  line-height: 130%;
  font-size: 3.8vw;
}

.panelModul.notice {
  position: relative;
}

.panelModul .panelTitle {
  font-size: 4.4vw;
  position: relative;
  margin-bottom: 10px;
  padding: 0 3%;
  font-family: "AvenirNext-Regular", "sans-serif-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #111;
}

.panelModul .panelTitle:after {
  width: 5%;
  padding-top: 3%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/panelBtn.gif") 0 0 no-repeat;
  position: absolute;
  top: 12%;
  right: 3%;
  background-size: 100% auto;
  display: block;
  content: "";
}

.panelModul.open .panelTitle:after {
  background-position: 0 bottom;
}

.panelModul.opened .panelTitle:after {
  display: none;
}

.panelModul .moduleContent {
  overflow: hidden;
  max-height: 18.8vw;
  position: relative;
}

.panelModul.open .moduleContent:after {
  display: none;
}

.panelModul.notice .moduleContent {
  max-height: 24.5vw;
}

.panelModul.notice a.sizeUp {
  display: none;
}

.panelModul.notice.open a.sizeUp {
  display: block;
  position: absolute;
  bottom: 3%;
  left: 3%;
  width: 10%;
  padding-top: 10%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/sizeUp.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.panelModul.notice .panelTitle:after,
.panelModul.small .panelTitle:after,
.panelModul.small .moduleContent:after {
  display: none;
}

.panelModul .moduleContent .txtContent {
  padding: 0 3%;
  font-size: 3.8vw !important;
}

.panelModul .moduleContent .txtContent strong,
.panelModul .moduleContent .txtContent b {
  font-family: "AvenirNext-Medium", "sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-weight: normal !important;
}

.panelModul .moduleContent .txtContent span {
  font-size: inherit !important;
}

.panelModul .moduleContent .txtContent span strong,
.panelModul .moduleContent .txtContent span b {
  font-family: "AvenirNext-Medium", "sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-weight: normal !important;
}

.panelModul .moduleContent .borderTop .subPanelTitle {
  font-size: 5vw;
  margin: 10px 0;
  padding-top: 10px;
  border-top: .5px solid #e3e3eb;
  font-weight: bold;
}

.panelModul .moduleContent .imgContent .subPanelTitle {
  width: 94%;
  margin: 0 auto;
}

.panelModul .moduleContent .imgContent {
  width: 100%;
}

.panelModul .moduleContent .imgContent .subPanelTitle {
  margin: 10px auto;
}

.panelModul .moduleContent .imgContent img {
  width: 100%;
}

.panelModul .foldingArrow {
  display: block;
  height: 7px;
  padding: 7px 0;
  margin-top: 7px;
}

.panelModul .foldingArrow div {
  height: 7px;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/panelBtn.gif") center 0 no-repeat;
  background-size: auto 200%;
}

.panelModul.open .foldingArrow div {
  background-position: center bottom;
}

.panelModul.small .foldingArrow {
  display: none;
}

.priceModule {
  background: #fff;
  padding: 15px 0;
  margin-bottom: 9px;
  border-bottom: .5px solid #d9d9d9;
}

.priceModule .priceTitle {
  padding: 4px 0;
  width: 94%;
  margin: 0 auto;
  border-bottom: .5px solid #e3e3eb;
  vertical-align: top;
  line-height: 120%;
  position: relative;
}

.priceModule .priceTitle:after {
  display: block;
  content: "";
  clear: both;
}

.priceModule .priceTitle span {
  font-size: 4.4vw;
  font-family: "AvenirNext-Regular", "sans-serif-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #111;
  vertical-align: top;
}

.priceModule .priceTitle a {
  float: right;
  vertical-align: middle;
  padding: 1.3% 2.5% .7% 2.5%;
  position: relative;
  top: -8px;
  border: 1px solid #80a5dd;
  color: #80a5dd;
  font-size: 3.5vw;
  letter-spacing: -1px;
  font-family: "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .commonTxt {
  padding: 3%;
  margin-top: 3%;
  background: #fafafa;
  color: #666;
  font-size: 3.2vw;
  text-indent: 0;
}

.priceModule .prceRange {
  overflow: hidden;
  margin: 14px auto;
  width: 88%;
  padding: 0 6%;
}

.priceModule .prceRange .defaultContent {
  font-size: 3.8vw;
  line-height: 120%;
  position: relative;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.priceModule .prceRange .defaultContent:after {
  display: block;
  content: "";
  position: absolute;
  top: 47%;
  right: 0;
  width: 5%;
  padding-top: 3%;
}

.priceModule .prceRange .defaultContent.open:after {
  background-position: 0 bottom;
}

.priceModule .prceRange .defaultContent b {
  display: block;
  margin-bottom: 4%;
  font-size: 3.5vw;
  font-weight: 600;
  font-family: "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .prceRange .defaultContent span {
  font-size: 10vw;
  color: #256dd6;
  font-family: "AvenirNext-UltraLight", "sans-seif-thin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.priceModule .prceRange .defaultContent span span {
  font-size: 3.8vw;
  font-family: "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .prceRange .elseContent {
  display: none;
  padding-top: 6px;
  line-height: 120%;
  font-size: 3.5vw;
  letter-spacing: -.5px;
}

.priceModule .prceRange .elseContent span {
  color: #256dd6;
  font-family: "AvenirNext-Regular", "sans-serif-Regular", "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.priceModule .prceRange .elseContent span.duration {
  color: #999;
  display: block;
  margin-top: 2px;
}

.priceModule .priceSubTitle {
  background: #eeeef2;
  width: 94%;
  margin: 0 auto;
  font-size: 3.8vw;
  line-height: 249%;
  padding-top: 1%;
  text-indent: 3%;
  position: relative;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  vertical-align: middle;
}

.priceModule .priceSubTitle a {
  float: right;
  font-size: 3.5vw;
  color: #808598;
  text-indent: 0;
  margin-right: 10px;
  letter-spacing: -1px;
  position: relative;
  padding-right: 4%;
}

.priceModule .priceSubTitle a:after {
  display: block;
  content: "";
  position: absolute;
  top: 40%;
  right: 0;
  width: 8%;
  padding-top: 25%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/downArrow.png") 0 0 no-repeat;
  background-size: 100% auto;
}

/* 20170327 */
.priceModule .priceSubTitle .fRight .benefit {
  padding: 1% 8% 0 2%;
  margin-right: 0;
  margin-top: -1%;
  background: #e3e3eb;
}

.priceModule .priceSubTitle .fRight .benefit:after {
  top: 33%;
  right: 10%;
  width: 8px;
  height: 14px;
  padding-top: 0;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/leftArrow.png") 0 0 no-repeat;
  background-size: 100% 100%;
}

.priceModule .tableList {
  width: 94%;
  margin: 0 auto;
  margin-bottom: 20px;
}

.priceModule .tableList#disCountList {
  border-bottom: .5px solid #cacaca;
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.priceModule .tableList li {
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/tableListBg.gif") 0 top repeat-x;
  background-size: auto 1px;
  padding: 3.5% 3%;
  font-size: 3.8vw;
  line-height: 130%;
  padding-bottom: 2px;
  padding-right: 3%;
  letter-spacing: -.5px;
  position: relative;
  font-family: "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  vertical-align: middle;
}

.priceModule .tableList li div {
  min-width: 67%;
  word-break: break-all;
  float: left;
  letter-spacing: -.5px;
}

.priceModule .tableList li:first-child {
  background: none;
}

.priceModule .tableList li:after {
  display: block;
  content: "";
  clear: both;
  padding-bottom: 1.7%;
}

.priceModule .tableList li > span {
  float: right;
}

.priceModule .tableList li span.redTxt {
  float: none;
  color: #ff5959;
}

.priceModule .tableList li span.topingTxt {
  float: none;
  color: #ff4685;
}

.priceModule .tableList li span.blueDot {
  float: none;
  position: relative;
  padding-left: 3%;
  display: inline-block;
}

.priceModule .tableList li span.blueDot:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4%;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #80a5dd;
}

.priceModule .tableList li a {
  position: absolute;
  color: #808598;
  font-size: 3.3vw;
  text-indent: 0;
  padding-right: 10px;
  width: 32%;
  display: inline-block;
  text-align: right;
  top: 50%;
  right: 3%;
  margin-top: -1.7%;
  font-family: "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -1px;
}

.priceModule .tableList li a:after {
  content: "";
  display: block;
  position: absolute;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/normalBtn.gif") 0 0 no-repeat;
  width: 3%;
  padding-top: 10%;
  top: 20%;
  right: 0;
  background-size: 100% auto;
}

.priceModule .tableList li.mCard {
  z-index: 1;
}

.priceModule .tableList li.mCard a {
  width: 2%;
  padding-top: 6%;
  font-size: 0;
  line-height: 0;
  background: url("//ticketimage.interpark.com/TicketImage/2015/20151209_detail/img/cardOpenBtn.gif") 0 0 no-repeat;
  background-size: 100% auto;
  top: 25%;
  right: 3%;
  margin-top: 0;
}

.priceModule .tableList li.mCard a:after {
  background: none;
}

.priceModule .tableList li.mCard b {
  color: #009dda;
}

.priceModule .tableList li.mCard .packagePopup {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #95bbf2;
  z-index: 9;
  padding: 2% 4.8% 0;
  line-height: 120%;
  display: none;
}

.priceModule .tableList li.mCard .packagePopup:before {
  display: block;
  content: "";
  position: absolute;
  width: 10px;
  padding-top: 8px;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/popupTop.png") 0 bottom no-repeat;
  background-size: 100% auto;
  top: -8px;
  right: 3%;
}

.priceModule .tableList li.mCard .packagePopup li {
  padding: 1% 0 0 3%;
  background: none;
}

.priceModule .tableList li.mCard .packagePopup li:before {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 20%;
  left: 0;
  display: block;
  content: "";
}

.priceModule .tableList li.mCard .packagePopup li span {
  color: #009dda;
  float: none;
}

.priceModule .tableList li a.couponDownBtn {
  background: #ff5959;
  color: #fff;
  text-indent: 0;
  padding: 0 8px;
  line-height: 200%;
  display: inline-block;
  margin-top: 1.5%;
  padding-right: 20px;
  width: auto;
  position: relative;
  right: 0;
  top: auto;
  margin-top: 0;
}

.priceModule .tableList li a.couponDownBtn:after {
  top: 22%;
  right: 5%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/couponDown.gif") 0 0 no-repeat;
  width: 9%;
  padding-top: 22%;
  background-size: 100% auto;
}

.priceModule .tableList .hyundaiAD {
  text-align: left;
}

.priceModule .tableList .hyundaiAD a {
  position: relative;
  right: auto;
  top: auto;
  display: inline;
  padding-right: 0;
  font-size: 3.8vw;
  color: #333;
}

.priceModule .tableList .hyundaiAD a:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 15.46667vw;
  height: 3.2vw;
  margin-right: 1.86667vw;
  background: url("//ticketimage.interpark.com//TicketImage/uidev/mticket/images/pages/detail/logo_hyundaiAD.png") no-repeat;
  background-size: 100%;
}

.priceModule .tableList .hyundaiAD a:after {
  display: none;
}

.priceModule .tableList li.toping {
  text-indent: 19%;
  position: relative;
}

.priceModule .tableList li.toping:before {
  display: block;
  content: "";
  position: absolute;
  top: 32%;
  left: 3%;
  width: 16%;
  padding-top: 7%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/toping.gif") 0 0 no-repeat;
  background-size: 100% auto;
}

.priceModule .tableList li.kakaopay img {
  width: 60px;
  height: auto;
  padding-right: 3px;
}

.priceModule .tableList li.kakaopay a {
  position: relative;
  right: 0;
  display: inline;
  text-align: left;
}

.priceModule .tableList.allDayPrice li.priceType2 div > span {
  display: inline-block;
  height: 12vw;
  vertical-align: top;
}

.priceModule .tableList.allDayPrice li.priceType2 div > span:first-child {
  font-size: 12vw;
  padding: 1% 4% 0 0;
  margin-right: 4%;
  position: relative;
  line-height: 12vw;
  font-family: "AvenirNext-UltarLight", "sans-serif-Thin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 100;
}

.priceModule .tableList.allDayPrice li.priceType2 div > span:first-child:after {
  width: 1px;
  height: 70%;
  position: absolute;
  right: 0;
  content: "";
  background: #e3e4ea;
  top: 10%;
}

.priceModule .tableList.allDayPrice li.priceType2 div > span dl {
  padding-top: 6%;
}

.priceModule .tableList.allDayPrice li.priceType2 div > span dl dd {
  font-size: 5vw;
  line-height: 120%;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .tableList.allDayPrice li.priceType2 div > span dl dd span {
  font-size: 4vw;
}

.priceModule .tableList.allDayPrice li.priceType2 div > span dl dd:first-child {
  color: #999;
  text-decoration: line-through;
  font-size: 4vw;
  font-weight: normal;
}

.priceModule .tableList.allDayPrice li.priceType2 div > span dl dd:first-child span {
  font-size: 3vw;
}

.priceModule .tableList.allDayPrice li.priceType2 div > b {
  font-size: 7.8vw;
  line-height: 120%;
  display: inline-block;
  padding-top: 3%;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
  font-weight: 600;
}

.priceModule .tableList.allDayPrice li.priceType2 div > b span {
  font-size: 4vw;
  font-weight: normal;
  position: relative;
  top: -.8vw;
}

.priceModule .tableList.allDayPrice li.priceType2 div span.percent {
  font-size: 4vw;
}

.priceModule .tableList.allDayPrice li span {
  line-height: 130%;
}

.priceModule .tableList.allDayPrice li span.blueDot {
  max-width: 77%;
}

.priceModule .tableList.allDayPrice li span.blueDot span.sale {
  border: 1px solid #ff5959;
  color: #ff5959;
  border-radius: 9px;
  padding: 1% 3% 0% 3%;
  margin-top: 1px;
  position: relative;
  font-size: 2.8vw;
  display: inline-block;
  font-family: "AvenirNextCondensed-Medium", "Sans-Serif-Condensed-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0;
}

.priceModule .prdDiscouncInfo {
  overflow: hidden;
  max-height: 180px;
  margin-bottom: 15px;
  padding: 0 3%;
  position: relative;
}

/*.priceModule .prdDiscouncInfo:after {position:absolute; bottom:0px; left:0px; width:100%; height:30%; display:block; content:''; background:url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/bg_moreB.png") 0 bottom repeat-x; background-size:auto 100%;}
.priceModule .prdDiscouncInfo:before {position:absolute; bottom:0px; left:50%; margin-left:-2%; width:4%; padding-top:2.3%; display:block; content:''; background:url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/panelBtn.gif") 0 0 no-repeat; background-size:100% auto; z-index:1;}
.open .prdDiscouncInfo:after,
.small .prdDiscouncInfo:after,
.small .prdDiscouncInfo:before{display:none;}
.open .prdDiscouncInfo{margin-bottom:0px; padding-bottom:15px;}*/
.open .prdDiscouncInfo:before {
  background-position: 0 bottom;
  bottom: 0;
}

.priceModule .prdDiscouncInfo .txtArea {
  width: 88%;
  padding: 5px 3%;
  line-height: 120%;
  font-size: 3.8vw;
  font-family: "AvenirNext-Regular", "sans-serif-Light", "AppleSDGothicNeo-Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.priceModule .prdDiscouncInfo img {
  width: 100%;
}

.priceModule .priceTitle .packagePopup {
  border: 1px solid #95bbf2;
  position: absolute;
  top: 90%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9;
  padding: 0 4.8% 5px;
  line-height: 120%;
  font-size: 3.5vw;
  display: none;
}

.priceModule .priceTitle .packagePopup .packagePopupTitle {
  font-size: 4vw;
  margin-bottom: 5px;
  line-height: 200%;
  text-indent: 0;
  position: relative;
  padding-top: 12px;
  letter-spacing: -.5px;
}

.priceModule .priceTitle .packagePopup .packagePopupTitle a {
  width: 4%;
  padding-top: 5.5%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/close.gif") 0 0 no-repeat;
  position: absolute;
  top: 35%;
  right: 0;
  background-size: 100% auto;
  margin-right: 0;
  padding-right: 0;
  border: 0;
}

.priceModule .priceTitle .packagePopup:before {
  display: block;
  content: "";
  position: absolute;
  width: 10px;
  padding-top: 8px;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/popupTop.png") 0 bottom no-repeat;
  background-size: 100% auto;
  top: -8px;
  right: 2.5%;
}

.priceModule .priceTitle .packagePopup .priceSubTitle {
  padding: 0;
  width: 100%;
}

.priceModule .priceTitle .packagePopup .tableList {
  width: 100%;
  margin-bottom: 10px;
  text-indent: 0;
}

.priceModule .priceTitle .packagePopup .tableList * {
  text-indent: 0;
}

.priceModule .priceTitle .packagePopup .tableList li {
  padding: 0;
  font-size: 0;
  padding: 5% 0 3% 0;
  color: #333;
}

.priceModule .priceTitle .packagePopup .tableList li span {
  float: none;
  display: inline-block;
  width: 70%;
  font-size: 3.5vw;
  line-height: 140%;
  color: #000;
  font-family: "AvenirNext-Regular", "sans-serif-Light", "AppleSDGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .priceTitle .packagePopup .tableList li span b {
  font-weight: normal;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .priceTitle .packagePopup .tableList li span:first-child {
  width: 27%;
  color: #808598;
  vertical-align: top;
  padding-left: 3%;
  font-family: "AvenirNext-Regular", "sans-serif-Regular", "AppleSDGothicNeo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .priceTitle .packagePopup .tableList li span span {
  color: #ff5959;
  display: inline;
}

.priceModule .priceTitle .packagePopup .tableList li:after {
  display: none;
}

.priceModule .priceSubTitle .packagePopup {
  border: 1px solid #95bbf2;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9;
  padding: 0 4.8% 15px;
  line-height: 120%;
  font-size: 3.5vw;
  display: none;
}

.priceModule .priceSubTitle .packagePopup .packagePopupTitle {
  font-size: 4vw;
  line-height: 200%;
  text-indent: 0;
  position: relative;
  padding-top: 12px;
  border-bottom: .5px solid #d9d9d9;
}

.priceModule .priceSubTitle .packagePopup .packagePopupTitle a {
  width: 5%;
  padding-top: 5%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/close.gif") 0 0 no-repeat;
  position: absolute;
  top: 40%;
  right: 0;
  background-size: 100%;
  margin-right: 0;
  padding-right: 0;
}

.priceModule .priceSubTitle .packagePopup:before {
  display: block;
  content: "";
  position: absolute;
  width: 10px;
  padding-top: 8px;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/popupTop.png") 0 bottom no-repeat;
  background-size: 100% auto;
  top: -8px;
  right: 2.5%;
}

.priceModule .priceSubTitle .packagePopup.firstPop:before {
  right: 30.5%;
}

.priceModule .priceSubTitle .packagePopup .tableList {
  width: 100%;
  margin-bottom: 0;
  text-indent: 0;
}

.priceModule .priceSubTitle .packagePopup .tableList * {
  text-indent: 0;
}

.priceModule .priceSubTitle .packagePopup .tableList li {
  padding: 0;
  font-size: 0;
  font-weight: normal;
  padding: 5% 0 3% 0;
}

.priceModule .priceSubTitle .packagePopup .tableList li span {
  float: none;
  display: inline-block;
  width: 75%;
  font-size: 3.5vw;
  line-height: 120%;
}

.priceModule .priceSubTitle .packagePopup .tableList li span b {
  font-weight: normal;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .priceSubTitle .packagePopup .tableList li span:first-child {
  width: 25%;
  color: #6594d8;
  vertical-align: top;
}

.priceModule .priceSubTitle .packagePopup .tableList li:after {
  display: none;
}

.priceModule .priceSubTitle .packagePopup .tableList li div {
  line-height: 130%;
  font-size: 3.5vw;
  float: none;
  width: 100%;
  font-family: "AvenirNext-Regular", "sans-serif-Light", "AppleSDGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .priceSubTitle .packagePopup .tableList li div b {
  font-weight: normal;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .priceSubTitle .packagePopup .tableList li .blueTitle {
  color: #6594d8;
  margin-bottom: 5px;
  font-family: "AvenirNext-Regular", "sans-serif-Regular", "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .priceSubTitle .packagePopup .tableList li .blueTitle b {
  color: #333;
  font-weight: normal;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.priceModule .deliveryDay {
  border-top: .5px solid #e3e3eb;
  padding: 5.5% 3% 0;
  margin-top: 3%;
  position: relative;
  font-family: "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 3.5vw;
  letter-spacing: -1px;
}

.priceModule .deliveryDay span {
  color: #6594d8;
}

.priceModule .deliveryDay a {
  position: absolute;
  color: #808598;
  text-indent: 0;
  padding-right: 10px;
  width: 32%;
  display: inline-block;
  text-align: right;
  top: 60%;
  right: 3%;
  margin-top: -.5%;
  letter-spacing: -1px;
}

.priceModule .deliveryDay a:after {
  content: "";
  display: block;
  position: absolute;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/delivery.gif") 0 0 no-repeat;
  width: 5%;
  padding-top: 10%;
  top: 15%;
  right: 0;
  background-size: 100% auto;
}

.prdDiscription {
  background: #fff;
  margin-bottom: 9px;
  border-bottom: .5px solid #d9d9d9;
  padding-bottom: 15px;
  position: relative;
}

.prdDiscription a.sizeUp {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 3%;
  width: 10%;
  padding-top: 10%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/sizeUp.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.prdDiscription a.foldingArrow {
  display: block;
  height: 7px;
  padding: 7px 0;
  margin-top: 7px;
}

.prdDiscription a.foldingArrow div {
  height: 7px;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/panelBtn.gif") center 0 no-repeat;
  background-size: auto 200%;
  height: 7px;
}

.prdDiscription.open .foldingArrow div {
  background-position: center bottom;
}

.prdDiscription.small .foldingArrow {
  display: none;
}

.prdDiscription.open a.sizeUp {
  display: block;
}

#GoodsDetailHtmlNotice a.sizeUp {
  bottom: auto;
  top: 70px;
  display: block;
}

.priceModule .prdDiscription {
  margin-bottom: 0;
  border: 0;
  padding-bottom: 0;
}

.prdDiscription .prdDiscriptionContent {
  overflow: hidden;
  max-height: 600px;
}

.prdDiscription.open:after,
.prdDiscription.small:after,
.prdDiscription.small:before {
  display: none;
}

.prdDiscription.open:before {
  background-position: 0 bottom;
}

.prdDiscription .prdDiscriptionTitle {
  position: relative;
  padding: 20px 0 15px 0;
  width: 94%;
  margin: 0 auto;
  font-size: 4.4vw;
  vertical-align: top;
  line-height: 120%;
  font-family: "AppleSDGothicNeo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
  color: #111;
}

.prdDiscription img {
  width: 100%;
}

.linkedPrd {
  background: #fff;
  margin-bottom: 9px;
  border-bottom: .5px solid #d9d9d9;
  padding: 0 3% 5px;
}

.linkedPrd .linkedPrdTitle {
  padding: 15px 0 10px 0;
  border-bottom: .5px solid #e3e3eb;
  vertical-align: top;
  line-height: 130%;
  font-size: 4.4vw;
  font-family: "AppleSdGothicNeo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #111;
  letter-spacing: -.5px;
}

.linkedPrd .linkedPrdContent a {
  display: block;
  border-top: .5px solid #e3e3eb;
  font-size: 0;
  line-height: 0;
}

.linkedPrd .linkedPrdContent a:after {
  display: block;
  content: "";
  clear: both;
}

.linkedPrd .linkedPrdContent a:first-child {
  border-top: 0;
}

.linkedPrd .linkedPrdContent a > * {
  display: inline-block;
  width: 67%;
  padding: 1% 5% 0 0;
  font-size: 3.5vw;
  line-height: 270%;
  letter-spacing: -.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "AvenirNext-Regular", "sans-serif-Light", "AppleSdGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.linkedPrd .linkedPrdContent a > *:last-child {
  width: 28%;
  padding-right: 0;
}

.commonNotice {
  background: #fff;
  margin-bottom: 9px;
  border-bottom: .5px solid #d9d9d9;
  padding: 0 3%;
}

.commonNotice .commonNoticeModule {
  padding: 20px 0 15px 0;
  background: #fff;
  line-height: 150%;
  font-size: 3.5vw;
  overflow: hidden;
  border-bottom: .5px solid #d9d9d9;
}

.commonNotice .commonNoticeModule .panelTitle {
  font-size: 4.4vw;
  position: relative;
  padding: 0 3%;
  line-height: 120%;
  padding-left: 0;
  font-family: "AppleSDGothicNeo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
  color: #111;
}

.commonNotice .commonNoticeModule .panelTitle:after {
  width: 5%;
  padding-top: 3%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/panelBtn.gif") 0 0 no-repeat;
  position: absolute;
  top: 15%;
  right: 3%;
  background-size: 100% auto;
  display: block;
  content: "";
}

.commonNotice .commonNoticeModule.open .panelTitle:after {
  background-position: 0 bottom;
}

.commonNotice .commonNoticeModule .moduleContent {
  overflow: hidden;
  display: none;
  border-top: .5px solid #e3e3eb;
  margin-top: 12px;
}

.commonNotice .commonNoticeModule .moduleContent .redTxt {
  color: #ef3e42;
  font-weight: normal;
  font-family: "AppleSDGothicNeo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.commonNotice .commonNoticeModule:first-child .moduleContent {
  display: none;
}

.commonNotice .commonNoticeModule:last-child {
  border-bottom: 0;
}

.commonNotice .commonNoticeModule.open:first-child {
  padding-bottom: 0;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList {
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li {
  padding: 0;
  font-size: 0;
  font-weight: normal;
  padding: 4% 0 1.2%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/tableListBg.gif") 0 top repeat-x;
  background-size: auto 1px;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li:first-child {
  background: 0;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li span {
  float: none;
  display: inline-block;
  width: 75%;
  font-size: 3.5vw;
  line-height: 120%;
  color: #333;
  font-family: "AvenirNext-Regular", "sans-serif-Light", "AppleSDGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li span:first-child {
  width: 25%;
  color: #808598;
  vertical-align: top;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li:after {
  display: none;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li div {
  line-height: 130%;
  font-size: 3.5vw;
  float: none;
  width: 100%;
  font-family: "AvenirNext-Regular", "san-serif-Regular", "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li .blueTitle {
  color: #6594d8;
  margin-bottom: 5px;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li .blueTitle b {
  color: #333;
  font-weight: normal;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li div {
  font-size: 3.5vw;
  line-height: 120%;
  color: #808598;
  margin: 1.4% 0 3.2% 0;
  font-family: "AvenirNext-Regular", "san-serif-Regular", "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li dd {
  padding: 0 3%;
  font-size: 3.5vw;
  line-height: 120%;
  margin-bottom: 2.5%;
  color: #333;
  position: relative;
  font-family: "AvenirNext-Regular", "san-serif-Light", "AppleSDGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li dd span {
  color: #ef3e42;
  display: inline;
  font-weight: normal;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li dd:before {
  display: block;
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #878c96;
  top: 1.3vw;
  left: 0;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li dd table {
  width: 100%;
  margin-top: 3%;
  font-family: "AvenirNext-Regular", "san-serif-Light", "AppleSDGothicNeo-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li dd table th {
  padding: 2% 1%;
  border-bottom: .5px solid #eeeef2;
  font-weight: normal;
  font-family: "AvenirNext-Regular", "san-serif-Regular", "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li dd table td {
  padding: 2% 1%;
  font-size: 3.5vw;
}

.companyInfo {
  background: #fff;
  margin-bottom: 9px;
  border-bottom: .5px solid #d9d9d9;
  padding: 20px 3%;
}

.companyInfo .companyInfoTitle {
  font-size: 4.4vw;
  position: relative;
  margin-bottom: 3%;
  line-height: 130%;
  color: #111;
  letter-spacing: -.5px;
  font-family: "AppleSDGothicNeo-Regular", "Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
}

.companyInfo .companyInfoDiv {
  font-size: 3.8vw;
  letter-spacing: -.5px;
  line-height: 135%;
}

.companyInfo ul li {
  padding-left: 3%;
  position: relative;
  margin-bottom: 3vw;
}

.companyInfo ul li:before {
  display: block;
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #878c96;
  top: 1.9vw;
  left: 0;
}

.companyInfo ul li span {
  display: inline-block;
  font-size: 4vw;
}

.companyInfo ul li span:first-child {
  width: 25%;
}

.payNotice {
  background: #fff;
  margin-bottom: 3vw;
  border-bottom: .5px solid #d9d9d9;
  padding: 0 3%;
  display: block;
  font-size: 4.4vw;
  font-family: "AppleSDGothicNeo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 300%;
  position: relative;
}

.payNotice:after {
  position: absolute;
  display: block;
  content: "";
  width: 3%;
  padding-top: 6%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/rightBtnArrow.gif") 0 0 no-repeat;
  background-size: 100% auto;
  top: 50%;
  margin-top: -3%;
  right: 6%;
}

.adBanner img {
  width: 100%;
}

.moreBtn {
  display: none;
}

.moreBtn img {
  width: 100%;
}

/* tab2 */
.goodsTab2 {
  height: auto;
}

.gallary {
  background: #fff;
  margin-bottom: 9px;
  border-bottom: .5px solid #d9d9d9;
  padding: 20px 0 15px 0;
}

.gallary .gallaryTitle {
  font-size: 4.4vw;
  position: relative;
  margin-bottom: 13px;
  padding: 0 3%;
  color: #111;
}

.gallary .gallaryTitle span {
  font-size: 4.4vw;
  color: #808598;
}

.gallary .gallaryMain {
  display: block;
  width: 94%;
  margin: 0 auto;
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 3%;
}

.gallary .gallaryMain img {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
}

.gallary .gallaryMain.movie:after {
  width: 14%;
  padding-top: 14%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7%;
  margin-left: -7%;
  display: block;
  content: "";
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab2/gallary/playBtn.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.gallary .swiper-gallary {
  margin-left: 3%;
  width: 97%;
  background: none;
}

.gallary .swiper-gallary,
.gallary .swiper-gallary .swiper-wrapper {
  height: auto !important;
  width: 97% !important;
}

.gallary .swiper-gallary .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 100%;
  position: relative;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.gallary .swiper-gallary .swiper-slide a,
.gallary .swiper-gallary .swiper-slide a img {
  display: block;
  width: 100%;
  height: 100%;
}

.gallary .swiper-gallary .swiper-slide a {
  position: absolute;
  top: 0;
  left: 0;
}

.gallary .swiper-gallary .swiper-slide a.movie:after {
  width: 26%;
  padding-top: 26%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13%;
  margin-left: -13%;
  display: block;
  content: "";
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab2/gallary/playBtn.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.magazine {
  background: #fff;
  margin-bottom: 9px;
  border-bottom: .5px solid #d9d9d9;
  padding: 20px 0 15px 0;
  overflow: hidden;
  width: 100%;
}

.magazine .magazineTitle {
  font-size: 4.4vw;
  position: relative;
  margin-bottom: 13px;
  padding: 0 3%;
  color: #111;
}

.magazine .magazineTitle span {
  font-size: 4.4vw;
  color: #808598;
}

.magazine .swiper-magazine {
  width: 94%;
  margin: 0 auto;
  overflow: visible;
  border-bottom: .5px solid #e3e3eb;
  padding-bottom: 3%;
}

.magazine .swiper-magazine,
.magazine .swiper-magazine .swiper-wrapper {
  height: auto !important;
  background: #fff;
  width: 94% !important;
}

.magazine .swiper-magazine .swiper-slide {
  background: #fff;
  width: 100%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.magazine .swiper-magazine .swiper-slide a,
.magazine .swiper-magazine .swiper-slide a img {
  display: block;
  width: 100%;
}

.magazine .swiper-magazine .swiper-slide .prdInfo {
  font-size: 3.8vw;
  line-height: 130%;
  overflow: hidden;
  height: 10vw;
  display: block;
  text-align: left;
  margin-top: 7%;
  letter-spacing: -.5px;
}

.magazine .swiper-magazine .swiper-pagination {
  text-align: center;
  position: static;
}

.magazine .swiper-magazine > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0 0 5px;
  border: 1px solid #333133;
  background: #fff;
  opacity: 1;
}

.magazine .swiper-magazine > .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}

.magazine .swiper-magazine > .swiper-pagination .swiper-pagination-bullet-active {
  background: #333133;
}

.magazine .swiper-magazine .swiper-slide a.movie:after {
  width: 26%;
  padding-top: 26%;
  position: absolute;
  top: 55%;
  left: 4%;
  display: block;
  content: "";
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab2/gallary/playBtn.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.magazine .magazineNews {
  padding: 0 3%;
}

.magazine .magazineNews div {
  border-bottom: .5px solid #e3e3eb;
}

.magazine .magazineNews div a {
  display: block;
  font-size: 0;
  line-height: 0;
  padding: 4% 0 3.2% 0;
}

.magazine .magazineNews div span {
  display: inline-block;
  width: 80%;
  font-size: 3.8vw;
  line-height: 120%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -.5px;
  vertical-align: middle;
}

.magazine .magazineNews div i {
  display: inline-block;
  width: 20%;
  text-align: center;
  font-size: 3vw;
  line-height: 120%;
  vertical-align: middle;
  color: #808598;
  text-indent: -1%;
  position: relative;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.magazine .magazineNews div i:after {
  position: absolute;
  display: block;
  content: "";
  width: 9%;
  padding-top: 17%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/rightBtnArrow.gif") 0 0 no-repeat;
  background-size: 100% auto;
  top: -5%;
  right: 0;
}

.magazine .magazineNews > a {
  display: block;
  margin-top: 5%;
}

.magazine .magazineNews > a img {
  width: 100%;
}

.goodsTab2 .panelModul .moduleContent {
  overflow: hidden;
  max-height: none;
}

.goodsTab2 .panelModul .panelTitle:after {
  display: none;
}

.userChart {
  padding: 20px 0;
  background: #fff;
  line-height: 130%;
  font-size: 4.4vw;
  overflow: hidden;
  margin-bottom: 9px;
  border-bottom: .5px solid #d9d9d9;
}

.userChart .userChartTitle {
  font-size: 4.4vw;
  position: relative;
  margin-bottom: 9px;
  padding: 0 3%;
  letter-spacing: -.5px;
  color: #111;
  font-family: "AvenirNext-Regular", "Sans-serif-Regular", "AppleSDGothicNeo-Regular", "Regualr", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.userChart .userChartContent {
  padding: 0 4.6%;
}

.userChart .userChartContent:after {
  display: block;
  content: "";
  clear: both;
}

.userChart .userChartContent .bySex {
  width: 40%;
  float: left;
}

.userChart .userChartContent .bySex > div {
  padding-top: 32%;
  width: 100%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab2/gallary/man.gif") 0 0 no-repeat;
  background-size: auto 100%;
  margin-top: 11%;
  position: relative;
}

.userChart .userChartContent .bySex > div.man {
  margin-top: 15%;
}

.userChart .userChartContent .bySex > div.woman {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab2/gallary/woman.gif");
}

.userChart .userChartContent .bySex > div > div {
  position: absolute;
  top: -8%;
  left: 36%;
  font-size: 8.6vw;
  font-family: "AvenirNext-UltraLight", "san-serif-Thin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.userChart .userChartContent .bySex > div > div b {
  font-family: "AvenirNext-Regular", "san-serif-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
}

.userChart .userChartContent .bySex > div > div .sex {
  font-size: 3.2vw;
}

.userChart .userChartContent .bySex > div > div span {
  font-size: 3.2vw;
}

.userChart .userChartContent .byAge {
  width: 60%;
  float: left;
}

.userChart .userChartContent .byAge ul {
  width: 98%;
  padding-left: 2%;
}

.userChart .userChartContent .byAge ul li {
  width: 15.9%;
  float: left;
  margin-left: 4%;
}

.userChart .userChartContent .byAge ul li:first-child {
  margin-left: 0;
}

.userChart .userChartContent .byAge ul li .percent {
  width: 100%;
  padding-top: 120%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab2/gallary/base.gif") 0 0 no-repeat;
  background-size: 100% auto;
  position: relative;
}

.userChart .userChartContent .byAge ul li .percent div {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  font-size: 3.3vw;
  line-height: 2.8vw;
  padding-top: 24%;
  font-family: "AvenirNextCondensed-Regular", "sans-Serif-condensed-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.userChart .userChartContent .byAge ul li .percent div span {
  font-size: 2.2vw;
}

.userChart .userChartContent .byAge ul li.rank1 .percent {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab2/gallary/rank1.gif");
}

.userChart .userChartContent .byAge ul li.rank2 .percent {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab2/gallary/rank2.gif");
}

.userChart .userChartContent .byAge ul li > span {
  width: 100%;
  padding-top: 10%;
  border-radius: 8px;
  background: #808598;
  margin-bottom: 1px;
  display: block;
}

.userChart .userChartContent .byAge ul li > span.none {
  background: #e5e5e5 !important;
}

.userChart .userChartContent .byAge ul li.rank1 > span {
  background: #ff5959;
}

.userChart .userChartContent .byAge ul li.rank2 > span {
  background: #95bbf2;
}

.userChart .userChartContent .byAge ul li > div {
  font-size: 3.1vw;
  text-align: center;
  margin-bottom: 0;
}

/* tab3 */
.goodsTab3 {
  padding: 8% 3%;
  background: #fff;
}

.goodsTab3 #noQnaTab {
  padding: 5% 0;
}

.noContent {
  width: 100%;
  padding-top: 22%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/noContents.gif") 0 bottom no-repeat;
  background-size: 100% auto;
}

.noContentTxt {
  text-align: center;
  color: #808598;
  font-size: 4.8vw;
  margin-top: 8%;
  padding-bottom: 15%;
  font-family: "AppleSDGothicNeo-ultraLight", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
  line-height: 3vw;
}

.boradTab {
  padding: 0 6%;
  margin: .1% 0 8% 0;
}

.boradTab ul {
  font-size: 0;
  line-height: 0;
}

.boradTab ul li {
  width: 33.3%;
  display: inline-block;
  position: relative;
  padding-top: 10%;
}

.boradTab ul li:first-child {
  width: 33.4%;
}

.boradTab ul li a {
  text-align: center;
  position: absolute;
  top: 0;
  left: -1px;
  border: 1px solid #808598;
  bottom: 0;
  right: 0;
  font-size: 3.5vw;
  line-height: 240%;
  color: #808598;
}

.boradTab ul li:first-child {
  left: 0;
}

.boradTab ul li a.selected {
  background: #808598;
  color: #fff;
}

.boradTab ul.twoBtn li,
.boradTab ul.twoBtn li:first-child {
  width: 50%;
}

.boardNotice {
  border: 1px solid #e3e3eb;
  padding: 6% 6% 5% 6%;
  font-size: 3.5vw;
  color: #999;
  margin-bottom: 6%;
}

.boardNotice b {
  font-size: 3.8vw;
  display: block;
  color: #333;
  margin-bottom: 5px;
  font-family: "AppleSDGorhicNeo-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
}

.boardNotice span {
  float: right;
  color: #6594d8;
  padding-right: 5%;
  position: relative;
  width: 26.3%;
  text-align: right;
  white-space: nowrap;
}

.boardNotice span:after {
  display: block;
  content: "";
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/boardNoticeBtn.gif") 0 0 no-repeat;
  width: 10%;
  padding-top: 7%;
  position: absolute;
  top: 32%;
  right: 0;
  background-size: 100% auto;
}

.boardNotice.open span:after {
  background-position: 0 bottom;
}

.boardNotice .boardNoticeContent {
  clear: both;
  margin-top: 5%;
  color: #666;
  font-size: 3.6vw;
  line-height: 140%;
  display: none;
}

.boardNotice.noticeBox b {
  padding-left: 7%;
  position: relative;
}

.boardNotice.noticeBox b:before {
  display: block;
  content: "";
  position: absolute;
  top: 15%;
  left: 0;
  width: 5%;
  padding-top: 5%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/noticeBox.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.boardNotice.noticeBox span {
  color: #ff5959;
}

.boardNotice.noticeBox span:after {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/noticeBox.gif");
}

.writeArea {
  text-align: Center;
  font-size: 3.8vw;
  line-height: 130%;
  margin-bottom: 6%;
}

.writeArea a {
  width: 49%;
  display: block;
  margin: 0 auto;
  height: 30px;
  background: #ff5959;
  color: #fff;
  margin-top: 4%;
  line-height: 32px;
  text-indent: 5%;
  position: relative;
  font-family: "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: -.5px;
}

.writeArea a:before {
  display: block;
  content: "";
  position: absolute;
  width: 8%;
  padding-top: 8%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/writeBtn.png") 0 0 no-repeat;
  background-size: 100% auto;
  top: 28%;
  left: 22%;
}

.boardLIstTItle {
  font-size: 4.4vw;
  line-height: 120%;
  padding: 4% 0 2% 0;
  position: relative;
}

.boardLIstTItle.bestList {
  text-indent: 9.5%;
}

.boardLIstTItle.bestList:before {
  display: block;
  content: "";
  position: absolute;
  top: 20%;
  left: 0;
  width: 8%;
  padding-top: 11%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/bestList.gif") 0 0 no-repeat;
  background-size: 100% auto;
}

.boardTop {
  padding: 2vw 0;
  border-top: .5px solid #808598;
  border-bottom: .5px solid #e3e3eb;
}

.boardTop span {
  font-size: 3.5vw;
  padding-left: 8px;
  margin-right: 10px;
  position: relative;
  color: #999;
}

.boardTop span a {
  line-height: inherit;
  color: #999;
}

.boardTop span:before {
  width: .7vw;
  height: .7vw;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -.3vw;
  border-radius: 50%;
  background: #cacaca;
}

.boardTop span.selected,
.boardTop span.selected a {
  color: #333;
}

.boardTop span.selected:before {
  background: #ef3e42;
}

.boardTop span a.live {
  padding-left: 13px;
  position: relative;
}

.boardTop span a.live:before {
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  content: "";
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/liveBullet.gif") 0 0 no-repeat;
  background-size: 100% auto;
  top: 4px;
  left: 0;
}

.boardTop span.selected a.live:before {
  background-position: 0 bottom;
}

.userBoardList.bestList {
  border-top: .5px solid #808598;
}

.userBoardList ul li {
  border-top: .5px solid #e3e3eb;
  padding: 6% 0;
}

.userBoardList ul li:last-child {
  border-bottom: .5px solid #e3e3eb;
}

.userBoardList ul li {
  padding-bottom: 0;
}

.userBoardList ul li:first-child {
  border-top: 0;
}

.userBoardList ul li .shareInfo {
  margin-bottom: 1.5%;
}

.userBoardList ul li .metaPoint {
  width: 25%;
  padding-bottom: 4%;
  background: #e4e4eb;
  position: relative;
  display: inline-block;
}

.userBoardList ul li .metaPoint:before {
  display: block;
  content: "";
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/stars.gif") 0 100% no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.userBoardList ul li .metaPoint.point1:before {
  background-position: 0 90%;
}

.userBoardList ul li .metaPoint.point2:before {
  background-position: 0 80%;
}

.userBoardList ul li .metaPoint.point3:before {
  background-position: 0 70%;
}

.userBoardList ul li .metaPoint.point4:before {
  background-position: 0 60%;
}

.userBoardList ul li .metaPoint.point5:before {
  background-position: 0 50%;
}

.userBoardList ul li .metaPoint.point6:before {
  background-position: 0 40%;
}

.userBoardList ul li .metaPoint.point7:before {
  background-position: 0 30%;
}

.userBoardList ul li .metaPoint.point8:before {
  background-position: 0 20%;
}

.userBoardList ul li .metaPoint.point9:before {
  background-position: 0 10%;
}

.userBoardList ul li .metaPoint.point10:before {
  background-position: 0 0%;
}

.userBoardList ul li .metaPoint:after {
  position: absolute;
  display: block;
  content: "";
  top: 16%;
  right: -7px;
  width: .5px;
  height: 75%;
  background: #e4e4eb;
}

.userBoardList ul li .good {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  margin-left: 3px;
}

.userBoardList ul li .good span {
  color: #6594d8;
  font-size: 3.2vw;
  position: relative;
  padding-left: 4vw;
  display: inline-block;
  height: 4vw;
  line-height: 4vw;
  vertical-align: top;
  font-family: "AvenirNext-Medium", "sans-serif-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.userBoardList ul li .good span:before {
  display: block;
  width: 3vw;
  padding-top: 9px;
  padding-bottom: 100%;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/goodBtn.gif") 0 0 no-repeat;
  background-size: 100% auto;
}

.userBoardList ul li .userBoardTitle {
  line-height: 120%;
  font-size: 4vw;
  margin-bottom: 1.5%;
  position: relative;
}

.userBoardList ul li .userBoardTitle b {
  display: block;
  width: 87%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 200;
  letter-spacing: -.5px;
  font-family: "AppleSDGothic-Light", "Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.userBoardList ul li .userBoardWriterInfo {
  margin-bottom: 6%;
}

.userBoardList ul li .userBoardWriterInfo span {
  font-size: 3.1vw;
  color: #666;
  position: relative;
  padding: 0 5px 0 4px;
  vertical-align: top;
  letter-spacing: -.5px;
}

.userBoardList ul li .userBoardWriterInfo span:before {
  position: absolute;
  display: block;
  content: "";
  top: 18%;
  left: -3px;
  width: .5px;
  height: 60%;
  background: #e4e4eb;
}

.userBoardList ul li .userBoardWriterInfo span:first-child {
  padding-left: 0;
}

.userBoardList ul li .userBoardWriterInfo span:first-child:before {
  display: none;
}

.userBoardList ul li .userBoardWriterInfo span.writeDate {
  color: #999;
}

.userBoardList ul li .userBoardWriterInfo .buyer {
  padding-left: 0;
}

.userBoardList ul li .userBoardWriterInfo .buyer:before {
  display: none;
}

.userBoardList ul li .userBoardWriterInfo .buyer div {
  position: absolute;
  color: #fff;
  white-space: nowrap;
  padding: 3px 7px 5px;
  background: #828fd9;
  font-size: 10px;
  border-radius: 10px;
  top: 0;
  left: 5px;
  display: inline-block;
  line-height: 100%;
}

.userBoardList ul li .userBoardWriterInfo .buyer div:before {
  position: absolute;
  display: block;
  content: "";
  width: 5px;
  padding-top: 5px;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/buyerBg.gif") 0 0 no-repeat;
  background-size: 100% auto;
  top: 6px;
  left: -5px;
}

.userBoardList ul li .boardContent {
  padding: 3% 3%;
  border-top: .5px solid #e3e3eb;
  background: #f3f4f5;
  font-size: 3.8vw;
  line-height: 125%;
  display: none;
  letter-spacing: -.5px;
}

.userBoardList ul li .boardContent .boardContentTxt {
  margin-bottom: 4%;
}

.userBoardList ul li .boardContentBtn {
  text-align: right;
  position: relative;
}

.userBoardList ul li .boardContentBtn a {
  display: inline-block;
  width: 22%;
  padding: 6px 0 4px;
  margin-left: 5px;
  color: #fff;
  background: #808598;
  border: 1px solid #808598;
  text-align: left;
  text-indent: 3.5%;
  font-size: 3vw;
  position: relative;
  font-family: "AppleSDGothic-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.userBoardList ul li .boardContentBtn a:after {
  position: absolute;
  display: block;
  content: "";
  width: 8%;
  padding-top: 8%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/reply_close.gif") 0 0 no-repeat;
  background-size: 100% auto;
  top: 45%;
  right: 12%;
}

.userBoardList ul li .boardContentBtn a.open:after {
  background-image: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/reply_open.gif");
}

.userBoardList ul li .boardContentBtn a.goodBtn {
  border: 1px solid #9397a7;
  color: #9397a7;
  background: transparent;
  text-indent: 3%;
  text-align: center;
}

.userBoardList ul li .boardContentBtn a.goodBtn:before {
  position: absolute;
  display: block;
  content: "";
  width: 15%;
  padding-top: 15%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/goodBtn2.gif") 0 0 no-repeat;
  background-size: 100% auto;
  top: 35%;
  left: 23%;
}

.userBoardList ul li .boardContentBtn a.goodBtn:after {
  display: none;
}

.userBoardList ul li .boardContentBtn a.delete {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background: none;
  font-size: 0;
  text-indent: 0;
  line-height: 0;
  width: 12%;
  vertical-align: top;
  border: 0;
}

.userBoardList ul li .boardContentBtn a.delete:after {
  display: none;
}

.userBoardList ul li .boardContentBtn a.delete img {
  width: 100%;
}

.userBoardList ul li .boardContentBtn span {
  float: left;
  font-size: 3.5vw;
  position: relative;
  top: 8px;
}

.userBoardList ul li .replyContentWrap {
  padding: 0 3%;
  background: #f3f4f5;
  display: none;
}

.userBoardList ul li .replyContentWrap div.replyWrite {
  padding: 3% 0;
  display: none;
}

.userBoardList ul li .replyContentWrap div.replyWrite textarea {
  display: block;
  width: 94%;
  padding: 3%;
  border: .5px solid #e3e3eb;
  resize: none;
  height: 20.5vw;
  margin-bottom: 4%;
  color: #b1b1bd;
  font-size: 3.5vw;
  line-height: 4vw;
}

.userBoardList ul li .replyContentWrap div.replyWrite .replySubmit {
  text-align: right;
  margin-bottom: 3%;
}

.userBoardList ul li .replyContentWrap div.replyWrite .replySubmit a {
  display: inline-block;
  width: 26.7%;
  height: 9vw;
  font-size: 3.8vw;
  line-height: 9.5vw;
  text-align: center;
  color: #fff;
  background: #ff5959;
  font-family: "AppleSDGothic-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.userBoardList ul li .replyContentWrap div.replyContent {
  border-top: 1px dotted #979baa;
  padding: 3% 0% 3% 5%;
  position: relative;
  line-height: 120%;
  font-size: 3.8vw;
}

.userBoardList ul li .replyContentWrap div.replyContent div {
  margin-top: 7px;
  position: relative;
}

.userBoardList ul li .replyContentWrap div.replyContent div a {
  display: block;
  width: 12%;
  position: absolute;
  top: 0;
  right: 0;
}

.userBoardList ul li .replyContentWrap div.replyContent div a img {
  width: 100%;
}

.userBoardList ul li .replyContentWrap div.replyContent span {
  font-size: 3.5vw;
  color: #666;
  position: relative;
  padding-right: 5px;
  vertical-align: top;
  letter-spacing: -.5px;
}

.userBoardList ul li .replyContentWrap div.replyContent span.writeDate {
  color: #999;
  padding-left: 5px;
}

.userBoardList ul li .replyContentWrap div.replyContent span.writeDate:before {
  position: absolute;
  display: block;
  content: "";
  top: 20%;
  left: 0;
  width: 1px;
  height: 70%;
  background: #e4e4eb;
}

.userBoardList ul li .replyContentWrap div.replyContent:before {
  position: absolute;
  display: block;
  content: "";
  width: 2.8%;
  padding-top: 2.8%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/replyBg.gif") 0 0 no-repeat;
  background-size: 100% auto;
  top: 13px;
  left: 1%;
}

.userBoardList ul li .userBoardTitle:after {
  width: 5%;
  padding-top: 3%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/panelBtn.gif") 0 0 no-repeat;
  position: absolute;
  top: 40%;
  right: 3%;
  background-size: 100% auto;
  display: block;
  content: "";
}

.userBoardList ul li.open .userBoardTitle:after {
  background-position: 0 bottom;
}

.qnaTitle {
  font-size: 4.4vw;
  line-height: 150%;
  position: relative;
  margin-bottom: 7px;
  border-bottom: .5px solid #808598;
}

.qnaTitle a {
  float: right;
  font-size: 3.3vw;
  color: #808598;
  text-indent: 0;
  margin: 0 3%;
  letter-spacing: -.5px;
  position: relative;
  padding-right: 4%;
  font-weight: normal;
}

.qnaTitle a:after {
  display: block;
  content: "";
  position: absolute;
  top: 30%;
  right: 0;
  width: 8%;
  padding-top: 8%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/downArrow.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.qnaTitle a:first-child {
  margin-left: 0;
}

.qnaTitle a:nth-child(2):before {
  display: block;
  width: 17%;
  padding-top: 20%;
  position: absolute;
  top: 14%;
  left: -21%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/noticeIcon.png") 0 0 no-repeat;
  background-size: 100%;
  content: "";
}

.qnaTitle .packagePopup {
  border: 1px solid #95bbf2;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9;
  padding: 0 4.8% 15px;
  line-height: 120%;
  font-size: 3.5vw;
  display: none;
}

.qnaTitle .packagePopup.open {
  display: block;
}

.qnaTitle .packagePopup .packagePopupTitle {
  font-size: 3.8vw;
  margin-bottom: 12px;
  line-height: 200%;
  text-indent: 0;
  position: relative;
  padding: 12px 0 2px 0;
  border-bottom: .5px solid #d9d9d9;
}

.qnaTitle .packagePopup .packagePopupTitle a {
  width: 5%;
  padding-top: 5%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/close.gif") 0 0 no-repeat;
  position: absolute;
  top: 40%;
  right: 0;
  background-size: 100%;
  margin-right: 0;
  padding-right: 0;
}

.qnaTitle .packagePopup .packagePopupTitle a:after {
  display: none;
}

.qnaTitle .packagePopup:before {
  display: block;
  content: "";
  position: absolute;
  width: 10px;
  padding-top: 8px;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/popupTop.png") 0 bottom no-repeat;
  background-size: 100% auto;
  top: -8px;
  right: 2%;
}

.qnaTitle .packagePopup.firstPop:before {
  right: 27%;
}

.qnaTitle .packagePopup li {
  font-weight: normal;
  padding-left: 3%;
  font-size: 3.3vw;
  margin-bottom: 5px;
  position: relative;
  line-height: 15px;
}

.qnaTitle .packagePopup li:before {
  position: absolute;
  display: block;
  content: "";
  width: 2px;
  height: 2px;
  background: #878c96;
  top: 5px;
  left: 0;
}

.userBoardList .qna li {
  padding: 15px 0 0;
  position: relative;
}

.userBoardList .qna li:before {
  position: absolute;
  top: 15px;
  left: 1%;
  width: 3.7%;
  padding-top: 5%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/question.gif") 0 0 no-repeat;
  background-size: 100% auto;
  display: block;
  content: "";
}

.userBoardList .qna li .userBoardTitle,
.userBoardList .qna li .userBoardWriterInfo {
  padding: 0 3% 0 6%;
}

.userBoardList .qna li .userBoardWriterInfo {
  margin-bottom: 15px;
}

.userBoardList .qna li .boardContent .boardContentTxt {
  margin-bottom: 0;
  padding-top: 1%;
}

.userBoardList .qna li .replyContentWrap div.answerContent {
  border-top: 1px dotted #979baa;
  padding: 3% 0% 3%;
  position: relative;
  line-height: 120%;
  font-size: 3.8vw;
}

.userBoardList .qna li .replyContentWrap div.answerContent .answerContentTitle {
  margin-bottom: 8px;
  padding-left: 6%;
  position: relative;
  font-family: "AvenirNext-Medium", "Sans-serif-Medium", "AppleSDGothicNeo-Medium", "Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 3.8vw;
}

.userBoardList .qna li .replyContentWrap div.answerContent .answerContentTitle:before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  content: "";
  height: 11px;
  width: 10%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/answer.gif") 0 0 no-repeat;
  background-size: auto 100%;
}

.userBoardList .qna li .replyContentWrap div.answerContent .answerContentTitle span {
  position: relative;
}

.userBoardList .qna li .replyContentWrap div.answerContent .answerContentTitle span div {
  position: absolute;
  color: #fff;
  white-space: nowrap;
  padding: 3px 7px 5px;
  background: #ff5959;
  font-size: 10px;
  border-radius: 10px;
  top: 0;
  left: 5px;
  display: inline-block;
  line-height: 100%;
}

.userBoardList .qna li .replyContentWrap div.answerContent .answerContentTitle span div:before {
  position: absolute;
  display: block;
  content: "";
  width: 5px;
  padding-top: 7px;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/answerBg.gif") 0 0 no-repeat;
  background-size: 100% auto;
  top: 5px;
  left: -5px;
}

.goodsTab3 .paging {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-top: 15px;
}

.goodsTab3 .paging li {
  display: inline-block;
  width: 10%;
  padding-top: 10%;
  margin-right: 3px;
  position: relative;
}

.goodsTab3 .paging li a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #e3e3eb;
  font-size: 3.5vw;
  line-height: 250%;
}

.goodsTab3 .paging li.selected a {
  background: #9397a7;
  color: #fff;
  border: 1px solid #9397a7;
}

.goodsTab3 .paging li.prev a {
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/paging_prev.gif") 0 0 no-repeat;
  background-size: 100%;
}

.goodsTab3 .paging li.next a {
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab3/userBoard/paging_next.gif") 0 0 no-repeat;
  background-size: 100%;
}

.empathize {
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.empathize img {
  width: 50%;
  margin: 50% auto 0;
  display: block;
}

#epilogueTab,
#expectAppraisalTab,
#qnaTab {
  min-height: 140vw;
}

/* share Popup*/
.dimdfullLayer .dimdContent {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding-top: 6%;
}

.dimdfullLayer .dimdContent a.closeBtn {
  display: block;
  width: 5.3%;
  padding-top: 5.3%;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/closeBtn.png") 0 0 no-repeat;
  background-size: 100% auto;
  margin-left: 89%;
  margin-bottom: 4%;
}

.dimdfullLayer .dimdContent ul {
  text-align: center;
}

.dimdfullLayer .dimdContent ul li {
  display: block;
  width: 12.5%;
  padding-top: 12.5%;
  margin: 0 auto 7%;
  position: relative;
}

.dimdfullLayer .dimdContent ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/common/detail/shareIcon.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.dimdfullLayer .dimdContent ul li a.kakaoTalk {
  background-position: 0 16.7%;
}

.dimdfullLayer .dimdContent ul li a.kakaoStory {
  background-position: 0 33.58%;
  background-size: 100% 685%;
}

.dimdfullLayer .dimdContent ul li a.band {
  background-position: 0 50%;
}

.dimdfullLayer .dimdContent ul li a.facebook {
  background-position: 0 66.7%;
}

.dimdfullLayer .dimdContent ul li a.mail {
  background-position: 0 83.2%;
}

.dimdfullLayer .dimdContent ul li a.etc {
  background-position: 0 100%;
}

.capchaLayer {
  z-index: 2001;
}

.andDevice .commonArea,
.andDevice .tabArea,
.andDevice .castingWrap,
.andDevice .panelModul,
.andDevice .priceModule,
.andDevice .priceModule .tableList#disCountList,
.andDevice .prdDiscription,
.andDevice .commonNotice,
.andDevice .commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li dd table th,
.andDevice .companyInfo,
.andDevice .payNotice,
.andDevice .gallary,
.andDevice .magazine,
.andDevice .magazine .swiper-magazine,
.andDevice .magazine .magazineNews div,
.andDevice .userChart,
.andDevice .boardTop,
.andDevice .linkedPrd,
.andDevice .linkedPrd .linkedPrdTitle,
.andDevice .linkedPrd .linkedPrdTitle a,
.andDevice .userBoardList ul li .replyContentWrap div.replyWrite textarea,
.andDevice .userBoardList ul li:last-child,
.andDevice .bigItem .bigItemTitle,
.andDevice .qnaTitle {
  border-bottom-width: 1px;
}

.andDevice .detailTopArea .topBtns a,
.andDevice .tabArea,
.andDevice .castingWrap .castingOpenBtn,
.andDevice .panelModul .moduleContent .borderTop .subPanelTitle,
.andDevice .commonNotice .commonNoticeModule .moduleContent,
.andDevice .boardTop,
.andDevice .userBoardList.bestList,
.andDevice .userBoardList ul li,
.andDevice .userBoardList ul li .boardContent,
.andDevice .prdStatus,
.andDevice .priceModule .deliveryDay {
  border-top-width: 1px;
}

.andDevice .priceModule .tableList li div {
  letter-spacing: -1px;
}

.footer {
  padding-bottom: 110px !important;
}

.commonNotice .commonNoticeModule .moduleContent .txtContent .tableList li dd table th.add1 {
  background: #eeeef2;
}

body.popupVisible {
  padding-top: 0 !important;
}

body.popupVisible header,
body.popupVisible .contents,
body.popupVisible .footer,
body.popupVisible .new_top {
  display: none !important;
}

body.popupVisible .memberPopupWrap {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.memberPopupWrap {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: scroll;
  visibility: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding-bottom: 25px;
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: .4s ease;
  transition: .4s ease;
  overflow-scrolling: touch;
}

.memberPopupWrap h1 {
  box-sizing: border-box;
  height: 65px;
  padding: 27px 0 0 48px;
  background-color: #000;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}

@media screen and (max-width: 320px) {
  .memberPopupWrap h1 {
    font-size: 16px;
  }
}

.memberPopupWrap .contentWrap {
  padding: 19px 15px 0;
}

.memberPopupWrap .contentWrap .text {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 21px;
  color: #000;
  letter-spacing: -1px;
}

.memberPopupWrap .contentWrap .personalInfoWrap {
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  width: 100%;
  height: 185px;
  margin-bottom: 11px;
  padding: 15px;
  border: 1px solid #e5e5e5;
  font-size: 15px;
  line-height: 18px;
  color: #666 !important;
}

.memberPopupWrap .contentWrap .personalInfoWrap h2 {
  font-weight: normal;
  color: #666;
}

.memberPopupWrap .contentWrap .personalInfoWrap li {
  position: relative;
  padding-left: 10px;
  color: #666;
}

.memberPopupWrap .contentWrap .personalInfoWrap li:before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 5px;
  height: 1px;
  background-color: #666;
  content: "";
}

.memberPopupWrap .contentWrap .personalInfoWrap p {
  color: #666;
}

.memberPopupWrap .contentWrap .checkPersonalInfo label {
  font-size: 15px;
  font-weight: bold;
  color: #000;
}

.memberPopupWrap .contentWrap .checkPersonalInfo label input {
  position: relative;
  top: -1px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
  outline: none;
}

.memberPopupWrap .contentWrap .checkPersonalInfo label input:checked {
  border: 1px solid #000;
  background: #000 url("//ticketimage.interpark.com//TicketImage/uidev/mticket/images/pages/detail/hyundai_checkbox.png") center center no-repeat;
  background-size: 12px 9px;
}

.memberPopupWrap .contentWrap .buttonsWrap {
  display: table;
  width: 100%;
  margin-top: 19px;
}

.memberPopupWrap .contentWrap .buttonsWrap span {
  display: table-cell;
  width: 50%;
}

.memberPopupWrap .contentWrap .buttonsWrap span:first-child {
  padding-right: 3px;
}

.memberPopupWrap .contentWrap .buttonsWrap span:first-child button {
  background-color: #1e75d6;
}

.memberPopupWrap .contentWrap .buttonsWrap span:first-child button:active {
  background-color: #146bd1;
}

.memberPopupWrap .contentWrap .buttonsWrap span:last-child {
  padding-left: 3px;
}

.memberPopupWrap .contentWrap .buttonsWrap span button {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  background-color: #999;
  font-size: 17px;
  color: #fff;
  text-indent: initial;
  outline: none;
}

.memberPopupWrap .contentWrap .buttonsWrap span button:active {
  background-color: #8f8f8f;
}

.memberPopupWrap .closeButton {
  position: absolute;
  top: 18px;
  left: 10px;
}

.memberPopupWrap .closeButton a {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 0;
  line-height: 0;
}

.memberPopupWrap .closeButton a:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.memberPopupWrap .closeButton a:before, .memberPopupWrap .closeButton a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 2px;
  margin: auto;
  border-radius: 10px;
  background-color: #fff;
  content: "";
}

.memberPopupWrap .closeButton a:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.memberPopupWrap .closeButton a:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.memberPopupWrap.sktPopup .contentWrap .text {
  margin-bottom: 0;
}

.memberPopupWrap.sktPopup .contentWrap .memberCardWrap {
  margin-top: 10px;
}

.memberPopupWrap.sktPopup .contentWrap .memberCardWrap h2 {
  margin-bottom: 9px;
  line-height: 1.3;
  font-size: 18px;
}

.memberPopupWrap.sktPopup .contentWrap .memberCardWrap .cardNumberWrap {
  font-size: 0;
  width: 100%;
}

.memberPopupWrap.sktPopup .contentWrap .memberCardWrap .cardNumberWrap input {
  width: 24%;
  height: 40px;
  margin-left: 1.33%;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #cdcdcd;
  background: #f5f5f5;
}

.memberPopupWrap.sktPopup .contentWrap .memberCardWrap .cardNumberWrap input:first-child {
  margin-left: 0;
}

.memberPopupWrap.sktPopup .contentWrap .personalInfoWrap {
  height: 95px;
  margin-top: 20px;
}

.memberPopupWrap.sktPopup .contentWrap .personalInfoWrap li {
  letter-spacing: -1px;
  margin-bottom: 3px;
}

.memberPopupWrap.sktPopup .contentWrap .personalInfoWrap li:before {
  left: 3px;
  width: 2px;
  height: 2px;
  margin-top: 3px;
}

footer.pageFooter .footerContent {
  padding-bottom: 90px;
  padding-bottom: calc(50px + 12vw);
}

.priceModule .tableList .advertisement {
  float: none;
  display: block;
  min-width: auto;
  margin-top: 2.5vw;
  padding: 0 3%;
  background: none;
  line-height: 1;
}

.priceModule .tableList .advertisement a {
  position: relative;
  top: auto;
  right: auto;
  width: auto;
  margin-top: 0;
  padding-right: 0;
  font-size: 3.4vw;
  color: #000;
  text-align: left;
}

.priceModule .tableList .advertisement a:after {
  display: none;
}

.priceModule .tableList .advertisement:after {
  display: none;
}

.priceModule .tableList .advertisement.line {
  margin-top: 0;
  background: url("//ticketimage.interpark.com/TicketImage/2016/20160530_detailMo/tab1/prdInfo/tableListBg.gif") 0 top repeat-x;
  background-size: auto 1px;
  padding: 3.5% 3% 0;
}

.bookingGuidePopup {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 330px;
  max-width: 90%;
  height: 360px;
  margin: -15px auto 0;
  padding-top: 35px;
  box-sizing: border-box;
  border: 1px solid #404040;
  background: #fff;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 8;
}

.bookingGuidePopup .popHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 35px;
  padding: 9px 15px;
  box-sizing: border-box;
  background: #3d3e46;
}

.bookingGuidePopup .popHeader h1 {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
}

.bookingGuidePopup .popContent {
  overflow-y: auto;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
  color: #2e2e2e;
  font-size: 12px;
  line-height: 1.4;
}

.bookingGuidePopup .popContent p {
  margin-top: 15px;
}

.bookingGuidePopup .popContent p:first-child {
  margin-top: 0;
}

.bookingGuidePopup .popContent > ul {
  margin-top: 15px;
  font-weight: bold;
}

.bookingGuidePopup .popContent > ul > li:before {
  content: "- ";
}

.bookingGuidePopup .popContent > ul > li ul {
  padding-left: 9px;
}

.bookingGuidePopup .popCloseBtn {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  width: 35px;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.bookingGuidePopup .popCloseBtn:before, .bookingGuidePopup .popCloseBtn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 19px;
  background: #fff;
}

.bookingGuidePopup .popCloseBtn:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bookingGuidePopup .popCloseBtn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.powerLinkWrap .powerLinkInner {
  padding: 20px 25px 27px 15px !important;
}

.roundOptionLayer {
  z-index: 100;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 45px;
  padding: 5px 14px;
  border-top: 1px solid #333;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.roundOptionLayer.hidden {
  -webkit-transform: translate3d(0, 150%, 0);
  transform: translate3d(0, 150%, 0);
}

.roundOptionLayer.isApp {
  bottom: 0;
}

.roundOptionLayer .closeBtn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  width: 73px;
  height: 27px;
  margin: auto;
  padding: 0;
  background: url("//ticketimage.interpark.com//TicketImage/uidev/mticket/images/pages/detail/btn_option_close.png") no-repeat 0 0;
  background-size: 100%;
}

.roundOptionLayer .options {
  font-size: 18px;
  line-height: 1.4;
}

.roundOptionLayer .options li {
  border-top: 1px solid #eee;
}

.roundOptionLayer .options li:first-child {
  border-top: 0;
}

.roundOptionLayer .options li a {
  position: relative;
  display: block;
  padding: 13px 5px 12px;
  color: #000;
}

.roundOptionLayer .options li a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  width: 11px;
  height: 11px;
  margin: auto;
  border: 1px solid #333;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (max-device-height: 640px) {
  .bookingGuidePopup {
    height: 280px;
  }
}

@media only screen and (orientation: landscape) {
  .bookingGuidePopup {
    top: 55px;
    margin-top: 0;
    -webkit-transform: none;
    transform: none;
  }
}