@charset "UTF-8";

@import url(/resources/static/css/font.css);
@import url(/resources/static/css/selectric.css);
@import url(/resources/static/css/btn.css);
@import url(/resources/static/css/jquery.mCustomScrollbar.css);
@import url(/resources/static/css/default.css);
@import url(/resources/static/css/layout.css);
@import url(/resources/static/css/slick.css);
@import url(/resources/static/css/swiper.min.css);
@import url(/resources/static/css/circular-indicator.css);
@import url(/resources/static/css/md-preloader.css);

.mgt {margin-top:50px;}
.bdtn {border-top:0 !important}
.bdbn {border-bottom:0 !important}
.pdtA {padding-top:38px;}
.pdtB {padding-top:20px;}
.mgtA {margin-top:38px;}
.caption {}
.caption li {color:#8f8f8f; font-size:14px; margin-bottom:7px;}
.caption2 {margin-bottom:50px;}
.caption2 li {display:inline-block; width:23%; vertical-align:top;}
.contStart {box-shadow:inset 0 1px 2px 0px rgba(178, 178, 178, 0.5); border-top:solid 1px #f2f2f2;}
.contStart.nsw {box-shadow:none;}
.que {display:inline-block; vertical-align:middle; margin:-3px 0 0 3px; width:15px; height:15px; overflow:hidden; text-indent:-999em; background:url(../images/ico_qu.png) 0 center no-repeat; background-size:15px;}
.ud {text-decoration:underline !important; text-underline-position:under;}
.pkun {display:inline-block; position:relative; z-index:1;}
.pkun:after {content:''; display:block; position:absolute; bottom:0px; width:100%; height:11px; background:#ffe0e7; z-index:-1;}
.f10 {font-size:10px !important; letter-spacing:-0.02em;}
.f11 {font-size:11px !important; letter-spacing:-0.03em;}
.textNowrap {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bgN {background:none !important;}
.mgr-3 {margin-right:-3px;}

.policy {text-align:left;}
.policy h3 {font-size:15px; margin:8px 0;}
.policy h3.first {margin-top:0;}
.policy h3.big {font-size:18px;}
.policy h4 {font-size:14px !important; margin:5px 0 !important; font-weight:bold;}
.policy ul {margin-bottom:10px;}
.policy li, .policy p {font-size:12px; margin-bottom:5px;}
.policy li:after {content:''; display:block; clear:both;}
.policy li>em {display:block; float:left; width:20px;}
.policy li>span {display:block; float:left; width:calc(100% - 20px);}
.policy li>span>b {width:65px; display:block; float:left; font-family:'Noto Sans R', 'dotum', sans-serif; font-weight:normal; padding-left:10px;}
.policy li>span>em {width:calc(100% - 75px); display:block; float:left;}
.policy li ol {padding-left:10px;}
.policy li ol p {padding-left:10px;}
.policy strong {display:block; font-size:14px;}
.policy .ac img {width:25%}
.policy .gray li, .policy .gray {color:#777; font-size:13px;}
.policy .fs {font-size:11px;}

.progress {text-align:left; font-size:14px;}
.progress h3 {font-size:14px !important; margin:5px 0 !important; color:#000;}
.progress h4 {font-size:14px !important; margin:5px 0 !important; font-family:'Noto Sans B', 'dotum', sans-serif; font-weight:700; color:#000;}
.progress p {color:#000; margin-bottom:5px;}
.progress p.mgb15 {margin-bottom:15px;}
.progress ul {margin-bottom:15px;}
.progress li {position:relative;}
.progress li:after {content:''; display:block; clear:both;}
.progress li>span {color:#000;}
.progress li>em {color:#aaa;}
.progress textarea.textarea {resize:none; /*resize:vertical;*/ height:auto; overflow-y:hidden; padding:0; border-radius:0; border-color:transparent; box-sizing:border-box;}
.progress textarea.textarea::placeholder {padding-top:0; text-align:left; font-size:14px; color:#aaa; opacity:1; font-family:'Noto Sans R', 'dotum', sans-serif; letter-spacing:-0.02em;} 
.progress textarea.textarea::-webkit-input-placeholder {padding-top:0; text-align:left; font-size:14px; color:#aaa; opacity:1; font-family:'Noto Sans R', 'dotum', sans-serif; letter-spacing:-0.02em;} 
.progress textarea.textarea::-ms-input-placeholder {padding-top:0; text-align:left; font-size:14px; color:#aaa; opacity:1; font-family:'Noto Sans R', 'dotum', sans-serif; letter-spacing:-0.02em;} 
.progress li.type1>span {float:left; display:block; width:fit-content; margin-right:0.5%;}
.progress li.type1>em {float:left; display:block; width:fit-content;}
.progress ul.type2 li>span {float:left; display:block; width:1%; margin-right:0.5%;}
.progress ul.type2 li>em {float:left; display:block; width:98.5%;}
@media (max-width: 700px) {
.progress ul.type2 li>span {width:4%;}
.progress ul.type2 li>em {width:95.5%;}
}


/* 포유 */
.main-slider .slick-slide, .main-slider .slick-slide::before, .caption {-webkit-backface-visibility: hidden; backface-visibility:hidden;}
.main-slider .slick-slide::before {content:''; position:absolute;  top:0; left:0; width:100%; height:100%;}
.main-slider {position:relative; width:100%; height:37vw; min-height:8vw; opacity:0; visibility:hidden;}
.main-slider.slick-initialized { opacity:1; visibility:visible;}
.main-slider .slick-slide {position:relative; height:37vw;}
.main-slider .slick-slide::before {/*background-color:#000; opacity:.3;*/ z-index:1;}
.main-slider .slick-slide iframe {position:relative; pointer-events:none;}
.main-slider .slick-slide .slide-image {opacity:0; height:auto; background-size:cover; background-position:center 0; transition:all .8s ease;}
/*.main-slider .slick-slide .slide-image {opacity:0; height:100%; background-size:cover; background-position:center 0; transition:all .8s ease;}*/
.main-slider .slick-slide .slide-image.show {opacity:1;}
.main-slider .slick-slide .image-entity {width:100%; opacity:0; visibility:hidden;}
.main-slider .slick-slide .loading {position:absolute; top:44%; left:0; width:100%;}
.main-slider .slick-slide.slick-active {z-index:1;}
.main-slider .slick-dots {position:absolute; bottom:30px; left:0; width:100%; text-align:center; }
.main-slider .slick-dots {bottom:0;}
.main-slider .slick-dots li {display:inline-block; vertical-align:top; margin:0 8px; position:relative; width:62px; height:3px;}
.main-slider .slick-dots li:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(255,255,255,.7);}
/*.main-slider .slick-dots li button {position:relative; width:62px; height:3px; border:none; cursor:pointer; vertical-align:middle; overflow:hidden; text-indent:-999em; background-color:#fff; transition:all .3s ease; opacity:.7;}
.main-slider .slick-dots li button:focus {outline:none;}
.main-slider .slick-dots li button:hover {opacity: 1;}*/
.main-slider .slick-dots li *:focus {outline:none;}
.pro-bar{position:absolute; bottom:0; left:0; width:0; height:100%; display:block; background:#ff4c4e; z-index: 3; border:none; cursor:pointer; overflow:hidden; text-indent:-999em;}
.pro-ani{animation: proBar 5s 1;}
.pro-aniNo{width:100%;}
.pro-aniMedia{animation: proBar 10s 1;}
@keyframes proBar{
0%{width:0;}
100%{width:100%;}
}
/*.main-slider .slick-slide:hover, .main-slider .slick-dots li button.pro-bar:hover {
    animation-play-state: paused;
}*/

.foruCont {padding:50px 0 0; margin:0; width:100%;}
.foruCont.last {padding-top:0;}
#content .foruCont h4.tit {font-size:23px; margin-bottom:0; padding-left:3%;}
.foruCont .mainList, .foruCont .mainList2 {margin-bottom:50px;}
.foruCont .last {margin-bottom:0;}
.mainList { padding:10px 3%; overflow:hidden; position:relative; z-index:3;}
.mainList .mlist {display:block; float:left; position:relative; /*min-width:200px;*/ padding:0 1px; z-index:1; /*transition:all .3s ease-out;*/}
.mainList .slick-list {overflow:visible;}
/*.mainList .mlist:hover, .mainList .mlist:focus {-webkit-transform:scale(1.03); transform:scale(1.03); z-index:5;}*/
.mainList .mlist a {display:block;}
.mainList .mlist .thum {display:block; width:100%; /*height:148px;*/ overflow:hidden;}
.mainList .mlist .thum img {width:100%; /*height:100%;*/}
.mainList .mlist .tit {display:block; position:relative; height:48px; padding:12px; box-sizing:border-box; background:#000 url(../images/icon-arrow.png) 95% center no-repeat; background-size:9px;}
.mainList .mlist .tit .txt {display:block; width:80%; color:#fff; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mainList .mlist .tit .time {display:inline-block; position:absolute; top:-25px; right:10px; color:#fff; font-size:12px; padding:3px; background:rgba(0,0,0,.8);}
.mainList .slick-arrow { opacity:0;}
.mainList:hover .slick-arrow, .mainList:hover .slick-dots { opacity:1;}
.mainList .slick-prev {display:flex; position:absolute; top:10px; left:0px; width:3%; border:0; height:calc(100% - 20px); overflow:hidden; cursor:pointer; text-indent:-999em; background:#000 url(../images/btn-l.png) center center no-repeat; background-size:18px; z-index:10; transition:all .4s ease;}
.mainList .slick-next {display:flex; position:absolute; top:10px; right:0px; width:2.8%; border:0; height:calc(100% - 20px); overflow:hidden; cursor:pointer; text-indent:-999em; background:#000 url(../images/btn-r.png) center center no-repeat; background-size:18px; z-index:10; transition:all .4s ease;}
.mainList .slick-disabled {display:none}
.mainList .slick-dots {position:absolute; top:0px; right:3%; opacity:0;}
.mainList .slick-dots li {display:inline-block; width:15px; height:3px; margin:0 0 0 3px;}
.mainList .slick-dots li button {display:block; border:0; width:100%; height:100%; text-indent:-999em; overflow:hidden; background:#d2d2d2;}
.mainList .slick-dots li.slick-active button {background:#000;}
.mainList2 {position:relative; z-index:3;}
.mainList2 .slick-list {overflow:visible;}
.mainList2 .listCont {padding:10px 3%; overflow:hidden; display:block;}
.mainList2 .listCont li {float:left; margin:0; padding:0 4px;}
.mainList2 .slick-prev {display:block; position:absolute; top:10px; left:0px; width:3%; border:0; height:calc(100% - 20px); overflow:hidden; cursor:pointer; text-indent:-999em; background:#000 url(../images/btn-l.png) center center no-repeat; background-size:18px; z-index:10; transition:all .4s ease;}
.mainList2 .slick-next {display:block; position:absolute; top:10px; right:0px; width:2.8%; border:0; height:calc(100% - 20px); overflow:hidden; cursor:pointer; text-indent:-999em; background:#000 url(../images/btn-r.png) center center no-repeat; background-size:18px; z-index:10; transition:all .4s ease;}
.mainList2 .slick-arrow { opacity:0;}
.mainList2:hover .slick-arrow, .mainList2:hover .slick-dots { opacity:1;}
.mainList2 .slick-dots {position:absolute; top:0px; right:3%; opacity:0;}
.mainList2 .slick-dots li {display:inline-block; width:15px !important; height:3px; margin:0 0 0 3px; padding:0;}
.mainList2 .slick-dots li button {display:block; border:0; width:100%; height:100%; text-indent:-999em; overflow:hidden; background:#d2d2d2;}
.mainList2 .slick-dots li.slick-active button {background:#000;}

.mainflexWrap {overflow:visible; position:unset; z-index:3;}
.mainflex.mainList {overflow:visible; padding:0; display:flex; margin:0 !important; flex-wrap:nowrap; box-sizing:content-box; transition-property:transform;}
.mainflex .mlist {position: relative; width:267px; padding:0; margin:0; transition: transform 0.5s;}
.mainflex.listCont2 li.mlist {width:218px;}
.mainflex:hover .mlist {transform: translateX(-15%);}
.mainflex:hover .mlist.on {transform: translateX(15%) scale(1.3) !important;}

.mainflex.event:hover .mlist ~ .mlist {transform: translateX(30%);}
.none .mainflex {transform: translateX(34px);}
.none .mainflex.event {transform: translateX(0);}
.none .mainflex .mlist.on:hover {}
.none .mainflex .mlist:not(:hover){transform:translateX(-15%);}

.none .mainflex .mlist {width:267px; margin-right:1px;}
.none .mainflex.listCont2 li.mlist {margin-right:9px;}
.mainflex .mlist:hover ~ .mlist {transform: translateX(15%);}

.mainflex .mlist:hover {transform: scale(1.3) !important; z-index: 2;}
.carousel {margin: -50px 0 0; width:calc(100% - 80px); margin-left:40px; padding-right:40px; padding-top:60px; padding-bottom:60px; overflow:hidden; position:relative; z-index:1;}
.carousel.carouselOn {padding:60px 40px; margin-left:0;}

.carousel.carouselOn .swiper-button-prev {display:block;}
.carousel:hover .swiper-button-next, .carousel:hover .swiper-button-prev, .carousel:hover .swiper-pagination {opacity:1;}
.carousel:hover .none .swiper-button-next {display:none;}
.carousel .swiper-button-prev {display:none; opacity:0; position:absolute; top:50%; left:0px; width:40px; height:100%; border:0; overflow:hidden; cursor:pointer; text-indent:-999em; background:#000 url(../images/btn-l.png) center center no-repeat; background-size:18px; z-index:10; transition:all .4s ease;}
.carousel .swiper-button-next {opacity:0; position:absolute; top:50%; right:0px; width:40px; height:100%; border:0;  overflow:hidden; cursor:pointer; text-indent:-999em; background:#000 url(../images/btn-r.png) center center no-repeat; background-size:18px; z-index:10; transition:all .4s ease;}

.carousel .swiper-pagination {position:absolute; top:25px; right:40px; left:auto; opacity:0; text-align:right; z-index:1;}
.carousel .swiper-pagination .swiper-pagination-bullet {display:inline-block; margin:0 0 0 3px; opacity:1; border-radius:0; width:15px; height:3px; background:#d2d2d2;}
.carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#000;}

.foruPlaybox {max-width:1440px; height:427px; overflow:hidden; padding:3px 0; background:#000; margin:10px auto 60px;}
.foruPlaybox:after {content:''; display:block; clear:both;}
.foruPlaybox .playInfo {float:left; width:23%; height:100%; padding:60px 10px; box-sizing:border-box; text-align:center; background:#010001;}
.foruPlaybox .playInfo .tit {margin-bottom:15px;}
.foruPlaybox .playInfo .tit em {display:block; font-size:18px; color:#fff;}
.foruPlaybox .playInfo .tit b {display:block; color:#fff; overflow:hidden;}
.foruPlaybox .playInfo .tit b.fsA {font-size:60px; line-height:64px; height:70px}
.foruPlaybox .playInfo .tit b.fsB {font-size:50px; line-height:54px; height:108px}
.foruPlaybox #saveSeries {padding:9px 23px; border-radius:50px; background-color:#f41f2b; border:1px solid #f41f2b;}
.foruPlaybox #saveSeries span {padding-left:15px; background:url(../images/icn-save.png) 0 center no-repeat; background-size:9px;}
.foruPlaybox #saveSeries.off {border:1px solid #fff; color:#fff; background-color:#000;}
.foruPlaybox #saveSeries.off:hover {background:rgba(255,255,255,.3);}
.foruPlaybox .playInfo .type {margin-top:55px;}
.foruPlaybox .playInfo .type li {margin-top:15px;}
.foruPlaybox .playInfo .type li .ico {display:inline; padding:3px 0 3px 28px; color:#dadada; font-size:12px; background:0 center no-repeat;}
.foruPlaybox .playInfo .type li .ico.ico1 {background-image:url(../images/icn-subject-rd.png); background-size:23px;}
.foruPlaybox .playInfo .type li .ico.ico2 {background-image:url(../images/icn-type-rd.png); background-size:23px;}
.foruPlaybox .playInfo .type li .ico.ico3 {background-image:url(../images/icn-brand-rd.png); background-size:23px;}
.foruPlaybox .playInfo .type li .ico em {display:inline-block; margin:0 3px;}
.foruPlaybox .playBox {float:left; position:relative; width:53.7%; z-index:2;}
.foruPlaybox .playBoxWrap {position:absolute; width:100%; height:100%; left:0; top: 0}
.foruPlaybox .playList {float:left; width:23.3%; background:#fff;}
.foruPlaybox .playList .tit {padding:6px 15px; font-size:11px; color:#fff; background:#010001;}
.foruPlaybox .playList .tit a {color:#fff;}
.foruPlaybox .playList .tit em {display:inline-block; position:relative; margin-left:5px; padding-left:5px;}
.foruPlaybox .playList .tit em:before {content:''; display:block; position:absolute; top:4px; left:0;  width:1px; height:10px; background:#fff;}
.foruPlaybox .playList .tab {padding:20px 20px 0; height:18px; padding-bottom:4px; position:relative; z-index:2;}
.foruPlaybox .playList .tab li {display:inline-block;}
.foruPlaybox .playList .tab li a {font-size:12px;}
.foruPlaybox .playList .tab li.on {border-bottom:2px solid #000;}
.foruPlaybox .playList .tab li.on a {font-family:'Noto Sans B', 'dotum', sans-serif;}
.foruPlaybox .playList .scroll {height:399px; border-top:1px solid #dfdfdf}
.foruPlaybox .playList .scroll li {padding:10px 20px;}
.foruPlaybox .playList .scroll li:first-child {padding-top:20px;}
.foruPlaybox .playList .scroll li.on { background:#eee;}
.foruPlaybox .playList .scroll li a {display:block;}
.foruPlaybox .playList .scroll li a:after {content:''; display:block; clear:both;}
.foruPlaybox .playList .scroll li .txt {display:block; float:left; width:38.5%; height:7vm; margin-right:3%; font-size:13px; overflow:hidden; }
.foruPlaybox .playList .scroll li .thum {display:block; float:right; width:58.5%; height:7vm;}
.foruPlaybox .playList .scroll li .thum>img {width:100%; height:100%;}
.foruPlaybox .playList .scroll .mCSB_inside > .mCSB_container {margin-right:10px;}

.detailPlaybox.mobile {display:none;}

.detailPlaybox {max-width:1440px; margin:0 auto;}
.detailPlaybox:after {content:''; display:block; clear:both;}
.detailPlaybox .playBox {float:left; width:70%;}
.detailPlaybox .playList {float:left; width:30%; height:100%; background:#fff;}
.detailPlaybox .playList .tit {padding:9px 15px; font-size:14px; color:#fff; background:#f41f2b;}
.detailPlaybox .playList .tit em {display:inline-block; position:relative; margin-left:3px; padding-left:5px; word-break:break-all;}
.detailPlaybox .playList .tit em:before {content:''; display:block; position:absolute; top:5px; left:0; width:1px; height:13px; background:#fff;}
.detailPlaybox .playList .tab {padding:20px 20px 0; height:18px; padding-bottom:5px; background:#fafafa; position:relative; z-index:2;}
.detailPlaybox .playList .tab li {display:inline-block;}
.detailPlaybox .playList .tab li a {font-size:13px;}
.detailPlaybox .playList .tab li.on {border-bottom:2px solid #000;}
.detailPlaybox .playList .tab li.on a {font-family:'Noto Sans B', 'dotum', sans-serif;}
.detailPlaybox .playList .scroll {box-sizing:border-box; border-top:1px solid #dfdfdf; border-bottom:1px solid #e1e1e1;}
.detailPlaybox .playList .scroll li {padding:10px 20px;}
.detailPlaybox .playList .scroll li.on {background:#eee;}
.detailPlaybox .playList .scroll li:first-child {padding-top:25px;}
.detailPlaybox .playList .scroll li:nth-child(odd) {}
.detailPlaybox .playList .scroll li a {display:block;}
.detailPlaybox .playList .scroll li a:after {content:''; display:block; clear:both;}
.detailPlaybox .playList .scroll li .txt {display:block; float:left; font-size:16px; width:42.2%; margin-right:3%; overflow:hidden; }
.detailPlaybox .playList .scroll li .thum {display:block; float:right; width:54.8%;}
.detailPlaybox .playList .scroll li .thum>img {width:100%; height:100%; max-height:118px;}
.detailPlaybox .playList .scroll .mCSB_inside > .mCSB_container {margin-right:10px;}
.playInformation {max-width:1290px; margin:0 auto; padding:0 70px;}
.playInformation .infoTop {padding:20px 0; border-bottom:1px solid #e1e1e1;}
.playInformation .infoTop:after {content:''; display:block; clear:both;}
.playInformation .infoTop .tit {float:left; width:68%;}
.playInformation .infoTop .tit b {display:block; font-size:19px; min-height:24px; line-height:22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.playInformation .infoTop .tit b .blue {margin-right:15px;}
.playInformation .infoTop .btn {float:right; position:relative; width:32%; text-align:right;}
.playInformation .infoTop .btn:after {content:''; display:block; clear:both;}
.playInformation .infoTop .btn .btnIcon {float: right; width: auto;}
.playInformation .infoTop .btn .btnIcon:after {display:block; clear:both; content:'';}
.playInformation .infoTop .btn .btnIcon2 {float: right; text-align: right; width: auto; margin-left: 10px;}
.playInformation .infoTop .btn .btnIcon2 li:first-child {margin-left:0;}
.playInformation .infoTop .btn li.name {width:100%; text-align:right; margin-left:0;} /*width:45%;*/
.playInformation .infoTop .btn .company {display:inline-block; width:175px; /*width:100%;*/ height:32px; line-height:32px; font-size:14px; vertical-align:middle; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.playInformation .infoTop .btn .company img {display:inline-block; width:32px; height:32px; border-radius:50px; overflow:hidden; margin-right:3px;}
.playInformation .infoTop .btn li {position:relative; display:inline-block; text-align:center; margin-left:5px; vertical-align:middle;}
.playInformation .infoTop .btn li a {display:block;}
.playInformation .infoTop .btn li .blackInfo {display:none; position:absolute; top:37px; left:50%; box-sizing:border-box; text-align:center; padding:5px; font-size:11px; color:#fff; background:#191919; z-index:5;}
.playInformation .infoTop .btn li .blackInfo.in1 {width:300px; margin-left:-145px;}
.playInformation .infoTop .btn li .blackInfo.in2 {width:270px; margin-left:-180px;}
.playInformation .infoTop .btn li .blackInfo.in3 {width:264px; margin-left:-215px;}
.playInformation .infoTop .btnFw {padding:4px 20px; color:#fff; border:1px solid #6675f0; background:#6675f0; border-radius:50px;}
.playInformation .infoTop .btnFg {padding:4px 20px; color:#cbcbcb; border:1px solid #cbcbcb; background:#fff; border-radius:50px;}
.playInformation .infoTop .like {width:32px; height:32px; overflow:hidden; text-indent:-999em; background:url(../images/icn-thumb-off.png) 0 0 no-repeat; background-size:100%;}
.playInformation .infoTop .ask {width:32px; height:32px; overflow:hidden; text-indent:-999em; background:url(../images/icn-save-off.png) 0 0 no-repeat; background-size:100%;}
.playInformation .infoTop .like.on { background:url(../images/icn-thumb_on.png) 0 0 no-repeat; background-size:100%;}
.playInformation .infoTop .ask.on { background:url(../images/icn-save-on.png) 0 0 no-repeat; background-size:100%;}
.playInformation .infoIcon {padding:20px 0;}
.playInformation .infoIcon li {display:inline-block; margin-right:25px; position:relative; vertical-align:middle;}
.playInformation .infoIcon li.on .ico:before {opacity:1;}
.playInformation .infoIcon li .ico {display:block; position:relative; padding:3px 0 3px 27px; font-size:12px; color:#666; font-family: 'Noto Sans M', 'dotum', sans-serif; cursor:pointer;}
.playInformation .infoIcon li .ico:before {content:''; display:block; position:absolute; top:2px; left:0; width:21px; height:21px; background:0 center no-repeat; opacity:0.4}
.playInformation .infoIcon li .ico.ico1:before {background-image:url(../images/icn-video-confirm.png); background-size:21px;}
.playInformation .infoIcon li .ico.ico2:before {background-image:url(../images/icn-video-delete.png); background-size:21px;}
.playInformation .infoIcon li .ico.ico3:before {background-image:url(../images/icn-video-collabo.png); background-size:21px;}
.playInformation .infoIcon li .ico.ico4:before {background-image:url(../images/icn-video-19.png); background-size:21px;}
.playInformation .infoIcon li .blackInfo {display:none; position:absolute; top:30px; left:50%; box-sizing:border-box; text-align:center; padding:5px; font-size:11px; color:#fff; background:#191919; z-index:5;}
.playInformation .infoIcon li .blackInfo.in1 {width:256px; margin-left:-80px;}
.playInformation .infoIcon li .blackInfo.in2 {width:274px; margin-left:-137px;}
.playInformation .infoIcon li .blackInfo.in3 {width:196px; margin-left:-98px;}
.playInformation .infoIcon li .blackInfo.in4 {width:156px; margin-left:-78px;}
.playInformation .icoFr {position:absolute; top:18px; right:2px;}
.playInformation .icoFr2 {display:none;}
.playInformation .btnReport {display:inline-block; font-size:14px; padding-left:22px; background:url(../images/icn-warning-off.png) 0 center no-repeat; background-size:20px; vertical-align:middle;}
.playInformation .btnReport:hover, .playInformation .btnReport.on {color:#ff4c4e; background:url(../images/icn-warning-on.png) 0 center no-repeat; background-size:20px;}
.playInformation .btnReport.off {opacity:.3; background:url(../images/icn-warning-off.png) 0 center no-repeat; background-size:20px;}
.playInformation .btnReport.off:hover {color:#333;}

.playWrite { max-width:1290px; margin:0 auto; padding:30px 70px;}
.playWrite .icoBox {}
.playWrite .icoBox li {float:left; min-height:30px; margin-right:40px; margin-bottom:5px;}
.playWrite .icoBox li.cb {clear:both;}
.playWrite .icoBox li .dot {display:inline-block; font-family: 'Noto Sans L', 'dotum', sans-serif; color:#000; padding:3px 0 3px 30px; background:0 center no-repeat; vertical-align:middle;}
.playWrite .icoBox li .dot.dot1 {background-image:url(../images/icn-subject-gr.png); background-size:23px;}
.playWrite .icoBox li .dot.dot2 {background-image:url(../images/icn-brand-gr.png); background-size:23px;}
.playWrite .icoBox li .dot.dot3 {background-image:url(../images/icn-money-gr.png); background-size:23px;}
.playWrite .icoBox li .dot.dot4 {background-image:url(../images/icn-type-gr.png); background-size:23px;}
.playWrite .icoBox li .dot.dot5 {background-image:url(../images/icn-reward-gr.png); background-size:23px;}
.playWrite .icoBox li .dot.dot6 {background-image:url(../images/icn-time-gr.png); background-size:23px;}
.playWrite .icoBox li .dot.dot7 {background-image:url(../images/icn-target-gr.png); background-size:23px;}
.playWrite .icoBox li .txt {display:inline-block; font-family:'Lato', 'Noto Sans R', 'dotum', sans-serif; vertical-align:middle; color:#999; margin-left:17px; font-size:14px;}
.playWrite .icoBox li .txt2 {margin-left:10px;}
.playWrite .icoBox li .txt .num {display:inline-block; width:24px; height:15px; line-height:15px; color:#fff; text-align:center; font-size:11px; margin:-2px 1px 0 0; border-radius:2px; background:#d3d3d3;}
.playWrite .icoBox li .inline {display:inline-block;}
.playWrite .icoBox li .que {margin:-1px 0 0 3px;}

.playWrite .icoBox_new {}
.playWrite .icoBox_new:after {content:''; display:block; clear:both;}
.playWrite .icoBox_new li {float:left; min-height:30px; margin-bottom:5px; width:25.5%;}
.playWrite .icoBox_new li:nth-child(1), .playWrite .icoBox_new li:nth-child(4) {width:21.5%;}
.playWrite .icoBox_new li:nth-child(3) {width:53%;}
.playWrite .icoBox_new li:nth-child(3) b {float:left; width:131px; box-sizing:border-box;}
.playWrite .icoBox_new li:nth-child(6) {width:25%;}
.playWrite .icoBox_new li:nth-child(7) {width:28%;}
.playWrite .icoBox_new li.cb {clear:both;}
.playWrite .icoBox_new li .dot {display:inline-block; font-family: 'Noto Sans L', 'dotum', sans-serif; color:#000; padding:3px 0 3px 30px; background:0 center no-repeat; vertical-align:middle;}
.playWrite .icoBox_new li .dot.dot1 {background-image:url(../images/icn-subject-gr.png); background-size:23px;}
.playWrite .icoBox_new li .dot.dot2 {background-image:url(../images/icn-brand-gr.png); background-size:23px;}
.playWrite .icoBox_new li .dot.dot3 {background-image:url(../images/icn-money-gr.png); background-size:23px;}
.playWrite .icoBox_new li .dot.dot4 {background-image:url(../images/icn-type-gr.png); background-size:23px;}
.playWrite .icoBox_new li .dot.dot5 {background-image:url(../images/icn-reward-gr.png); background-size:23px;}
.playWrite .icoBox_new li .dot.dot6 {background-image:url(../images/icn-time-gr.png); background-size:23px;}
.playWrite .icoBox_new li .dot.dot7 {background-image:url(../images/icn-target-gr.png); background-size:23px;}
.playWrite .icoBox_new li .txt {display:inline-block; font-family:'Lato', 'Noto Sans R', 'dotum', sans-serif; vertical-align:middle; color:#999; margin-left:17px; font-size:14px;}
.playWrite .icoBox_new li .txt2 {margin-left:10px;}
.playWrite .icoBox_new li .txt .num {display:inline-block; width:24px; height:15px; line-height:15px; color:#fff; text-align:center; font-size:11px; margin:-2px 1px 0 0; border-radius:2px; background:#d3d3d3;}
.playWrite .icoBox_new li .inline {display:inline-block; float:left; width:calc(100% - 131px); overflow:hidden; white-space:nowrap;}
.playWrite .icoBox_new li .que {margin:-1px 0 0 3px;}

.playWrite .write {margin-top:20px;}
.playWrite .write .tit {margin-bottom:5px; font-size:15px; color:#777;}
.playWrite .write .txt {font-size:14px; color:#999; padding:10px; border:1px solid #ddd; min-height:55px; word-wrap:break-word; word-break:break-all;}
.playWrite .btnAr {margin-top:20px; text-align:right;}
.playWrite .btnAr a {padding:8px 24px; margin-left:5px; border-radius:2px;}

/* 협업요청 */
.rndTab {width:730px; margin:0 auto; border-radius:50px; overflow:hidden; text-align:center;  border:solid 1px #e1e1e1;}
.rndTab:after {content:''; clear:both; display:block;}
.rndTab a {display:block; position:relative; float:left; width:20%; border-radius:50px; padding:20px 0; color:#000; box-sizing:border-box; background:#fff;}
.rndTab a:after {content:''; display:block; position:absolute; top:12px; right:-1px; width:1px; height:65%; background:#f0f0f0;}
.rndTab a.on:after, .rndTab a:last-child:after {display:none;}
.rndTab a.on {color:#fff; background:#000;}
.rndTab a.msf-step-none {color:#ccc;}
.rndTab2 {width:874px;}
.rndTab2 a {width:16.666%;}
.rndTab3 {max-width:430px;}
.rndTab3 a {width:33.333%;}

.slideWrap {padding-top:0;}
.slideWrap .scrCont:first-child h6 {margin-top:35px;}
.slideWrap h6:not(.bootstrap-iso h6) {text-align:center; margin:70px 0 24px; font-size:30px; color:#999; font-family: 'Noto Sans L', 'dotum', sans-serif;}
.slideWrap .formCont dl dt {font-size:20px; letter-spacing:-0.05em;}
.slideWrap .formCont .titBig {font-size:22px; padding:93px 0; color:#000; height:auto; text-align:center;}
.slideWrap .formCont .titBig::-webkit-input-placeholder {color:#999; font-family: 'Noto Sans T', 'dotum', sans-serif;}
.slideWrap .formCont .titBig:-ms-input-placeholder {color:#999; font-family: 'Noto Sans T', 'dotum', sans-serif;}
.slideWrap .formCont .titBig:focus::-webkit-input-placeholder {color:transparent;}
.slideWrap .formCont .titBig:focus:-ms-input-placeholder {color:transparent;}
.slideWrap .formCont .timeCont {padding:35px 0;}
.slideWrap .formCont .timeCont .tit {display:block; font-size:16px; font-family: 'Noto Sans L', 'dotum', sans-serif; font-weight:500;}
.slideWrap .formCont .timeCont .txt {display:block; font-size:16px; color:#999; font-family: 'Noto Sans T', 'dotum', sans-serif;}
.slideWrap .formCont .timeCont .txt .red {font-size:26px; padding:0 10px; font-family:'Lato', 'Noto Sans L', 'dotum', sans-serif; font-weight:700;}
.slideWrap .formCont .cate {margin:49px 0 48px;}
.slideWrap .formCont .cate span {font-size:22px;}
/*.slideWrap .formCont .cate span:first-child:after {content:''; display:inline-block; width:50px; height:1px; margin:-2px 9px 0 9px; vertical-align:middle; background:#f0f0f0;}*/
.slideWrap .formCont .target span {display:inline-block; margin:0 10px; font-size:21px;}
.slideWrap .formCont .target span b {display:inline-block; padding-left:3px;}
.slideWrap .formCont .target span b:before {content:''; display:inline-block; width:2px; height:19px; margin:-4px 7px 0 0; background:#444; vertical-align:middle;}

.movieInfo {border:solid 1px #f0f0f0; padding:50px 60px; margin-top:35px; background:#fff;}
.movieInfo.bdbn {padding:50px 60px 0;}
.movieInfo:after {content:''; display:block; clear:both;}
.movieInfo .thum {float:left; width:29%; padding:18px 0; background:#000; margin-right:4%;}
.movieInfo .thum img {width:100%;}
.movieInfo .thum.thum2 {padding:0;}
.movieInfo .thum2 img {width:100%; height:100%;}
.movieInfo .cont {float:left; width:67%;}
.movieInfo .cont .tit {padding-bottom:15px; margin-bottom:20px; font-size:18px; border-bottom:1px solid #e1e1e1; font-family: 'Noto Sans M', 'dotum', sans-serif;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.movieInfo .cont .tit .blue {font-size:16px;}
.movieInfo .cont .tit .blue.big {display:block; font-size:22px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.movieInfo .cont .tit>a {}
.movieInfo .icoBox.web {display:block;}
.movieInfo .icoBox.mobile {display:none;}
/*.movieInfo .icoBox li {float:left; min-height:30px; white-space: nowrap;}*/
.movieInfo .icoBox li {float:left; min-height:30px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.movieInfo .icoBox li .dot {display:inline-block; padding:3px 0 3px 30px; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:500; background:0 2px no-repeat; vertical-align:middle;}
.movieInfo .icoBox li .dot.dot1 {background-image:url(../images/icn-subject-rd.png); background-size:23px;}
.movieInfo .icoBox li .dot.dot2 {background-image:url(../images/icn-reward-rd.png); background-size:23px;}
.movieInfo .icoBox li .dot.dot3 {background-image:url(../images/icn-type-rd.png); background-size:23px;}
.movieInfo .icoBox li .dot.dot4 {background-image:url(../images/icn-money-rd.png); background-size:23px;}
.movieInfo .icoBox li .dot.dot5 {background-image:url(../images/icn-brand-rd.png); background-size:23px;}
.movieInfo .icoBox li .dot.dot6 {background-image:url(../images/icn-time-rd.png); background-size:23px;}
.movieInfo .icoBox li .dot.dot7 {background-image:url(../images/icn-target-rd.png); background-size:23px;}
.movieInfo .icoBox li.wdx {margin-right:30px; /*width:230px;*/ clear:both;}
.movieInfo .icoBox li .txt {display:inline-block; vertical-align:middle; margin-left:10px; color:#999; font-size:14px;}
.movieInfo .icoBox li .txt2 {margin-left:10px;}
.movieInfo .icoBox li .txt .num {display:inline-block; width:24px; height:15px; line-height:15px; color:#fff; text-align:center; font-size:11px; margin:-2px 1px 0 0; border-radius:2px; background:#d3d3d3;}
.movieInfo .icoBox li .inline {display:inline-block;}
.movieInfo .icoBox.icoBox2 li.wdx {width:330px;}
.movieInfo.fixed {position:fixed; top:75px; left:50%; width:1050px; margin-left:-525px; box-sizing:border-box; padding:15px; z-index:5;}

.movieInfo.web {}
.movieInfo.mobile {display:none;}
.movieInfo2.fixed {position:fixed; top:75px; left:50%; width:1050px; margin-left:-525px; box-sizing:border-box; padding:15px; z-index:5;}
.movieInfo2.fixed .prdChoice .btn-open {bottom:-41px;}
.movieInfo2 {padding:0;}
.movieInfo2 .cont .tit {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.movieInfo.movieInfo2.fixed .cont {float:none; width:100%;}
.movieInfo.movieInfo2 .icoBox {display:block !important;}
.prdChoice .btnArea .cont {float:right !important; width:70% !important;}
.prdChoice {z-index:1; width:100%; position:relative; box-sizing:border-box;}
.prdChoice .btn-open {position:absolute; bottom:-56px; left:50%; transform:translateX(-50%); display:block;}
.prdChoice .btn-open .icon-open {display:block; width:55px; height:25px; background:#fff url(../images/icon-arrow-down.png) no-repeat center; background-size:15px; border:1px solid #f0f0f0; border-top:1px solid #fff; border-bottom-left-radius:7px; border-bottom-right-radius:7px; box-shadow:0px 4px 5px 0 #d8d8d8;}
.prdChoice.active .icon-open {background-image: url(../images/icon-arrow-up.png);}
.prdChoice .optionArea {display:none; padding-top:3%;}
.movieInfo2 .cont:after {display:block; clear:both; content:'';}
.movieInfo2 .cont {float:none; width:100%; height:100%;}
.movieInfo2.mobile .prdChoice .btnArea .cont {width:100% !important;}
.movieInfo2.mobile.fixed .prdChoice .btnArea .cont {float:right !important; width:70% !important;}
.prdChoice .btnArea {position: relative;}
.prdChoice .btnArea:after {display:block; clear:both; content:'';}
@media (max-width: 500px) {
.prdChoice .btn-open {bottom:-46px;}
.movieInfo2.fixed .prdChoice .btn-open {bottom:-36px;}
}

.icoBox_new2 {display:block;}
.icoBox_new2:after {content:''; display:block; clear:both;}
.icoBox_new2 li {float:left; min-height:30px;}
.icoBox_new2 li:nth-child(odd) {width:45%;}
.icoBox_new2 li:nth-child(even) {width:55%;}
.icoBox_new2 li:nth-child(5) {width:100%;}
.icoBox_new2 li:nth-child(5) b {float:left; width:131px; box-sizing:border-box;}
.icoBox_new2 li:nth-child(7) {width:45%;}
.icoBox_new2 li.cb {clear:both;}
.icoBox_new2 li .dot {display:inline-block; font-family: 'Noto Sans L', 'dotum', sans-serif; color:#000; padding:3px 0 3px 30px; background:0 center no-repeat; vertical-align:middle;}
.icoBox_new2 li .dot.dot1 {background-image:url(../images/icn-subject-rd.png); background-size:23px;}
.icoBox_new2 li .dot.dot2 {background-image:url(../images/icn-brand-rd.png); background-size:23px;}
.icoBox_new2 li .dot.dot3 {background-image:url(../images/icn-money-rd.png); background-size:23px;}
.icoBox_new2 li .dot.dot4 {background-image:url(../images/icn-type-rd.png); background-size:23px;}
.icoBox_new2 li .dot.dot5 {background-image:url(../images/icn-reward-rd.png); background-size:23px;}
.icoBox_new2 li .dot.dot6 {background-image:url(../images/icn-time-rd.png); background-size:23px;}
.icoBox_new2 li .dot.dot7 {background-image:url(../images/icn-target-rd.png); background-size:23px;}
.icoBox_new2 li .txt {display:inline-block; font-family:'Lato', 'Noto Sans R', 'dotum', sans-serif; vertical-align:middle; color:#999; margin-left:10px; font-size:14px;}
.icoBox_new2 li .txt2 {margin-left:10px;}
.icoBox_new2 li .txt .num {display:inline-block; width:24px; height:15px; line-height:15px; color:#fff; text-align:center; font-size:11px; margin:0 1px 0 0; border-radius:2px; background:#d3d3d3; position:relative; top:-1px;}
.icoBox_new2 li .inline {display:inline-block; float:left; width:calc(100% - 131px); overflow:hidden; white-space:nowrap;}
.icoBox_new2 li .que {margin:-1px 0 0 3px;}
@media (max-width: 768px) {
.icoBox_new2 {display:none;}    
}

.datePicker {}
.datePicker:after {content:''; clear:both; display:block;}
.datePicker .sDay {float:left; width:48.5%; margin-right:1.5%;}
.datePicker .eDay {float:left; width:48.5%; margin-left:1.5%;}
.datePicker .txt {display:block; margin-bottom:5px;}
.datePicker input[type=text] {text-align:center; background:url(../images/icn-calendar.png) 98% 6px no-repeat; background-size:23px;}
.datePicker input[type=text]::-webkit-input-placeholder {color:#999; font-family: 'Lato', sans-serif;}
.datePicker input[type=text]:-ms-input-placeholder {color:#999; font-family: 'Lato', sans-serif;}
.datePicker input[type=text]:focus::-webkit-input-placeholder {color:transparent;}
.datePicker input[type=text]:focus:-ms-input-placeholder {color:transparent;}

.dateCont {max-width:375px; margin:0 auto;}
.dateCont .sDay {padding:15px 0; border-bottom:1px solid #e1e1e1; text-align:center;}
.dateCont .eDay {padding:15px 0; text-align:center;}
.dateCont .txt {display:inline-block; vertical-align:middle; padding-left:25px; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500; background:url(../images/icn-calendar.png) 0 center no-repeat; background-size:23px;}
.dateCont .date {display:inline-block; font-size:27px; color:#666; margin-left:10px; font-family:'Lato', 'Noto Sans T', 'dotum', sans-serif; font-weight:300; vertical-align:middle;}

/* 디스커버 */
.discoverBanner {max-width:1440px; margin:0 auto;}
.discoverList {padding:50px; max-width:1450px; margin:0 auto; box-sizing:border-box;}

.categoryCont {padding:50px 0; max-width:1450px; margin:0 auto; box-sizing:border-box;}
.categoryList {margin-bottom:27px;}
.categoryList:after {content:''; clear:both; display:block;}
.categoryList .cateBox {position:relative; float:left; width:270px; margin-right:30px; height:283px; text-align:center; padding:43px 30px; border-radius:3px; box-sizing:border-box; box-shadow:0 3px 7px 0 rgba(0, 0, 0, 0.08); background:#fff;}
.categoryList .cateBox .tit {display:block; font-size:36px; letter-spacing:-1px; line-height:40px; margin-bottom:15px; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.categoryList .cateBox .txt {display:block; font-size:14px; height:40px; color:#666; overflow:hidden;}
.categoryList .cateBox .txt.mobile {display:none;}
.categoryList .cateBox .btn {position:absolute; bottom:30px; left:50%; width:210px; margin-left:-105px;}
.categoryList .cateBox .btn a {padding:10px 0; width:100%; border-radius:50px; height:44px; box-sizing:border-box;}
.categoryList .cateBox .btn a:hover {color:#fff !important; border-color:#fff !important; background:#333;}
.categoryList .cateBox .prof {margin:-6px 0 -7px -11px;}
.categoryList .cateBox .mythum .thum {width:122px; height:122px;}
.categoryList .cateBox .mythum .name {width:76px; text-align:left;}
.categoryList .cateBox .mythum .name b {font-size:16px;}
.categoryList .cateBox .mythum .name .gray {height:40px; margin-top:6px; overflow:hidden;}
.categoryList .listCont {float:left; width:68.1%;}
.categoryList .listCont li {}
.categoryList .listCont li:last-child {margin-right:0;}
.categoryList .listCont2 .mlist .thum {/*height:122px;*/}
.categoryList .searchNone {padding:122px 0 0; min-height:162px; justify-content:center;}
.categoryList .moreBox {float:left; text-align:right; padding-top:90px; margin-left:2.5%}
.categoryList .moreBox .btnmore {display:inline-block; text-align:center; width:80px; padding-top:80px; background:url(../images/btn-pageview.png) 0 0 no-repeat; background-size:80px;}
.categoryList .moreBox .btnmore span {display:block; font-size:14px;}

.categoryBtn {position:relative; max-width:800px; margin:-30px auto -15px; text-align:center; z-index:2;}
.categoryBtn a {display:inline-block; font-size:18px; padding:10px 30px; margin:0 10px 20px; border-radius:3px; box-shadow:0 2px 4px 0 rgba(151, 151, 151, 0.5); border:solid 1px #eaeaea; background-color:#fff;}
.categoryBtn a.on {background:#000; color:#fff; border-color:#000;}

.searchTop {max-width:440px; margin:0 auto; padding-left:58px; background:url(../images/icn-search-bk3.png) 0 center no-repeat; background-size:54px;}
.searchTop input[type=text] {font-size:44px; letter-spacing:-2px; border:0; height:auto; border-bottom:3px solid #000; padding:3px 0; text-align:center;}
.searchTop ::-webkit-input-placeholder {color:#ddd;}
.searchTop :-ms-input-placeholder {color:#ddd;}
.searchTop input[type=text]:focus {outline:none;}
.searchTop.rnd {max-width:900px; padding:10px 50px 10px 70px; border-radius:50px; border:1px solid #e1e1e1; background-position:30px center; background-size:30px;}
.searchTop.rnd input[type=text] {border:0; text-align:left; font-size:30px;}
.searchList {position:relative; border-top:1px solid #e1e1e1; z-index:3;}
.searchList .srcslt {max-width:1440px; margin:0 auto; padding:10px 0; text-align:center;}
.searchList .srcslt:after {content:''; display:block; clear:both;}
.searchList .srcslt>li {display:inline-block; position:relative; text-align:left; margin-right:3%;}
.searchList .srcslt>li:last-child {margin-right:0;}
.searchList .srcslt>li.pln {margin-left:0 !important;}
.searchList .srcslt>li>a {display:block; font-size:18px; padding:15px 25px 15px 10px; white-space:nowrap; background:url(../images/arrow-dwn.png) 98% center no-repeat; background-size:10px;}
.searchList .srcslt>li.on:not(.ds)>a {font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:500; background:url(../images/arrow-up.png) 98% center no-repeat; background-size:10px;}
.searchList .srcslt>li.active>a {color:#007aff;}
.searchList .srcslt a {}
.searchList .srcslt .subsrc {display:none; position:absolute; top:50px; left:10px; width:240px; border:1px solid #e1e1e1; background:#fff; border-radius:3px; box-sizing:border-box; box-shadow:0 3px 7px 0 rgba(0, 0, 0, 0.08); z-index:2;}
.searchList .srcslt .subsrc li.all {border-bottom:1px solid #e1e1e1;}
.searchList .srcslt .subsrc li>a {display:block; padding:12px; font-size:14px; background:#fff;}
.searchList .srcslt .subsrc li.on>a {background:#f6f7fb;}
.searchList .srcslt .subsrc li.active>a {color:#007aff;}
.searchList .srcslt .subsrc.scroll {height:300px;}
.searchList .srcslt .subsrc.scroll .mCSB_container {margin-right:8px;}
.searchList .srcslt .typeB {}
.searchList .srcslt .typeB .left {left:50%; border-right:0; margin-left:-240px; height:355px;}
.searchList .srcslt .typeB .right {left:50%; border-left:0; height:355px; box-shadow:2px 0px 7px 0px rgba(0, 0, 0, 0.08);}
.searchList .srcslt .typeB .right:after {content:''; display:block; position:absolute; top:10px; left:0; width:1px; height:95%; background:#e1e1e1;}
.searchList .srcslt>li:last-child .subsrc {left:auto; right:0;}
.searchList .srcslt .subcate {display:none;}
.searchList .srcslt .subcate>a {display:block; padding:12px 12px 12px 32px; font-size:14px;}
.searchList .srcslt .subcate>a.on {background:#f6f7fb;}
.searchList .srcslt .subcate>a.active {color:#007aff;}
.searchList .srcslt2 {text-align:center;}
.searchList .srcslt2>li {float:none; width:auto; display:inline-block; text-align:left;}
.searchList .srcslt>li.ds {opacity:.3}
.searchList .srcslt>li.ds .subsrc {display:none !important;;}
.searchNone {padding:100px 0; text-align:center; font-size:17px; color:#67758d;}

/* 디스커버 프로필 */
.crtpf {}
.crtpf .tabCont {}
#brcampaign {}
#following {padding:50px 64px;}

/* 캠페인 */
.searchBar {border-bottom:1px solid #e1e1e1;}
.searchBar .clear {max-width:1200px; margin:0 auto;}
.searchBar .searchList {float:left; width:50%; border-top:0;}
.searchBar .searchList .srcslt {padding:10px 0;}
.searchBar .searchIpt {float:right; width:200px; margin-top:15px; border-bottom:2px solid #000;}
.searchBar .searchIpt .sch {width:80%; border:0; padding:8px;}
.searchBar .searchIpt .sch::-webkit-input-placeholder {color:#ccc;}
.searchBar .searchIpt .sch:-ms-input-placeholder {color:#ccc;}
.searchBar .searchIpt .sch:focus {outline:none;}
.searchBar .searchIpt .sch:focus::-webkit-input-placeholder {color:transparent;}
.searchBar .searchIpt .sch:focus:-ms-input-placeholder {color:transparent;}
.searchBar .searchIpt .btnsch {display:inline-block; width:30px; vertical-align:middle;}

.campaignCont {max-width:1200px; margin:0 auto; padding:50px 0 100px; box-sizing:border-box;}

.campaignList {max-width:1230px; margin:0 auto; padding:50px 0 100px;}
.campaignList .table-x {background:#fff;}

.fixBar {background:rgba(255,255,255,0.15); -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out;}
.fixBar.fix {position:fixed; top:58px; width:100%; background:rgba(255,255,255,0.9); z-index:4;}
.campaignView {width:1350px; margin:0 auto; padding:35px 0; position:relative; min-height:100vh}
.campaignView .cpviewHead {}
.campaignView .cpviewHead:after {content:''; display:block; clear:both;}
.campaignView .cpviewHead .campaignSate {float:left; width:900px;  box-sizing:border-box;}
.campaignView .cpviewHead .campaignSate .mediaCont {}
.campaignView .cpviewHead .campaignSate .mediaCont img {width:100%; height:100%;}
.campaignView .cpviewHead .campaignSate .mediaCont video {width:100%; height:100%;}
.campaignView .cpviewHead .campaignInfo {position:absolute; top:35px; right:0; width:405px; padding:40px 10px; text-align:center; box-sizing:border-box; box-shadow:0 3px 9px 0 rgba(0, 0, 0, 0.12); background-color:#fff;}
.campaignView .cpviewHead.fix .campaignInfo {position:fixed; top:115px; right:50%; margin-right:-675px;}
.campaignView .cpviewHead .campaignInfo .dday {display:block; font-size:54px; line-height:60px; margin-bottom:26px;}
.campaignView .cpviewHead .campaignInfo .dday.soon {font-size:46px;}
.campaignView .cpviewHead .campaignInfo .brandtit {display:block; font-size:40px; line-height:50px; margin:0 10px 33px; overflow:hidden;}
.campaignView .cpviewHead .campaignInfo .txt {display:block; color:#999;}
.campaignView .cpviewHead .campaignInfo .prdInfo {margin:0 0 35px; font-size:22px;}
.campaignView .cpviewHead .campaignInfo .prdInfo .prdtit {font-family:'Lato', 'Noto Sans B', 'dotum', sans-serif; font-weight:700; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; display:block; padding:0 15px; box-sizing:border-box;}
.campaignView .cpviewHead .campaignInfo .prdInfo em {display:block;}
.campaignView .cpviewHead .joinrnd {}
.campaignView .cpviewHead .joinrnd span {display:inline-block; padding:7px 15px 7px 45px; font-size:14px; color:#aaa; border-radius:50px; border:solid 1px #e9e9e9; background:url(../images/icn-people.png) 15px center no-repeat; background-size:22px;}
.campaignView .cpviewHead .joinrnd span .lato {margin-right:1px;}
.campaignView .cpviewHead .campaignInfo .btnAc {}
.campaignView .cpviewHead .campaignInfo .btnAc a {padding:18px 0; width:170px; margin:0 4px 5px; box-sizing:border-box; vertical-align:top;}
.campaignView .cpviewHead .campaignInfo .blue {display:block; font-size:11px;}
.campaignView .cpviewHead .campaignInfo.typeB {padding:30px 10px;}
.campaignView .cpviewHead .campaignInfo.typeB .dday {margin-bottom:10px;}
.campaignView .cpviewHead .campaignInfo.typeB .brandtit {margin-bottom:15px;}
.campaignView .cpviewHead .campaignInfo.typeB .prdInfo {margin:30px 0;}

.campaignView .cpviewHead .campaignInfo_m {display:none; margin-top:30px;}
.campaignView .cpviewHead .campaignInfo_m .brandtit {font-size:37px; padding:0 5px;}
.campaignView .cpviewHead .campaignInfo_m .brandtit .soon {font-size:24px;}
.campaignView .cpviewHead .campaignInfo_m .brandtit .lato {padding-left:15px;}
.campaignView .cpviewHead .campaignInfo_m .txt {color:#999; padding:0 5px;}
.campaignView .cpviewHead .campaignInfo_m .clear {margin:20px 0 10px; padding:0 5px;}
.campaignView .cpviewHead .campaignInfo_m .prdInfo {float:left; font-size:19px;}
.campaignView .cpviewHead .campaignInfo_m .joinrnd {float:right; margin-right:5px;}
.campaignView .cpviewHead .campaignInfo_m .btnAc {padding-bottom:10px;}
.campaignView .cpviewHead .campaignInfo_m .btnAc a {padding:18px; width:48.5%; font-size:18px; margin:0 4px 5px; box-sizing:border-box;}
.campaignView .cpviewHead .campaignInfo_m .blue {font-size:11px;}

.campaignView .btnFix {display:none; position:fixed; bottom:0; left:0; padding:15px 25px; box-shadow:0 3px 9px 0 rgba(0, 0, 0, 0.12); transition: bottom .25s; z-index:10; background-color:#fff; width:100%; box-sizing:border-box;}
.campaignView .btnFix a {padding:18px; font-size:15px; width:100%; box-sizing:border-box;}

.campaignView .cpviewCont {border-top:1px solid #ccc; padding:50px; margin-top:40px; word-break:break-all;}
.campaignView .cpviewCont h6 {font-size:26px;color:#777;margin-bottom:30px;}
.campaignView .cpviewCont p {color:#777; font-size:15px; line-height:28px; margin:10px 0;}
.campaignView .cpviewCont .imgCont {margin:20px 0;}
.campaignView .cpviewCont .fs {font-size:14px; word-break:break-all;}
.campaignView .cpviewCont iframe {width:100%;}

.campaignView .infoCont {padding:50px; box-shadow:0 3px 9px 0 rgba(0, 0, 0, 0.06); min-height:397px;}
.campaignView .infoCont *, .campaignView .cpviewCont * {word-break:break-all;}
.campaignView .stateCont {padding:50px; box-shadow:0 3px 9px 0 rgba(0, 0, 0, 0.06);}
.campaignView .stateCont .stateTit {text-align:center; font-size:19px; margin-bottom:50px;}
.campaignView .stateCont .stateTit span {font-size:30px; font-weight:400;}
.campaignView .stateCont .stateList {border-top:1px solid #e1e1e1; margin:15px 0;}
.campaignView .stateCont .stateList li {padding:15px; border-bottom:1px solid #e1e1e1;}
.campaignView .stateCont .stateList li .thum {display:inline-block; width:98px; height:98px; overflow:hidden; border-radius:100px; vertical-align:middle;}
.campaignView .stateCont .stateList li .thum>img {width:100%; height:100%;}
.campaignView .stateCont .stateList li .txt {display:inline-block; width:80%; margin-left:20px; vertical-align:middle;}
.campaignView .stateCont .stateList li .txt .time {display:block; margin-top:5px; font-size:13px; color:#8f8f8f; padding-left:18px; background:url(../images/icn-clock-gr.png) 0 center no-repeat; background-size:14px;}

.following {}
.following:after {content:''; display:block; clear:both;}
.following li { display:inline-block; width:15%; margin:1% 0.65% 5%; text-align:center;}
.following li a {display:block;}
.following li .thum {display:inline-block; position:relative; width:122px; height:122px; overflow:hidden; border-radius:100px;}
.following li .thum>img {width:100%; height:100%;}
.following li .tit {display:block; position:relative; font-size:17px; margin-top:4px; box-sizing:border-box; padding:0 10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.following li .gray {display:block; font-size:14px; margin-top:2px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.following li.new .tit:after {content:''; display:block; position:absolute; top:50%; right:0px; margin-top:-5px; width:10px; height:10px; border-radius:50px; background:#ff4c4e;}
.following li .cover {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100px; padding-top:38%; box-sizing:border-box; font-size:23px; color:#fff; opacity:1; transition:all .3s ease-out;}
.following li a:hover .cover, .following li a:focus .cover {opacity:0;}
.following li .cover.c-orange {background:rgba(255,127,0,.8);}
.following li .cover.c-red {background:rgba(189,0,2,.8);}
.following li .cover.c-green {background:rgba(0,177,86,.8);}
.following li .cover.c-black {background:rgba(0,0,0,.8);}

#setBox {display:none; position:fixed; left:50%; top:60%; min-width:320px; z-index:12; transform:translate(-50%, -50%);}
#setBox .btnx {display:block; position:absolute; top:-30px; right:0; width:25px;}
#setBox .setCont {border-radius:3px; overflow:hidden; box-shadow:0 2px 53px 0 rgba(0, 0, 0, 0.09); text-align:center; background:#fff;}
#setBox .setCont li a {display:block; position:relative; padding:30px 0;}
#setBox .setCont li a:hover {background:#ff4c4e; color:#fff;}
#setBox .setCont li a:after {content:''; display:block; position:absolute; bottom:0; left:4%; width:92%; height:1px; background:#e1e1e1;}
#setBox .setCont li:last-child a:after {display:none;}

.campaignList .table-x {padding:20px; border:1px solid #f0f0f0; margin-bottom:30px;}
.campaignList .blue.fs {font-size:13px;}


.totalBox {padding:30px 20px; background:#000; margin-bottom:10px;}
.totalBox:after {content:''; display:block; clear:both;}
.totalBox>p {float:left; width:33%; text-align:center; border-right:1px solid #666;}
.totalBox>p:last-child {border-right:0;}
.totalBox>p em {font-size:13px; color:#fff;}
.totalBox>p b {font-size:21px; margin-left:10px; color:#fff; font-weight:500; letter-spacing:0;}

/* 마이워크 협업 */
.myCoop {max-width:1300px; margin:0 auto; padding:55px 50px; box-sizing:border-box;}
.myCoop .following li .thum {width:164px; height:164px; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.17);}
.myCoop .following li .tit {font-size:20px; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500;}

.myCoop .listCont2 li .bgcont em {font-size:28px;}

.gonumber {padding:20px 40px 0 0; color:#888; font-family:'Lato', 'Noto Sans L', 'dotum', sans-serif; letter-spacing:0;}

.coopHead {text-align:center; padding-top:100px;}
.coopHead h6 {font-size:47px; line-height:54px; margin-bottom:40px; color:#fff; letter-spacing:-1px;}
.coopHead .stepNum {padding-bottom:100px;}
.coopHead.blueBg {background:#3c5ce6 url(../images/coop_bg.png) 98% bottom no-repeat; }
.coopHead.blueBg2 {background:#6143e1 url(../images/coop_bg2.png) 98% bottom no-repeat; }
.coopHead.blackBg {background:#323f53;}
.coopHead.whiteBg {background:#fff;}
.coopHead.whiteBg h6 {color:#000;}
.coopHead.whiteBg .rndTab_bar {background:rgba(255,255,255,1); border-top:1px solid #efefef;  border-bottom:1px solid #efefef;}
.coopHead.whiteBg .rndTab_bar a {color:#000;}
.coopHead.whiteBg .stepNum li .lato {border-color:#ff4c4e;}
.coopHead.whiteBg .stepNum li:before {background:#ff4c4e;}
.coopHead.whiteBg .stepNum li span {color:#ff4c4e;}
.stepNum { margin-bottom:15px;}
.stepNum li {display:inline-block; position:relative; vertical-align:top; color:#ff4c4e; padding-right:35px; margin:0 -2px;}
.stepNum li:before {content:''; display:block; position:absolute; top:12px; left:12px; width:100%; height:1px; background:#fff;}
.stepNum li:last-child {padding-right:0;}
.stepNum li:last-child:before {display:none;}
.stepNum li span {display:block; font-size:12px; color:#fff; margin-top:5px; opacity:0.7;}
.stepNum li .lato {display:inline-block; position:relative; width:22px; height:22px; margin-top:-2px; border:1px solid #fff; font-weight:bold; border-radius:100px; text-align:center; font-size:12px; line-height:22px; background:#fff; vertical-align:middle; z-index:2;}
.stepNum li.on {}
.stepNum li.on .lato {background:#ff4c4e; color:#fff; border-color:#ff4c4e;}
.stepNum li.on span {font-family:'Noto Sans B'; font-weight:700; opacity:1;}
.stepNum li .done {display:inline-block; width:24px; height:24px; background:url(../images/stepper-on.png) 0 0 no-repeat; background-size:100%; vertical-align:middle;position:relative;z-index:2;}
.stepNum li .end {display:inline-block; width:24px; height:24px; background:url(../images/stepper-cancel.png) 0 0 no-repeat; background-size:100%; vertical-align:middle;position:relative;z-index:2;}
.stepNum li .end2 {display:inline-block; width:24px; height:24px; background:url(../images/stepper-cancel-02.png) 0 0 no-repeat; background-size:100%; vertical-align:middle;position:relative;z-index:2;}
.stepNum li .last {display:inline-block; width:24px; height:24px; background:url(../images/stepper-finish.png) 0 0 no-repeat; background-size:100%; vertical-align:middle;position:relative;z-index:2;}

.rndTab_bar {width:100%; text-align:center; background:rgba(0,0,0,.2);}
.rndTab_bar a {display:inline-block; position:relative; color:#fff; font-size:15px; padding:10px 30px; opacity:.5;}
.rndTab_bar a.on {opacity:1;}
.rndTab_bar a.on:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#ff4c4e;}

.updateBox .titUpdate {padding:10px 20px; background:#f6f9fc;}
.updateBox .scroll {padding:20px; height:120px;}
.updateBox .scroll p {margin:7px 0;}
.updateBox .date {display:inline-block; width:55%; vertical-align:top; font-size:13px;}
.updateBox .state {display:inline-block; width:42%; vertical-align:top; font-size:13px; color:#67758d;}

#mediaPop {width:1220px; padding:15px; margin:50px auto; box-sizing: border-box; background:#fff;}
#mediaPop .playWrite {padding:30px;}
#mediaPop .playWrite .titpr {position:relative; font-size:19px; margin-bottom:30px;}
#mediaPop .playWrite .titpr>b {display:block; width:80%; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
#mediaPop .playWrite .titpr .blue {padding-right:10px; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
#mediaPop .playWrite .titpr .company {position:absolute; top:0; right:0; width:20%; text-align:right; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; line-height:32px; font-size:14px;}
#mediaPop .playWrite .titpr .company img {display:inline-block; width:32px; height:32px; border-radius:50px; overflow:hidden; margin-right:3px;}
#mediaPop .playWrite .icoBox {float:none; width:100%;}
#mediaPop .slideWrap {border-top:1px solid #e1e1e1; margin:0 -15px; padding:60px;}
#mediaPop .moviNum {position:absolute; top:-30px; left:0; color:#fff;}
#mediaPop .dateCont {margin:-5px auto;}
#mediaPop.fixed {padding-top:400px;}
#mediaPop.fixed .mdArea {position:fixed; top:0; width:1190px; height:333px; background:#000; transform:translate(0); z-index:12; overflow:hidden;}
#mediaPop.fixed .mdArea .mdW {width:592px; margin:0 auto;}
#mediaPop.fixed .mdArea iframe {height:333px !important;}

/* faq */
.faqList {max-width:1200px; margin:0 auto; padding:40px 0; display:table;}
.faqList a {display:inline-block; position:relative;  margin:0 12px 7px 0; text-align:center; width:275px; height:69px; font-size:18px; border-radius:5px; text-align:center; border:1px solid #ececec; background:#fafafa;}
.faqList a.on {color:#fff; background:#000; border-color:#000;}
.faqList a span {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); width:95%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.csList {max-width:1200px; margin:0 auto; padding:20px 0 120px;}
.csList .history {margin:10px 0 50px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#content .csList h4 {font-size:30px; margin:10px 0 20px; padding-left:15px; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.csList ul {border-top:1px solid #e1e1e1;}
.csList ul li {border-bottom:1px solid #e1e1e1; position:relative; background:url(../images/icn-next.png) 98% center no-repeat; background-size:10px;}
.csList ul li a {display:block; position:relative; padding:15px 45px; font-size:18px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; vertical-align:middle;}
.csList ul li a:hover, .csList ul li a:active {background:#f6f6f6 url(../images/icn-next.png) 98% center no-repeat; background-size:10px;}
.csList ul li a:before {content:'Q'; display:block; position:absolute; top:10px; left:18px; font-size:23px; color:#ff4c4e; vertical-align:middle;}
.csList ul li a.link {display:inline; padding:0; font-size:12px; vertical-align:top;}
.csList ul li a.link:hover, .csList ul li a.link:active {background:none;}
.csList ul li a.link:before {display:none;}
.csList.normal ul li a {padding:15px 45px 15px 15px;}
.csList.normal ul li a:before {display:none;}
.csView {}
.csView dt {display:inline-block; font-size:22px; padding-bottom:10px; font-family: 'Noto Sans B', 'dotum', sans-serif; font-weight:700;}
.csView dt:before {content:'Q'; display:inline-block; margin-right:10px; font-size:23px; color:#ff4c4e;}
.csView dt .tit {display:block; width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.csView.normal dt {display:block; position:relative;}
.csView.normal dt .tit {display:block; width:78%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.csView.normal dt .time {display:block; position:absolute; bottom:10px; right:0; font-size:15px; color:#999; padding-left:18px; background:url(../images/icn-clock-gr.png) 0 center no-repeat; background-size:14px; font-weight:normal;}
.csView.normal dt:before {display:none;}
.csView dd {font-size:17px; line-height:22px; border-top:1px solid #e1e1e1; padding:20px; color:#999; word-break:break-all;}
.csView dd * {word-break:break-all;}
.csView dd h3 {line-height: normal;}

/* 정책 및 약관 */
.csList .policy ul {border-top:0;}
.csList .policy ul li {border-bottom:0; background:none; background-size:unset;}
.csList .policy h4 {padding-left:0 !important;}
.csList .policy li, .csList .policy p {font-size:14px;}

/* 로그인 */
.boxArea {margin:0 auto; text-align:center; padding:30px 50px; max-width:444px; box-sizing:border-box; border-radius:5px; box-shadow: 0 3px 3px 0 rgba(190, 190, 190, 0.5); background-color: #ffffff;}
.boxArea.rdb {border-top:10px solid #f41f2b;}
.boxArea.gyb {border-top:10px solid #c5c5c5;}
.boxArea h3 {font-size:38px; margin-bottom:30px; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:500; letter-spacing:-0.07em;}
.boxArea p {margin-bottom:10px;}
.boxArea p.fs {margin:-15px 0 40px; font-size:14px; line-height:24px; letter-spacing:-0.07em;}
.boxArea .btnAc {border-bottom:1px solid #e6e6e6;}
.boxArea .info {padding-top:20px;}
.boxArea .info li {color:#999; font-size:13px; margin-bottom:10px;}
.boxArea .info li a {display:inline-block; position:relative; margin-left:10px; color:#000; vertical-align:middle; margin-top:-3px;}
.boxArea .info li a:after {content:''; display:block; width:100%; height:1px; background:#000;}
.boxArea .info li:last-child {margin-bottom:0;}
.boxArea .info2 {margin:50px -50px 0; height:48px; padding-top:12px; background:#f5f5f5;}
.boxArea .info2 li {font-size:11px;}
.boxArea .info2 li a:after {background:#2790ff;}
.boxArea .btnT {margin-top:20px;}

.loginArea .btnRed {width:100%; padding:14px 0;}
.loginArea input[type="text"], .loginArea input[type="email"], .loginArea input[type="password"], .loginArea input[type="tel"] {line-height:10px;}
.findArea {padding:45px 50px 0;}
.findArea .btnBlue {padding:14px 0;}
.joinArea {padding:40px 25px 0;}
.joinArea p.fs {margin:-25px 0 35px;}
.joinArea.pd2 {padding:65px 25px;}
.joinArea.pd2 .btnAc {padding:20px 0 40px;}
.joinArea.pd2 .btnAc a {padding:22px 0;}
.joinArea .btnAc {margin-bottom:0; padding:10px 0;}
.joinArea .btnAc.bdn {border-bottom:0;}
.joinArea .btnAc a {padding:26px 0; font-size:18px;}
.joinArea .ytb {display:inline-block; padding:5px 0 5px 45px; background:url(../images/ico_ytb.png) 0 center no-repeat; background-size:37px;}
.joinArea .info2 {margin:30px -25px 0; height:30px;}

.bigGray {color:#afafaf; font-size:23px; text-align:center; margin:80px 0 30px; font-family:'Lato', 'Noto Sans L', 'dotum', sans-serif; font-weight:300;}

/* 회원가입 */
.joinstep {margin-bottom:15px;}
.joinstep li {display:inline-block; vertical-align:middle; color:#ff4c4e; margin-right:20px;}
.joinstep li .lato {display:inline-block; width:20px; height:20px;margin:-3px 2px 0 0; border-radius:100px; text-align:center; font-size:12px; line-height:19px; border:1px solid #ff4c4e; background:#fff; vertical-align:middle;}
.joinstep li.on {font-family:'Noto Sans B'; font-weight:700;}
.joinstep li.on .lato {background:#ff4c4e; color:#fff;}
.joinstep li .done {display:inline-block; width:22px; height:22px; margin:-3px 2px 0 0; background:url(../images/stepper-on.png) 0 0 no-repeat; background-size:100%; vertical-align:middle;}
.agreeCont {border:solid 1px #e1e1e1; padding:30px 50px;}
.agreeCont .allChk {text-align:right; margin-bottom:-5px;}
.agreeCont .allChk label b {color:#2a2a2a;}
.agreeCont h6 {position:relative; font-size:20px; margin-bottom:10px;}
.agreeCont h6 em {display:block; position:absolute; bottom:0; right:5px; font-size:11px;}
.agreeCont .box {position:relative; padding:15px; border:1px solid #e6e6e6;}
.agreeCont .box .scroll {height:72px; text-align:center; font-size:14px;}
.agreeCont .chk {margin:5px 0 20px; text-align:right;}
.agreeCont .chk label {color:#999;}
.agreeCont .chk label input[type="checkbox"] + span:before {margin:-3px 0 0 4px;}
.agreeBtn {margin-top:50px;}
.agreeBtn a, .agreeBtn button {padding:14px 0; width:180px; margin:0 5px 3px;}

.formCont.joinForm {padding:50px 90px;}
.formCont {border:solid 1px #f0f0f0; border-radius:5px; padding:48px 60px; background:#fff;}
.formCont.nbd {border:0; padding:0;}
.formCont input[type=text], .formCont input[type=password], .formCont input[type=tel] {padding:9px; font-size:13px;}
.formCont dl .btnBlack {padding:10px 23px; font-size:13px; /*margin-left:5px;*/}
.formCont dl .bdGray {padding:9px 22px; font-size:13px; margin-left:5px;}
.formCont .cap {font-size:11px; line-height:16px; letter-spacing:-0.03em; margin-bottom:2px; color:#9a9a9a; padding:2px 0 2px 19px; background:url(../images/icn-info.png) 0 2px no-repeat; background-size:15px;}
.formCont .cap.red {background:url(../images/icn-info-rd.png) 0 2px no-repeat; background-size:15px;}
.formCont .cap .ad {font-size:13px; color:#4f4f4f; font-weight:700; position:relative;}
.formCont .cap .ad:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ff4c4e;}
.formCont .cap .ad2 {font-size:13px; color:#4f4f4f; font-weight:700; position:relative;}
.formCont .cap .blue.ud {margin-left:5px;}
.formCont .cap.blank br {display:none;}
.formCont .cap2 {position:relative; font-size:11px; line-height:14px; color:#8f8f8f; padding-left:7px;}
.formCont .cap3 {margin:-20px 0 20px 0;}
.formCont .cap2:after {content:''; display:block; position:absolute; top:5px; left:0; width:2px; height:2px; background:#8f8f8f;}
.formCont .rud {display:inline-block; position:relative;}
.formCont .rud:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ff4c4e;}
.formCont dl {margin-bottom:30px; width:62.6%;}
.formCont dl:last-child {margin-bottom:0;}
.formCont dl.fullw {width:100%;}
.formCont dl.full {width:100%;}
.formCont dl.half {float:left; width:31.5%; margin-right:3%;}
.formCont dl.half:last-child {margin-right:0;}
.formCont dl.half.half2 {width:33%;}
.formCont dl.halfF {float:left; width:288px; margin-right:3%;}
.formCont dl.halfw {float:left; width:48.5%; margin-right:3%;}
.formCont dl.halfw:last-child {margin-right:0;}
.formCont dl.fourth {display:inline-block; width:22%; text-align:left; margin:0 1%; vertical-align:top;}
.formCont dl.fourth:last-child {margin-right:0;}
.formCont dl.fourth em.error {bottom:-70px; left:0; right:auto;}
.formCont dl dt {position:relative; margin-bottom:10px; font-size:14px;}
.formCont dl dt em {display:block; position:absolute; bottom:0; right:5px; font-size:11px;}
.formCont dl dt.fs {font-size:14px; color:#666;}
.formCont dl dt .rdoFr {position:absolute; bottom:0; right:5px; font-size:11px;}
.formCont dl dt .rdoFr .gray {display:inline-block; margin-right:10px; vertical-align:middle;}
.formCont dl dt .rdoFr label {font-size:13px;}
.formCont dl dt .rdoFr label:last-child {margin-left:20px;}
.formCont dl dd .rdoFr .gray {display:inline-block; margin-right:10px; font-size:14px; vertical-align:middle;}
.formCont dl dd .rdoFr2 .gray {margin-right:3px;}
.formCont dl dd .rdoFr2 input[type="radio"] + label:before {margin-right:3px;}
.formCont dl dd .rdoFr2 label {margin-right:2%;}
.formCont dl dd .rdoFr2 label:last-child {margin-right:0;}
.formCont dl dd {margin-bottom:10px;}
.formCont dl dd.mgb {margin-bottom:15px;}
.formCont dl dd.mgtm {margin-top:-8px;}
.formCont dl dd.box {border:1px solid #e4e4e4; padding:36px 29px; border-radius:3px;}
.formCont dl dd.box.iptType {padding:6px 30px 8px;}
.formCont dl dd.box.iptType label {margin-right:40px;}
.formCont dl dd.box.iptType label:last-child {margin-right:0;}
.formCont dl dd.box.gray em {display:inline-block; margin:0 5px; vertical-align:middle;}
.formCont dl dd.box.gray em.pd {padding:0 5%; font-size:27px; color:#ccc; margin-left:-2px;}
.formCont dl dd.box dl.half, .formCont dl dd.box dl.fourth {margin-bottom:0;}
.formCont dl dd.box2 {border:1px solid #e1e1e1; padding:10px; border-radius:5px; word-break:break-word;} /*word-break:break-word; 추가함 2020-06-02*/
.formCont dl dd.box2 .scroll {height:72px; font-size:13px; color:#888;}
.formCont dl dd.box2 .scroll.h132 {height:132px;}
.formCont dl dd.box3 {border:1px solid #e1e1e1; padding:22px 14px; /*padding:22px 24px;*/ font-size:14px; color:#666; border-radius:5px;}
.formCont dl dd.box4 {border:1px solid #e1e1e1; padding:44px 29px; border-radius:5px;}
.formCont dl dd.box4 .mythum .thum {width:131px; height:131px;}
.formCont dl dd.box4 .mythum .thum a {display:block;}
.formCont dl dd.box4 .mythum .thum a img {width:100%; height:100%;}
.formCont dl dd.box4 .mythum .name b {font-size:21px; letter-spacing:-0.03em; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.formCont dl dd.box3.box5 {height:500px;}
.formCont dl dd.bggr {border:1px solid #e1e1e1;  padding:10px; border-radius:5px; text-align:center; background:#f6f6f7;}
.formCont dl dd * {word-break:break-all;}
.formCont dl dd .fz {font-size:12px; margin-left:0px;}
.formCont dl dd .fz.blue {margin:-4px 0 0 5px; display:inline-block; vertical-align:middle;}
.formCont dl dd.iptAc {text-align:center; margin-bottom:25px;}
.formCont dl dd.iptAc .red {display:inline-block; font-size:26px; margin-top:-3px; padding-right:3px; vertical-align:middle; font-family:'Lato', 'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.formCont dl dd.iptAc.ml label {margin-left:20px;}
.formCont dl dd.iptAc.ml .vm {font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.formCont dl dd.infotxt {margin-top:30px; font-size:14px; color:#666; line-height:27px;}
.formCont dl dd.infotxt .rud {font-size:17px;}
.formCont dl dd.imgpro .cont {display:inline-block; width:40%; vertical-align:top;}
.formCont dl dd.imgpro .cont .name {width:120px; text-align:left;}
.formCont dl dd.imgpro2 {text-align:center;}
.formCont dl dd.imgpro2 .mythum .name {text-align:left;}
.formCont dl dd.imgpro2 .mythum .yt {display:inline-block; padding-top:5px; margin-top:5px; border-top:1px solid #e1e1e1;}
.formCont dl dd.imgpro2 .bdBlue {padding:8px 10px; margin-top:20px;}
.formCont dl dd.agree label {color:#9a9a9a;}
.formCont dl dd a.blue:hover {text-decoration:underline;}
.formCont .bdbt {border-bottom:4px solid #f3f3f3; margin-bottom:30px;}
.formCont .bdbt dl {margin-bottom:0;}
.formCont .wA {width:76.4%;}
.formCont .wB {width:48.5%;}
.formCont .wC {width:46.6%;}
.formCont .wD {width:31%;}
.formCont .wE {width:25%;}
.formCont .wF {width:26%;}
.formCont .wG {width:86.5%;}
.formCont .wH {width:82.5%;}
.formCont .wI {width:19%;}
.formCont .wJ {width:28%;}
.formCont .wK {width:77.4%;}
.formCont .fb {font-size:24px;}
.formCont .fbs {font-size:22px;}
.formCont .fb.red {padding-left:10px;}
.formCont .fb.gray {padding-left:15px;}
.formCont input.pdsb {padding-left:24px;}
.formCont dd input, .formCont dd .selectw {margin-right:5px;}
.formCont dd .mr2 {margin-right:18px;}
.formCont dd .mr3 {margin-right:25px;}
.formCont dd .mr4 {margin-right:23px;}
.formCont dd input:last-child, .formCont dd .selectw:last-child, .formCont dd .mrn {margin-right:0;}
.formCont dd em.down {display:block; position:absolute; right:123px; font-size:11px;}
.formCont .linebox {padding:21px 0 57px;; margin-bottom:37px; border-bottom:1px solid #e1e1e1;}
.formCont textarea {height:130px;}
.formCont textarea::-webkit-input-placeholder {text-align:center; font-size:22px; color:#999; padding-top:38px; font-family: 'Noto Sans T', 'dotum', sans-serif;}
.formCont textarea:-ms-input-placeholder {text-align:center; font-size:22px; color:#999; padding-top:48px; font-family: 'Noto Sans T', 'dotum', sans-serif;}
.formCont textarea.nrm::-webkit-input-placeholder {text-align:left; font-size:13px; color:#999; padding:0;}
.formCont textarea.nrm:-ms-input-placeholder {text-align:left; font-size:13px; color:#999; padding:0;}
.formCont textarea:focus::-webkit-input-placeholder, .formCont textarea.nrm:focus::-webkit-input-placeholder {color:transparent;}
.formCont textarea:focus:-ms-input-placeholder, .formCont textarea.nrm:focus:-ms-input-placeholder {color:transparent;}
.formCont .txtbox {border:1px solid #e4e4e4; width:100%; padding:10px; box-sizing:border-box; height:700px;}
.formCont .txtbox::-webkit-input-placeholder {padding-top:150px;}
.formCont .txtbox:-ms-input-placeholder {padding-top:160px;}
.formCont .mediaUp dd {margin-bottom:20px;}
.formCont .mediaUp .btndel {display:inline-block; width:22px; margin-right:10px; vertical-align:middle;}
.formCont .btnadd {text-align:center; margin:-10px 0 20px;}
.formCont .btnadd a {display:inline-block; font-size:14px; color:#7f7f7f; padding:5px 0 5px 30px; background:url(../images/icn-create.png) 0 center no-repeat; background-size:27px;}
.formCont .forml {margin-bottom:10px;}
.formCont .forml li {margin-bottom:10px;}
.formCont .forml li:after {content:''; display:block; clear:both;}
.formCont .forml li b {display:block; float:left; width:25%;}
.formCont .forml li .cont {display:block; float:left; width:75%; margin-bottom:5px;}
.formCont .forml li .cont label {margin-right:10px;}
.formCont .forml li .dot {position:relative; clear:both; margin-left:25%; font-size:12px; color:#999; margin-bottom:5px; padding-left:10px;}
.formCont .forml li .dot:before {content:''; display:block; position:absolute; top:8px; left:0; width:4px; height:4px; border-radius:50px; background:#999;}
.formCont .chk label input[type="checkbox"] + span:before {margin:-3px 0 0 4px;}
.joinCap {padding:7.5% 0 0 17%}
.mythum {}
.mythum .thum {display:inline-block; width:104px; height:104px; border-radius:100px; overflow:hidden; vertical-align:middle;}
.mythum .thum>img {width:100%; height:100%;}
.mythum .thum.sdw {margin-right:12px; box-shadow: 18px 0 11px 0 rgba(150, 150, 150, 0.14);}
.mythum .name {display:inline-block; padding-left:10px; vertical-align:middle;}
.mythum .name b {font-size:17px;}
.mythum .name .gray {display:block; font-size:13px;}
.pfHead.mythum .name {width:85px;}
.pfHead.mythum .name b {display:block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.contBtn {margin-top:30px;}
.contBtn a {padding:11px 0; width:128px; font-size:13px; margin:0 5px;}
#mobile-error-container .error { /*padding-right:22%;*/ }

.formCont.joinForm dl {width:543px;}
.formCont.joinForm dl.full, .formCont.joinForm dl.fullw {width:100%;}
.formCont.joinForm dl.half {width:255px; margin-right:4%;}
.formCont.joinForm .wA {width:424px; margin-right:5px; display:inline-block;}
.formCont.joinForm .wC {width:253px;}
.formCont.joinForm .wE {width:134px;}

.formCont .wH.adr {width: calc(100% - 124px);}
.formCont .wG.pdsb, .formCont .wG.file {width: calc(100% - 124px);}
.formCont .mediaUp .wH {width: calc(100% - 157px);}
.formCont .wG.file2 {width: calc(100% - 184px);}

.formTypeA {margin-bottom:30px;}
.formTypeA li {font-size:14px; margin-bottom:20px;}
.formTypeA li:after {content:''; display:block; clear:both;}
.formTypeA li .tit {float:left; width:20%; color:#666; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.formTypeA li .tit.pdt {padding-top:7px;}
.formTypeA li .cont {float:left; width:80%;}
.formTypeA li .cont.cont2 {padding-left:20%;}
.formTypeA li .cont .red {font-size:25px;}
.formTypeA li .cont .grayRd {color:#ff4c4e !important;}
.formTypeA li .cont .gray {display:inline-block; margin-left:10px; font-size:14px;}
.formTypeA li .wp {display:inline-block; position:relative; width:200px;}
.formTypeA li .not {color:#999;}
.formTypeA li.pp .gray {width:20px;}
.formTypeA li.typeB .tit {width:15%;}
.formTypeA li.typeB .cont.cont2 {padding-left:15%;}
.formTypeA li.typeB .cont .txt {position:absolute; top:-1px; left:0; width: 60%; text-align:right;}
.formTypeA li.typeB .wp {display:inline-block; width:240px;}
.formTypeA li input[name="point"][readonly]{ background-color: #e9ecef }

.formTypeB {}
.formTypeB li {width:55%; margin-bottom:25px;}
.formTypeB li .tit {display:block; margin-bottom:10px; color:#666;font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.formTypeB li .mt {margin-top:9px;}
.formTypeB li .mt .ww {width:88%;}
.formTypeB li em.error {display:block; margin-top:3px; font-size:13px;}
.formTypeB .selectric-items li {width:auto; margin:0;}
.formTypeB li .btnBlack {padding:10px 23px; font-size:13px; margin-left:5px;}

.formTypeC {text-align:center;}
.formTypeC li {display:inline-block; width:28%; text-align:left; vertical-align:top;}
.formTypeC li .tit {font-size:16px; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.formTypeC li .cont {font-size:26px; color:#666; font-family:'Lato', 'Noto Sans L', 'dotum', sans-serif; font-weight:300;}
.formTypeC li.w1 {width:32%;}
.formTypeC li.w2 {width:20%;}
.formTypeC.fourth li {width:15%; padding-right:3%;}
.formTypeC.fourth li:last-child {padding-right:0;}
.formTypeC.fourth li.w1 {width:26%; padding-left:5%;}
.formTypeC.fourth li.w2 {width:25%;}
.formTypeC2 {margin:-20px 0;}
.formTypeC2 li {width:15%;}
.formTypeC2 li.ws {width:68%;}
.formTypeC2 li .cont {padding-top:10px; margin-top:10px; font-size:22px; border-top:1px solid #e1e1e1;}
.formTypeC2 li .cont .fz {display:inline-block; width:10%; font-size:14px; margin-top:3px; vertical-align:top;}
.formTypeC2 li .cont .addr {display:inline-block; width:85%; padding-left:1%; line-height:28px; vertical-align:top;}
.formTypeC2 li .cont .tel {display:block; font-size:14px;}

.formTypeD {text-align:center;}
.formTypeD li {display:inline-block; width:31%; margin-right:3%; text-align:left; vertical-align:top;}
.formTypeD.fifth li {width:18.5%; margin-right:1%;}
.formTypeD li:last-child {margin-right:0;}
.formTypeD li .tit {display:block; font-size:13px; color:#666; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:300;}
.formTypeD li .cont {display:block; font-size:13px; color:#999; padding:12px 0; text-align:center; border-bottom:1px solid #e1e1e1;}

.formFlex {display:flex; justify-content:space-around;}
.formFlex li {width:auto !important; padding:0 !important;}

.fileUp {}
.fileUp:after {content:''; display:block; clear:both;}
.fileUp .fileCont {float:left; position:relative; width:calc(100% - 120px);}
.fileUp .fileCont .none {height:50px; padding-top:30px; font-size:16px; color:#999; border:1px solid #e1e1e1; text-align:center; background:#f0f0f0;}
.fileUp .fileCont .scroll {height:60px; padding:10px 5px 10px 10px; border:1px solid #e1e1e1;}
.fileUp .fileCont .scroll li {position:relative; padding:5px 10px;}
.fileUp .fileCont .scroll li a {display:inline-block; color:#999; font-size:13px;}
.fileUp .fileCont .scroll li .del {position:absolute; top:10px; right:3px; width:14px; height:14px; overflow:hidden; text-indent:-999em; background:url(../images/icn-cancel-gray.png) 0 0 no-repeat; background-size:100%;}
.fileUp .fileCont .scroll li.active, .fileUp .fileCont .scroll li:hover, .fileUp .fileCont .scroll li:focus {background:#f0f0f0;}
.fileUp .fileCont .scroll li.active a, .fileUp .fileCont .scroll li:hover a, .fileUp .fileCont .scroll li:focus a {color:#f41f2b; text-decoration:underline;}
.fileUp .fileCont .scroll .mCSB_inside > .mCSB_container {margin-right:15px;}
.fileUp .btnCont {float:right; text-align:center;}
.fileUp .fileCont .gray {display:block; position:absolute; top:-23px; right:0; font-size:14px; font-family:'Lato', 'Noto Sans L', 'dotum', sans-serif;}


/* 계정선택 */
.actArea {padding:30px 0; margin:3% auto;}
.actArea .actlist {border-top:1px solid #e8e8e8;  border-bottom:1px solid #e8e8e8;}
.actArea li {padding:20px 45px; position:relative; text-align:left;}
.actArea li:after {content:''; display:block; clear:both;}
.actArea li:before {content:''; display:block; position:absolute; bottom:0; left:5%; width:90%; height:1px; background:#f1f1f1;}
.actArea li:last-child:before {display:none;}
.actArea li .act {display:block; float:left; width:calc(100% - 104px);}
.actArea li .bdBlue {float:right; padding:6px 10px; font-size:14px; margin-top:14px;}
.actArea .thum {display:inline-block; width:58px; height:58px; overflow:hidden; border-radius:100px; vertical-align:middle;}
.actArea .name {display:inline-block; margin-left:10px; vertical-align:middle; width:70%;}
.actArea .name b {display:block; font-size:15px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.actArea .name em {display:block; font-size:13px; color:#a3a3a3; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.actArea .ac {padding-top:30px; margin-bottom:0;}
.actArea .btnadd {display:inline-block; padding-left:18px; color:#f41f2b; background:url(../images/icn-add.png) 0 center no-repeat; background-size:14px;}

/* 알람 */
.alarmCont {position:relative; padding:30px 0 0; border-top: solid 1px #efefef;}
.alarmCont:before {content:''; display:block; position:absolute; top:35px; left:28.35%; width:2px; height:calc(100% - 35px); background:#ff4c4e;}
.alarmCont.none:before {display:none;}
.alarmCont .armlist {position:relative; width:57%; margin:0 auto;}
.alarmCont .armlist:after {content:''; display:block; clear:both;}
.alarmCont .armlist .date {float:left; position:relative; width:10%; padding-right:2%;}
.alarmCont .armlist .date:after {content:''; display:block; position:absolute; top:0; right:-21px; width:30px; height:30px; padding:5px; background:#fcfcfc url(../images/icn-time-bk.png) center center no-repeat; background-size:30px;}
.alarmCont .armlist .date em {display:block; height:28px; line-height:28px; padding:5px; font-size:13px; color:#a4a4a4; text-align:right;}
.alarmCont .armlist .date em.today {font-size:15px; color:#000;}
.alarmCont .armlist ul {float:left; width:88%; padding:5% 0;}
.alarmCont .armlist li {position:relative; padding-left:4%; margin-top:35px;}
.alarmCont .armlist li:before {content:''; display:block; position:absolute; top:50%; left:0; margin:-9px 0 0 -7px; width:12px; height:12px; border-radius:100px; border:2px solid #ff4a48; background:#fff;}
.alarmCont .armlist li.new:after {content:''; display:block; position:absolute; top:-15px; right:0; width:12px; height:12px; border-radius:100px; background:#ff4c4e;}
.alarmCont .armlist .alarm {display:block; position:relative; padding-left:14px; background:url(../images/arm_left.png) 0 48% no-repeat; background-size:14px;}
.alarmCont .armlist .alarm .armr {display:block; padding:20px 50px 20px 30px; border-radius:25px; box-shadow:3px 3px 4px 1px rgba(0, 0, 0, 0.05); background:#fff;}
.alarmCont .armlist .alarm .armr .tit {display:block; font-size:16px; line-height:20px; word-break:break-all;}
.alarmCont .armlist .alarm .armr .time {display:block; font-size:13px; margin-top:10px; color:#007aff; padding-left:18px; background:url(../images/icn-clock-bl.png) 0 center no-repeat; background-size:14px;}
.alarmCont .armlist .alarm .btnx {display:block; position:absolute; top:12px; right:15px; width:18px;}
.alarmCont .armNone {padding:100px 0; text-align:center; font-size:35px; color:#999;}

/* 업로드팝업 */
#addContents, #addContents-brand {width:1040px;}
#addContents .tabTypeA, #addContents-brand .tabTypeA {padding-top:30px;}
#addContents .tab {position:sticky; top:0; z-index:5; background:#fff; border-radius:5px 5px 0 0;}
.seriesList, .seriesDetail, .brandList {padding:50px 0; max-width:904px; margin:0 auto; min-height:693px;}

.listCont {display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left:auto; margin-right:auto;}
.listCont li {float:none; position:relative; width:218px; margin:0 4px 30px; text-align:left; vertical-align:top; z-index:2;}
.listCont li a {display:block;}
.listCont li .pr {display:block; transition:all .2s ease; z-index:4; }
.listCont li .pr:hover, .listCont li .pr:focus {-webkit-transform:scale(1.02); transform:scale(1.02); z-index:4;}
.listCont li .thum {display:block; width:100%; overflow:hidden;}
.listCont li .thum img {width:100%; height:100%;}
.listCont li .tit {display:block; height:40px; padding:10px 15px; box-sizing:border-box; background:#000 url(../images/fill-1.png) 95% center no-repeat; background-size:18px;}
.listCont li .tit em {display:block; width:80%; color:#fff; font-size:13px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listCont li .blue {display:inline-block; margin-top:3px; font-size:14px;}
.listCont li .blue:hover {text-decoration:underline;}
.listCont li a:hover .bgcont, .listCont li a:focus .bgcont {opacity:0;}
.listCont li .bgcont {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); transition:all .3s ease-out;}
.listCont li .bgcont.bgblue {background:rgba(0,122,255,.8)}
.listCont li .bgcont em {display:block; color:#fff; font-size:20px; text-align:center; padding-top:30%;}
.listCont li .bgcont em.lh {padding-top:24%; line-height:24px;}
.listCont li.upload {text-align:center; height:162px; padding-top:40px; border:1px solid #efefef;  box-sizing:border-box; transition:all .2s ease; z-index:4;}
.listCont li.upload a {display:block; font-size:16px; line-height:20px; font-family: 'Noto Sans L', 'dotum', sans-serif; color:#999;  padding-top:60px; background:url(../images/ico-add2.png) center 0 no-repeat; background-size:51px;}
.listCont li.upload:hover, .listCont3 li.upload:hover {-webkit-transform:scale(1.02); transform:scale(1.02); z-index:4;}
.listCont li.none {text-align:center;}
.listCont li.none .pr {height:283.06px; background:#f8f8f8;}
.listCont li.none .pr em {display:inline-block; margin-top:45%; padding-top:43px; font-size:14px; color:#333; background:center 0 no-repeat; opacity:.5;}
.listCont li.none .pr.adult em {background-image:url(../images/icn-video-19k.png);}
.listCont li.none .pr.nomedia em {background-image:url(../images/icn-video-confirm.png);}
.listCont2 li {width:217px; margin:0 4px 40px;}
.listCont2 li .pr {display:block; border-radius:3px; box-shadow: 0 2px 3px 0 rgba(149, 149, 149, 0.5); background:#fff;}
.listCont2 li .tit2 {display:block; height:116px; padding:8px; box-sizing:border-box;}
.listCont2 li .tit2 em {display:block; height:20px; margin-bottom:2px; font-size:12px; color:#a4a4a4; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listCont2 li .tit2 b {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:42px;line-height:20px;overflow:hidden;text-overflow:ellipsis;}
.listCont2 li .thum {/*height:122px;*/ border-radius:3px 3px 0 0;}
.listCont2 li .time {display:inline-block; position:absolute; top:50%; margin-top:-52px; right:8px; color:#fff; font-size:12px; padding:3px; background:rgba(0,0,0,.8);}
.listCont2 li .cont {display:block; height:20px; padding:12px 0; margin:0 8px; border-top:1px solid #ededed;}
.listCont2 li .cont:after {content:''; display:block; clear:both;}
.listCont2 li .cont .who {display:block; width:20px; float:left; height:20px; overflow:hidden; border-radius:100px;}
.listCont2 li .cont .name {display:block; width:27%; padding-left:3%; float:left; font-size:12px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listCont2 li .cont .lato {display:block; width:40%; float:right; text-align:right; font-size:14px; letter-spacing:-0.01em; padding-right:21px; background:url(../images/icn-money.png) right center no-repeat; background-size:18px; overflow:hidden;white-space:nowrap;}
.listCont2 li.upload {height:282px; padding-top:80px;}
.listCont2 li .bgcont em {padding-top:55%;}
.listCont2 li .bgcont em.lh {padding-top:50%;}
.listCont3 {display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left:auto;  margin-right:auto;}
.listCont3 li {float:none; position:relative; transition:all .2s ease; z-index:2; width:270px; margin:0 15px 60px; vertical-align:top; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.09);}
.listCont3 li:hover, .listCont3 li:focus {-webkit-transform:scale(1.02); transform:scale(1.02);}
.listCont3 li .thum {display:block; width:100%; overflow:hidden;}
.listCont3 li .thum img {width:100%; height:100%;}
.listCont3 li .titCont {display:block; padding:20px 10px 24px; text-align:center;}
.listCont3 li .titCont .tit {display:block; font-size:26px; letter-spacing:-2px; padding:0 5px; margin:5px 0 23px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listCont3 li .titCont .subtxt {display:block; font-size:14px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listCont3 li .titCont .price {display:block; font-size:14px; color:#6675f0; padding:4px 0 0; overflow:hidden;white-space:nowrap; /*text-overflow:ellipsis;*/}
.listCont3 li .titCont .price .tt {display:inline-block; position:relative; padding-right:3px; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500; margin-right:5px; float:left; width:66%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.listCont3 li .titCont .price .tt:after {content:''; display:block; position:absolute; top:4px; right:0; width:1px; height:14px; background:#6675f0;}
.listCont3 li .titCont .price2 {display:block; font-size:14px; color:#6675f0; padding:0 0 0; overflow:hidden;white-space:nowrap; /*text-overflow:ellipsis;*/}
.listCont3 li .titCont .price2 b {width:49.5%; text-align:center; float:left; display:block; font-weight:normal;}
.listCont3 li .titCont .price2 .tt {position:relative; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center}
.listCont3 li .titCont .price2 em {display:block; float:left; width:1%; font-size:small;}
.mgr0 {margin-right:0 !important;}

.listCont3 li .dday {display:block; position:absolute; top:205px; right:20px; width:68px; height:68px; border-radius:100px;}
.listCont3 li .dday.black {background:#000;}
.listCont3 li .dday.green {background:#069d5d;}
.listCont3 li .dday.blue {background:#007aff;}
.listCont3 li .dday.orange {background:#fa8113;}
.listCont3 li .dday>b {display:block; font-size:18px; padding-top:22px; color:#fff; text-align:center; }
.listCont3 li .dday b.lh {line-height:20px; padding-top:12px;}
.listCont3 li.upload {border:1px solid #efefef; height:393px; padding-top:150px; text-align:center; box-sizing:border-box; box-shadow:none; transition:all .2s ease; z-index:4;}
.listCont3 li.upload a {display:inline-block; font-size:16px; line-height:20px; color:#999; padding-top:65px; background:url(../images/ico-add2.png) center 0 no-repeat; background-size:51px;}
.listCont2 li.new:after, .listCont3 li.new:after {content:''; display:block; position:absolute; top:-19px; right:0; width:12px; height:12px; border-radius:50px; background:#ff4c4e;}
.listCont2 li .cover, .listCont3 li .cover {display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:1; transition:all .3s ease-out;}
.listCont2 li .cover .ctxt, .listCont3 li .cover .ctxt, .listCont2 li .bgcont em {display:block; padding-top:60%; font-size:28px; color:#fff; text-align:center;}
.listCont2 li .cover .ctxt, .listCont2 li .bgcont em {padding-top:55%;}
.listCont2 li .cover .ctxt.lh {padding-top:50%;}
.listCont3 li .cover .ctxt.lh {padding-top:55%;}
.listCont2 li .cover .ctxt .fs, .listCont3 li .cover .ctxt .fs {display:block; font-size:20px;}
.listCont2 li a:hover .cover, .listCont2 li a:focus .cover, .listCont3 li a:hover .cover, .listCont3 li a:focus .cover {opacity:0;}
.listCont2 li .cover.c-orange, .listCont3 li .cover.c-orange {background:rgba(255,127,0,.8);}
.listCont2 li .cover.c-red, .listCont3 li .cover.c-red {background:rgba(189,0,2,.8);}
.listCont2 li .cover.c-green, .listCont3 li .cover.c-green {background:rgba(0,177,86,.8);}
.listCont2 li .cover.c-black, .listCont3 li .cover.c-black {background:rgba(0,0,0,.8);}
.listCont3 li a:hover .bgcont, .listCont3 li a:focus .bgcont {opacity:0;}
.listCont3 li .bgcont {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); transition:all .3s ease-out;}
.listCont3 li .bgcont.bgblue {background:rgba(0,122,255,.8)}
.listCont3 li .bgcont em {display:block; color:#fff; padding-top:60%; font-size:28px; text-align:center;}
.listCont3 li .bgcont em.lh {padding-top:54%; line-height:30px;}

.history {margin-bottom:20px; color:#333;}
.history .txt {color:#999;}
.history .txt:hover {color:#000; text-decoration:underline;}
.history .lato {margin:0 5px; color:#999;}

/*문의*/
.qryCont {max-width:1350px; margin:0 auto; padding:35px 0;}
.qryCont:after {content:''; display:block; clear:both;}
.qryCont .mCSB_inside > .mCSB_container {margin-right:15px;}
.qryCont .talkList {float:left; width:29.95%; border: solid 1px #e1e1e1;}
.qryCont .talkList .listScroll {height:700px;/* height:537px; */}
.qryCont .talkList li, .qryCont .talkList .fix {padding:20px; position:relative; cursor:pointer; border-bottom: solid 1px #e1e1e1; background:#fff;}
.qryCont .talkList li.on, .qryCont .talkList .fix.on {background:#f6f7fb;}
.qryCont .talkList li.new:before, .qryCont .talkList .fix.new:before {content:''; display:block; position:absolute; top:12px; left:10px; width:12px; height:12px; border-radius:100px; background:#ff4c4e;}
.qryCont .talkList .userInfo {}
.qryCont .talkList .userInfo .thum {display:inline-block; width:58px; height:58px; border-radius:100px; overflow:hidden; vertical-align:top;}
.qryCont .talkList .userInfo .name {display:inline-block; margin:8px 0 0 10px; width:calc(100% - 80px); vertical-align:top;}
.qryCont .talkList .userInfo .name b  {display:block; width:50%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.qryCont .talkList .userInfo .name .blue  {display:block; height:42px; overflow:hidden;}
.qryCont .talkList .userInfo .name .blue>a  {color:#1964ff; font-size:14px;}
.qryCont .talkList .msg {display:block; margin-top:10px; padding-left:72px; font-size:14px; height:40px; overflow:hidden;}
.qryCont .talkList .time {display:block; position:absolute; top:30px; right:20px; font-size:13px; color:#8f8f8f; padding-left:16px; background:url(../images/icn-clock-gr.png) 0 center no-repeat; background-size:14px;}
.qryCont .talkCont {float:right; position:relative; width:66.5%; border: solid 1px #e1e1e1;}
.qryCont .talkCont .talkHead {position:relative; padding:12px 0 0; height:46px; box-sizing:border-box; color:#fff; font-size:16px; text-align:center; background:#191919;}
.qryCont .talkCont .talkHead span {display: block; padding-left:10px; cursor:pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:90%;}
.qryCont .talkCont .talkHead .btnBack {display:none; position:absolute; top:10px; left:10px; width:27px; height:27px; overflow:hidden; text-indent:-999em; background:url(../images/icn-right-w.png) center center no-repeat; background-size:10px;}
.qryCont .talkCont .talkHead .btnSearch {display:block; position:absolute; top:10px; right:10px; width:27px; height:27px; overflow:hidden; text-indent:-999em; background:url(../images/icn-search.png) 0 0 no-repeat; background-size:27px;}
.qryCont .talkCont .talkSearch {display:none; position:absolute; top:46px; left:0; width:100%; height:46px; padding:7px 0 7px 20px; box-sizing:border-box; background:#fff; z-index:4; border-bottom:solid 1px #e1e1e1; vertical-align:middle;}
.qryCont .talkCont .talkSearch .search {display:inline-block; width:88%; vertical-align:middle;}
.qryCont .talkCont .talkSearch .search input[type=text] {padding:5px 5px 5px 35px; font-size:13px; background:#fff url(../images/icn-search-bk.png) 5px center no-repeat; background-size:27px; }
.qryCont .talkCont .talkSearch .ac {display:inline-block; width:11%; vertical-align:middle;}
.qryCont .talkCont .talkSearch a {display:inline-block; vertical-align:middle;}
.qryCont .talkCont .talkSearch a.up {width:23px;}
.qryCont .talkCont .talkSearch a.down {width:23px;}
.qryCont .talkCont .talkSearch a.close {width:18px; padding-top:3px; margin-left:15%;}
.qryCont .talkCont .talkScroll {height:552px; background:#f6f7fb;}
.qryCont .talkCont .talkScroll ul {padding:20px;}
.qryCont .talkCont .talkScroll li {margin-bottom:30px; text-align:left;}
.qryCont .talkCont .talkScroll li .thum {display:inline-block; width:58px; height:58px; margin-top:30px; overflow:hidden; border-radius:100px; vertical-align:top;}
.qryCont .talkCont .talkScroll li .thum a {display:block;}
.qryCont .talkCont .talkScroll li .cont {display:inline-block; width:70%; margin-left:10px; vertical-align:middle;}
.qryCont .talkCont .talkScroll li .cont .user {margin:0 0 5px 20px; font-size:13px;}
.qryCont .talkCont .talkScroll li .cont .user .blue {padding-left:20px;}
.qryCont .talkCont .talkScroll li .cont .txt {display:inline-block; width:auto !important; /*width:80%;*/ padding-left:10px; background:url(../images/msg_left.png) 0 30px no-repeat; background-size:10px; vertical-align:top;}
.qryCont .talkCont .talkScroll li .cont .txt em {display:block; padding:17px; border-radius:20px; background:#fff; word-break:break-all;}
.qryCont .talkCont .talkScroll li .cont .time {display:inline-block; width:10%; padding:0 7px; font-size:13px; color:#999; vertical-align:middle;}
.qryCont .talkCont .talkScroll li.answer {text-align:right;}
.qryCont .talkCont .talkScroll li.answer .cont {margin:0 10px 0 0;}
.qryCont .talkCont .talkScroll li.answer .cont .user {margin:0 20px 5px 0;}
.qryCont .talkCont .talkScroll li.answer .cont .txt {padding:0 10px 0 0; background:url(../images/msg_right.png) right 30px no-repeat; background-size:10px;}
.qryCont .talkCont .talkScroll li.answer .cont .txt em {text-align:left; background:#e0e9fc;word-break:break-all;}
.qryCont .talkCont .talkWrite {position:relative; padding:30px 20px 20px; background:#f6f7fb;}
.qryCont .talkCont .talkWrite .fs {position:absolute; top:7px; right:30px; font-size:11px; color:#999;}
.qryCont .talkCont .talkWrite .writeIcon {display:inline-block; width:17%; text-align:center; vertical-align:middle;}
.qryCont .talkCont .talkWrite .writeIcon a {display:inline-block; position:relative; width:41px; height:41px; margin-right:5px; vertical-align:middle;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo {display:none; position:absolute; bottom:50px; left:50%; box-sizing:border-box; text-align:center; padding:5px; font-size:11px; color:#fff; background:#191919; z-index:5;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo.box1 {width:140px; margin-left:-70px;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo.box2 {width:320px; margin-left:-160px;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo.box3 {width:100px; margin-left:-50px;}
.qryCont .talkCont .talkWrite .writeIcon a:hover .boxinfo, .qryCont .talkCont .talkWrite .writeIcon a:active .boxinfo  {display:block;}
.qryCont .talkCont .talkWrite .writeForm {display:inline-block; position:relative; width:82%; vertical-align:middle;}
.qryCont .talkCont .talkWrite .writeForm input[type=text] {padding:15px 120px 15px 20px; font-size:13px; height:auto;}
.qryCont .talkCont .talkWrite .writeForm .btnBlack {position:absolute; top:7px; right:7px; width:95px; padding:8px 0;}
.qryCont .talkCont .talkWrite .writeForm .btnBlack.gray {background-color:#888 !important; color:#eee !important;}

/* 마이워크 */
.myProfile {margin:40px auto; max-width:1350px;}
.myProfile:after {content:''; display:block; clear:both;}
.myProfile .profileCont {float:left; position:relative; width:21%; border-radius:3px; border:solid 1px #e1e1e1; border-top:6px solid #000; box-sizing:border-box; background:#fff;}
.myProfile .profileCont .pfHead {padding:30px;}
.myProfile .profileCont .pfHead .thum {width:122px; height:122px;}
.myProfile .profileCont .btnfw {margin:0 30px 30px;}
.myProfile .profileCont .btnfw a {width:100%; padding:8px 0; border-radius:50px;}
.myProfile .profileCont .btnfw a:hover {color:#fff !important; border-color:#fff !important; background:#333;}
.myProfile .profileCont .btnprofile {display:block; position:absolute; top:15px; right:15px; width:27px;}
.myProfile .profileCont .myFollower.line {border-top:1px solid #e1e1e1; padding-top:10px;}
.myProfile .profileCont .myFollower li {padding:5px 30px;}
.myProfile .profileCont .myFollower li:after {content:''; display:block; clear:both;}
.myProfile .profileCont .myFollower li.line {border-bottom:1px solid #e1e1e1; padding:10px 30px; margin-bottom:10px;}
.myProfile .profileCont .myFollower li .tit {display:block; float:left; width:50%; font-size:14px; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:300; color:#4a4a4a; vertical-align:middle;}
.myProfile .profileCont .myFollower li .gray {display:block; float:left; width:50%; font-size:14px; color:#ccc !important; letter-spacing:0.5px; font-family:'Lato', 'Noto Sans L', 'dotum', sans-serif; text-align:right; vertical-align:middle;}
.myProfile .profileCont .myCategory {margin-top:10px; padding:30px 30px 0; border-top:1px solid #e1e1e1;}
.myProfile .profileCont .myCategory dt {font-size:14px; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:300; color:#4a4a4a; margin-bottom:10px;}
.myProfile .profileCont .myCategory dd {font-size:14px; font-family:'Lato', 'Noto Sans L', 'dotum', sans-serif; color:#ccc; margin-bottom:30px;}
.myProfile .profileCont .myIntroduce {padding:20px 30px; border-top:1px solid #e1e1e1;}
.myProfile .profileCont .myIntroduce .tit {display:block; float:left; font-size:14px; color:#4a4a4a;}
.myProfile .profileCont .myIntroduce .blue {display:block; font-size:13px; float:right;}
.myProfile .profileCont .myIntroduce .cont {margin-top:10px; font-size:14px; color:#ccc; word-break:break-word;}
.myProfile .tabCont.profileCont {display:none;}
.myProfile .sideCont {float:right; width:77.5%; min-height:828px; padding-top:30px; box-shadow: 0 2px 6px 0 rgba(192, 192, 192, 0.5); background:#fff; box-sizing:border-box;}
.myProfile .sideCont .pdCont {padding:40px 80px 100px;}
.myProfile .sideCont .mythum {margin:0 10px;}

/* 포인트 */
.pointArea {padding:60px 0; max-width:1170px; margin:0 auto; min-height:650px;}
.pointArea .pointHead {text-align:center; font-size:19px;}
.pointArea .pointHead .lato {font-size:50px; color:#ff4c4e; margin-left:5px;}
.pointArea .pointHead .pink {font-size:15px; color:#ff4c4e; margin-right:5px;}
.pointArea .pointAc {text-align:center; margin:20px 0 50px;}
.pointArea .pointAc a {padding:9px 23px; border:2px solid #ff4c4e; border-radius:50px; font-family: 'Noto Sans M', 'dotum', sans-serif;}
.pointArea .al {margin:20px 0 -48px;}
.pointArea .al .rpp-button {padding:9px 15px; border:1px solid #ff4c4e;}
.pointArea .al .rpp-button--raised:disabled {border:1px solid #e4e4e4; background:#f6f6f7; color:#8c8c8e; }
.pointArea .list .bdGray {padding:7px 20px; font-size:14px;}
.pointArea .list td {font-size:17px; word-break:break-all;}
.pointArea .list td.date {font-size:15px;}
.pointArea .list tr.on td {position:relative; z-index:2; box-shadow:3px 0px 7px 0px rgba(212, 212, 212, 0.5);}
.pointArea .list td.none {text-align:center; padding:50px 0;}
.pointArea .info {margin-top:50px;}
.pointArea .info li {font-size:14px; color:#999; margin-bottom:5px;}
.pointArea .info li.bk {color:#2a2a2a; margin-bottom:10px; font-size:15px;}

/* 설정 */
.setArea {padding:50px 50px 70px; max-width:1340px; margin:0 auto;}
.setArea:after {content:''; display:block; clear:both;}
.setArea .setNavi {position:fixed; top:108px; background:#fff; float:left; font-size:15px; line-height:15px; overflow: hidden; width:282px;}
.setArea .setNavi li {position:relative; padding:20px 30px;}
.setArea .setNavi li a {display:block; padding:5px 0 5px 30px; font-size:17px; background:0 center no-repeat;}
.setArea .setNavi li a.ico1 {background-image:url(../images/icn-set1_off.png); background-size:23px;}
.setArea .setNavi li a.ico2 {background-image:url(../images/icn-set2_off.png); background-size:23px;}
.setArea .setNavi li a.ico3 {background-image:url(../images/icn-set3_off.png); background-size:23px;}
.setArea .setNavi li a.ico4 {background-image:url(../images/icn-set4_off.png); background-size:23px;}
.setArea .setNavi li a.ico5 {background-image:url(../images/icn-set5_off.png); background-size:23px;}
.setArea .setNavi li a.ico6 {background-image:url(../images/icn-set6_off.png); background-size:23px;}
.setArea .setNavi li a.ico7 {background-image:url(../images/icn-set7_off.png); background-size:23px;}
.setArea .setNavi li a.ico8 {background-image:url(../images/icn-set8_off.png); background-size:23px;}
.setArea .setNavi li a.ico9 {background-image:url(../images/icn-set9_off.png); background-size:23px;}
.setArea .setNavi li.on {background:#000;}
.setArea .setNavi li.on a {color:#fff;}
.setArea .setNavi li.on a.ico1 {background-image:url(../images/icn-set1_on.png); background-size:23px;}
.setArea .setNavi li.on a.ico2 {background-image:url(../images/icn-set2_on.png); background-size:23px;}
.setArea .setNavi li.on a.ico3 {background-image:url(../images/icn-set3_on.png); background-size:23px;}
.setArea .setNavi li.on a.ico4 {background-image:url(../images/icn-set4_on.png); background-size:23px;}
.setArea .setNavi li.on a.ico5 {background-image:url(../images/icn-set5_on.png); background-size:23px;}
.setArea .setNavi li.on a.ico6 {background-image:url(../images/icn-set6_on.png); background-size:23px;}
.setArea .setNavi li.on a.ico7 {background-image:url(../images/icn-set7_on.png); background-size:23px;}
.setArea .setNavi li.on a.ico8 {background-image:url(../images/icn-set8_on.png); background-size:23px;}
.setArea .setNavi li.on a.ico9 {background-image:url(../images/icn-set9_on.png); background-size:23px;}
.setArea .setNavi li.on:before {content:''; display:block; position:absolute; top:0; left:0; width:6px; height:100%; background:#ff4c4e;}
.setArea .setCont {float:right; width:calc(100% - 282px - 22px);}
.setArea .scrCont {position:relative; margin-bottom:30px;}
.setArea .scrCont .anchor {display:block; position:absolute; top:-108px; padding-top:108px;}
.setArea .formCont {padding:40px 80px; border-top:2px solid #000; border-radius:0;}
.setArea .formCont dl dd p {margin-bottom:15px;}
.setArea .scrCont .btnAr {}

/* 리포트 */
.reportArea {max-width:1180px; margin:50px auto; padding:25px 25px 0; border:solid 1px #f0f0f0; background:#fff;}
.reportArea .reportBox {padding:30px; margin-bottom:30px; border-radius:4px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.08);}
.reportArea .reportBox.npd {padding:0;}
.reportArea .reportBox.nsw {box-shadow:none;}
.reportArea .clear .reportBox {float:left; width:49.5%; margin-right:0.5%; min-height:146px; box-sizing:border-box;}
.reportArea .clear .reportBox:last-child {margin-left:0.5%;margin-right:0;}
.reportArea .clear .cont {float:left; width:45.5%; margin-right:1%; box-sizing:border-box;}
.reportArea .clear .cont:last-child {width:53.5%; margin-right:0;}
.reportArea .clear .cont .box {padding:15px; font-size:24px; text-align:center; margin-bottom:10px; border-radius:4px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.08);}
.reportArea .clear .cont .box .lato {color:#2c5cab;}
.reportArea .clear .cont .box .gray {display:block; font-size:13px; font-family: 'Noto Sans R', 'dotum', sans-serif; font-weight:300;}
.reportArea .clear .cont .box .subtit3 {display:inline-block;}
.reportArea .clear .cont1 .box {padding:30px 15px;}
.reportArea .clear .cont .cont2 {float:left; width:37.5%;}
.reportArea .clear .cont .cont3 {float:left; width:60.5%; margin-left:2%; text-align:left; min-height:188px;}
.reportArea .reportHead {padding:30px;}
.reportArea .reportHead:after {content:''; display:block; clear:both;}
.reportArea .reportHead .thum {float:left; width:33%;}
.reportArea .reportHead.media {padding:0 0 30px;}
.reportArea .reportHead.media.pd {padding:30px;}
.reportArea .reportHead.media .thum {padding-top:40px; width:30%; padding-left:3%;}
.reportArea .reportHead.media .thum>img {width:100%;}
.reportArea .reportHead .txtCont {float:right; width:63%;}
#content .reportArea .reportHead .txtCont h4 {font-size:34px; margin-bottom:5px; font-family: 'Noto Sans M', 'dotum', sans-serif;}
.reportArea .reportHead .txtCont .subtit {display:block; font-size:16px;}
.reportArea .reportHead .txtCont .subt {font-size:15px;}
.reportArea .reportHead .txtCont .subt span {display:inline-block; padding-right:15px;}
.reportArea .reportHead .txtCont .subt span:first-child:after {content:''; display:inline-block; margin-left:15px; width:2px; height:15px; background:#333;}
.reportArea .reportHead .txtCont .subt .lato {color:#2c5cab; font-size:23px; padding:0 3px 0 5px;}
.reportArea .reportHead .txtCont .titCont {margin:20px 0; padding-bottom:15px; border-bottom:1px solid #e1e1e1;}
.reportArea .reportHead .txtCont .titCont span {display:inline-block; width:45%;}
.reportArea .reportHead .txtCont .titCont .tit {display:inline-block; padding-left:26px; font-family: 'Noto Sans M', 'dotum', sans-serif; background:0 center no-repeat; background-size:23px; vertical-align:middle;}
.reportArea .reportHead .txtCont .titCont .tit.ico1 {background-image:url(../images/icn-subject-rd.png) }
.reportArea .reportHead .txtCont .titCont .tit.ico2 {background-image:url(../images/icn-type-rd.png) }
.reportArea .reportHead .txtCont .titCont .tit.ico3 {background-image:url(../images/icn-brand-rd.png) }
.reportArea .reportHead .txtCont .titCont .gray {display:inline-block; font-size:14px; padding-left:10px; vertical-align:middle;}
.reportArea .reportHead .txtCont dl {}
.reportArea .reportHead .txtCont dl:after {content:''; display:block; clear:both;}
.reportArea .reportHead .txtCont dl dt {float:left; width:45%; margin:0 1% 1.5% 0; font-size:19px; font-family: 'Noto Sans M', 'dotum', sans-serif;}
.reportArea .reportHead .txtCont dl dd {float:left; width:50%;  margin:0 0 1.5% 0; font-size:19px; color:#ff4c4e;}
#content .reportArea .reportHead.media h4 {font-size:27px;}
.reportArea .reportHead.media .txtCont dl dt {width:22%;}
.reportArea .reportHead.media .txtCont dl dd {width:27%;}
.reportArea .reportHead.media .txtCont dl dd span.txt {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; display:block; padding-right:10px; box-sizing:border-box;}
.reportArea .blueBox {padding:10px; margin-bottom:20px; background:#2c5cab;}
.reportArea .blueBox:after {content:''; display:block; clear:both;}
.reportArea .blueBox>p {display:block; float:left; width:33%; min-height:58px; padding:15px 0 5px; text-align:center; border-right:1px solid rgba(255,255,255,.5); color:#fff; font-size:27px; vertical-align:top;}
.reportArea .blueBox>p:last-child {border-right:0;}
.reportArea .blueBox>p .lato {letter-spacing:1px; padding:0 2px;}
.reportArea .blueBox>p.pr {z-index:2; cursor:default;}
.reportArea .blueBox .blackInfo {display:none; position:absolute; top:54px; left:50%; width:426px; margin-left:-213px; box-sizing:border-box; text-align:center; padding:5px; font-size:14px; color:#fff; background:#191919; z-index:5;}
.reportArea .blueBox .fs {display:block; font-size:12px;}
.reportArea h5 {font-size:24px; margin-bottom:14px; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:500; letter-spacing:-1px;}
.reportArea h5 .lato, .reportArea h5 .blue {display:inline-block; padding-left:10px; color:#2c5cab !important; vertical-align:top;}
.reportArea h5 .lato:before, .reportArea h5 .blue:before {content:''; display:inline-block; margin:-1px 13px 0 0; width:2px; height:24px; background:#333; vertical-align:middle;}
.reportArea h6 {font-size:22px; font-family: 'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.reportArea .subtit2 {font-size:13px; height:20px;}
.reportArea .sum {}
.reportArea .sum:after {content:''; display:block; clear:both;}
.reportArea .sum li {float:left; width:25%; padding:40px; font-size:24px; text-align:center; box-sizing:border-box; border-right:1px solid #f0f0f0;}
.reportArea .sum li:last-child {border-right:0;}
.reportArea .sum li .lato {display:block; color:#2c5cab;}
.reportArea .btnmore a {display:inline-block; padding-right:25px; background:url(../images/select.png) right center no-repeat; background-size:23px;}
.reportArea .btnclose a {display:inline-block; padding-right:25px; background:url(../images/select_on.png) right center no-repeat; background-size:23px;}
.reportArea .mainList {padding:0;}
.reportArea .mainList .mlist {width:267px; margin:0.4%;}

.slideCont {margin:0 -18px 30px; padding:20px 20px 15px; border:solid 1px #e3e3e3; background-color:#fcfcfc;}
.slideCont li {padding:20px 0; border-bottom:1px solid #ededed;}
.slideCont li:last-child {border-bottom:0;}

/* 팝업 */
.popwTypeA {width:470px; box-sizing:border-box;}
.popwTypeB {width:538px; box-sizing:border-box;}
.popwTypeC {width:600px; box-sizing:border-box;}
.popwTypeD {width:628px; box-sizing:border-box;}
.popwTypeDA {width:628px; box-sizing:border-box; max-height:90vh;}
.popwTypeE {width:776px; box-sizing:border-box;}
.popwTypeF {width:820px; box-sizing:border-box;}
.popPdA {padding:40px 20px;}
.popPdB {padding:40px 30px;}
.popPdC {padding:40px;}
.popPdD {padding:40px 50px;}

#goPop input[type="radio"] + label:before {background: url(../images/radio-off-rd.png) no-repeat 0 0; background-size: 18px;}
#goPop input[type="radio"]:checked + label:before {background: url(../images/radio-on.png) no-repeat 0 0; background-size: 18px;}
#goPop input[type="radio"]:disabled + label:before {background: url(../images/radio-ds.png) no-repeat 0 0; background-size: 18px;}
#goPop input[type="radio"]:disabled:checked + label:before {background: url(../images/radio-dsck.png) no-repeat 0 0; background-size: 18px;}

#qnaPop  {padding:0;}
#qnaPop .qnatab {}
#qnaPop .qnatab:after {content:''; display:block; clear:both;}
#qnaPop .qnatab li {float:left; width:50%; background:#191919; opacity:.7;}
#qnaPop .qnatab li a {display:block; padding:12px 10px; font-size:14px; color:#ccc; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#qnaPop .qnatab li.on {opacity:1;}
#qnaPop .qnatab li.on a {color:#fff;}
#qnaPop .qryCont {padding:0; border-radius:5px; overflow:hidden;}
#qnaPop .qryCont .talkCont .talkHead {background-color:#6260f0;}
#qnaPop .qryCont .talkCont {float:none; width:100%; border:0;}
#qnaPop .qryCont .talkCont .talkSearch {padding:7px;}
#qnaPop .qryCont .talkCont .talkSearch .search {width:73%;}
#qnaPop .qryCont .talkCont .talkSearch .ac {width:24%;}
#qnaPop .qryCont .talkCont .talkScroll {height:370px;}
#qnaPop .qryCont .talkCont .talkScroll li .thum {width:40px; height:40px;}
#qnaPop .qryCont .talkCont .talkScroll li .cont .txt {width:auto; box-sizing:border-box; background-position:0 20px; text-align:left;}
#qnaPop .qryCont .talkCont .talkScroll li .cont .txt em {font-size:14px;word-break:break-all;}
#qnaPop .qryCont .talkCont .talkScroll li .cont .time {width:100%; box-sizing:border-box; text-align:right;}
#qnaPop .qryCont .talkCont .talkScroll li .cont .user .blue {padding-left:10px;}
#qnaPop .qryCont .talkCont .talkScroll li.answer .cont .txt {background-position:right 20px;}
#qnaPop .qryCont .talkCont .talkWrite .fs {top:17px;}
#qnaPop .qryCont .talkCont .talkWrite .writeIcon {display:block; width:100%; text-align:left; margin:-20px 0 10px;}
#qnaPop .qryCont .talkCont .talkWrite .writeForm {width:100%;}
#qnaPop .qryCont .talkCont .talkWrite .writeForm input[type=text] {padding:15px 85px 15px 15px;}
#qnaPop .qryCont .talkCont .talkWrite .writeForm .btnBlack {width:70px; font-size:13px;}
#qnaPop .qryCont .talkCont .talkWrite .writeIcon a .boxinfo {bottom:40px;}
#qnaPop .qryCont .talkCont .talkWrite .writeIcon a .boxinfo.box1 {margin-left:-15px;}
#qnaPop .qryCont .talkCont .talkWrite .writeIcon a .boxinfo.box2 {margin-left:-60px;}

#requestPop {text-align:left;}
#requestPop .rqAgree {}
#requestPop .rqAgree dt {padding:5px 10px; border:1px solid #e1e1e1; border-bottom:0;}
#requestPop .rqAgree dt label {font-size:13px; color:#000;}
#requestPop .rqAgree dd.scroll {padding:5px 0 5px 10px; height:34px; font-size:12px; border:1px solid #e1e1e1; margin-bottom:20px;}
#requestPop .scr {padding:5px 0 5px 10px; height:65px; border:1px solid #e1e1e1;}
#requestPop .scr li {position:relative; margin-bottom:2px;}
#requestPop .scr li label {font-size:13px;display:block;width:73%;}
#requestPop .scr li .fra {position:absolute; display:block; top:3px; right:0; font-size:11px;}
#requestPop .scr li .fra .del {display:inline-block; vertical-align:middle; width:15px; height:15px; margin-top:-3px; overflow:hidden; text-indent:-999em; background:url(../images/icn-cancel-gray.png) center center no-repeat; background-size:15px;}
#requestPop .scr .mCSB_container {color:#777;}
#requestPop input[type="radio"]:checked + label, #requestPop input[type="checkbox"]:checked + label {color:#ff4c4e;}
#requestPop .boxscr {/*height:320px;*/}
#requestPop .agreeBtn {padding-bottom:0;}

#requestpagePop .scroll, #statementPop .scroll {padding:10px; height:154px; border:1px solid #e1e1e1; margin:20px 0;}
#requestpagePop .btndown, #statementPop .btndown {display:inline-block; margin-top:4px; padding:4px 0 4px 25px; text-align:left; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:url(../images/icn-download-bk.png) 0 center no-repeat; background-size:24px;}

#followPop .following {padding-left:4%;}
#followPop .following li {width:22%; margin:1% 0.7% 5%;}
#followPop .following li .tit {margin-top:3px;}
#followPop .popCont h4:after {display:none;}
#followPop .mCSB_inside > .mCSB_container {margin-right:10px;}
#followPop .scroll {padding:20px 0 0 10px; height:454px; border:1px solid #e1e1e1;}
#followPop .rpp-button {display:inline-block; padding:5px 10px; border-radius:50px; margin-top:5px;}

#adPop .formCont {padding:45px 30px 30px; border:0;}
#adPop .formCont.scroll {height:570px; padding-right:0 !important;}
#adPop .formCont .ytbTit {}
#adPop .formCont .ytbTit input[type=text] {width:calc(100% - 107px); transition: all 0s;}
#adPop .formCont .ytbTit .btnBlue {width:67px; font-size:12px; line-height:16px; padding:3px 16px 4px;}
#adPop .formCont input[readonly]{ background-color: #e9ecef }

#seriesPop .scroll {margin-top:20px; padding:10px 0 10px 10px; border:1px solid #e1e1e1; height:220px;}
#seriesPop .listCont {text-align:center;}
#seriesPop .listCont li {width:47%; margin:0 0 1% 1%; position:relative;}
#seriesPop .listCont li .pr {opacity:.5;}
#seriesPop .listCont li .pr:focus, #seriesPop .listCont li .pr:hover, #seriesPop .listCont li.on .pr {opacity:1; -webkit-transform:scale(1); transform:scale(1);}
#seriesPop .listCont li.on:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:6px solid #ff4c4e; box-sizing:border-box; z-index:5;}
#seriesPop .listCont li .tit {text-align:left; padding:8px 10px; height:34px; background-size:14px;}
#seriesPop .listCont li .tit em {font-size:11px;}
#seriesPop .listCont li .thum {/* height:105px; */}
#seriesPop .mCSB_inside > .mCSB_container {margin-right:15px;}

.star {display:inline-block; margin:4px 0 0 5px; vertical-align:middle;}
.star a {display:inline-block; width:12px; vertical-align:middle;}

/* .stateInfo {margin-bottom:15px;} */
.stateInfo span {display:inline-block; margin-right:9%; font-size:12px; text-align:left; vertical-align:top; margin-bottom:20px;}
.stateInfo span:last-child {margin-right:0;}
.stateInfo span .red {display:block; font-size:18px;}
.stateBox .tit {display:inline-block; width:196px;}
/*.stateBox .tit {display:inline-block; width:172px;}*/


#approvalPop .formCont {padding:20px; margin-bottom:5px;}
#approvalPop .formCont.scroll {height:180px; padding:20px 0 5px 25px !important; border:1px solid #e1e1e1;}
#approvalPop .formCont.box {padding:20px 25px !important; border:1px solid #e1e1e1;}
#approvalPop .formTypeB li .tit {position:relative; font-size:14px; font-weight:300;}
#approvalPop .formTypeB li em.error {position:absolute; top:0; right:57px; font-size:12px;}
#approvalPop .formTypeB li.name .tit {display:inline-block;}
#approvalPop .formTypeB li.name em.error {position:static; display:inline-block; margin-left:23px;}
#approvalPop .f11 {margin-bottom:20px;}
#approvalPop .f11 em {display:block;}

#pointPop .formCont {padding:20px; margin-bottom:5px;}
#pointPop .formCont dl {margin-bottom:0;}
#pointPop .formCont dt {border:0;}

#alreadyPop .scroll {height:60px;}

#reportPop .formCont {padding:0; margin-bottom:5px; border:0;}

.formPop {padding:30px 0 30px 30px;}
.formPop .scroll {height:600px; padding-right:0 !important;}
.formPop .formCont {padding:20px 0px 0 !important; border:0;}
.formPop .formCont dl {}
.formPop .formCont dl.fullw {width:100%;}
.formPop .formCont dl.half  {width:33%;}
.formPop .formCont .forml li b {width:15%;}
.formPop .formCont .forml li .cont {width:85%;}
.formPop .btndown {display:block; margin-top:4px; padding:4px 0 4px 25px; text-align:left; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:url(../images/icn-download-bk.png) 0 center no-repeat; background-size:24px;}
.formPop .box {padding:10px; border:1px solid #e1e1e1; margin:10px 0 20px;}
.formPop .box dl {margin-bottom:1%;}
.formPop .pdbox {margin:15px 0;}
.formPop .photoBox {padding:30px; text-align:center; border:1px solid #e1e1e1; margin-bottom:15px; background:#f6f6f7;}
.formPop .photoBox .btnplus {display:inline-block; padding:5px 0 5px 30px; font-size:13px; color:#999; background:url(../images/icn-create.png) 0 center no-repeat; background-size:27px;}
.formPop .photoBox2 {padding:30px; text-align:center; border:1px solid #e1e1e1; margin-bottom:15px; background:#f6f6f7;}
.formPop .photoBox2 .thum {display:inline-block; width:145px; height:200px; border-radius:5px; border:1px solid #e1e1e1; overflow:hidden;}
.formPop .photoBox2 .btnDel {display:inline-block; margin-left:3px; width:15px; height:15px; overflow:hidden; text-indent:-999em; background:url(../images/icn-cancel-gray.png) 0 0 no-repeat; background-size:100%;}
.formPop .formCont.joinForm .ww {width:100%;}
.formPop .formCont.joinForm .ww2 {width:70%;}

/*#file2-error {margin-right:120px;}*/

.formPop .cmylist .scroll {height:160px; background:#f6f6f7;}
.formPop .cmylist li {padding:5px 10px; font-size:13px; background:#f6f6f7;}
.formPop .cmylist li.title {padding:10px; background:#111;}
.formPop .cmylist li.title em {color:#fff;}
.formPop .cmylist li em {display:inline-block; vertical-align:top;}
.formPop .cmylist li .w1 {width:10%;}
.formPop .cmylist li .w2 {width:30%;}
.formPop .cmylist li .w3 {width:40%;}
.formPop .cmylist li .vt {vertical-align:top;}

.graphList {margin-bottom:20px;}
.graphList li {margin-bottom:15px;}
.graphList li .pr {width:100%; height:35px; background:#e8e8e8; margin-bottom:3px; }
.graphList li .pr .bar {display:block; position:absolute; top:0; left:0; width:auto; height:100%;background:#b5b5b5;}
.graphList li .clear span {display:inline-block; width:48%; color:#808080;}
.graphList li .clear .one {display:inline-block; width:8px; height:8px; border-radius:50px; background:#e8e8e8; vertical-align:middle;}
.graphList li .clear .al .one {background:#b5b5b5;}
.graphList li.type2 .pr .bar {background:#2c5cab}
.graphList li.type2 .clear .al {color:#2c5cab;}
.graphList li.type2 .clear .al .one {background:#2c5cab;}

/*#targetPop .fs {font-size:12px; margin-top:5px;}*/
#targetPop .fs {font-size:12px; margin-top:15px; margin-bottom:0; color:#bbb !important;}

@media screen and (min-width: 1700px){
.mainList .mlist .thum {/*height:170px;*/}
.listCont2 .mlist .thum {/*height:122px;*/}
}

@media (max-width: 1470px) {
.discoverList {max-width:1225px;}
}

@media (max-width: 1440px) {
.formCont .wE {width:24.3%;}
.formCont .wK {width:77%;}
}
@media (max-width: 1400px) {

.mainList .slick-prev, .mainList .slick-next, .mainList2 .slick-prev, .mainList2 .slick-next {background-size:15px;}

.sideCont .seriesDetail, .sideCont .seriesList {max-width:680px;}

.categoryCont {max-width:1225px;}
.categoryList .listCont {width:63%;}
.categoryList .listCont li:nth-child(1n+4) {display:none;}
.categoryList .moreBox {margin-left:2%; width:7%;}

.campaignView {width:auto; max-width:900px;}
.campaignView .cpviewHead .campaignSate {float:none; width:auto;}
.campaignView .cpviewHead .campaignInfo {display:none;}
.campaignView .cpviewHead .campaignInfo_m {display:block;}

.searchBar .clear {padding:0 30px;}
.searchList .srcslt>li {margin-right:2%;}

.following li {width:18%;}

.formCont .wG {width:80%;}
.formCont .wH {width:75%;}

.qryCont .talkList .time {position:static; margin:5px 0 0 72px;}
.qryCont .talkCont .talkWrite .writeIcon {width:21%;}
.qryCont .talkCont .talkWrite .writeIcon a {width:35px; height:35px;}
.qryCont .talkCont .talkWrite .writeForm {width:78%;}
.qryCont .talkList .userInfo .name>b {width:auto}

.setArea .formCont {padding:40px 50px}

.alarmCont .armlist .date em {padding:5px 10px 5px 0; margin-left:-3px;}

.myProfile {margin:30px;}
.myProfile .profileCont {width:25%}
.myProfile .profileCont .pfHead .thum {width:100px; height:100px;}
.myProfile .sideCont {width:73.5%;}
.myProfile .sideCont .pdCont {padding:30px 60px;}
.crtpf .tabCont {}

.pointArea {padding:50px 20px;}

.foruPlaybox .playInfo {padding:50px 20px;}
.foruPlaybox .playInfo .tit b.fsA {font-size:45px; line-height:48px; height:50px}
.foruPlaybox .playInfo .tit b.fsB {font-size:35px; line-height:38px; height:79px}
}

@media (max-width: 1320px) {
.formCont dd .mr3 {margin-right:3%;}
.setArea {padding:30px;}
.sideCont .brandList {max-width:600px;}

#content .foruCont h4.tit {margin-bottom:14px;}
}

@media (max-width: 1305px) {
.playWrite .icoBox_new li {width:50%;}
.playWrite .icoBox_new li:nth-child(1), .playWrite .icoBox_new li:nth-child(4) {width:50%;}
.playWrite .icoBox_new li:nth-child(3) {width:100%;}
.playWrite .icoBox_new li:nth-child(6) {width:50%;}
.playWrite .icoBox_new li:nth-child(7) {width:50%;}
}

@media (max-width: 1250px) {
.discoverList {max-width:1000px;}
.categoryCont {max-width:1000px;}
.categoryList .listCont {width:53%;}
.categoryList .listCont li:nth-child(1n+3) {display:none;}
.campaignCont {max-width:900px;}
.campaignList {max-width:1200px; padding:30px 30px 100px;}
.reportArea {margin:30px;}
.csList {padding:20px 15px 100px;}
.contents.typeC {margin:0 15px;}
#mediaPop {width:90%;}
#mediaPop.fixed .mdArea {width:calc(90% - 30px);}
}

@media (max-width: 1230px) {
.playInformation .infoTop .tit {float:none; width:100%;}
.playInformation .infoTop .tit b {font-size:18px; line-height:23px; overflow:visible; white-space:normal;}
.playInformation .infoTop .tit b .blue {margin-right:1%;}
.playInformation .infoTop .btn {float:none; width:100%; margin-top:15px; text-align:left;}

.playInformation .infoTop .btn .btnIcon {float: left;}
.playInformation .infoTop .btn .btnIcon2 {float: right;}
.playInformation .infoTop .btn .company {width:auto;}

}

@media (max-width: 1200px) {
.mainList .slick-prev, .mainList .slick-next, .mainList2 .slick-prev, .mainList2 .slick-next {background-size:10px;}

.crtpf .tabCont, #brcampaign {}

.following li {width:23%;}

.searchList .srcslt {padding:10px 15px; display:flex;}
.searchList .srcslt>li {margin-right:1%;}
.searchList .srcslt>li:first-child {margin-left:auto;}
.searchList .srcslt>li:last-child {margin-right:auto;}
.searchList .srcslt>li:nth-child(1n+7) .subsrc {right:0; left:auto;}
.searchList .srcslt>li>a {font-size:17px;}

.movieInfo .thum {float:none; width:270px; margin:0 auto 20px;}
.movieInfo .cont {float:none; width:100%;}
.movieInfo.fixed {left:0; width:100%; margin-left:0;}
.movieInfo.fixed .thum {float:left; width:26%; margin-bottom:0;}
.movieInfo.fixed .cont {float:right; width:70%;}

.foruPlaybox {height:340px;}
.foruPlaybox .playInfo {width:25%; padding:30px 10px;}
.foruPlaybox .playInfo .type {margin-top:35px;}
.foruPlaybox .playInfo .type li {margin-top:10px;}
.foruPlaybox .playBox {width:50%;}
.foruPlaybox .playBox iframe {height:340px;}
.foruPlaybox .playList {width:25%;}
.foruPlaybox .playList .scroll {height:312px;}
.foruPlaybox .playList .scroll li .txt {height:70px; line-height:15px;}

.detailPlaybox .playList .scroll li:first-child {padding-top:15px;}
.detailPlaybox .playList .scroll li .txt {font-size:14px; width:44%; line-height:16px;}
.detailPlaybox .playList .scroll li .thum {width:51%;}

.playWrite .icoBox li .txt {margin-left:15px;}

.faqList {padding:20px; display:block;}
.faqList a {width:48%; margin:0.5%;}
.csList {padding:20px;}
.setArea .formCont {padding:20px;}
.setArea .formCont dd .wB.mr2 {margin-right:2%}

.alarmCont:before {left:19.6%;}
.alarmCont .armlist {width:80%;}
.alarmCont .armlist .date em {padding:5px; margin-left:0;}

.playInformation {padding:0 30px;}
.playInformation .infoTop .btn li .blackInfo.in1 {margin-left:-180px;}
.playInformation .infoTop .btn li .blackInfo.in2 {margin-left:-214px;}
.playInformation .infoTop .btn li .blackInfo.in3 {margin-left:-248px;}
.playWrite {padding:20px 30px;}

.reportArea .reportHead .txtCont dl dt {font-size:18px;}
.reportArea .reportHead .txtCont dl dd {font-size:18px;}
.reportArea .reportHead.media .txtCont dl dt {font-size:18px;}
.reportArea .reportHead.media .txtCont dl dd {font-size:18px;}
.reportArea .clear .cont {width:43%;}
.reportArea .clear .cont:last-child {width:56%;}

.myUpload .profileCont {display:none;}
.myProfile.myUpload .sideCont {float:none; width:auto; max-width:1050px; margin:0 auto;}

.formCont.contInfo dd .mr4 {margin-right:2%;}

.myProfile .profileCont .pfHead .thum {width:80px; height:80px;}
}

/*
@media (max-width: 1110px) {
.playInformation .infoTop .tit {width:63%;}
.playInformation .infoTop .btn {width:37%;}
}
*/

@media (max-width: 1060px) {
.formCont.joinForm {padding:50px 60px;}
.setArea .formCont.joinForm {padding:20px;}
#addContents, #addContents-brand {position:absolute; width:100%; margin-top:40px;}
.reportArea .reportHead .thum {float:none; width:100%; margin-bottom:20px; text-align:center;}
.reportArea .reportHead.media .thum {width:70%; margin:0 auto 10px; padding:0;}
.reportArea .reportHead .txtCont {float:none; width:100%;}
}

@media (max-width: 1040px) {
.discoverList {max-width:675px; padding:50px 0;}

.sideCont .seriesDetail, .sideCont .seriesList {max-width:455px;}

.categoryCont {padding:15px;}
.categoryList .cateBox {float:none; width:100%; height:auto; margin:0 0 10px; padding:20px 20px 70px;}
.categoryList .cateBox .tit {font-size:30px;}
.categoryList .cateBox .btn {bottom:20px; width:140px; margin-left:-70px;}
.categoryList .cateBox .prof {margin:0;}
.categoryList .cateBox .mythum .thum {width:110px; height:110px;}
.categoryList .cateBox .mythum .name {display:inline-block; padding:0 0 0 10px; text-align:left;}
.categoryList .listCont {float:none; width:100%;}
.categoryList .listCont li:nth-child(1n+3) {display:block;}
.categoryList .listCont li {margin:0 4px 20px;}
.categoryList .searchNone {padding:80px 0; min-height:auto;}
.categoryList .moreBox {float:none; width:100%; text-align:center; width:auto; padding:0; margin:0;}
.categoryList .moreBox .btnmore {width:60px; padding-top:60px; background-size:60px;}

.searchBar .clear {padding:0 10px;}

.campaignView {padding:20px;}
.campaignView .cpviewCont {padding:30px;}
.campaignView .infoCont {padding:30px;}
.campaignView .stateCont {padding:30px;}

.campaignView .cpviewHead .campaignInfo .dday {font-size:45px; line-height:50px;}
.campaignView .cpviewHead .campaignInfo .dday.soon {font-size:40px;}
.campaignView .cpviewHead .campaignInfo .brandtit {font-size:40px; line-height:45px;}
.campaignView .cpviewHead .campaignInfo .prdInfo {font-size:20px;}
.campaignView .cpviewHead .campaignInfo .joinrnd span {font-size:12px;}
.campaignView .cpviewHead .campaignInfo .btnAc a {width:80%; padding:12px 0;}
.campaignView .stateCont .stateTit {font-size:17px;}
.campaignView .stateCont .stateTit span {font-size:24px;}



#mediaPop .slideWrap {padding:40px;}
#mediaPop .playWrite .titpr>b {width:100%;}
#mediaPop .playWrite .titpr .company {position:static; display:block; width:auto; text-align:left; margin-top:10px; padding-bottom:20px; border-bottom:1px solid #e1e1e1;}
#mediaPop .moviNum {left:15px;}
#mediaPop.fixed {padding-top:56.25%;}
#mediaPop.fixed .mdArea {height:auto;}
#mediaPop.fixed .mdArea .mdW {width:100%;}
#mediaPop.fixed .mdArea iframe {height:100% !important;}

#addContents .tabTypeA, #addContents-brand .tabTypeA {padding-top:20px;}
.seriesList, .seriesDetail {max-width:678px; padding:30px 0;}
.brandList {max-width:602px;}

.mythum .thum {width:80px; height:80px;}

.qryCont .talkList .userInfo .thum {width:45px; height:45px;}
.qryCont .talkList .userInfo .name {margin-top:2px;}
.qryCont .talkList .msg {padding-left:0;}
.qryCont .talkList .time {margin:5px 0 0 0;}
.qryCont .talkCont .talkSearch .search {width:80%;}
.qryCont .talkCont .talkSearch .ac {width:17%;}
.qryCont .talkCont .talkSearch a.close {margin-left:5%;}

.myProfile .profileCont {width:30%}
.myProfile .sideCont {width:68.5%;}
.myProfile .sideCont .pdCont {padding:30px 40px;}
.crtpf .tabCont, #brcampaign {}


.pointArea .list .bdGray {padding:7px 15px;}

.mainList .mlist .tit {height:34px; padding:8px; background-size:6px;}
.mainList .mlist .tit .txt {font-size:13px;}

.dateCont .date {font-size:20px;}

.formCont .wE {width:24.5%;}
}

@media (max-width: 1000px) {

/*.main-slider {height:55vh;}
.main-slider .slick-slide {position:relative; height:55vh;}*/

.formCont.joinForm {padding:20px 30px;}

.campaignCont {max-width:600px;}
.categoryCont {max-width:705px;}
.categoryList .listCont li:nth-child(1n+4) {display:none;}

.sideCont .brandList {max-width:300px;}

.categoryBtn a {padding:10px 20px; font-size:16px; margin:0 8px 15px;}

.campaignView {padding:20px 20px 100px;}
.campaignView .btnFix {display:none;}

.myCoop {padding:30px;}
.myCoop .following li .thum {width:140px; height:140px;}
.myCoop .following li .tit {font-size:17px;}
.myCoop .listCont2 li .bgcont em {font-size:22px;}
.myCoop .listCont2 li .cover .ctxt {}

.listCont {text-align:center;}

.searchTop input[type=text] {font-size:35px;}
.searchList .srcslt2>li {width:auto;}
.searchBar .searchList .srcslt>li {width:auto;}

.searchList {position:static;}
.searchList .srcslt {-webkit-overflow-scrolling:touch; overflow-y:visible; overflow-x:auto; white-space:nowrap;}
.searchList .srcslt.ov {overflow:visible;}
.searchList .srcslt>li {width:auto; margin-right:15px;}
.searchList .srcslt>li:last-child {padding-right:25px;}
.searchList .srcslt>li>a {font-size:14px; padding:10px 25px 10px 10px;}
.searchList .srcslt .typeB .left {left:0; margin-left:0; height:200px;}
.searchList .srcslt .typeB .right {left:0; top:226px; height:calc(100vh - 226px); border-top:0; box-shadow:none;}
.searchList .srcslt .subsrc {position:fixed; height:calc(100vh - 58px); left:0;	width:100%;	box-sizing:border-box; overflow:auto; -webkit-overflow-scrolling:touch; padding:30px; top:58px; z-index:15;}
.btnsltx {display:none; position:fixed; top:65px; right:8px; cursor:pointer; width:20px; height:20px; padding:5px; z-index:16; background:url(../images/icn-cancel-gray.png) center center no-repeat; background-size:20px;}
.searchList .srcslt .subsrc.scroll {height:calc(100vh - 58px);}
.searchList .srcslt .subsrc.scroll .mCustomScrollBox {max-height:100% !important;}

.coopHead.blueBg {background-size:20%;}
.coopHead.blueBg2 {background-size:25%;}
.coopHead h6 {font-size:40px;}

.following li .cover {font-size:20px;}

.slideWrap .formCont .titBig {padding:69px 0;}

.formCont dl {width:100%;}
.formCont dl.full {width:100%;}
.formCont dl.half, .formCont dl.half.half2 {width:48.5%;}
.formCont dl dd.box, .formCont dl dd.box4, .formCont dl dd.box3 {padding:20px;}
.formCont dl dd.box4 .mythum .name b {font-size:18px;}
.formCont dd .mr3 {margin-right:10px;}

.formCont dl.fourth {width:47%;}
.formCont dl.fourth:last-child {margin-right:1%;}

.formCont.joinForm dd .mr2 {margin-right:2%;}
.formCont.joinForm dd .mr3 {margin-right:3%;}

.joinCap {padding:5% 0 0;}

.qryCont .talkList {width:35%;}
.qryCont .talkCont {width:63%;}
.qryCont .talkCont .talkScroll li .cont {width:79%;}
.qryCont .talkCont .talkWrite {padding:30px 10px 20px;}
.qryCont .talkCont .talkWrite .writeIcon {width:27%;}
.qryCont .talkCont .talkWrite .writeIcon a {width:30px; height:30px;}
.qryCont .talkCont .talkWrite .writeForm {width:72%;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo {bottom:40px;}

.formCont {padding:30px;}
.movieInfo {padding:30px;}
.movieInfo.bdbn {padding:30px 30px 0;}
.movieInfo.fixed {top:128px; padding:15px;}
.movieInfo.fixed .cont .tit {padding:0; margin:0; border-bottom:0;}
.movieInfo.fixed .icoBox {display:none;}
.movieInfo.web {display:none;}
.movieInfo.mobile {display:block;}

.formTypeC2 {margin:0;}

.gonumber {padding:20px 15px 0 0;}

.crtpf .tabCont, #brcampaign {}

#content .foruCont h4.tit {font-size:20px;}
.foruPlaybox .playInfo .tit em {font-size:16px;}
.foruPlaybox .playInfo .tit b.fsA {font-size:35px; line-height:38px; height:46px}
.foruPlaybox .playInfo .tit b.fsB {font-size:20px; line-height:24px; height:68px}

.foruPlaybox {}
.foruPlaybox .playInfo {width:30%;}
.foruPlaybox .playBox {width:70%;}
.foruPlaybox .playList {display:none;}

.detailPlaybox .playBox {width:65%}
.detailPlaybox .playList {width:35%}

.playInformation {padding:0 20px;}

.playWrite, #mediaPop .playWrite {padding:20px 15px;}
.playWrite .icoBox {float:none; width:100%;}
.playWrite .icoBox:after {content:''; display:block; clear:both;}
.playWrite .icoFr {float:none; width:100%; margin-top:20px;}

.alarmCont:before {left:11.8%;}
.alarmCont .armlist {width:90%; margin:0 0 0 1%;}

.setArea {padding:30px;}
.setArea .setNavi {display:none;}
.setArea .setCont {float:none; width:calc(100%);}
.formCont dl dd.imgpro span.cont a.btnBlack {position:absolute; bottom:22px; right:150px;}
.formCont dl dd.imgpro2 span.mythum .name {width:auto;}

.myProfile .profileCont .pfHead .thum {width:60px; height:60px;}
.mythum .name {width:75px;}


.reportArea {margin:0; border:0; padding:15px;}
.reportArea .clear .cont {float:none; width:100%; margin-right:0;}
.reportArea .clear .cont:last-child {width:100%;}
.reportArea .clear .cont .cont3 {float:right; width:53%; margin-left:0;}
.reportArea .blueBox>p {font-size:22px;}
.reportArea .sum li {padding:20px 10px; font-size:22px;}
.reportArea .mainList .mlist {width:32%; margin:0 0.4% 1%;}
.reportArea .blueBox .blackInfo {font-size:13px; width:290px; margin-left:-145px;}

#followPop .following li {width:22%; margin:1% 0.7% 3%;}
#followPop .following li .thum {width:100px; height:100px;}
}

@media (max-width: 840px) {
.popwTypeA, .popwTypeB, .popwTypeC, .popwTypeD, .popwTypeE, .popwTypeF {width:100%;}
.popwTypeDA {width:100%; max-height:100vh;}
.alarmCont .armlist .date em {font-size:12px;}

}
@media (max-width: 768px) {

/*.main-slider {height:50vh;}
.main-slider .slick-slide {position:relative; height:50vh;}*/

.mainList .mlist:hover, .mainList .mlist:focus,
.listCont li .pr:hover, .listCont li .pr:focus,
.listCont li.upload:hover, .listCont3 li.upload:hover,
.listCont3 li:hover, .listCont3 li:focus {-webkit-transform:scale(1); transform:scale(1);}

.carousel {
      margin: -50px 0 0;
      width:calc(100% - 20px);
      margin-left:10px;
      padding-right:10px;
      padding-top:60px;
      padding-bottom:60px;
}
.carousel.carouselOn {
   padding:60px 10px;
}
.mainflex:hover .mlist{
  transform: translateX(0) !important;
}
.mainflex.event:hover .mlist ~ .mlist {
  transform: translateX(0) !important;
}
.mainflex:hover .mlist.on {
 transform: translateX(0) scale(1) !important;
}
.mainflex .mlist:hover {
  transform: scale(1) !important;
}
.carousel .swiper-pagination {top:36px; right:10px;}
/*
.carousel .swiper-button-prev {display:none !important;}
.carousel .swiper-button-next {display:none !important;}
*/
.carousel .swiper-button-prev {background-size:8px; width:30px;}
.carousel .swiper-button-next {background-size:8px; width:30px;}

.discoverList {max-width:450px; padding:30px 0;}
.seriesList, .seriesDetail {max-width:452px;}

.playWrite .icoBox li:after, .movieInfo .icoBox li:after {content:''; clear:both; display:block;}
.playWrite .icoBox li {float:none; width:100%; margin:0 0 3px 0;}
.playWrite .icoBox li .dot {float:left; width:110px;}
.playWrite .icoBox li .txt {margin-left:10px;}
.playWrite .icoBox li .inline {float:left; padding-top:3px;}
 
.playWrite .icoBox_new li {float:none; width:100%; margin:0 0 3px 0;}
.playWrite .icoBox_new li:nth-child(1), .playWrite .icoBox_new li:nth-child(4) {width:100%;}
.playWrite .icoBox_new li:nth-child(6) {width:100%;}
.playWrite .icoBox_new li:nth-child(7) {width:100%;}
.playWrite .icoBox_new li .inline .txt {display:block;}
.playWrite .icoBox_new li .txt2 {margin-left:17px; margin-top:3px;}

.playWrite .icoBox li .inline .txt, .movieInfo .icoBox li .inline .txt {display:block;}

.playWrite .btnAr {text-align:center;}

.movieInfo .icoBox.web {display:none;}
.movieInfo .icoBox.mobile {display:block;}
.movieInfo .icoBox li {float:none; width:100%; margin:0 0 3px 0;}
.movieInfo .icoBox li .dot {float:left; width:110px;}
.movieInfo .icoBox li .txt {margin-left:10px;}
.movieInfo .icoBox li .inline {float:left; padding-top:3px;}
.movieInfo .icoBox.icoBox2 li.cmx .dot {width:180px;}

.categoryCont {max-width:480px;}
.categoryList .listCont li:nth-child(1n+3) {display:none;}

.campaignView .cpviewHead .campaignSate {float:none;}
.campaignView .cpviewHead .campaignInfo {float:none;}
.campaignView .mediaCont {margin-top:30px;}
.campaignView .infoCont {padding:15px; margin-top:30px;}
.campaignView .stateCont {padding:15px; margin-top:30px;}
.campaignView .cpviewHead .campaignInfo .btnAc a {width:40%;}
.campaignView .cpviewHead .campaignInfo_m .brandtit .soon {display:block; padding-left:0;}
.campaignView .cpviewHead .campaignInfo_m .btnAc a {padding:12px; width:45%; font-size:15px;}
.campaignView .cpviewHead .campaignInfo_m .clear {margin:15px 0 0;}
.campaignView .cpviewHead .campaignInfo_m .prdInfo {float:none;}
.campaignView .cpviewHead .campaignInfo_m .joinrnd {float:none; text-align:center; margin:20px 0 0;}

.myProfile {margin:15px;  box-shadow: 0 2px 6px 0 rgba(192, 192, 192, 0.5);}
.myProfile .profileCont {width:100%; float:none; box-sizing:border-box; margin-bottom:0; padding-bottom:3%; border-bottom:0;}
.myProfile .profileCont .pfHead {text-align:center;}
.myProfile .profileCont .pfHead .thum {width:120px; height:120px;}
.myProfile .profileCont .pfBox .myFollower {display:none;}
.myProfile .profileCont .pfBox .myCategory {display:none;}
.myProfile .profileCont .pfBox .myIntroduce {border-top: 0; padding: 20px 55px;}
.myProfile .sideCont .profileCont .myIntroduce {display:none;}

.myProfile .profileCont .btnfw {text-align:center;}
.myProfile .profileCont .btnfw a {width:50%;}

.myProfile .profileCont .myFollower.line {border:0; padding-top:0;}
.myProfile .tabCont.profileCont {border:0; padding:25px;}
.myProfile .sideCont {width:100%; float:none; border:solid 1px #e1e1e1; padding-top:0; border-top:0; box-shadow:none;}
.myProfile .sideCont .pdCont {padding:20px 20px;}
.mythum .name {width:auto;}

.following li {width:31%;}
.following li .cover {font-size:16px;}

.myCoop {padding:25px;}
.myCoop .following li .thum {width:120px; height:120px;}
.myCoop .following li .tit {font-size:17px;}

.totalBox {padding:15px 20px 5px 20px;}
.totalBox>p {float:none; width:100%; padding-bottom:10px; margin-bottom:10px; border:0; border-bottom:1px solid #666;}
.totalBox>p em {font-size:13px; color:#fff;}
.totalBox>p b {font-size:18px; margin-left:0px;}
.totalBox>p:last-child {border-bottom:0; margin-bottom:3px;}

.coopHead {padding-top:80px;}
.coopHead.blueBg {background-image:none;}
.coopHead.blueBg2 {background-image:none;}
.coopHead h6 {font-size:30px; line-height:36px; padding:0 15px;}
.coopHead h6 br {display:none;}
.coopHead .stepNum {padding-bottom:70px;}
.rndTab_bar a {padding:10px 20px;}

.slideWrap .formCont .titBig {padding:54px 0;}
.slideWrap .formCont .cate {margin:33px 0;}
.slideWrap .agreeBtn a {width:32%; margin:0 1px 2px;}

.agreeCont {padding:20px;}
.formCont.joinForm {padding:20px;}
.formCont {padding:20px;}
.formCont .wA {width:72%;}
.formCont .wB {width:48.5%;}
.formCont .wC {width:39.7%;}
.formCont .wD {width:31.5%;}
.formCont .wG {width:70%;}
.formCont .wH {width:65%;}
.formCont .wI {width:48.5%; margin-bottom:3px;}
.formCont .wK {width:73%;}
.formCont dd .mr2, .formCont dd .mr3, .formCont dd .mr4 {margin-right:5px;}
.contBtn a {margin:3px 5px;}

.formCont dl.halfF {width:100%; margin:0 0 10px 0;}
.formCont dl dd.iptAc {padding-top:20px;}
.formCont dl dd.iptAc .wE {width:35%;}
.formCont dl dd.iptAc .red {font-size:22px;}
.formCont dl dd.iptAc .blue:before {content:''; display:block; margin-top:5px;}
.formCont dl dd.infotxt .blue:before {content:''; display:block; margin:3px 0 5px;}
.formCont dl dd.srsThimg {text-align:right;}
.formCont dl dd.srsThimg input {width:100% !important; margin-bottom:2%;}

.formCont .linebox {padding:10px 0 15px; margin-bottom:15px;}

.formCont.joinForm dd .mr3 {margin-right:2%;}

#mobile-error-container .error {padding-right:0;}

.qryCont {position:relative; padding:0; overflow:hidden;}
.qryCont .talkList {border:0;}
.qryCont .talkCont {border:0;}
.qryCont .talkList {float:none; width:100%;}
.qryCont .talkList .time {position:absolute; margin:-5px 0 0 0;}
.qryCont .talkCont {position:absolute; top:0; right:-100%; width:100%; float:none; z-index:10;}
.qryCont .talkCont .talkHead .btnBack {display:block;}
.qryCont .talkCont .talkScroll {height:554px;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo {left:14px; border-radius:8px 8px 8px 0; font-size:10px;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo.box1 {margin-left:0px;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo.box2 {width:200px; margin-left:0px;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo.box3 {margin-left:0px;}

.alarmCont:before {left:19.6%;}
.alarmCont .armlist {width:94%;}
.alarmCont .armlist .date {width:18%; padding-right:2%;}
.alarmCont .armlist .date em {font-size:10px; padding:2px 8px 2px 0;}
.alarmCont .armlist .date em.today {font-size:12px;}
.alarmCont .armlist .date:after {width:25px; padding:2px; right:-16px; background-size:25px;}
.alarmCont .armlist ul {width:80%;}
.alarmCont .armlist .alarm .armr {padding:15px 30px 15px 20px;}
.alarmCont .armlist .alarm .armr .tit {font-size:15px;}
.alarmCont .armlist .alarm .armr .time {font-size:12px; padding-left:14px; background-size:12px;}
.alarmCont .armlist .alarm .btnx {right:10px;}

.pointArea .pointHead {font-size:17px;}
.pointArea .pointHead span {}
.pointArea .pointHead .lato {font-size:30px;}
.pointArea .list td {font-size:14px;}
.pointArea .list td.date {font-size:13px;}
.pointArea .list .bdGray {padding:5px 2px; font-size:12px; line-height:14px;}
.pointArea .al {margin:20px 0 -20px; text-align:center !important;}

.playInformation .infoIcon li .blackInfo.in1 {margin-left:-37px;}

.foruPlaybox {height:300px;}
.foruPlaybox .playInfo {width:36%; padding:15px 5px;}
.foruPlaybox .playInfo .type {margin-top:20px;}
.foruPlaybox .playInfo .type li {margin-top:5px;}
.foruPlaybox .playInfo .tit em {font-size:14px; line-height:18px;}
.foruPlaybox #saveSeries {padding:5px 20px; font-size:13px;}
.foruPlaybox .playBox {width:64%;}

.detailPlaybox .playList .scroll li .txt {font-size:13px;}

.movieInfo.bdbn {padding:30px 15px 0;}

.movieInfo.fixed .thum {padding:0;}

.rndTab {width:520px;}
.rndTab2 {width:620px;}
.rndTab a {padding:10px 0; font-size:13px;}
.rndTab a:after {display:none;}


.fileUp .btnCont .btnBlack {float:right;}
.fileUp .btnCont .gray {float:left;}

.formTypeB li {width:100%;}
.formTypeB li .adr {}
.formTypeB li .mt .ww {width:100%;}
.formTypeB li .wJ {width:32%;}

.formTypeC {text-align:left;}
.formTypeC li, .formTypeC li.w1, .formTypeC li.w2 {width:48%; margin-bottom:5px;}
.formTypeC li .cont {font-size:20px;}

.formTypeC2 li, .formTypeC2 li.ws {width:100%;}
.formTypeC2 li .cont .fz {display:block; width:100%;}
.formTypeC2 li .cont .addr {display:block; padding:1% 0 0; width:100%;}
.formTypeC2 li .cont .addr br {display:none;}

.formTypeD li {width:30%;}
.formTypeD.fifth li {width:45%; margin-bottom:5px;}

.formFlex {display:block;}
.formFlex li {width:48% !important;}

.formCont.joinForm dl {width:100%;}
.formCont.joinForm dl.half {width:100%; margin-bottom:10px;}
.formCont.joinForm dl:last-child {margin-bottom:30px;}
.formCont.joinForm .wA {width:calc(100% - 124px)}
.formCont.joinForm .wC, .formCont.joinForm .wE {width:32%;}
.formCont.joinForm .wA .wE {width:31.5%;}

.faqList a {font-size:15px; height:56px;}

.csList .history {margin:10px 0 30px;}
.csList h4 {font-size:20px; margin-bottom:20px;}
.csList ul li a {font-size:16px; padding:15px 45px 15px 30px;}
.csList ul li a:before {font-size:18px; top:12px; left:10px;}

.csView dt {font-size:20px; padding-bottom:10px;}
.csView dt:before {font-size:20px;}
.csView dd {font-size:15px; line-height:18px; padding:20px 0;}
.csView.normal dt .tit {width:100%;}
.csView.normal dt .time {position:static; margin-top:5px;}

.formCont dl dd.imgpro .cont {display:block; width:auto;}
.formCont dl dd.imgpro .mythum.cont {text-align:center; margin-top:10px;}
.formCont dl dd.imgpro .mythum .thum, .formCont dl dd.imgpro2 .mythum .thum, .formCont dl dd.box4 .mythum .thum {width:100px; height:100px;}

.reportArea .reportHead .txtCont .titCont span {display:block; width:100%;}

#content .reportArea .reportHead .txtCont h4 {font-size:30px;}
.reportArea .blueBox {background:#fff;}
.reportArea .blueBox>p {float:none; width:100%; box-sizing:border-box; background:#2c5cab; padding:10px; margin-top:5px; font-size:20px; border:0; min-height:auto;}
.reportArea .blueBox .blackInfo {top:40px; font-size:12px; width:270px; margin-left:-135px;}
.reportArea .reportHead .txtCont h4 {font-size:30px;}
.reportArea .reportHead .txtCont dl dt {font-size:16px; line-height:19px; width:36%; padding-top:3px;}
.reportArea .reportHead .txtCont dl dd {font-size:16px; width:60%; padding-bottom:3px;}
.reportArea .reportHead .txtCont dl dt:first-child, .reportArea .reportHead .txtCont dl dd:nth-child(2) {height:40px;}
.reportArea h5 {font-size:20px;}
.reportArea h5 .lato, .reportArea h5 .blue {padding-left:7px;}
.reportArea h5 .lato:before, .reportArea h5 .blue:before {margin:-2px 10px 0 0; width:1px; height:18px;}
.reportArea h6 {font-size:20px;}
.reportArea .clear .cont .box {font-size:17px;}
.reportArea .clear .cont .cont2 {float:none; width:100%;  box-sizing:border-box;}
.reportArea .clear .cont .cont3 {float:none; width:100%; box-sizing:border-box;}
.reportArea .reportHead.media .txtCont dl dt:first-child, .reportArea .reportHead.media .txtCont dl dd:nth-child(2) {height:auto;}
.reportArea .reportHead.media .txtCont dl dt {font-size:16px; line-height:19px; width:30%; padding-top:3px;}
.reportArea .reportHead.media .txtCont dl dd {font-size:16px; width:68%; padding-bottom:3px;}
.reportArea .reportHead.media .txtCont dl dd span.txt {padding-right:0;}
.reportArea .sum li {padding:20px; float:none; width:100%; font-size:20px; border-right:0; border-bottom:1px solid #f0f0f0;}
.reportArea .sum li .lato {display:inline;}
.reportArea .mainList .mlist {width:48%; margin:0 0.4% 1%;}

.popPdA, .popPdB, .popPdC, .popPdD {padding:30px 20px;}
#qnaPop {margin-top:40px; overflow:visible; height:auto;}
#qnaPop .qryCont {border-radius:0;}
#qnaPop .qryCont .talkCont {position:static; right:0;}
#qnaPop .qryCont .talkCont .talkScroll {height:400px;}

#approvalPop .formTypeB li em.error {right:0;}

#requestPop .boxscr {height:auto;}
#requestPop .scr li label {width:68%;}
#requestPop .scr li .fra {font-size:10px;}

#adPop .formCont.scroll, .formPop .scroll {height:auto;}

#followPop .following li {width:30%;}

.formPop .formCont dl {width:100%;}
.formPop .formCont .wH {width:75%;}
.formPop .formCont.joinForm .ww2 {width:100%;}

.sideCont .brandList .listCont3 {justify-content:center; width:auto;}

/*.setArea .scrCont .btnAr {text-align:center;}*/
}
 

@media (max-width: 700px) {
.listCont2 li .thum {/*height:97px;*/}
}

@media (max-width: 670px) {
.detailPlaybox.mobile {display:block;}
.detailPlaybox.mobile .playBox {display:none;}
.detailPlaybox.mobile .playList {display:block !important; float:none; width:100%;}

.detailPlaybox .playBox {float:none; width:100%;}
.detailPlaybox .playList {display:none; float:none; width:100%;}
.detailPlaybox .playList .scroll {height:auto !important; overflow:hidden;}
.detailPlaybox .playList .scroll li .txt {width:54%;}
.detailPlaybox .playList .scroll li .thum {width:43%;}
.detailPlaybox .playList .scroll .mCSB_inside > .mCSB_container {margin:0;}
.playInformation .infoIcon li {margin-right:15px;}
.playInformation .infoIcon li:last-child {margin-right:0;}
/*.playInformation .icoFr {display:none;}*/
.playInformation .icoFr2 {/*display:block;*/ position:static; margin-top:5px; text-align:right;}
}

@media (max-width: 640px) {
.formCont dl dt em {position:static; width:100%; text-align:left; margin:3px 0;}
}

@media (max-width: 620px) {

.coopHead {padding-top:40px;}
.coopHead .stepNum {padding-bottom:35px;}

/*.main-slider {height:40vh;}
.main-slider .slick-slide {position:relative; height:40vh;}*/

.formCont dl .btnBlack, .formTypeB li .btnBlack {padding:10px 20px;}
.formCont .wA {width:75%;}
.formCont .wE {width:24%;}

.formCont dl.halfw {float:none; width:100%; margin:0;}

.formTypeA li {margin-bottom:5px;}
.formTypeA li .tit, .formTypeA li.typeB .tit {display:block; float:none; width:auto;}
.formTypeA li .wp {width:67%;}
.formTypeA li .cont {display:block; float:none; width:auto; margin-top:5px;}
.formTypeA li .cont.cont2 {float:none; width:auto; padding-left:0; position:relative;}
.formTypeA li .cont.cont2.redp {padding-bottom:17px;}
.formTypeA li .cont.cont2 .grayRd {position:absolute; bottom:0; right:33%;}
.formTypeA li .cont .gray {width:25%; font-size:12px;}
.formTypeA li .cont .last {display:block; margin-top:3px; color:#666;}
.formTypeA li.typeB .wp {width:67%; font-size:12px;}
.formTypeA li.typeB .cont.cont2 {padding-left:0; margin-top:0px;}

.formCont dl dd.infotxt {line-height:20px;}
.formCont dl dd .fz.blue {margin:-4px 0 10px 3px;}


.setArea {padding:15px;}

.listCont li.upload a {font-size:14px; line-height:18px;}
.listCont3 {justify-content:center; width:auto;}
.listCont3 li {margin:0 10px 50px;}


.fileUp .fileCont .scroll {padding:5px}

.foruCont {padding:30px 0 0}
.foruPlaybox {display:none;}
/* .foruPlaybox .playInfo {float:none; width:100%; padding:10px 0;}
.foruPlaybox .playInfo:after {content:''; clear:both; display:block;}
.foruPlaybox .playInfo .cont {float:left; width:50%;}
.foruPlaybox .playInfo .type {float:left; width:50%; margin-top:5px;}
.foruPlaybox .playInfo .type li {text-align:left;}
.foruPlaybox .playBox {float:none; width:100%;} */

.mSpage .slick-dots {}
.mSpage .slick-dots li {display:inline-block; width:15px !important; height:3px; margin:0 0 0 3px; padding:0;}
.mSpage .slick-dots li button {display:block; border:0; width:100%; height:100%; text-indent:-999em; overflow:hidden; background:#d2d2d2;}
.mSpage .slick-dots li.slick-active button {background:#000;}

.campaignView .cpviewHead .campaignInfo_m .prdInfo {font-size:18px;}
.campaignView .cpviewHead .campaignInfo_m .joinrnd span {font-size:13px;}
.campaignView .btnFix a {padding:12px;}

#following {padding:40px 30px;}

.searchTop {padding-left:45px; background-size:40px; margin:0 15px 0 10px;}
.searchTop input[type=text] {font-size:25px; border-radius:0;}
.searchTop.rnd input[type=text] {font-size:20px;}
.searchBar .searchList {float:none; width:100%;}
.searchBar .searchList .srcslt>li {width:31%;}
.searchBar .searchList .srcslt>li:last-child {padding-right:0;}
.searchBar .clear {padding:0 15px 0 6px;}
.searchBar .searchIpt {float:none; margin:0 0 15px 10px; width:97.5%;}
.searchBar .searchIpt .btnsch {float:right;}
.searchList .srcslt2>li {width:auto;}

.alarmCont:before {left:19.8%;}

.popSapn {width:90%;}
}

@media (max-width: 560px) {
.formCont .wA {width:71%;}
.formCont .wE {width:22%;}
.formCont .wI {width:100%; margin:0 0 3px 0;}
.formCont dl.fourth {width:100%; margin:0 0 3px;}
.formCont dl.fourth .wK {width:85%;}
.formCont dl.fourth .wH {width:90%;}

.alarmCont .armNone {padding:25% 0 0; min-height:330px; font-size:20px;}

.faqList a {margin:0.5% 0; width:100%;}

.myUpload .contBtn a {width:47%; margin:3px; font-size:14px;}
}

@media (max-width: 530px) {
.listCont {justify-content:center; width:auto;}
.formTypeB li .wJ {width:31.7%;}
.alarmCont .armlist li.new:after {top:-10px; width:7px; height:7px;}

.pointArea table.list td:last-child {overflow:hidden;}
.pointArea .pntCnt {display:none !important;}
}

@media (max-width: 500px) {
a.lastbtn {width:96% !important;}


.bgW.pdtA {padding-top:10px;}

.policy h3 {font-size:14px !important;}
.policy h4 {font-size:13px !important;}
.policy .ac img {width:40%}

/*.main-slider {height:32vh;}
.main-slider .slick-slide {position:relative; height:32vh;}*/

.caption2 li {width:48%;}

.mainList .mlist .thum {/*height:95px;*/}
.mainList2 .listCont2 li .cont .lato {font-size:13px;}

.discoverList {padding:15px; max-width:360px;}
.discoverList .listCont2 {justify-content:left;}
.discoverList .listCont2 li {width:155px; margin:6% 3px 3%;}

.listCont2 li .thum {height:90px;}

.categoryCont {padding:15px 10px; max-width:376px;}
.categoryList .cateBox {width:96%; margin:0 auto 15px;}
.categoryList .listCont2 .mlist .thum {/*height:92px;*/}
.categoryList .listCont2 li {width:164px; margin:0 3px 20px;}
.categoryList .listCont2 li.none .pr {height:227.25px;}
.discoverList .listCont2 li .tit2 em, .categoryList .listCont2 li .tit2 em {font-size:11px; height:auto;}
.discoverList .listCont2 li .tit2, .categoryList .listCont2 li .tit2 {height:90px;}
.discoverList .listCont2 li .tit2 b, .categoryList .listCont2 li .tit2 b {font-size:13px; line-height:16px; height:32px;}
.discoverList .listCont2 li .cont .name, .categoryList .listCont2 li .cont .name {font-size:11px; margin-top:1px;}
.discoverList .listCont2 li .cont .lato, .categoryList .listCont2 li .cont .lato {font-size:11px; padding:1px 16px 1px 0; margin-top:2px; background-size:15px;}
.discoverList .listCont2 li .time, .categoryList .listCont2 li .time {margin-top:-50px;}
.categoryList .cateBox .txt {display:none;}
.categoryList .cateBox .txt.mobile {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%; height:auto; margin-bottom:3%;}
.categoryBtn {margin:-20px auto 10px;}
.categoryBtn a {padding:8px 15px; font-size:14px; margin:0 6px 12px;}

.listCont2 li.new:after, .listCont3 li.new:after {top:-15px; width:10px; height:10px;}

.campaignView .cpviewHead .campaignInfo {padding:20px 10px;}
.campaignView .cpviewHead .campaignInfo .dday {font-size:40px; line-height:44px;}
.campaignView .cpviewHead .campaignInfo .dday.soon {font-size:30px;}
.campaignView .cpviewHead .campaignInfo .brandtit {font-size:35px; line-height:40px;}
.campaignView .cpviewHead .campaignInfo .prdInfo {font-size:18px;}
.campaignView .cpviewCont {padding:10px; margin-top:15px;}
.campaignView .cpviewCont h6 {margin-bottom:15px;}
.campaignView .stateCont .stateList li .thum {width:70px; height:70px;}
.campaignView .stateCont .stateList li .txt {width:65%; font-size:14px;}
.campaignView .cpviewHead .campaignInfo_m {margin-top:15px;}
.campaignView .cpviewHead .campaignInfo_m .brandtit {font-size:30px;}
.campaignView .cpviewHead .campaignInfo_m .brandtit .lato {padding-left:10px;}
.campaignView .cpviewHead .campaignInfo_m .brandtit .soon {padding-left:0px;}

.stepNum li {width:56px; padding-right:10px;}
.stepNum li:before {top:13px; left:25px;}

.rndTab_bar a {padding:10px; font-size:14px;}

.bigGray {font-size:17px; margin:20px 0;}

#following {padding:30px 15px; text-align:center;}
.following li {width:33%; margin:0 12px 25px;}
.following li .thum {width:100px; height:100px;}
.following li .tit {font-size:14px;}
.following li .gray {font-size:13px; margin-top:0;}

.myCoop {padding:30px 15px; text-align:center;}
.myCoop .following li .thum {width:120px; height:120px;}
.myCoop .following li .tit {font-size:15px;}
.myCoop .listCont2 li .bgcont em {font-size:15px;}

.updateBox .scroll {padding:12px;}

#mediaPop {width:100%; margin-top:35px;}
#mediaPop .playWrite {padding:0 0 15px;}
#mediaPop .slideWrap {padding:15px;}
#mediaPop .slideWrap .formCont {border:0; padding:0;}
#mediaPop .playWrite .titpr {font-size:16px; margin:15px 0 20px;}
#mediaPop.fixed .mdArea {width:calc(100% - 30px);}

.boxArea {margin:0 5%; padding:30px 40px;}
.boxArea h3 {font-size:32px;}
.boxArea p.fs {font-size:14px;}
.joinArea p.fs {margin:-20px 0 25px;}
.findArea {padding:30px 40px 0;}
.joinArea {padding:30px 40px 0;}
.joinArea.pd2 {padding:30px 15px;}
.boxArea .info2 {margin:40px -40px 0;}

.joinstep {margin-bottom:10px;}
.joinstep li {margin-right:10px;}
.agreeCont .box {padding:5px;}
.agreeCont h6 {font-size:17px; margin-bottom:7px;}
.agreeCont .box .scroll {font-size:12px;}
.agreeBtn {margin-top:30px;}
.agreeBtn a, .agreeBtn button {width:46%;}

.formCont dl .btnBlack, .formTypeB li .btnBlack {padding:10px;}
.formCont dl .bdGray {padding:9px 9px;}
.formCont dl.half, .formCont dl.half.half2 {width:100%; margin:0;}
.formCont dl dt .rdoFr {position:static; text-align:right;}
.formCont dl dd.box.iptType {padding:6px 15px 8px;}
.formCont dl dd.box.iptType label {margin-right:2%;}
.formCont dl dd.box, .formCont dl dd.box4, .formCont dl dd.box3 {padding:15px;}
.formCont dl dd.box4 .mythum .thum {width:80px; height:80px;}
.formCont dl dd.box4 .mythum .name b {font-size:16px;}
.formCont dl dd.box3.box5 {height:200px;}
.formCont dd em.down {left:0; right:unset;}
.formCont .forml li .dot {margin-left:0;}
.formCont .fb {font-size:18px;}
.formCont .fb.red {display:block; padding:3px 0 0;}
.formCont .wA {width:67.5%;}
.formCont .wC {width:42.7%;}
.formCont .wE {width:21%;}
.formCont .wF {width:21.5%;}
.formCont .wG {width:65%;}
.formCont .wH {width:58%;}
.formCont .wK {width:66.5%;}
.formCont textarea {height:100px;}
.formCont textarea::-webkit-input-placeholder {font-size:16px; padding-top:25px;}
.formCont textarea:-ms-input-placeholder {font-size:16px; padding-top:25px;}
.formCont .fbs {font-size:18px; line-height:22px;}

.formCont.joinForm .wA {width: calc(100% - 97px);}
.formCont.joinForm .thirdFlex .wE, .formCont.joinForm .thirdFlex .wC {width:32%; margin:0 0.5% 0 0;}
.formCont.joinForm .wB, .formCont.joinForm .wE, .formCont.joinForm .wD {width:100%; margin:0 0 5px;}
.formCont.joinForm .wA .wE {width:31.5%;}

.formCont .wH.adr {width: calc(100% - 97px);}
.formCont .wG.pdsb, .formCont .wG.file {width: calc(100% - 97px);}
.formCont .mediaUp .wH {width: calc(100% - 127px);}
.formCont .uploadM .wD {width: calc(100% - 50px); margin-bottom:0;}
.formCont .wG.file2 {width: calc(100% - 144px);}
.formCont dl dd.box.gray em.pd {display:block; margin:0 auto; padding-left:0;}
.formCont dl dd.box.gray em {font-size:14px;}

.slideWrap .formCont .timeCont {padding:10px 0;}

.fileUp .fileCont {width: calc(100% - 90px);}
.fileUp .fileCont .none {font-size:13px;}

.formTypeB li .mt .ww {width:100%;}
.formTypeB li .wJ {width:31.3%;}

.setArea .formCont dl dd p {margin-bottom:0;}

.caption li {font-size:13px; line-height:16px; margin-bottom:5px;}
.mythum .thum, .formCont dl dd.imgpro .mythum .thum, .formCont dl dd.imgpro2 .mythum .thum {width:60px; height:60px;}
.mythum .name b {font-size:15px;}
.mythum .name .gray {font-size:12px;}

.actArea {padding:20px 0;}
.actArea li {padding:20px;}
.actArea li .act {width: calc(100% - 84px);}
.actArea li .bdBlue {padding:6px; font-size:12px; margin-top:0;}
.actArea .ac {padding-top:20px;}
.actArea .thum {width:35px; height:35px;}
.actArea .name {margin-left:3px; width:80%;}
.actArea .name b {font-size:14px;}
.actArea .name em {font-size:12px;}

.qryCont .talkCont .talkSearch {padding:7px;}
.qryCont .talkCont .talkSearch .search {width:73%;}
.qryCont .talkCont .talkSearch .ac {width:24%;}
.qryCont .talkCont .talkScroll {height:534px;}
.qryCont .talkCont .talkScroll li .thum {width:40px; height:40px;}
.qryCont .talkCont .talkScroll li .cont .txt {width:100%; box-sizing:border-box; background-position:0 20px;}
.qryCont .talkCont .talkScroll li .cont .txt em {font-size:14px;}
.qryCont .talkCont .talkScroll li .cont .time {width:100%; box-sizing:border-box; text-align:right;}
.qryCont .talkCont .talkScroll li .cont .user .blue {padding-left:10px;}
.qryCont .talkCont .talkScroll li.answer .cont .txt {background-position:right 20px;}
.qryCont .talkCont .talkWrite .fs {top:17px;}
.qryCont .talkCont .talkWrite .writeIcon {display:block; width:100%; text-align:left; margin:-20px 0 10px;}
.qryCont .talkCont .talkWrite .writeForm {width:100%;}
.qryCont .talkCont .talkWrite .writeForm input[type=text] {padding:15px 115px 15px 15px;}
.qryCont .talkCont .talkWrite .writeForm .btnBlack {width:70px; font-size:13px;}
.qryCont .talkCont .talkWrite .writeIcon a .boxinfo {bottom:35px;}

.seriesList, .seriesDetail, .brandList {padding:30px 15px;}

.myProfile .sideCont .mythum {display:inline-block; margin:3px 5px;}
.myProfile .tabCont.profileCont, .myProfile .profileCont .myIntroduce {padding:20px 15px;}
.myProfile .profileCont .myCategory {padding:15px 15px 0;}
.myProfile .profileCont .myFollower li.line, .myProfile .profileCont .myFollower li {padding:5px 15px;}

.myProfile .profileCont .pfBox .myIntroduce {padding: 15px 30px;}

.pointArea {padding:30px 15px;}
.pointArea .pointHead {font-size:15px;}
.pointArea .pointHead .lato {font-size:26px;}
.pointArea .list .bdGray {padding:5px 1px; font-size:11px; letter-spacing:-1px;}

.main-slider .slick-dots {display:none !important;}
/*.main-slider .slick-dots {bottom:5px;}*/
.foruCont {padding:15px 0;}
#content .foruCont h4.tit {font-size:17px; margin-bottom:0;}
.foruCont .mainList, .foruCont .mainList2 {margin-bottom:30px;}

.detailPlaybox .playList .tab {padding:10px 20px 0; height:24px;}
.detailPlaybox .playList .scroll li {padding:15px;}
.detailPlaybox .playList .scroll li .txt {width:50%;}
.detailPlaybox .playList .scroll li .thum {width:47%;}
.playWrite .icoBox li .dot {width:100px; padding:3px 0 3px 25px; font-size:14px; letter-spacing:-1px; vertical-align:top;}
.playWrite .icoBox li .txt {vertical-align:top; margin:6px 0 0 3px; white-space:inherit; font-size:13px;}

.playWrite .icoBox_new li {margin:0 0 5px 0;}
.playWrite .icoBox_new li .dot {width:100px; padding:3px 0 3px 25px; font-size:14px; letter-spacing:-1px; vertical-align:top;}
.playWrite .icoBox_new li .txt {vertical-align:top; margin:4px 0 0 3px; white-space:inherit; font-size:13px;}

.playInformation .infoTop .btn li.name {width:100%; text-align:left;}
.playInformation .infoTop .btn {text-align:right; font-size:14px;}
.playInformation .infoTop .btn .company {float:left; width:150px;}

.slideWrap h6:not(.bootstrap-iso h6) {margin:30px 0 10px; font-size:22px;}
.slideWrap .formCont dl dt {font-size:16px;}
.slideWrap .formCont .titBig {font-size:16px;}
.slideWrap .formCont .timeCont .tit {font-size:15px;}
.slideWrap .formCont .timeCont .txt {font-size:14px;}
.slideWrap .formCont .timeCont .txt .red {font-size:18px; padding:0 5px;}
.slideWrap .formCont .cate span {font-size:16px;}
.slideWrap .agreeBtn a {width:47%; margin:3px; font-size:14px;}
.slideWrap .formCont .target span {font-size:15px;}
.slideWrap .formCont .target span b:before {height:14px;}

.formCont:not(.contInfo) dl dd.box.iptType label:nth-child(6) {display:block;}
.formCont.contInfo .wB {width:100%; margin-bottom:3px;}
.formCont.contInfo .wB.adr {width: calc(100% - 97px); margin-bottom:0;}
.formCont.contInfo .minfo {width: calc(100% - 48px);}

.formTypeA li.typeB .cont .txt {width:55%; font-size:11px;}

.formTypeC li, .formTypeC li.w1, .formTypeC li.w2, .formTypeC.fourth li, .formTypeC2 li.ws, .formTypeD li, .formTypeD.fifth li, .formTypeC.fourth li.w1, .formTypeC.fourth li.w2  {display:block; width:100%; margin-bottom:15px;}
.formTypeC li:last-child, .formTypeC.fourth li:last-child, .formTypeC2 li.ws:last-child, .formTypeD li:last-child, .formTypeD.fifth li:last-child, .formTypeC.fourth li.w1:last-child, .formTypeC.fourth li.w2:last-child {margin-bottom:0;}
.formTypeC.fourth li.w1 {padding-left:0;}
.formTypeC li .tit {display:inline-block; margin-right:5px;}
.formTypeC li .cont {font-size:17px; display:inline-block;}
.formTypeC2 li .cont {display:block; margin-top:5px; padding-top:5px;}
.formTypeC2 li .cont .fz {display:block; width:auto;}
.formTypeC2 li .cont .addr {display:block; width:auto; font-size:18px; line-height:22px;}

.formFlex li {width:100% !important;}

.movieInfo {padding:20px;}
.movieInfo .thum {width:70%;}
.movieInfo .cont .tit {font-size:17px; line-height:22px;}
.movieInfo.fixed {padding:10px;}
.movieInfo.fixed .cont .tit .blue {font-size:14px;}
.movieInfo.fixed .cont .tit {font-size:14px; line-height:18px;}

.movieInfo .icoBox li .dot {float:none; width:100%; display:block;}
.movieInfo .icoBox.icoBox2 li.cmx .dot {width:100%; display:block;}
.movieInfo .icoBox li .txt {display:block; margin-left:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.datePicker .sDay, .datePicker .eDay {float:none; width:100%; margin:0; font-size:13px;}
.datePicker .eDay {margin-top:10px;}
.dateCont {text-align:center;}
.dateCont .date {font-size:17px;}

.setArea {padding:15px;}

#content .reportArea .reportHead .txtCont h4 {font-size:25px;}
.reportArea .reportHead {padding:15px;}
.reportArea .reportHead.media.pd {padding:15px;}
.reportArea .reportBox {padding:15px;}
.reportArea .reportHead .txtCont h4 {font-size:20px;}
.reportArea .reportHead .txtCont .subt .lato {font-size:18px;}
.reportArea .reportHead .txtCont .titCont .tit {font-size:14px;}
.reportArea .reportHead .txtCont dl dt, .reportArea .reportHead.media .txtCont dl dt {font-size:13px; line-height:16px;}
.reportArea .reportHead .txtCont dl dd, .reportArea .reportHead.media .txtCont dl dd {font-size:13px;}
.reportArea .reportHead .txtCont dl dt:first-child, .reportArea .reportHead .txtCont dl dd:nth-child(2) {height:36px;}
.reportArea .reportHead .txtCont.txtCont2 .titCont {margin:5px 0 20px;}
.reportArea .reportHead.media .thum {margin:0 auto 20px;}
.reportArea .blueBox>p {font-size:18px;}
.reportArea h5 {font-size:16px; margin:10px 0;}
.reportArea h5 .lato, .reportArea h5 .blue {padding-left:5px;}
.reportArea h5 .lato:before, .reportArea h5 .blue:before {margin:-2px 8px 0 0; height:16px;}
.reportArea h6 {font-size:16px;}
.reportArea .reportHead .txtCont .subtit {font-size:15px;}

.reportArea .clear .reportBox {float:none; width:100%; margin:0 auto 30px;}

#qnaPop .qryCont .talkCont .talkScroll li .cont {width:77%;}
#qnaPop .qryCont .talkCont .talkScroll li .cont .user .blue {display:block; padding-left:0;}
#qnaPop .qryCont .talkCont .talkScroll li .thum {margin-top:44px;}

.stateBox {font-size:12px;}
.stateBox .tit {width:158px;}

#adPop .formCont {padding:15px;}
/* #seriesPop .listCont li .thum {height:74px;} */
#followPop .following li {margin: 1% 0.7% 6%;}
#followPop .following li .thum {width:80px; height:80px;}
#followPop .following li .gray {margin-top:0;}
#followPop .rpp-button {font-size:13px; padding:3px 7px;}

.formPop .formCont .wH {width:70%;}
.formPop .formCont dl.half {float:none; width:100%;}
.formPop .formCont .forml li b, .formPop .formCont .forml li .cont {float:none; width:100%;}

#approvalPop .formCont.scroll {padding:10px 0 5px 15px !important;}
#approvalPop .formTypeB li.name .tit {display:block;}
#approvalPop .formTypeB li.name em.error {position:absolute;}

.formCont .cap.blank br {display:block;}
.formCont .cap.blank .blue.ud {margin-left:0;}
}

@media (max-width: 380px) {
.listCont2 .mlist .thum {/*height:95px;*/}

.boxArea {padding:20px 30px;}
.boxArea h3 {font-size:28px; margin-bottom:20px;}
.findArea {padding:20px 30px 0;}
.joinArea {padding:20px 30px 0;}
.joinArea.pd2 {padding:20px 15px;}
.boxArea .info2 {margin:30px -30px 0;}

.agreeCont {padding:15px;}
.actArea {padding:20px 0}
.actArea li {padding:20px 15px;}
.actArea li .act {width: calc(100% - 75px);}
.actArea li .bdBlue {padding:4px; font-size:11px;}
.actArea .name {width:75%;}

.formCont {padding:15px;}
.formCont dd input, .formCont dd .selectw {margin-right:4px;}

.formCont.joinForm {padding:10px;}
.formTypeB li .adr {width: calc(100% - 97px);}

.formTypeA li .wp {width:65%;}
.formTypeA li .cont .gray {width:27%;}

.qryCont .talkCont .talkScroll li .cont {width:77%;}
.qryCont .talkCont .talkScroll li .cont .user .blue {display:block; padding-left:0;}
.qryCont .talkCont .talkScroll li .thum {margin-top:44px;}

.slideWrap .formCont dl .btnBlack {margin:0;}

.reportArea {padding:5px;}
.reportArea .reportHead .txtCont dl dt, .reportArea .reportHead.media .txtCont dl dt {font-size:12px; line-height:14px;}
.reportArea .reportHead .txtCont dl dd, .reportArea .reportHead.media .txtCont dl dd {font-size:12px;}
.reportArea .reportHead .txtCont dl dt:first-child, .reportArea .reportHead .txtCont dl dd:nth-child(2) {height:30px;}

.categoryCont {max-width:350px;}
.categoryList .cateBox {width:96%;}
.categoryList .listCont2 li {width:153px;}

.playInformation {padding:0 15px;}
.playInformation .icoFr2 {font-size:12px;}
}

@media (max-width: 365px) {
.formCont .wA, .formCont .wB, .formCont .wD, .formCont .wH, .formCont .wK {width:100%; margin-bottom:3px;}
.formCont .wF {width:32.5%;}
/*.formCont dl .bdGray {margin:5px 0 0;}*/
.discoverList .listCont2 {justify-content:center;}
.formCont.joinForm dl .btnBlack {margin-top:0;}
.formCont.joinForm .wA, .formCont .adr {margin-bottom:0;}
.formTypeB li .wJ {width:31%;}
}

@media (max-width: 350px) {
.playInformation .infoTop .btn .btnIcon {width: 100%; float: none;}
.playInformation .infoTop .btn .btnIcon2 {margin-left: 0; position: absolute;}
}

@media (max-width: 340px) {
.categoryList .cateBox {width:96%;}
.categoryList .listCont2 li {width:140px;}
}

@media (max-width: 320px) {
.formCont .wE {width:25%;}
.formCont dl dd .rdoFr2 .gray {font-size:12px;}
.formCont dl dd .rdoFr2 input[type="radio"] + label:before {margin-right:3px;}
.formCont dl dd .rdoFr2 label {font-size:12px; margin-right:0;}
.actArea li .bdBlue {padding:6px 4px; font-size:11px;}
}

.loading-container {position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100%; text-align: center; display: none;}
.loading-container .md-preloader {position: absolute; top: 50%; margin-top: -56px;}

/* 추가1 마우스 오버시 팝업 */
.infoIcon2 {}
.infoIcon2 li {display:block; position:relative;}
.infoIcon2 li.on .ico:before {opacity:1;}
.infoIcon2 li .ico {display:inline; cursor:pointer;}
.infoIcon2 li .blackInfo {display:none; position:absolute; top:25px; left:100px; box-sizing:border-box; padding:5px; font-size:11px; background:#191919; z-index:5; width:400px; margin-left:-80px;}
.infoIcon2 li .blackInfo .cont {color:#fff; text-align:left;}
.infoIcon2 li .blackInfo .cont b {color:#fff; margin-bottom:5px; display:block;}
.infoIcon2 li .blackInfo .cont table {border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%; table-layout:fixed;}
.infoIcon2 li .blackInfo .cont table th {text-align:left; padding:3px 6px; vertical-align:middle; color:#fff; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;}
.infoIcon2 li .blackInfo .cont table td {padding:3px 6px; vertical-align:middle; color:#fff; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;}
.infoIcon2 li .blackInfo .cont p {color:#fff; margin-top:3px;}
.infoIcon2 .emphasis {font-weight:700; position:relative;}
.infoIcon2 .emphasis:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ff4c4e;}
@media (max-width: 500px) {
.infoIcon2 li .blackInfo {top:22px; left:100px; width:95%;}
}

br.blank {display:none;}
@media (max-width: 500px) {
br.blank {display:block;}
}

.spechBuble {position:relative;}
.spechBuble .on {display:block;}
.blackInfo2 {display:none; position:absolute; top:25px; left:50%; transform:translateX(-50%); box-sizing:border-box; padding:5px; font-size:11px; background:#191919; z-index:5; max-width:400px; width:100%;}
.blackInfo2 .cont {color:#fff; text-align:left;}
.blackInfo2 .cont b {color:#fff; margin-bottom:5px; display:block;}
.blackInfo2 .cont table {border-top:1px solid #fff; border-bottom:1px solid #fff; width:100% !important; min-width:auto !important; table-layout:fixed;}
.blackInfo2 .cont table th {text-align:left; padding:3px 6px; vertical-align:middle; color:#fff; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;}
.blackInfo2 .cont table td {padding:3px 6px; vertical-align:middle; color:#fff; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;}
.blackInfo2 .cont p {color:#fff; margin-top:3px;}
.spechBuble .emphasis {font-weight:700; position:relative;}
.spechBuble .emphasis:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ff4c4e;}
@media (max-width: 595px) {
.blackInfo2 {top:43px;}
}@media (max-width: 339px) {
.blackInfo2 {top:63px;}
}

.spechBuble .que {display:inline-block !important; position:relative !important; margin-left:8px !important; width:15px}
.blackInfo3 {display:none; position:absolute; top:28px; left:82px; box-sizing:border-box; padding:5px; font-size:11px; background:#191919; z-index:5; width:fit-content;}
.blackInfo3 .cont {color:#fff; text-align:left;}
.blackInfo3 .cont table {border-top:1px solid #fff; border-bottom:1px solid #fff; width:auto; table-layout:fixed;}
.blackInfo3 .cont table th {text-align:left; padding:3px 6px; vertical-align:middle; color:#fff; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;}
.blackInfo3 .cont table td {padding:3px 6px; vertical-align:middle; color:#fff; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;}
@media (max-width: 500px) {
.blackInfo3 {top:26px; left:0;}
}

.blackInfo4 .cont table {min-width:auto; margin-top:0; margin-bottom:0; text-align:left;}
.blackInfo4 .cont p {margin-top:0; font-size:0.83em;}

.pop_spechBuble {position:relative; font-size: 11px !important; letter-spacing: -0.03em; text-decoration: underline !important; text-underline-position: under; color: #2790ff !important;}
.pop_spechBuble span {display:none; position:absolute; top:20px; right:-20px; box-sizing:border-box; padding:5px; font-size:11px; background:#191919; z-index:5; width:150px; color:#fff; text-align:left;}
.pop_spechBuble:hover span {display:block;}

.popChk {border-bottom:1px solid #e1e1e1; padding-bottom:5px; margin-bottom:5px;}
.popEm {float:left; width:calc(100% - 24px); margin-top:-3px;}
.formCont2 {margin-bottom:8px;}
.formCont2:after {content:""; display:block; clear:both;}
.formCont2 input[type="checkbox"] + label:before {float:left;}

/* 배너 클릭 상세페이지 */
.scroll-container {width:100%; height:100%; position:relative; margin:0; padding:0;}
.scroll-container section {width:100%; height:100%; background:#fafbfc;}
.scroll-container section div {text-align:center; position:relative; top:50%; transform:translateY(-50%); width:83%; margin:0 auto;}

.dots {z-index:1; list-style:none; padding:0; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.dots li a {padding:10px; width:4px; height:5px; display:block;}
.dots li a:before {content:''; position:absolute; width:8px; height:8px; background:rgba(0, 0, 0, 0.5); -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; -webkit-transition:-webkit-transform 0.3s ease, background-color 0.3s ease; -moz-transition:-moz-transform 0.3s ease, background-color 0.3s ease; -ms-transition:-ms-transform 0.3s ease, background-color 0.3s ease; -o-transition:-o-transform 0.3s ease, background-color 0.3s ease; transition:transform 0.3s ease, background-color 0.3s ease;}
.dots li a.active:before {content:''; background-color:#000; width:14px; height:14px; margin-top:-4px; left:7px; background-color:#ed262f; -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0);}
.dots-right {left:25px;}
.dots-left {right:10px;}

.dscrpPage video {width:100%; height:100%;}
.dscrpPage a.type1 {position: absolute; bottom: 25%; left: 6%;}
.dscrpPage a.type1 img {width:330px;}
.dscrpPage a.type2 {position:absolute; bottom:18%; left:5.5%;}
.dscrpPage a.type2 img {width:250px;}
.dscrpPage a.type3 {position:absolute; bottom:15%; left:5.5%;}
.dscrpPage a.type3 img {width:290px;}
@media (max-width: 1400px) {
.dscrpPage a.type1 img {width:270px;}
.dscrpPage a.type2 img {width:180px;}
.dscrpPage a.type3 img {width:210px;}
}
@media (max-width: 1100px) {
.dscrpPage a.type1 img {width:200px;}
.dscrpPage a.type2 img {width:130px;}
.dscrpPage a.type3 img {width:170px;}
}
@media (max-width: 800px) {
.dscrpPage a.type1 img {width:140px;}
.dscrpPage a.type2 img {width:100px;}
.dscrpPage a.type3 img {width:120px;}
}
@media (max-width: 600px) {
.dscrpPage a.type1 img {width:90px;}
.dscrpPage a.type2 img {width:50px;}
.dscrpPage a.type3 img {width:80px;}
}
@media (max-width: 414px) {
.dscrpPage a.type1 img {width:70px;}
.dscrpPage a.type2 {bottom:15%;}
.dscrpPage a.type2 img {width:40px;}
.dscrpPage a.type3 {bottom:11%;}
.dscrpPage a.type3 img {width:50px;}
}

/* 셀렉트박스 */
.selectricNew {border:1px solid #e4e4e4; border-radius:3px; background:url(../images/select.png) center right 10px no-repeat; background-size:23px; position:relative; height:39px; box-sizing:border-box; width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 38px 0 10px; font-size:13px; color: #999; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.selectricNew.disabled {background-color:#f6f6f7; color:#cacaca;}

/* 2020-10-23 추가 */
.hopeSponsoredBrand:after {content:''; display:block; clear:both;}
.hopeSponsoredBrand .inline {margin-bottom:5px;}
.hopeSponsoredBrand .inline em:nth-child(3) {display:block; margin-top:3px;}

.hopeSponsoredBrand2 .inline {margin-bottom:0; padding:3px 0 3px 0;}
.hopeSponsoredBrand2 .inline em:nth-child(3) {margin-top:5px; margin-left:17px;}

.hopeSponsoredBrand3 .inline {padding:6px 0 6px 0;}
.hopeSponsoredBrand3 .inline em:nth-child(3) {margin-left:10px;}

@media (max-width: 1305px) {
.hopeSponsoredBrand2 .inline em:nth-child(3) {display:inline-block; margin-top:0; margin-left:10px;}
}

@media (max-width: 768px) {
.hopeSponsoredBrand2 .inline em:nth-child(3) {margin-left:17px; margin-top:3px;}
}

@media (max-width: 500px) {
.hopeSponsoredBrand2 .inline em:nth-child(3) {margin-left:3px;}
}


/* 2020-11-13 추가 */
.formCont .gray2 {display: inline-block; font-size: 14px; vertical-align: top; color: #999 !important;}
.formCont .cashBox2 {position: relative;}
.formCont .cashBox2:after {display:block; content:''; clear:both;}
.formCont .cashBox2 div.cash2 {width: 83%; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.formCont .cashBox {position: relative; padding: 20px 30px 22px !important;}
.formCont .cashBox:after {display:block; content:''; clear:both;}
.formCont .cashBox div.cash {width: 83%; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.formCont .cashBox div.cash > div {float: left; width: 44%; text-align: left;}
.formCont .cashBox div.cash > div span {display: inline-block; font-size: 14px; vertical-align: middle; color: #999; margin-right: 5px;}
.formCont .cashBox div.cash > div input.wD {width: 41%;}
.formCont .cashBox div.cash > div em {display: inline-block; margin: 0 3px; vertical-align: middle; font-size: 17px;}
.timeto {background: #fff; border: 1px solid #e4e4e4; border-radius: 3px; padding: 0px 6px; color: #666;}

@media (max-width: 1060px) {
.formCont .cashBox div.cash > div {width: 48%;}
.formCont .cashBox div.cash > div em {font-size: 14px;}
}

@media (max-width: 930px) {
.formCont .cashBox {padding: 30px 30px 48px !important;}
.formCont .cashBox div.cash > div span {display: block; margin-bottom: 5px;}
.formCont .cashBox div.cash > div input.wD {width: 61%;}
}

@media (max-width: 600px) {
.formCont .cashBox2 div.cash2 {width: 100%; position: relative; top: unset; transform: unset; right: unset; margin-top: 6px;}
.formCont .gray2 {font-size: 13px;}
.formCont .cashBox {padding: 10px 15px 10px !important;}
.formCont .cashBox div.cash {width: 100%; position: relative; top: unset; transform: unset; right: unset; margin-top: 10px;}
.formCont .cashBox div.cash > div span {font-size: 13px;}
.formCont .cashBox div.cash > div input.wD {width: 71%;}
}

@media (max-width: 420px) {
.formCont .cashBox div.cash > div {float: none; width: 100%;}
.formCont .cashBox div.cash > div + div {margin-top: 10px;}
}

/* 2021-03-09 추가 */
.information {margin-bottom:20px;}
.information b {color:#666; font-size:14px; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight: 500; margin-right:15px; vertical-align:middle;}
.information_cont {position:relative;}
.information_cont li {width:26%; float:left; margin-right:3%; margin-bottom:15px;}
.information_cont li b {font-size:14px; color:#666; font-family:'Noto Sans R', 'dotum', sans-serif; font-weight:normal; display:block; margin-bottom:10px;}
.information_cont .information_btn {width:10%; margin-right:0;}
.information_cont .information_btn a {height:39px; line-height:39px; border:1px solid #ccc; border-radius:4px; color:#ff4c4e; font-size:15px; display:block; text-align:center;}
.information_cont li.first_btn {position:absolute; right:0; bottom:0;}
.information_cont .information_btn a.information_add {background:#232323; color:#fff; border:none;}
.information_cont .icn_img {width:auto; margin:0; margin-right:5px; padding-top:40px;}
.information_cont .icn_img2 {padding-top:10px;}
.information_cont .icn_img img {width:20px;}
.box .completo {background:#232323; color:#fff; border-radius:4px; width:140px; padding:10px 0; display:block; text-align:center; margin:0 auto;}
.information_list li {display:inline-block; margin-right:4%;}
.information_list li .tit {font-size:14px; color:#666; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500;}
.information_list li .cont {display:inline-block; font-size:18px; color:#666; font-family:'Lato', 'Noto Sans L', 'dotum', sans-serif;}
.infoBox .select_list {margin:20px 0;}
.infoBox .select_list:after {content:""; display:block; clear:both;}
.infoBox .select_list div {float:left; width:48%; box-sizing:border-box; margin-right:5px;}
.infoBox .select_list div .selectric {width:100%;}
.infoBox .select_list div:last-child {margin-right:0;}
.information_list {margin-bottom:10px;}
.prOd li {width:100% !important;}
.prOd .selectw {width:35%;}
.prOd li .subtract {color:#666;}
.prOd li .subtract img {width:20px; margin-right:5px;}
.prOd li b {margin-bottom:10px; display:block;}
.prOd li .cont {font-size:16px; color: #666;}
.prOd_cont .prOd {margin-bottom:20px;}
.prOd_cont .prOd:last-child {margin-bottom:0;}
.campaign_list li {margin-right:7%;}
.campaign_list li b {display:block;}
.information .camPaign {display:inline-block; vertical-align:middle; margin-left:7%;}
.information .camPaign p {display:inline-block;}
.apoiar {width:80%; margin:0 auto; text-align:left;}
.apoiar:last-child {margin-top:20px;}
.apoiar .selectric-wrapper {float:left; width:48%; box-sizing:border-box; margin-right:5px;}
.apoiar .selectric-wrapper:last-child {margin-right:0;}
.apoiar b.tit {display:block; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:500; margin-bottom:5px;}
.select_info .icn_img img {width:20px; margin-right:5px;}
.select_info .icn_img .cont {display:inline-block;}
.select_info b {font-family: 'Noto Sans M', 'dotum', sans-serif;font-weight: 500; margin-bottom:20px; display:block;}
.select_info p {color:#666; padding-bottom:10px;}
.select_info p:last-child {padding-bottom:0;}
.select_view {margin-bottom:0 !important;}
.list3 td.last_td_cont {font-size:13px;}
.creatorCont {padding:22px 50px !important;}
.creatorCont .creator_view {text-align:left; margin-bottom:20px;}
.creatorCont .creator_view li {width:45% !important;}
.creatorCont .creator_view li.w2 {width:20% !important;}
.myCont {margin-bottom:5px;}
.myCont:last-child {margin-bottom:0;}
.myCont li input {width:100% !important;}
.myCont li {width:94%; float:right; margin-right:0; margin-bottom:0;}
.myCont .icn_img {float:left; padding-top:10px;}
.more_btn {text-align:center; margin:20px 0;}
.more_btn img {width:27px; vertical-align:middle; margin-right:5px;}
.query_txt {resize: none; font-size:13px; height:51px; padding:15px 120px 15px 20px; color:#666; letter-spacing: -1px; overflow-y:hidden;}

.commercial {border-bottom:2px solid #333; padding-bottom:10px;}
.commercial_p {font-size:13px; color:#9a9a9a;}

@media (max-width: 1000px) {
	.creatorCont {padding:20px !important;}
}

@media (max-width: 768px) {
	.information_cont .information_btn a {font-size:12px; height:37px; line-height:37px;}
	.information_cont li {width:25%; margin-right:2%;}
	.information_cont .information_btn {width:11%;}

	.information_cont li {width:26%;}
	.information_cont li:last-child {margin-right:0;}

	.preview_list li {width:32% !important;}
}

@media (max-width:570px) {
	.pop_state {margin-bottom:0;}
	.pop_state span {margin-bottom:20px;}

	.commercial_p br {display:none;}
}

@media (max-width:414px) {
	.information_cont .icn_img img {width:15px;}
	.information_cont li {width:25%;}
}

/* 2021-04-27 추가 */
.form_modify li div.cont {height:38px; line-height:38px;}
.reportArea .reportHead.media .txtCont dl dt {width:45%;}
.reportArea .reportHead.media .txtCont dl dd {width:50%;}
.foruPlaybox .playInfo .tit b.fsA {height: auto;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box; word-break: break-word;}
.foruPlaybox .playInfo .type {margin-top:5%;}

/* 210512수정 */
.stateInfo span .red {margin-top: 10px;}

.reportArea .reportHead .txtCont dl dt {float:unset; display:inline-block;}
.reportArea .reportHead .txtCont dl dd {float:unset; display:inline-block;}