/* c-type */
html, body {overflow-x:hidden; -webkit-overflow-scrolling: touch;}

.header {
    position: relative;
    margin-bottom:50px;
}
.content.fRight.snapRight, .content.fLeft.snapLeft { width:50.625vw; }
.contents-div { width: 50.625vw; }

.post-center-content {
    width:90vw;
    height:50.625vw;
    background-size:cover !important;
    background-position: center !important;
}
.post-content {
    width:50.625vw;
    height:90vw;
    background-size:cover !important;
    background-position: center !important;
}
.snapLeft {
    width:90vw;
    /*height:50.625vw;*/
}
.snapLeft .img {
    width: 90vw;
    height:50.625vw;
    background-size: cover !important;
    background-position: center !important;
}
.snapRight .img {
    width:50.625vw;
    height:90vw;
    background-size: cover !important;
    background-position: center !important;
}
.tenText { margin-top: 10px; margin-right:20px; }
.tenText p { font-family: 'Nanum Gothic', sans-serif; margin-bottom: 3px; font-size:11px; }
.tenSpan { font-weight: bold; }
.ctMenu {display:block; height:auto; overflow:hidden; text-align:center; line-height:1;}
.ctMenu span {font-size:12px; display:inline-block; text-transform:uppercase;}
.ctMenu span a {padding:0 20px; color:#000; opacity:0.3;}
.ctMenu span a.bold {opacity:1.0; font-weight:bold;}

.ctMenu .commingSoon {
    position: absolute;
    font-size: 9px;
    padding: 5px 3px 2px 3px;
    color: #FFF;
    border-radius: 3px;
    vertical-align: middle;
    background-color: #888785;
}

.contents .section-row.noMarBtm {margin-bottom:0px;}
.contents .section-row.noMarTy01 {margin-bottom:40px;}
.contents .section-row.noMarTy02 {margin-bottom:60px;}

.contents .section-row .content .ctPost-slide {margin-left:5%; height:185px; overflow:hidden; position:relative;}
.ctPostThumb {display:block; height:160px; overflow:hidden; background:#000; position:relative;}
.ctPostThumb img {width:100%; opacity:0.85; height:200px; object-fit:cover;}
.ctPostThumb .ctPostTxtSec {position:absolute; left:0; top:0; width:54%; height:160px; background:rgba(0, 0, 0, 0.75); z-index:1; display:table; padding:0 25px; box-sizing:border-box;}
.ctPostThumb .ctPostTxtSec .ctPostTxt {display:table-cell; vertical-align:middle; width:75%; margin:0 auto; color:#FFF; position:relative;}
.ctPostThumb .ctPostTxtSec .ctPostTxt .txtPostType {font-size:9px; text-decoration:underline; padding-bottom:16px; text-transform:uppercase;}
.ctPostThumb .ctPostTxtSec .ctPostTxt .txtPostTitle {font-size:17px; line-height:20px; text-transform:uppercase; margin-bottom:26px;}
.ctPostThumb .ctPostTxtSec .ctPostTxt .txtPostName {font-size:9px; opacity:0.6;}
.contents .section-row .content .swiper-pagination {position:relative; text-align:left; }
.contents .section-row .content .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom:4px;}
.swiper-container.ctPost-slide { overflow:visible; }
.contents .section-row .content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin-right:6px; margin-left:0px;}
.swiper-container.ctPost-slide .swiper-pagination-bullet {border-radius:0px; width:5px; height:5px; background:#000; opacity:0.2;}
.swiper-container.ctPost-slide .swiper-pagination-bullet-active {opacity:1.0; background:#000;}
.filter {text-align:right; margin-bottom:10px;}
.filter span {background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/filter.png') no-repeat left 50%; padding-left:17px; font-size:12px; text-transform:uppercase; color:#000; background-size:12px 11px;}

.ctImgTy01 img {width:100%;}

.contents .section-row.post-left {padding-left: 5%;}

.ctTen-tab {padding:0 15px; overflow: hidden;}
.ctTen-tab .city {width: 33.3%; height: 110px; float: left; position: relative; overflow:hidden;}
.ctTen-tab .city img {width:100%;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); opacity:0.6;
}
.ctTen-tab .city .city-txt {position:absolute; left:0; top:0; color: #fff; width:100%; height:100%; text-align: center; font-weight: bold; letter-spacing: 1px; z-index:1;}
.ctTen-tab .city .city-txt span {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%;}
.ctTen-tab .city.active .city-txt {background: rgba(0,0,0,0.2);}
.ctTen-tab .city.active img {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); opacity:1.0;
}

.tenDeco {display:block; height:70px; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/img_ten_deco.png') no-repeat 50% 50%; background-size:11px 10px;}
.countNum {text-align:center; font-size:48px; letter-spacing: -5px;}
.tenName {text-align:center; height:40px; line-height:42px; font-size:18px; font-weight:bold; text-transform:uppercase;}
.tenDesc {text-align:center; font-size:10px; color:#333; opacity:0.7; text-transform:uppercase; line-height:1; margin-bottom:8px;}
.tenWhoBox {display:block; height:auto; overflow:hidden; position:relative;}

.contents .section-row .content .who-slide .img {width:60%; height:auto; margin:0 auto;}
.contents .section-row .content .who-slide .img img {width:100%;}
.contents .section-row .content .who-slide .next {position:absolute; width:65px; height:65px; top:8%; transform:translate(0, -50%); right:0; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ten_btn_plus.png') no-repeat 50% 50%; background-size:65px 65px; z-index:999;}
.contents .section-row .content .who-slide .prev {position:absolute; width:65px; height:65px; top:8%; transform:translate(0, -50%); left:0; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ten_btn_minus.png') no-repeat 50% 50%; background-size:65px 65px; z-index:999;}
.tenWhoBox button.dirControl {position:absolute; top:35%; width:65px; height:65px; border:0px;}
.tenWhoBox button.dirControl.minus {left:0; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ten_btn_minus.png') no-repeat 50% 50%; background-size:65px 65px;}
.tenWhoBox button.dirControl.plus {right:0; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ten_btn_plus.png') no-repeat 50% 50%; background-size:65px 65px;}

.tenMore {
    position: relative;
    width: 100%;
    height: 40px;
    left: 0;
    margin-top: 45px;
    text-align: center;
    background: url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/arrow_tail.png') no-repeat 50% 20px;
    background-size: 13px 7px;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
}

.ctHead {display:block; height:auto; overflow:hidden; position:relative;}
.ctHead .ctHeadCopy {position:absolute; left:0; width:100%; top:50%; transform:translate(0, -50%); text-align:center; color:#FFF; font-size:24px; text-transform:uppercase; font-weight:bold; line-height:1.2; z-index:1;}

.ctHead img.bg {
    width: 100%;
    -webkit-filter: blur(8px);
    filter: blur(8px);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
}
.ctHead .dirLeft a {position:absolute; left:5%; top:50%; transform:translate(0, -50%); width:30px; height:30px; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/dir_left.png') no-repeat left 50%; z-index:2; background-size:9px 16px;}
.ctHead .dirRight a {position:absolute; right:5%; top:50%; transform:translate(0, -50%); width:30px; height:30px; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/dir_right.png') no-repeat right 50%; z-index:2; background-size:9px 16px;}

.ctPostCon {display:block; height:auto; overflow:hidden; margin:0 5%; padding-bottom:30px; margin-bottom:15px; border-bottom:1px solid #c1c1c1;}
.ctPostCon.noBdr {border-bottom:0px;}
.ctPostCon .artHead {color:#000; font-size:20px; font-weight:bold; font-style:italic; margin-bottom:12px; text-align:center;}
.ctPostCon .artTxt {color:#000; font-size:12px; line-height:1.2; opacity:0.7; text-align:center;}
.ctPostCon .artThumb {display:block; height:auto; overflow:hidden; width:68%; margin:15px auto 0;}
.ctPostCon .artThumb li {float:left; width:32%; height:auto; overflow:hidden; margin-right:2%; text-align:center;}
.ctPostCon .artThumb li img {width:100%;}
.ctPostCon .artThumb li:last-child {margin-right:0%;}

.ctPostCon .ctPostItem {display:block; height:auto; overflow:hidden; padding-bottom:30px;}
.ctPostCon .ctPostItem:last-child {padding-bottom:0px;}
.ctPostCon .ctPostItem .title {color:#000; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:1; margin-bottom:10px;}
.ctPostCon .ctPostItem .date {color:#000; font-size:12px; line-height:1; opacity:1.0; text-transform:uppercase; margin-bottom:5px;}
.ctPostCon .ctPostItem .desc {color:#000; font-size:12px; line-height:1.2; opacity:0.7;}
.ctPostCon .ctPostItem .imgTitle {color:#000; font-size:9px; line-height:1; opacity:0.9; margin:10px 0 5px 0;}
.ctPostCon .ctPostItem .imgDesc {color:#000; font-size:11px; line-height:1; opacity:0.7; margin:0;}

.ctPostDes {display:block; height:auto; overflow:hidden; padding-bottom:30px; margin:0 5%;}
.ctPostDes .date {color:#000; font-size:13px; line-height:1; text-transform:uppercase;}
.ctPostDes .writer {color:#000; font-size:13px; line-height:1;}
.ctPostDes .desc  {color:#000; font-size:12px; line-height:1.2; opacity:0.7;}

/*
.snap-txt .shareBox {position:absolute; right:5%; top:22px; text-align:right;}
.snap-txt .shareBox .share {display:inline-block; width:13px; height:13px; padding-right:35px; margin-right:6px;}
.snap-txt .shareBox .share:last-child {margin-right:0px; padding-right:0px;}
.snap-txt .shareBox .share.after {position:relative;}
.snap-txt .shareBox .share.after:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#a5a5a5;}
.snap-txt .shareBox .share.fb {background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/share_fb.png') no-repeat 50% 50%; background-size:10px 13px;}
.snap-txt .shareBox .share.pin {background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/share_pin.png') no-repeat 50% 50%; background-size:10px 13px;}
.snap-txt .shareBox .share a {display:block; width:100%; height:100%;}
*/

.snap-gallery{
    text-align: left;
}

.lg-sub-html {
    bottom: 0;
    color: #fff;
    background: rgba(0,0,0,0.5);
    left: 0;
    padding: 20px 5%;
    position: fixed;
    right: 0;
    text-align: left;
    box-sizing: border-box;
    text-transform: uppercase;
    z-index: 1080;
    height: 120px;
}

.lg-sub-html h4{
    font-size: 16px;
    font-weight: bold;
    margin-bottom:15px;
}

.lg-sub-html p{
    font-size: 10px;
    color: #FFF; opacity:0.7;
    margin-bottom:0px;
}

.lg-sub-html p:last-child{
    font-size: 9px;
    color: #FFF; opacity:0.7;
}
/*
.area {position:absolute; left:-60px; top:70px; text-transform:uppercase; font-size:18px; width:auto; height:30px; padding-right:60px; font-weight:bold; opacity:0.6;
-ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(-90deg);}
.area:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#414141;}
*/
.ctPostTop {display:block; height:auto; overflow:hidden; padding:0px 5px 0px 30px; position:relative; margin-bottom:40px;}
.ctPostTop:after {content:''; position:absolute; left:15px; top:0; width:1px; height:100%; background:#9e9e9e; opacity: 0.6; }
.ctPostTop .cptTitle {color:#000; font-size:25px; font-weight:bold; line-height:1; margin-top:90px; margin-bottom:14px;}
.ctPostTop .cptWriter {color:#000; opacity:0.9; font-size:15px; font-style:italic; padding-bottom:9px; margin-bottom:20px; position:relative;}
.ctPostTop .cptWriter:after {content:''; position:absolute; left:0; bottom:0; width:9px; height:1px; background:#000; opacity:0.7;}
.ctPostTop .cptHash {color:#000; font-size:11.5px; text-transform:uppercase; opacity:0.8;  margin-bottom:2px; font-weight: 500; }
.ctPostTop .cptDesc {color:#000; font-size:11.5px; line-height:1.2; opacity:0.5; margin:0 !important;}
.ctPostTop .area {position:absolute; left:15px; top:108px; height:27px; line-height:2.32222222em; background:#000; padding:0 10px 0 15px; color:#FFF; text-transform:uppercase; font-size:13px; font-weight:bold;}
.ctPostTop .area:after {content:''; width:0px; height:0px; right:-24px; top:1px; border-left:11px solid #000; border-top:13px solid transparent; border-right:13px solid transparent; border-bottom:13px solid transparent; position:absolute;}
/*
.ctPostTop .btns { padding: 15px 15px 10px 0; text-align: right; }
.ctPostTop .btns a { display: inline-block; }
.ctPostTop .btns a.btn-close { width: 15px; height: 15px; margin-left: 15px; }

.ctPostTop .btns a img {
    /*width: 100%;
    width: 15px;
 }
 */

.contents .section-row {opacity:1.0;}
.contents .ctPost-slide01 {margin-left:5%; height:auto; overflow:hidden; position:relative;}
.contents .ctPost-slide01 .ctPostThumb {display:block; height:auto; overflow:hidden; background:#000; position:relative;}
.contents .ctPost-slide01 .ctPostThumb img {width:100%; opacity:1.0;}
.contents .ctPost-slide01 .desc {font-size:11.5px; color:#000; opacity:0.6; margin:5px 0;}
.contents .ctPost-slide01 .desc .date {margin-left:5px; text-transform:uppercase;}

/*
.contents .btns { padding: 15px 15px 10px 0; text-align: right; }
.contents .btns a { display: inline-block; }
.contents .btns a.btn-close { width: 15px; height: 15px; margin-left: 15px; }

.contents .btns a img {
    /*width: 100%;
    width: 15px;
  }
*/
.ctPostCon .desc {font-size:12px; color:#000; opacity:0.6; margin:5px 0;}

.ctPostCon .profile {display:block; overflow:hidden; position:relative; }
.ctPostCon .profile .thumb {position:absolute; width:50px; height:50px; border-radius:50%; overflow:hidden; text-align:center;}
.ctPostCon .profile .thumb img {height:100%;}
.ctPostCon .profile .creInfo {display:block; padding-left:60px; height:auto; overflow:hidden;}
.ctPostCon .profile .name {color:#000; font-size:16px; font-weight:bold; text-transform:uppercase; margin-bottom:0; font-family: Minion Pro; }
.ctPostCon .profile .pBy {color:#000; font-size:12px; opacity:0.7; position:relative; line-height:1; margin:3px 0 0 0;}
.ctPostCon .profile .cDate {color:#000; font-size:12px; opacity:0.7; position:relative; line-height:1; font-family: 'Nanum Gothic', sans-serif; }



/* c-type */

/* add 190225 */
.swiper-container.cTypeSlide {overflow:visible; clear:both;}
.cTypeSlide .swiper-slide {display:block; padding-top:26px;}
.cTypeSlide .swiper-slide .cWrap {display:block; height:auto; background:#FFF; border-radius:8px;
	-webkit-box-shadow: 0px 10px 80px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 80px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 80px 0px rgba(0,0,0,0.1);
}

.cTypeSlide .swiper-slide .cWrap .cTypeBox {position:absolute; left:50%; margin-left:-43%; top:-0px; height:360px; width:86%; border-radius:8px;
	-webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.15);
}

@media (min-width: 1024px) {
    .cTypeSlide .swiper-slide .cWrap .cTypeBox {
        height:760px;
    }
}

.cTypeSlide .swiper-slide .cWrap .cTypeBox .thumb {display:block; height:360px; border-radius:8px; overflow:hidden; position:relative; z-index:999; }

@media (min-width: 1024px) {
    .cTypeSlide .swiper-slide .cWrap .cTypeBox .thumb {
        height:760px;
    }
}

.cTypeSlide .swiper-slide .cWrap .cTypeBox .thumb .mask {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;
background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0) 72%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0) 72%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.cTypeSlide .swiper-slide .cWrap .cTypeBox .thumb .alert {position:absolute; left:20px; top:30px; width:100%; padding:0 20px; box-sizing:border-box; z-index:50;}
.cTypeSlide .swiper-slide .cWrap .cTypeBox .thumb .alert p {margin:0; line-height:1.0;}
.cTypeSlide .swiper-slide .cWrap .cTypeBox .thumb .alert:after {content:''; position:absolute; left:0; top:2px; width:11px; height:11px; background:#ff2352; border-radius:50%;}
.cTypeSlide .swiper-slide .cWrap .cTypeBox .thumb .alert .title {color:#FFF; font-size:16px; font-weight:600; margin-bottom:5px;}
.cTypeSlide .swiper-slide .cWrap .cTypeBox .thumb .alert .desc {color:#FFF; font-size:16px; line-height:1.3; opacity:0.8;}

.cTypeSlide .dragControl {display:block; height:auto; overflow:hidden; padding:45px 40px; position:relative;}
.cTypeSlide .swiper-scrollbar {display:block; height:3px !important; background:#c3c3c3 !important;}
.cTypeSlide .swiper-scrollbar-drag {background:#000;}
.cTypeSlide .dragControl .current {position:absolute; left:0; top:50%; transform:translate(0, -50%); font-size:14px; color:#141414; width:40px; padding-left:5px; box-sizing:border-box;}
.cTypeSlide .dragControl .total {position:absolute; right:0; top:50%; transform:translate(0, -50%); font-size:14px; color:#727272; width:40px; text-align:right; padding-right:5px; box-sizing:border-box;}

.ctypeInfo {display:block; height:auto; overflow:hidden; padding:350px 7% 7% 7%; position:relative;}

@media (min-width: 1024px) {
    .ctypeInfo  {
        padding:780px 7% 7% 7%;
    }
}

.ctypeInfo p {padding:0; margin:0; line-height:1.0;}
.authorSec {display:block; height:auto; overflow:hidden;  position:relative;}
.authorSec.photo {padding-right:50px;}
.authorSec .userPhoto {position:absolute; right:0; top:20px; width:40px; height:40px; border-radius:50%; text-align:center; overflow:hidden;}
.authorSec .userPhoto img {width:100%;}
.authorSec .funcTxt {color:#7b7b7b; font-size:14px; padding:5px 0;}
.authorSec .subject {color:#000; font-size:30px; line-height:1.1; font-weight:600; height:70px;}
.authorSec .subject.short {height:auto;}
.elseInfo {display:block; height:auto; padding:15px 0 20px 0; overflow:hidden;}
.elseInfo .leftTime {display:inline-block; font-size:16px; color:#141414; background:url(../images/new/ico_time.png) no-repeat left 2px; background-size:15px 16px; padding-left:20px;}
.elseInfo .leftTime em {color:#ff2352; margin-left:10px; font-style:normal; font-weight:600;}
.elseInfo .leftTime em.ty01 {color:#141414; margin-left:10px; font-style:normal; font-weight:600;}
.elseInfo .recom {display:inline-block; font-size:16px; color:#141414;}
.elseInfo .space {display:inline-block; font-size:16px; color:#141414; position:relative; padding-left:25px;}
.elseInfo .space:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:14px; height:2px; background:#141414;}
.elseInfo .tags {display:block;}
.elseInfo .tags em {display:inline-block; margin-right:10px; font-style:normal;}
.elseInfo .tags em:last-child {margin-right:0;}
.funcArea {display:block; height:60px; overflow:hidden;}
.funcArea .btnApply a {display:inline-block; width:100%; height:60px; line-height:60px; border-radius:8px; text-align:center; color:#FFF; font-size:20px; background:#000;}
.funcArea .lkUser {display:block; width:100%; height:60px; background:#e0e0e0; border-radius:6px; padding:0 73px; position:relative; font-size:17px; color:#141414; line-height:60px; box-sizing:border-box;}
.funcArea .lkUser .photo {position:absolute; left:16px; top:50%; transform:translate(0, -50%); width:44px; height:44px; border-radius:6px; text-align:center; overflow:hidden; background:#ccc;}
.funcArea .lkUser .photo img {width:100%;}
.funcArea .lkUser .like {position:absolute; right:16px; top:50%; transform:translate(0, -50%); width:44px; height:44px; background:url(../images/new/ico_like_off.png) no-repeat 50% 50%; background-size:25px 25px;}
.funcArea .lkUser .like.on {background:url(../images/new/ico_like_on.png) no-repeat 50% 50%; background-size:25px 25px;}

.photoJoin {display:block; height:56px; position:relative;}
.photoJoin p {margin:0; padding:0; line-height:1.0;}
.photoJoin .txt {color:#141414; font-size:14px;}
.photoJoin .count {color:#a2a2a2; font-size:24px; margin-top:10px;}
.photoJoin .count em {color:#141414; font-style:normal;}
.photoJoin .joinMem {position:absolute; right:0; top:50%; transform:translate(0, -50%);}
.photoJoin .joinMem .cy {position:absolute; width:34px; height:34px; text-align:center; border-radius:50%; top:50%; transform:translate(0, -50%); overflow:hidden; z-index:1;}
.photoJoin .joinMem .cy img {width:100%;}
.photoJoin .joinMem .cy.count {background:#d9d9d9; text-align:center; font-size:12px; color:#141414; line-height:34px; margin-top:0;}




/*
.cTypeSlide {display:block;}
.cWrap {display:block; height:400px; background:#FFF; border-radius:8px; position:relative; clear:both; margin-top:26px;
	-webkit-box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
	-moz-box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
	box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
}
.cWrap .cTypeBox {position:absolute; left:50%; margin-left:-44%; top:-26px; height:360px; width:87%; border-radius:8px; background:#ccc;
	-webkit-box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
	-moz-box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
	box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
}
.cWrap .cTypeBox .thumb {display:block; height:360px; border-radius:8px; overflow:hidden;}

.cTypeBox {display:block; height:auto; background:#FFF; border-radius:8px;
	-webkit-box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
	-moz-box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
	box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
}
.cTypeBox .thumb {display:block; width:87%; height:auto; margin:-26px auto 0; text-align:center; border-radius:8px; overflow:hidden;
	-webkit-box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
	-moz-box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
	box-shadow: 0px 14px 40px -16px rgba(120,120,120,0.75);
}
.cTypeBox .thumb img {width:100%;}
*/

.comnWrap {padding-bottom:0;}
.comnWrap.bgWhite {background:#FFF;}
.bgCtype {position:absolute; left:0; top:0; width:100%; height:264px; z-index:0;}
.bgCtype .ctypeMask {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:1;}
.scrollWrap {display:block; height:100%; overflow:hidden; background:#FFF; border-radius:13px 13px 0 0; margin-top:215px; position:relative; z-index:10;}

.shopInfo {display:block; height:auto; overflow:hidden; box-sizing:border-box; position:relative;}
.shopInfo .userPhoto {position:absolute; right:0px; top:20px; width:40px; height:40px; border-radius:50%; overflow:hidden; text-align:center;}
.shopInfo .userPhoto img {width:100%;}
.shopInfo .infoTxt {display:block; width:100%; height:auto; overflow:hidden; box-sizing:border-box;}
.shopInfo .infoTxt p {padding:0; margin:0; line-height:1.0;}
.shopInfo .infoTxt .artist {font-size:14px;padding: 4px 0; color: #818181;}
.shopInfo .infoTxt .name {font-size: 36px; color: #000; font-family: 'Nanum Gothic', sans-serif; font-weight:600; line-height: 1.1;}
.shopInfo .infoTxt .name.photo {padding-right:50px; margin-bottom:30px;}
.shopInfo .infoTxt .job {padding: 15px 0 15px 17px; color: #7b7b7b; font-size: 14px; position: relative;}
.shopInfo .infoTxt .job:after {content: ''; position: absolute; left: 0; top: 20px; width: 10px; height: 2px; background: #949494;}
.shopInfo .infoTxt .date {height:28px; line-height:28px; padding: 0px 0 0px 19px; color: #333; font-size: 15px; position: relative; background:url(../images/new/ico_date.png) no-repeat left 50%; background-size:13px 12px;}
.shopInfo .infoTxt .time {height:28px; line-height:28px; padding: 0px 0 0px 19px; color: #333; font-size: 15px; position: relative; background:url(../images/new/ico_time.png) no-repeat left 50%; background-size:13px 14px;}
.shopInfo .infoTxt .time em {display:inline-block; margin-left:3px; color:#ff2352; font-style:normal; font-weight:600;}

.conditionBox {display:block; height:auto; overflow:hidden; background:#191919; border-radius:8px; padding:20px; padding-bottom:17px; margin:16px 0;}
.conditionBox .partici {display:block; height:auto; overflow:hidden; position:relative; font-size:17px; color:#FFF; line-height:1.0;}
.conditionBox .partici em {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right; color:#9d9d9d; font-size:15px; font-style:normal;}
.conditionBox .partici em .current {font-size:20px; color:#FFF;}
.conditionBox .particiBar {display:block; height:4px; background:#5e5e5e; border-radius:4px; position:relative; overflow:hidden; margin:15px 0 10px 0;}
.conditionBox .particiBar .perBar {position:absolute; left:0; top:0; height:4px; border-radius:4px; background:#7e7e7e; z-index:1;}
.conditionBox .particiBar .currentBar {position:absolute; left:0; top:0; height:4px; border-radius:4px; background:#FFF; z-index:2;}
.conditionBox .minMax {display:block; height:auto; overflow:hidden; position:relative; font-size:13px; color:#8b8b8b; line-height:1.0;}
.conditionBox .minMax em {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right; font-style:normal;}

.detailTab {display:block; height:63px; overflow:hidden; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.detailTab li {float:left; width:33.33%; height:62px; line-height:62px; font-size:18px; font-weight:600; text-align:center; position:relative;}
.detailTab li.on:after {content:''; position:absolute; width:28%; height:4px; background:#000; left:50%; margin-left:-14%; bottom:0; border-radius:4px;}
.detailTab li a {display:block; color:#999;}
.detailTab li.on a {color:#000;}

.ctypeDetail {display:block; height:auto; overflow:hidden; padding:30px;}
.ctypeDetail.full {padding:30px; padding-bottom:0;}
.descBox {display:block; height:auto; overflow:hidden; padding:0;}
.descBox .title {color:#000; font-size:18px; font-weight:600; margin-bottom:10px;}
.descBox .desc {color:#373737; font-size:15px; line-height:20px;}
.descBox .desc a {display:inline-block; color:#000; font-weight:600;}

.ctypeDetailTy01 {display:block; margin:15px 0 0 0; padding-bottom:30px;}
.ctypeDetailTy01 .thumb {display:block; position:relative; height:auto; border-radius:8px; overflow:hidden;}
.ctypeDetailTy01 .thumb img {width:100%;}
.ctypeDetailTy01 .swiper-pagination {bottom:0; text-align:left;}
.ctypeDetailTy01 .swiper-pagination .swiper-pagination-bullet {width:4px; height:4px; background:#b2b2b2; opacity:1.0; transition:.4s all; border-radius:4px;}
.ctypeDetailTy01 .swiper-pagination .swiper-pagination-bullet-active {width:18px; height:4px; border-radius:4px; background:#000;}

.detailBox {display:block; height:auto; overflow:hidden; padding:20px 0 15px 0; border-top:1px solid #d6d6d6; position:relative;}
.detailBox p {margin:0; padding:0; line-height:1.0;}
.detailBox .title {color:#000; font-size:18px; font-weight:600; height:40px; line-height:40px;}
.detailBox .navi {display:block; height:auto; overflow:hidden; text-align:left; position:relative;}
.detailBox .navi:after {
content:''; position:absolute; right:0; top:0; width:80px; height:100%; z-index:10;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.detailBox .navi li.swiper-slide {display:inline-block; height:40px; line-height:40px; width:auto !important; position:relative; text-transform:uppercase;}
.detailBox .navi li.swiper-slide a {display:inline-block; color:#666; font-size:15px; margin-right:20px;}
.detailBox .navi li.swiper-slide.swiper-slide-active {color:#000; position:relative;}
.detailBox .navi li.swiper-slide.swiper-slide-active a {color:#000;}
.detailBox .navi li.swiper-slide.swiper-slide-active:after {content:''; position:absolute; left:0; bottom:0; width:24px; height:3px; border-radius:4px; background:#000;}
.detailBox .date {color:#555; font-size:14px; margin:5px 0 14px 0;}
.detailBox .schedule {display:block; height:auto; overflow:hidden;}
.detailBox .schedule li {display:block; height:auto; overflow:hidden; position:relative; padding:8px 0; line-height:20px; font-size:15px; color:#373737; padding-left:80px; box-sizing:border-box;}
.detailBox .schedule li em {position:absolute; left:0; top:9px; width:80px; font-style:normal;}

.detailBox .use {display:block; height:auto; overflow:hidden;}
.detailBox .use li {display:block; height:auto; overflow:hidden; position:relative; padding:8px 0; line-height:20px; font-size:15px; color:#373737; box-sizing:border-box; padding-left:13px;}
.detailBox .use li:after {content:''; position:absolute; left:0; top:15px; width:4px; height:4px; background:#000; border-radius:50%;}

.detailBox .notes {display:block; height:auto; overflow:hidden; position:relative; padding:8px 0; line-height:20px; font-size:15px; color:#373737; box-sizing:border-box; padding-left:13px;}

.ctypeHead {display:block; height:45px; overflow:hidden; position:relative; text-align:center;}
.ctypeHead p {margin:0; padding:0; line-height:1.0;}
.ctypeHead .desc {color:#7f7f7f; font-size:11px; margin:3px 0;}
.ctypeHead .headTitle {color:#000; font-size:18px; font-weight:600;}
.ctypeHead .goBack a {position: absolute; left: 25px; top: 50%; transform: translate(0, -50%); width: 36px; height: 36px; background: url(../images/new/ar_back.png) no-repeat 50% 50%; background-size: 22px 22px;}

.maB70 {margin-bottom:70px !important;}

.qnaForm {display:block; height:auto; overflow:hidden; margin:40px; padding-bottom:40px; border-bottom:1px solid #eaeaea;}
.qnaForm p {padding:0; margin:0; line-height:1.0;}
.qnaForm .title {color:#000; font-size:18px; font-weight:600;}
.qnaForm .inputQna {display:block; height:40px; overflow:hidden; position:relative; margin-top:30px; padding-left:60px; box-sizing:border-box;}
.qnaForm .inputQna .userPhoto {position:absolute; width:40px; height:40px; border-radius:50%; left:0; top:50%; transform:translate(0, -50%); text-align:center;}
.qnaForm .inputQna .userPhoto img {width:100%;}
.qnaForm .inputQna .inputArea {display:block; width:100%; height:40px; background:#e5e5e5; border-radius:10px; position:relative;}
.qnaForm .inputQna .inputArea input[type="text"] {display:inline-block; height:100%; background:none; border:0; line-height:40px; color:#2e2e2e; font-size:14px; padding:0 10px; box-sizing:border-box;}
.qnaForm .inputQna .inputArea button.btnPhoto {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:40px; height:40px; background:url(../images/new/ico_photo.png) no-repeat 50% 50%; background-size:40px 40px; text-indent:-9999px; border:0;}

.qnaList {display:block; height:auto; overflow:hidden;}
.qnaList .qnaBox {display:block; padding:0 0 25px 0; position:relative; margin:0 40px;}
.qnaList .qnaBox .userPhoto {position:absolute; width:40px; height:40px; border-radius:50%; left:0; top:0; text-align:center; overflow:hidden; box-sizing:border-box;}
.qnaList .qnaBox .userPhoto.lock {border:2px solid #cacaca;}
.qnaList .qnaBox .userPhoto img {width:100%;}
.qnaList .qnaBox .qnaCon {display:block; height:auto; overflow:hidden; padding-left:60px; box-sizing:border-box;}
.qnaList .qnaBox .qnaCon p {margin:0; padding:0; line-height:1.0;}
.qnaList .qnaBox .qnaCon .writer {color:#000; font-size:17px; margin-bottom:5px; font-weight:600;}
.qnaList .qnaBox .qnaCon .txt {color:#000; font-size:15px; line-height:20px; margin-bottom:15px;}
.qnaList .qnaBox .qnaCon .txt.lock {background:url(../images/new/ico_lock.png) no-repeat left 50%; background-size:12px 14px; padding-left:18px; font-style:italic;}
.qnaList .qnaBox .qnaCon .writeInfo {color:#666; font-size:14px;}
.qnaList .qnaBox .qnaCon .writeInfo .date,
.qnaList .qnaBox .qnaCon .writeInfo .time {display:inline-block; margin-right:10px;}
.qnaList .qnaBox .qnaCon .writeInfo .btnReply a {color:#000; font-weight:600;}

.qnaList .replyBox {display:block; padding:25px 0; position:relative; background:#f2f2f2; margin-bottom:25px;}
.qnaList .replyBox .userPhoto {position:absolute; width:40px; height:40px; border-radius:50%; left:100px; top:25px; text-align:center; overflow:hidden; box-sizing:border-box;}
.qnaList .replyBox .userPhoto.lock {border:2px solid #cacaca;}
.qnaList .replyBox .userPhoto img {width:100%;}
.qnaList .replyBox .replyCon {display:block; height:auto; overflow:hidden; padding-left:160px; box-sizing:border-box;}
.qnaList .replyBox .replyCon p {margin:0; padding:0; line-height:1.0;}
.qnaList .replyBox .replyCon .writer {color:#000; font-size:17px; margin-bottom:5px; font-weight:600;}
.qnaList .replyBox .replyCon .writer em {font-style:normal; font-weight:normal; font-size:9px; padding:3px 10px; color:#FFF; border-radius:4px; background:#000; display:inline-block; text-transform:uppercase; vertical-align:2px; margin-left:5px;}
.qnaList .replyBox .replyCon .txt {color:#000; font-size:15px; line-height:20px; margin-bottom:15px;}
.qnaList .replyBox .replyCon .writeInfo {color:#666; font-size:14px;}
.qnaList .replyBox .replyCon .writeInfo .date,
.qnaList .replyBox .replyCon .writeInfo .time {display:inline-block; margin-right:10px;}
.qnaList .replyBox .replyCon .writeInfo .btnReply a {color:#000; font-weight:600;}
.qnaList .replyBox .replyCon .replyPhoto {margin-bottom:20px;}
.qnaList .replyBox .replyCon .replyPhoto .swiper-slide img {width:100%; overflow:hidden; border-radius:10px;}

.reviewForm {display:block; height:auto; overflow:hidden; margin:40px; padding-bottom:40px; border-bottom:1px solid #eaeaea;}
.reviewForm p {padding:0; margin:0; line-height:1.0;}
.reviewForm .title {color:#000; font-size:18px; font-weight:600;}
.reviewForm .reviewStats {display:block; height:47px; position:relative; margin-top:20px;}
.reviewForm .reviewStats .rate {display:block; height:20px; margin-bottom:15px;}
.reviewForm .reviewStats .rate .star {float:left; width:21px; height:20px; background:url(../images/new/ico_star.png) no-repeat 50% 50%; background-size:21px 20px; opacity:0.2; margin-right:6px;}
.reviewForm .reviewStats .rate .star:last-child {margin-right:0;}
.reviewForm .reviewStats .rate .star.on {opacity:1.0;}
.reviewForm .reviewStats .starScore {display:block; color:#000; font-size:14px;}
.reviewForm .reviewStats .starScore em {font-style:normal; font-weight:600;}
.reviewForm .reviewStats .btnReview a {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:42%; height:47px; line-height:47px; background:#e5e5e5; border-radius:10px; text-align:center; color:#444; font-size:14px; font-weight:600;}
.reviewForm .reviewStats .btnReview img {width:17px; margin-right:10px;}

.reviewList {display:block; height:auto; overflow:hidden;}
.reviewList .reviewBox {display:block; padding:0 40px 25px 40px; position:relative;}
.reviewList .reviewBox .writerInfo {display:block; height:40px; position:relative; padding-left:60px; margin-bottom:15px;}
.reviewList .reviewBox .writerInfo .userPhoto {position:absolute; width:40px; height:40px; border-radius:50%; left:0; top:0; text-align:center; overflow:hidden; box-sizing:border-box;}
.reviewList .reviewBox .writerInfo .userPhoto img {width:100%;}
.reviewList .reviewBox .writerInfo p {padding:0; margin:0; line-height:1.0;}
.reviewList .reviewBox .writerInfo .writer {color:#000; font-size:17px; margin-bottom:5px; font-weight:600;}
.reviewList .reviewBox .writerInfo .rate {display:block; height:13px;}
.reviewList .reviewBox .writerInfo .rate .star {float:left; width:13px; height:12px; background:url(../images/new/ico_star.png) no-repeat 50% 50%; background-size:13px 12px; opacity:0.2; margin-right:3px;}
.reviewList .reviewBox .writerInfo .rate .star:last-child {margin-right:0;}
.reviewList .reviewBox .writerInfo .rate .star.on {opacity:1.0;}
.reviewList .reviewBox .reviewPhoto {margin:0 0 15px 0;}
.reviewList .reviewBox .reviewPhoto .swiper-slide img {width:100%; overflow:hidden; border-radius:10px;}

.reviewList .reviewBox .txt {color:#000; font-size:15px; line-height:20px; margin-bottom:15px;}
.reviewList .reviewBox .writeInfo {color:#666; font-size:14px;}
.reviewList .reviewBox .writeInfo .date,
.reviewList .reviewBox .writeInfo .time {display:inline-block; margin-right:10px;}