/************** 배틀투어 ***************/ .title-area ~ .search-box.rwd.battle-tour-type {margin-top:50px;} .search-box.rwd.battle-tour-type .search-inner .grid-area .colum:first-child{margin-bottom:20px;} .search-box.rwd.battle-tour-type .search-inner .grid-area .colum:nth-child(2){margin-bottom:20px;} .search-box.rwd.battle-tour-type .search-inner .btn-search {max-height:116px;} .tour_date {margin-top:60px; font-size:20px; color:#333;} .tour_date span {color:#666;} .event-list.battle-tour-list {margin-top:30px; overflow:visible;} .event-list.battle-tour-list ul li .desc .tit {display: -webkit-box; min-height:66px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal; word-break: keep-all;} .battle-tour-list dl {position:relative;} .battle-tour-list .ico-area {position:absolute; bottom:0; right:0; width:auto;} .battle-tour-list .ico-area .ico-heart:before {content:""; display:block; position:absolute; left:0; top:2px; width:21px; height:18px; background:url('../image/icon/ico_heart_off.png') no-repeat left center; } .battle-tour-list .ico-area .ico-heart.type2:before {background:url('../image/icon/ico_heart2.png') no-repeat left center; } .battle-tour-list .ico-area .ico-heart.on:before {background:url('../image/icon/ico_heart.png') no-repeat left center;} .battle-tour-list .ico-area .ico-comment:before {content:""; display:block; position:absolute; left:0; top:2px; width:21px; height:19px; background:url('../image/icon/ico_comment.png') no-repeat left center; } .battle-tour-list .ico-area .ico-comment.type2:before{background:url('../image/icon/ico_comment2.png') no-repeat left center;} .battle-tour-list .ico-area p {position:relative; padding-left:27px; display:inline-block; cursor:pointer; font-size:14px; color:#666;} .battle-tour-list .ico-area p + p {margin-left:15px;} .battle-tour-content .txtbox textarea {resize:none;} .tb-responsive.customer .wspace-pre {white-space: pre-line;} .tb-responsive.customer .form-group label{font-size: 1.6rem; white-space: pre-line;} .mt-cnt.mobile_btn{display:none;} .mt-cnt.pc_btn{display:block;} .templetType .custom-radio {text-align:center;} .templetType .custom-radio img {display:block; margin-bottom:10px;} .tb-responsive.battle-tour-content {border-top:none;} .battle-tour-content tr .borderL {border-right:1px solid #eeeeee; word-break: keep-all;} .battle-tour-content tr th {padding-top:50px; vertical-align: top;} .battle-tour-content tr th * {vertical-align:middle;} .battle-tour-content tr td.writeInfo {padding:0;} /* 2019-08-08 내용 추가 구분선 수정 */ .battle-tour-content tr td.writeInfo table + table tr:first-child {border-top:1px solid #999999;} /* 2019-08-08 내용 추가 구분선 수정 */ .battle-tour-content tr td.writeInfo table:first-child tr:last-child td, .battle-tour-content tr td.writeInfo table:last-child tr:last-child td {border-bottom: 0 none;} /* 2019-08-08 내용 추가 구분선 수정 */ .battle-tour-content .btn-box {display:inline-block; margin-left:13px; font-size:0;} .battle-tour-content .btn-box a {display:inline-block; width:19px; height:19px;} .battle-tour-content .btn-box .btn_add {background:url('../image/btn/btn_add.jpg') no-repeat 0 0;} .battle-tour-content .btn-box .btn_del {margin-right:5px; background:url('../image/btn/btn_del.jpg') no-repeat 0 0;} .battle-tour-content .input-group + .field-guide {margin-top:10px;} .list-top .tour_date .date_select {position: absolute;top: -10px;left: 50px;} .battle-tour-list.event-list .state {position:absolute; bottom:25px; right:0; width:auto; font-size:18px;} .battle-tour-list .state.red {color:#da291c;} .battle-tour-list .state.green {color:#00b050;} .battle-tour-list .state.blue {color:#4472c4;} .input-group ~ .field-guide {margin-top:10px;} /* battle_view A */ .battle-detail {overflow: hidden; margin-bottom: 8rem;} .list-detail-contain .battle-viewimg img{max-width: 100%; width: 100%;} .list-detail-contain .battle-detail .battle-txt {word-break:keep-all; text-align:center; } .list-detail-contain .battle-detail .battle-txt h4 {padding: 4rem 0 3rem 0;font-size: 3rem;font-weight: 700;color: #333;} .list-detail-contain .battle-detail .battle-txt p{padding-bottom: 3.7rem; font-size: 1.6rem;} /* battle_view B */ .list-detail-contain.battle-b .battle-detail { overflow: hidden; margin-bottom: 10rem;} .list-detail-contain.battle-b .battle-detail .battle-viewimg{ display:table-cell; vertical-align: top;} .list-detail-contain.battle-b .battle-detail .battle-viewimg img{ max-width: 100%; width: 100%; height: 40rem;} .list-detail-contain.battle-b .battle-detail.right .battle-viewimg{float: right;} .list-detail-contain.battle-b .battle-detail.right .battle-txt{padding: 0 5rem 0 0;} .list-detail-contain.battle-b .battle-detail .battle-txt {display: table-cell; padding: 0 0 0 5rem; word-break:keep-all; text-align: left;} .list-detail-contain.battle-b .battle-detail .battle-txt h4 {padding: 0 0 3rem 0; font-size: 3rem; font-weight: 700; color: #333;} .list-detail-contain.battle-b .battle-detail .battle-txt p{padding-bottom: 3.7rem; font-size: 1.6rem;} .list-detail-contain.battle-b .battle-detail .battle-txt.txt_only {text-align:center; padding:0;}/* 190610 추가*/ .list-detail-contain.battle-b .battle-detail .img_only {display:block; width:100%;}/* 190610 추가*/ .list-detail-contain.battle-b .battle-detail .img_only img {height:auto;}/* 190610 추가*/ /* 리스트이미지 youtube시 클래스 추가 */ .list-detail-contain .battle-detail .battle-viewimg.yout{position: relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} .list-detail-contain .battle-detail .battle-viewimg.yout iframe{position: absolute; top:0; left:0; width:100%; height:100%;} .list-detail-contain.battle-b .battle-detail .battle-viewimg.yout{position: relative; padding-bottom:36.25%; padding-top:30px; height:0; overflow:hidden;} .list-detail-contain.battle-b .battle-detail .battle-viewimg.yout iframe{position: absolute; top:0; left:0; width:100%; height:100%;} /* 제목상단 view 아이콘 */ .list-detail-title .icon-wrap{margin-top: 2rem;} .list-detail-title .icon-wrap span {margin-left: 2.5rem; font-size: 1.8rem;} .list-detail-title .icon-wrap span:first-child{margin-left:1rem;} .list-detail-title .icon-wrap span:before { display: inline-block; content: ''; position: relative; top: 4px; left: -8px; width: 25px; height: 22px; background: url(../image/icon/icon_likeset.png);} .list-detail-title .icon-wrap .like-icon:before{ background: url(../image/icon/icon_likeset.png)-3px 0; } .list-detail-title .icon-wrap .message-icon:before{ background: url(../image/icon/icon_likeset.png)-33px 0;} .list-detail-title .icon-wrap .view-icon:before{width:33px; background: url(../image/icon/icon_likeset.png)-64px 0;} /* likeBox */ .list-detail-contain .like-box{ width:100%; margin:0 auto; text-align: center;} .like-box .like-btn { position: relative; margin-bottom: 6rem; width: 130px; height:50px; cursor: pointer; background-color: #fff; border:1px solid #ddd;} .like-box .like-btn span{ position: absolute; left: 70%; top: 50%; transform:translate(-50%, -50%); font-size: 1.8rem; color: #333;} .like-box .like-btn:before{display: inline-block; content: ''; position: absolute; top: 10px; left: 18%; width: 35px; height: 30px; background:url(../image/icon/like_heart.png)35px; } .like-box .like-btn.active:before{background:url(../image/icon/like_heart.png)0 0;} /* 댓글리스트 */ .commentwarap{ padding-top: 2.5rem; border-top: 1px solid #6a6a6a;} .commentwarap textarea { position: absolute; top: 0; left: 0; word-break: break-word; resize: none; overflow-y: auto; padding: 1rem 2rem; width: 80%; height: 108px; box-sizing: border-box;border: none;background: none;font-size: 1.6rem;} .commentwarap textarea::placeholder{font-size: 1.6rem; color: #939393;} .commentwarap .text-box { position: relative; margin-top: 2.5rem; padding: 1rem; width: 100%; height: 108px; background-color: #fff; border: 1px solid #ddd;} .commentwarap .text-box button{ float: right; width: 116px; height: 88px; background-color: #666; color: white;} .commentwarap .review-tal { color: #6a6a6a;} .commentwarap .review-tal span {padding-left: 8px; font-weight: 800; color: #333;} .commentwarap .review-list {margin-top: 2rem; border-top: 1px solid #eee; border-bottom:1px solid #eee;} .commentwarap .review-list li{padding: 3rem;border-top: 1px solid #eee;} .commentwarap .review-list li:first-child{border-top: 0;} .commentwarap .review-list li.review-com{background: #fbfbfb; padding-left: 6rem;} .commentwarap .review-list li.review-com .review-writer:before{ display: inline-block; content: ''; position: absolute; top: 4px; left: -20px; width: 8px; height:8px; background: url(../image/icon/icon_review_com.png)} .commentwarap .review-list li.review-com .review-writer{position:relative;} .commentwarap .review-list li .review-writer{ font-size: 1.4rem; color: #333; font-weight: 700; } .commentwarap .review-list li .review-cont { margin: 1rem 0; font-size: 1.6rem; color: #666;} .commentwarap .review-list li .review-date { font-size:1.4rem; color: #888;} @media(max-width: 1024px){ .list-detail-area .list-detail-contain .battle-detail{margin-bottom: 6rem;} .list-detail-area .list-detail-contain .battle-detail .battle-viewimg.colum, .battle-detail .battle-txt.colum {float:none; display:block; width: 100%;} .list-detail-area .list-detail-contain .battle-detail.right .battle-viewimg{float:none;} .list-detail-area .list-detail-contain .battle-detail .battle-txt, .list-detail-contain .battle-detail.right .battle-txt{padding: 0} .list-detail-area .list-detail-contain .battle-detail .battle-txt p{padding: 0 0 1rem 0;} .list-detail-area .list-detail-contain .battle-detail .battle-txt h4{padding: 2rem 0 1rem 0;} .list-detail-area .list-detail-contain .battle-viewimg img{height:auto;} .like-box .like-btn span{font-size: 1.6rem;} .battle-tour-content .btn-box {margin: 1rem 0 0 0} .list-detail-contain.battle-b .battle-detail .battle-viewimg.yout{position: relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} } @media (max-width:768px){ .title-area ~ .search-box.rwd.battle-tour-type {margin-top:0;} .search-box.rwd.battle-tour-type .search-inner .btn-search{position: static;width: 100%; font-size: 1.4rem;} #tab-scroll.battle-tour-tab.tab-menu.responsive-scroll {padding:0 1rem;} /* 2019-08-08 탭 수정 */ .battle-tour-tab.tab-menu.responsive-scroll ul {width:100%;padding:0;} /* 2019-08-08 탭 수정 */ .battle-tour-tab.tab-menu.responsive-scroll ul li {width:50%;} /* 2019-08-08 탭 수정 */ .tour_date {width:70%; margin-top:2rem; font-size: 1.3rem;} .event-list.battle-tour-list {margin-top:10px;} .event-list.battle-tour-list ul li .desc .tit {min-height:auto;} .mo_sub_tit {display:block;} .mo_sub_tit:before {content:"- ";} .battle-tour-content tr .borderL {border-right:none;} .battle-tour-content .btn-box {float:right;} .battle-tour-content .btn-box a {background:none !important; width:auto;} .battle-tour-content .btn-box .blind{position:relative; width:auto; height:auto; left: auto;text-indent: initial;clip: initial;font-size: 1.4rem;} .tb-responsive.customer.battle-tour-content .rwd-table td .title {width:100%; max-width:100%;} .battle-tour-content .btn-box .btn_del {margin-right:10px;} .tb-responsive.customer .templetType {text-align: center;} .tb-responsive.customer .templetType .custom-radio {margin: 0 1rem 2rem;} .battle-tour-content .text-list, .tb-responsive.customer .text-list{padding-left: 0;} .tb-responsive.customer .wspace-pre {white-space: normal;} .mt-cnt.mobile_btn {display:block; margin-top:2rem;} .mt-cnt.pc_btn{display:none;} .list-detail-title .icon-wrap span {margin-left: 2.5rem;font-size: 1.3rem;} .list-detail-title .icon-wrap span:first-child{margin-left:1rem;} .list-detail-title .icon-wrap span:before { display: inline-block; content: ''; position: relative; top: 4px; left: -8px; width: 21px; height:18px; background: url(../image/icon/icon_likeset.png);} .list-detail-title .icon-wrap .like-icon:before{background: url(../image/icon/icon_likeset.png)-2px 0;background-size:8rem;} .list-detail-title .icon-wrap .message-icon:before{background: url(../image/icon/icon_likeset.png)-26px 0; background-size:8rem;} .list-detail-title .icon-wrap .view-icon:before{width:27px;background: url(../image/icon/icon_likeset.png)-51px 0;background-size:8rem;} .list-detail-title .icon-wrap{margin-top: 1rem;} .list-detail-area .list-detail-contain .battle-detail .battle-txt h4{font-size: 1.6rem;} .list-detail-area .list-detail-contain .battle-detail .battle-txt p{font-size: 1.3rem;} .like-box .like-btn:before{ display: inline-block; position: absolute; top: 14px; left: 18%; content: ''; width: 25px; height: 22px; background: url(../image/icon/like_heart.png)25px 0; background-size: 50px;} .like-box .like-btn.active:before{ width: 25px; height: 22px; background: url(../image/icon/like_heart.png)0 0; background-size: 50px;} .like-box .like-btn span{ left: 65%; font-size: 1.3rem; } .like-box .like-btn{width: 100px;} .commentwarap .text-box button{ float: right; width: 20%; height: 88px; background-color: #666; color: white; word-break: keep-all;} .commentwarap textarea{font-size: 1.3rem;} .commentwarap textarea::placeholder{font-size: 1.3rem;} .commentwarap{padding-top: 1rem;} .commentwarap .text-box{margin-top: 1rem;} .review-list li{padding: 2rem;} .review-list li .review-writer{ font-size: 1.2rem; color: #333; font-weight: 700;} .review-list li .review-cont { margin: 1rem 0; font-size: 1.3rem; color: #666;} .review-list li .review-date { font-size:1.3rem; color: #888;} .review-list li.review-com{ padding-left: 5rem; background: #fbfbfb;} .list-top .tour_date .date_select {position: absolute;top: 0px;left: 35px;} .battle-tour-list.event-list .state {margin-top:0; bottom:20px;} } /* 2019-08-28 배너영역 */ .battle-banner-view{position:relative;width:100%;max-width: 100%;margin:0 auto;margin-top:30px;background-color: #000;} .battle-banner-view .battle-banner-img{position: absolute;display:block;width:100%;height: 100%;opacity: 0.6;} .battle-banner-view .detail-area{width:100%;} .battle-banner-view .detail-area .desc-wrap:after {clear:both;display:block;content:'';} .battle-banner-view .detail-area .desc-wrap {position:relative;display: table;width:100%;margin:0 auto;padding: 20px 30px;height: 385px;} .battle-banner-view .detail-area .desc-wrap .left {/* float:left; */display: table-cell;width:70%;vertical-align: middle;} .battle-banner-view .detail-area .desc-wrap .right {float:right;text-align:right;width:30%} .battle-banner-view .detail-area .desc-wrap .inner {} .battle-banner-view .detail-area .desc-wrap .left .inner {width: 100%;} .battle-banner-view .detail-area .desc-wrap .right .inner {width:25%} .battle-banner-view .category {float:none;display:inline-block} .battle-banner-view .desc-wrap .tit{font-size:22px;color:#fff;font-weight:700;margin-bottom: 6px;} .battle-banner-view .desc-wrap .subTit{color:#fff; font-size:16px; line-height: 24px;font-weight:300;} .battle-banner-view .desc-wrap .tit .room-name{white-space:nowrap;} .battle-banner-view .desc-wrap .txt{margin: 20px 0;color:#fff;font-size: 14px;line-height:22px;} .battle-banner-view .desc-wrap .txt span {font-size:14px;color:#fff;margin-left:10px} .battle-banner-view .desc-wrap .txt1 {color:#fff;font-size:22px;font-weight:700;line-height:1.6em} .battle-banner-view .desc-wrap .txtNotice {margin-top:10px;color:#fff;font-size:14px;} .battle-banner-view .desc-wrap .txtNotice li {margin-top: 10px;} .battle-banner-view .desc-wrap .txtNotice li:before {content: "※ ";margin-right: 4px;} .battle-banner-view .desc-wrap .txtNotice.cir li:before {content: "● ";} .battle-banner-view .desc-wrap .txtNotice li.no_cir:before {content: "";padding-left:1em;} /* 2020-08-07 스타일추가 */ @media (max-width:1280px){ .battle-banner-view .desc-wrap .tit{} .battle-banner-view .desc-wrap .txt1 {font-size:16px;font-weight:700;margin-top:8px} } @media (max-width:768px){ .battle-banner-view .desc-wrap .tit {font-size: 18px;} .battle-banner-view .desc-wrap .subTit {font-size: 14px;} .battle-banner-view .desc-wrap .txt {font-size: 12px;} .battle-banner-view .desc-wrap .txtNotice {font-size: 12px;} .battle-banner-view .detail-area .desc-wrap {/* height: auto; */padding: 30px;} .battle-banner-view .detail-area .desc-wrap .inner {display: block;height: auto;} .battle-banner-view .detail-area .desc-wrap .left .inner, .battle-banner-view .detail-area .desc-wrap .right .inner{width: 100%;} .battle-banner-view .detail-area .desc-wrap .left {/* float:none; */width:100%;} .battle-banner-view .detail-area .desc-wrap .right {float:none;text-align:left;width:100%} }