@charset "utf-8";

/* 
 * content CSS Document
 */

input[type="submit"],
input[type="button"]{-webkit-border-radius:2px;}
input[readonly],
input[disabled]{background:#f1f1f1; color:#888;}

#header{border-bottom:1px solid #f2f5fa;}
#content{max-width:1650px; min-height:500px; margin:0 auto; padding:0 50px;}
#content.business{max-width:1200px; margin:0 auto;}
#content.business .h2_st{padding:0; font-size:30px; color:#111;}
#content.business .h2_st:before{display:none;}
#content h2{margin-top:40px; margin-bottom:10px; font-size:18px; color:#333; font-weight:400;}
.subContainer{padding-bottom:150px;}
.subContainer.member .inner{max-width:1500px !important;}
/*.subContainer.member{margin-top:80px;}*/
.subContainer.bbs #content{max-width:1500px;}
.designRadio input[type="radio"] + label:before,
.designCheck input[type="checkbox"] + label:before{top:-2px;}
.ie .designRadio input[type="radio"] + label:before,
.ie .designCheck input[type="checkbox"] + label:before{top:0px;}

.tit_box{margin-bottom:30px;}
#content h2.tit_box{margin-top:0px; margin-bottom:50px;}
#content h2.tit_box,
#content .tit_box h2,
#content [data-page-layout="title"],
#content [data-board-title]{font-size:30px; font-weight:400; vertical-align:middle;}
#content .tit_box h2{display:inline-block; margin:0px;}
#content [data-page-layout="title"],
#content [data-board-title]{display:block; margin-bottom:40px;}
.tit_box p{display:inline-block; margin-left:48px; font-size:15px; color:#989898; vertical-align:middle;}
.sec_recommend{padding-top:70px;}

.bbsView{border-top-color:#dcdcdc;}
[data-pop-layer="layer"] .popBox .btn_close{background:#0f0f0f;}
[data-pop-layer="layer"] .popBox h2{margin-top:0px !important;}

/* bbs */
ul.bbsList,
.faqList{border-top-width:1px; border-top-color:#222;}
.bbsTitle,
.bbsList thead tr:first-child th{border-top:1px solid #222 !important;}
.faqList dt:before{background:#444;}
.faqList dd:before{background-color:#fff; color:#236bcc; border:1px solid #236bcc;}
.comment_area .write .btn_submit,
.comment_area .write input[type="submit"]{background-color:#0f0f0f; border-color:#0f0f0f;}
.bbsList td[data-table="number"] .notice{background-color:#fff; border:1px solid #236bcc; font-size:13px;}
.bbsList td[data-table="number"] .notice:before{color:#236bcc;}
input[type="text"][id^="clipboard"]{opacity:0; position:absolute; z-index:-1;}
.faqList dd img{width:auto !important; height:auto !important;}

/* button */
.button{background:#236bcc; border-color:#236bcc;}
.button.lg{height:60px !important; line-height:58px !important; font-size:15px !important; letter-spacing:0;}
.button.tblue{color:#236bcc !important;}
.button.white{border-color:#e1e1e1;}
.button.big{min-width:300px;}

/* table list */
.list_table{margin-top:20px; padding-top:20px; border-top:1px solid #ededed;}
.list_table.none{padding-top:0px; border-top-width:0px;}
.list_table > li{display:table; width:100%;}
.list_table > li > em,
.list_table > li > span{display:table-cell; vertical-align:middle;}
.list_table > li > em{width:15%; padding:2px 0px;}
.list_table > li > em > span{display:inline-block; min-width:80px; box-sizing:border-box; padding-left:4px; padding-right:4px; border:1px solid #d1d1d1; border-radius:50rem; font-size:14px; color:#555; text-align:center;}
.list_table > li > span{padding:2px 0 2px 10px; font-size:16px; word-break:keep-all;}


/* 비즈니스고객 */
#content.business .h2_st{padding-bottom:20px; border-bottom:2px solid #333;}
#content.business .step_area{margin:50px 0; text-align:center;}
#content.business .step_area ul li{display:inline-block; text-align:center; z-index:10;}
#content.business .step_area ul li span{display:block; font-size:14px; font-weight:600; color:#9ba9b7;}
#content.business .step_area ul li p{margin-bottom:4px; font-size:14px; font-weight:500; color:#9ba9b7;}
#content.business .step_area ul li i{position:relative; display:block; width:24px; height:24px; margin:0 auto; border-radius:50%; background:#ebeff3;}
#content.business .step_area ul li.on span,
#content.business .step_area ul li.on p{color:#236bcc;}
#content.business .step_area ul li.on i{border:4px solid #236bcc; background:#fff;}
#content.business .step_area ul li:nth-child(2){margin:0 90px;}
#content.business .step_area ul li i:before{content:''; display:block; position:absolute; top:50%; right:20px; width:125px; height:4px; background:#ebeff3; transform:translateY(-50%); z-index:-1;}
#content.business .step_area ul li.on i:before{background:#236bcc;}
#content.business .step_area ul li:first-child i:before{display:none;}
#content.business .busi_list li{margin:30px 0; padding-bottom:30px; border-bottom:1px solid #dedede;}
#content.business .busi_list li h3{padding-bottom:20px; font-size:18px; font-weight:400; color:#222; line-height:1;}
#content.business .busi_list li .info_txt2{position:relative; padding-top:10px; color:#fa5d2a; font-size:14px; font-weight:300;}
#content.business .busi_list li > span{display:inline-block; padding-right:10px;}
#content.campain .campain_box{padding:50px; margin-bottom:50px; border:1px solid #ededed; border-radius:3px; box-sizing:border-box;}
#content.campain .btn_area.right{text-align:right;}
#content.campain .campain_box ul{text-align:center; font-size:0;}
#content.campain .campain_box ul li{display:inline-block; width:calc(100% / 7);}
#content.campain .campain_box ul li a{display:block;}
#content.campain .campain_box ul li a span{display:inline-block; padding:10px 15px; background:#f4f9ff; font-size:16px; color:#236bcc; border-radius:10px;}
#content.campain .campain_box ul li a p{font-size:30px; font-weight:600; color:#111;}
#content.campain .campain_list{font-size:0;}
#content.campain .campain_list li{display:inline-block; width:calc(100% / 3 - 20px); margin-right:30px; padding:30px; box-sizing:border-box; border:1px solid #ccc; border-radius:3px;}
#content.campain .campain_list li .top_box{border-bottom:1px solid #ededed;}
#content.campain .campain_list li .top_box span{display:inline-block; padding:3px 10px; margin-right:10px; font-size:12px; font-weight:300; border:1px solid #666;}
#content.campain .campain_list li .top_box span.step01{border-color:#fa5d2a; color:#fa5d2a;}
#content.campain .campain_list li .top_box span.step02{border-color:#236bcc; color:#236bcc;}
#content.campain .campain_list li .top_box > .img{display:block; position:relative; width:100%; margin-top:20px; padding-top:80%; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
#content.campain .campain_list li .top_box p{padding:20px 0 0px; font-size:16px; color:#666;}
#content.campain .campain_list li .top_box h4{width:100%; padding-bottom:20px; font-size:20px; color:#111; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#content.campain .campain_list li .bottom_box{padding-top:18px;}
#content.campain .campain_list li .bottom_box a{display:block; float:left; width:49%; margin-right:2%; margin-top:2%; padding:10px 0; border-radius:5px; background:#ededed; font-size:14px; color:#666; text-align:center;}
#content.campain .campain_list li .bottom_box a:nth-child(2n){margin-right:0;}
#content.campain .campain_list li:nth-child(3n){margin-right:0;}
#content.campain .serch_area{text-align:right;}
#content.campain .btn_area2{text-align:right;}
.layer .layer_list{font-size:0;}
.layer .layer_list li{display:inline-block; width:100%;}
.layer .layer_list li p{display:inline-block; padding:15px 0; font-size:15px; width:30%; background:#f5f5f5; text-align:center; border-bottom:1px solid #ededed; box-sizing:border-box;}
.layer .layer_list li span{display:inline-block; width:70%; padding:15px 0 15px 15px; font-size:15px; text-align:center; color:#999; text-align:left; border-bottom:1px solid #ededed; box-sizing:border-box;}
.layer[data-pop-layer="layer"] .popBox{min-height:inherit; padding:10px;}
.layer[data-pop-layer="layer"] .popBox .layer_list.popConts{padding:0; width:500px;}

/* 상세 */
.area_campaignView{position:relative; max-width:1400px; margin:0 auto;}
.area_campaignView:after{content:''; display:block; clear:both;}
.area_campaignView h3{margin-top:25px; font-size:22px; font-weight:500; color:#333; line-height:1.3; word-break:keep-all;}
.area_campaignView h3 i{margin-right:10px;}
.area_campaignView .button.sm{min-width:120px; height:30px; line-height:28px; font-size:13px;}
.area_campaignView .button.sm.small{min-width:60px; height:22px; line-height:20px; font-size:12px; color:#666 !important;}
.area_campaignView .detail{float:left; width:860px;}
.area_campaignView .detail .box{position:relative; padding-bottom:30px; border-top:1px solid #ededed;}
.area_campaignView .detail .box.none{border-top-width:0px;}
.area_campaignView .detail .box.last{border-bottom:1px solid #ededed;}
.area_campaignView .detail .box h2{margin-bottom:20px !important;}
.area_campaignView .detail .box h2:first-child{margin-top:0px;}
.area_campaignView .detail .box .button.sm.tblue{position:absolute; top:36px; right:0px;}
.area_campaignView .detail .box .list_table{margin-bottom:20px;}
.area_campaignView .detail .box.mob{display:none;}
.area_campaignView .info{float:right; width:calc(100% - 860px); box-sizing:border-box; padding-left:50px;}
.area_campaignView .info > div{position:fixed; top:148px; z-index:10; transition:top 0.3s ease;}
.area_campaignView .info h2{margin-top:0px !important;}
.area_campaignView .info .img img{width:100%;}
.area_campaignView .info .box{display:table; width:100%; margin-top:15px;}
.area_campaignView .info .box .img,
.area_campaignView .info .box .list_table{display:table-cell; vertical-align:top;}
.area_campaignView .info .box .img{width:30%;}
.area_campaignView .info .box .img span{overflow:hidden; display:block; position:relative; padding-top:100%;}
.area_campaignView .info .box .img span img{position:absolute; top:0px; left:50%; transform:translateX(-50%);}
.area_campaignView .info .box .list_table{width:65%; margin-top:0px; padding-left:3%;}
.area_campaignView .type span{display:inline-block; font-size:13px;}
.area_campaignView .type .work{position:relative; padding-left:10px;}
.area_campaignView .type .work:before{content:''; display:block; position:absolute; left:0px; top:50%; width:1px; height:10px; background:#d5d5d5; transform:translateY(-50%);}
.area_campaignView .type .sns{margin-right:5px;}
.area_campaignView .info .list_table > li > em,
.area_campaignView .info .list_table > li > span{padding-top:2px; padding-bottom:2px;}
.area_campaignView .info .list_table > li > em > span{min-width:85px;}
.area_campaignView .info .btn{margin-top:50px;}
.area_campaignView .info .btn a:not(.link){width:calc(100% - 190px); min-width:inherit;}
.area_campaignView .info .btn .link{width:170px; margin-left:15px;}
.area_campaignView .info .btn .link i{display:inline-block; width:19px; height:19px; margin-right:5px; background:url(../images/content/icon_link.png) no-repeat 50% 0; background-size:100%; vertical-align:middle;}
.area_campaignView .info.fix > div{top:100px;}
.area_campaignView .info.none > div{position:absolute; top:auto; bottom:50px;}
.area_campaignView .status01{color:#e31d1a; font-weight:500;}
.area_campaignView .status02{color:#236bcc; font-weight:500;}
.area_campaignView .keyword{margin:0 0 25px;}
.area_campaignView .keyword span{display:inline-block; margin-right:5px;}
.area_campaignView .keyword span:last-child{margin-right:0px;}
.area_campaignView .sponsor01,
.area_campaignView .sponsor02{margin-bottom:15px;}
.area_campaignView .sponsor01 > div{padding:30px 20px; border:1px dashed #ececec; text-align:center; color:#555; font-weight:300;}
.area_campaignView .sponsor01 > div i{color:#236bcc; font-weight:600;}
.area_campaignView .sponsor01 > div span{display:block; margin-top:5px; color:#999;}
.area_campaignView .detail .img{position:relative;}
.area_campaignView .detail .img > span{display:block;}
.area_campaignView .detail .img > span img{width:100%;}
.area_campaignView .detail .img_more{display:none;}
.area_campaignView .detail .img_more img{width:100%;}
.area_campaignView .detail .img_more.active{display:block;}
.area_campaignView .detail .btn_more{position:absolute; bottom:30px; left:50%; min-width:125px; border-width:0px; transform:translateX(-50%); -webkit-transform:translateX(calc(-50% - 0.5px));}
.area_campaignView .detail .btn_more span:after{content:''; display:inline-block; width:16px; height:6px; margin-left:5px; background-repeat:no-repeat; background-position:50% 0; background-size:100%; vertical-align:middle;}
.area_campaignView .detail .btn_more span:after{background-image:url(../images/content/icon_more.gif);}
.area_campaignView .detail .btn_more.active span:after{width:10px; background-image:url(../images/content/icon_more_arrow.gif);}
.area_campaignView .guide{margin-bottom:25px;}
.area_campaignView .guide textarea{width:100%; height:150px;}
.area_campaignView .agree{padding-bottom:15px; color:#555; word-break:keep-all; font-size:14px;}
.area_campaignView .agree .designCheck{display:block; padding:15px 0px 13px; margin-bottom:15px; border-top:1px solid #dedede; border-bottom:1px dashed #dedede;}
.area_campaignView .area_mypage .point:not(.old){background-color:#fdf6f3;}
.area_campaignView .area_mypage .point a{padding-left:4px; padding-right:4px; background-color:#fa5d2a;}
.area_campaignView .area_mypage .point a span{word-break:keep-all;}
.area_campaignView .area_mypage .point.old{display:table; width:100%; height:auto; border-bottom:1px dashed #dee4ea;}
.area_campaignView .area_mypage .point.old > *:not(a){display:table-cell; width:auto; padding:15px 10px;}
.area_campaignView .area_mypage .point.old p{width:65%; padding-left:35px;}
.area_campaignView .area_mypage .point.old em{font-size:20px;}
[data-input="group"]{position:relative; margin-top:5px;}
[data-input="group"] input[type="text"]{width:calc(100% - 105px);}
[data-input="group"] .button{position:absolute; right:0px; top:0px;}

[data-table-list="people"] > span > i{font-size:20px; color:#236bcc; font-weight:500;}
[data-table-list="close"] > span > i{margin-left:5px;}

.subContainer.member .area_campaignView{margin-top:-50px;} /* 포인트출금 레이아웃 특수 */

/* 적립포인트 */
.pointList{margin-top:20px;}
.pointList tbody tr td:nth-of-type(2){text-align:left;}
.pointList tbody tr td:nth-of-type(4){text-align:right; font-weight:600; color:#236af7;}
.pointList tbody tr td:nth-of-type(4) .minus{color:#ed1f6c;}

/* text */
.area_tip{padding:20px; background:#f8f8f8; font-size:14px;}
.area_tip.white{padding:10px; background:#fff; border:1px dashed #e2e2e2;}
.area_tip strong{display:block; position:relative; padding-left:22px; margin-bottom:5px; color:#333; font-weight:600;}
.area_tip strong:before{content:''; display:block; position:absolute; top:0px; left:0px; width:18px; height:18px; background:url(../images/content/icon_info.png) no-repeat 50% 0; background-size:100%;}
.area_tip p{color:#666; font-weight:300;}
.area_tip p i{font-weight:600; color:#fa5d2a;}

.txt_point01{color:#236bcc !important;}
.txt_point03{color:#fa5d2a !important;}

.title_h3{margin-top:30px; margin-bottom:10px; font-size:18px; color:#333; font-weight:400;}

/* member */
.area_join_choic{max-width:1000px; margin:0 auto;}
.area_join_choic:after{content:''; display:block; clear:both;}
.area_join_choic .title{display:block; margin-bottom:30px; font-size:30px; color:#222; font-weight:200; letter-spacing:-1px; text-align:center;}
.area_join_choic > div{float:left; width:48%; height:400px; box-sizing:border-box; padding:30px; background:#fff; border:1px solid #ebebeb; text-align:center;}
.area_join_choic > div p{margin-top:15px; margin-bottom:20px; font-size:17px;}
.area_join_choic > div[data-member-choic]:before{content:''; display:block; width:60px; height:50px; margin:40px auto 10px; background-repeat:no-repeat; background-position:50% 0;}
.area_join_choic > div[data-member-choic="biz"]:before{background-image:url(../images/common/icon_business.svg);}
.area_join_choic > div[data-member-choic="reviewer"]:before{background-image:url(../images/common/icon_person.svg);}
.area_join_choic > div[data-member-choic="reviewer"]{float:right;}

/* warning */
.area_warning{padding-top:20px; text-align:center;}
.area_warning:before{content:''; display:block; width:72px; height:72px; margin:0 auto 15px; background:url(../images/content/img_warning.png) no-repeat 50% 0; background-size:100%;}
.area_warning em{display:block; font-size:20px;}
.area_warning p{margin-top:20px; word-break:keep-all;}
.area_warning strong{display:block; margin:5px 0px; color:#236bcc;}

/* cancel */
.area_cancel em.title:before{content:''; display:inline-block; width:44px; height:43px; margin-right:10px; margin-top:-2px; background:url(../images/content/img_cancel.png) no-repeat 50% 0; background-size:100% 100%; vertical-align:middle;}
.area_cancel em.title{display:block; margin-bottom:15px; font-size:20px; text-align:center;}
.area_cancel em.title i{color:#006bd0;}

/* slide control */
.ctrl_recommend{font-size:0px;}
.ctrl_recommend a{border-top-width:1px;}
.ctrl_recommend a:nth-of-type(2){border-right-width:1px;}
.sec_recommend .ctrl_recommend a{border-top-width:0px;}
.sec_recommend .ctrl_recommend a:nth-of-type(2){border-right-width:0px;}
.ctrl_recommend a.review_prev,
.ctrl_recommend a.review_next{background-color:rgba(255,255,255,0.2); border-color:#76adf7; transition:0.3s ease;}
.ctrl_recommend a.review_prev .ico.prev{background-image:url(../images/common/icon_arw_reverse_w.png);}
.ctrl_recommend a.review_next .ico.next{background-image:url(../images/common/icon_arw_w.png);}
.ctrl_recommend a.review_prev .ico,
.ctrl_recommend a.review_next .ico{opacity:1;}
.ctrl_recommend a.review_prev:hover,
.ctrl_recommend a.review_next:hover{background-color:rgba(255,255,255,0.1);}

/* 리뷰 */
.sec_review{position:relative; padding-top:70px; padding-bottom:100px;}
.sec_review:after{content:''; display:block; position:absolute; top:0; left:50%; z-index:-1; width:150%; height:100%; background:#236bcc; transform:translateX(-50%);}
.sec_review .tit_box h2,
.sec_review .tit_box p{color:#fff !important;}
.sec_review .tit_box p{font-weight:300;}
.sec_review .ctrl_recommend{position:absolute; right:0px; top:50px;}
.sec_review .swiper-container{overflow:visible;}

.prd_filter_wrap.review{margin-top:-60px; margin-bottom:30px; background-color:#fff;}
.prd_filter_wrap.review .prd_filter .filter{width:50%;}
.prd_filter_wrap.review .prd_filter .filter.search{width:50%;}
.prd_filter_wrap.review .prd_filter .list_table{margin-top:0px; padding-top:10px; border-top-width:0px;}
.prd_filter_wrap.review .prd_filter .list_table > li{float:left; width:49%;}
.prd_filter_wrap.review .prd_filter .list_table:after{content:''; display:block; clear:both;}
.prd_filter_wrap.review .prd_filter .list_table > li span i{font-weight:500; font-size:20px; color:#111; line-height:1.1;}

.area_review em:before{content:''; display:inline-block; width:44px; height:43px; margin-right:10px; margin-top:-2px; background:url(../images/content/img_smile.png) no-repeat 50% 0; background-size:100% 100%; vertical-align:middle;}
.area_review em{display:block; margin-bottom:15px; font-size:20px; text-align:center;}
.area_review em i{color:#006bd0;}

/* mypage */
#content .area_mypage h2{margin-top:50px !important; margin-bottom:20px;}
#content .area_mypage h2.tit_box{margin-top:0px; margin-bottom:30px;}
#content .area_mypage h2.top{margin-top:0px;}
.area_mypage:after{content:''; display:block; clear:both;}
.area_mypage .left{float:left; width:860px;}
.area_mypage .info{float:right; width:calc(100% - 860px); box-sizing:border-box; padding-left:50px;}
.area_mypage .box{position:relative;}
.area_mypage .qna .list{padding-top:25px; border-top:1px solid #ededed;}
.area_mypage .qna .list li{padding-bottom:10px;}
.area_mypage .qna .list li > a{display:block; position:relative;}
.area_mypage .qna .list li > a > *{display:inline-block; vertical-align:middle;}
.area_mypage .qna .list li > a em{min-width:45px; margin-right:5px; background:#fff; border:1px solid #dfdfdf; border-radius:2px; font-size:12px; text-align:center;}
.area_mypage .qna .list li > a span{width:calc(100% - 60px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.area_mypage .qna .list.none{border-top-width:0px;}
.area_mypage .qna .busi li > a p{margin-bottom:0; width:75%; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.area_mypage .qna .busi li > a span{display:inline-block; width:auto; padding:0 10px; font-size:13px;}
.area_mypage .qna .busi li > a i{min-width:50px; padding:0 5px; background:#fff; font-size:12px; text-align:center;}
.area_mypage.point .qna .list li > a{display:table; width:100%;}
.area_mypage.point .qna .list li > a > *{display:table-cell;}
.area_mypage.point .qna .list li > a em{width:50px; margin-right:0px;}
.area_mypage.point .qna .list li > a span{width:auto; padding-left:10px; padding-right:5px;}
.area_mypage.point .qna .list li > a i{width:17%; padding-right:5px; font-size:14px; color:#999;}
.area_mypage .more{opacity:0.7; display:inline-block; position:absolute; right:10px; top:0px; padding-right:15px; font-size:13px; color:#999; transition:0.3s ease;}
.more.more_top{top:15px;}
.area_mypage .more:after{content:''; display:block; position:absolute; right:0px; top:7px; border-left:5px solid #999; border-top:3px solid transparent; border-bottom:3px solid transparent;}
.area_mypage .more:hover{opacity:1;}
.area_mypage .more.out{color:#666;}
.area_mypage .more.out:after{top:6px; border-left-color:#666;}
[data-qna="type01"]{color:#236bcc;}
[data-qna="type02"]{color:#565656;}
[data-qna="type03"]{color:#ed1f6c;}
[data-list-campaign="status"]{margin-left:-15px;}
[data-list-campaign="status"]:after{content:''; display:block; clear:both;}
[data-list-campaign="status"] > li{float:left; width:calc(100% / 6 - 15.1px); height:140px; margin-left:15px;}
[data-list-campaign="status"] > li div{display:flex; flex-direction:column; justify-content:center; height:100%; box-sizing:border-box; padding:25px 5px; border:1px solid #e9e9eb; text-align:center;}
[data-list-campaign="status"] > li i{display:block; padding-top:15px; font-size:30px; color:#222; font-weight:500;}
[data-list-campaign="status"] > li em{display:inline-block; padding:2px 0px; background:#236bcc; border-radius:50rem; font-weight:300; font-size:13px; color:#fff;}
[data-list-campaign="status"] > li:nth-of-type(2) em{background-color:#174b91;}
[data-list-campaign="status"] > li:nth-of-type(3) em{background-color:#0b2f5f;}
[data-list-campaign="status"] > li:nth-of-type(4) em{background-color:#0b2f5f;}
[data-list-campaign="status"] > li:nth-of-type(5) em{background-color:#006181;}
[data-list-campaign="status"] > li:nth-of-type(6) em{background-color:#037ea6;}
.area_mypage .info [data-list-campaign="status"] > li{width:calc(100% / 3 - 28.1px); margin-top:15px;}
.area_mypage .info [data-list-campaign="status"] > li div{padding-left:10px; padding-right:10px;}
.area_mypage .point{display:flex; flex-direction:column; justify-content:center; position:relative; height:130px; background:#f4f9ff;}
.area_mypage .point > *:not(a){width:65%; box-sizing:border-box; padding-left:35px; padding-right:15px; color:#333;}
.area_mypage .point.poin_two{margin-bottom:40px;}
.area_mypage .point.poin_two > p{width:50%; padding-left:15px; margin-bottom:20px;}
.area_mypage .point.poin_two > em{padding-left:15px;}
.area_mypage .point a{display:block; display:flex; flex-direction:column; justify-content:center; position:absolute; right:0px; top:0px; width:35%; height:100%; background:#236bcc; text-align:center; color:#fff; font-weight:300;}
.area_mypage .point a:before{content:''; display:block; width:48px; height:40px; margin:0 auto 10px; background:url(../images/content/img_point.png) no-repeat 50% 0; background-size:auto 100%;}
.area_mypage .point a.two{width:25%;}
.area_mypage .point a.two.first{right:25%;}
.area_mypage .point a.two.color{background:#fa5d2a;}
.area_mypage .point em{display:block; padding-top:5px; font-size:30px; font-weight:500;}
.area_mypage .point p{font-size:14px; font-weight:400;}
.area_mypage .point p i{font-weight:600;}
.area_mypage .link{position:relative; padding:10px 0px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.area_mypage .link:after{content:''; display:block; clear:both;}
.area_mypage .link:before{content:''; display:block; position:absolute; top:0px; left:calc(50% - 1px); width:1px; height:100%; background:#ededed;}
.area_mypage .link > li{float:left; width:50%; box-sizing:border-box; padding:7px 0px;}
.area_mypage .link > li a{display:inline-block; margin-left:10px; padding:3px 17px; background:#fff; border-radius:50rem; transition:0.2s ease;}
.area_mypage .link > li a:hover{background:#236bcc; color:#fff; box-shadow:0 10px 15px rgba(0,0,0,0.1);}
.area_mypage .agree{color:#555; word-break:keep-all; font-size:14px;}
.area_mypage .agree.all .designCheck{border-top:1px solid #dedede;}
.area_mypage .agree .designCheck{display:block; position:relative; padding:15px 87px 13px 15px; margin:0px; border-bottom:1px dashed #dedede;}
.area_mypage .agree .designCheck.white{background:#236bcc; border-top-color:#236bcc;}
.area_mypage .agree .designCheck.white label{color:#fff;}
.area_mypage .agree .button{position:absolute; right:15px; top:50%; margin:-12px 0px 0px;}
.area_mypage .sns{margin-top:10px; padding:15px; background:#f4f9ff; font-size:13px; color:#333; font-weight:500;}
.area_mypage .sns [data-mypage-sns]{display:table; width:100%; margin-bottom:10px;}
.area_mypage .sns [data-mypage-sns] > *{display:table-cell; vertical-align:middle;}
.area_mypage .sns [data-mypage-sns] > span{width:40px; font-size:0px;}
.area_mypage .sns input[type="text"]{width:100%; margin:3px 0px 0px; font-size:13px;}
.area_mypage .sns [data-mypage-sns="blog"] em{width:32%;}
.area_mypage .sns [data-mypage-sns="instar"] em{width:38%;}
.area_mypage .sns [data-mypage-sns="Facebook"] em{width:37%;}
.area_mypage .sns [data-mypage-sns="tube"] em{width:46%;}
.area_mypage .sns [data-mypage-sns] em{color:#999; transition:0.3s ease 0s;}
.area_mypage .sns [data-mypage-sns].in em,
.area_mypage .sns [data-mypage-sns].active em{color:#333;}
.area_mypage .sns [data-mypage-sns] > span:before{content:''; display:block; width:30px; height:30px; background-image:url(../images/content/icon_sns_etc_off.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100%; transition:0.3s ease 0s;}
.area_mypage .sns [data-mypage-sns="blog"] > span:before{background-image:url(../images/content/icon_sns_blog_off.png);}
.area_mypage .sns [data-mypage-sns="instar"] > span:before{background-image:url(../images/content/icon_sns_instar_off.png);}
.area_mypage .sns [data-mypage-sns="Facebook"] > span:before{background-image:url(../images/content/icon_sns_face_off.png);}
.area_mypage .sns [data-mypage-sns="tube"] > span:before{background-image:url(../images/content/icon_sns_you_off.png);}
.area_mypage .sns [data-mypage-sns="twitter"] > span:before{background-image:url(../images/content/icon_sns_twitter_off.png);}
.area_mypage .sns [data-mypage-sns].active > span:before{background-image:url(../images/content/icon_sns_etc.png);}
.area_mypage .sns [data-mypage-sns="blog"].active > span:before{background-image:url(../images/content/icon_sns_blog.png);}
.area_mypage .sns [data-mypage-sns="instar"].active > span:before{background-image:url(../images/content/icon_sns_instar.png);}
.area_mypage .sns [data-mypage-sns="Facebook"].active > span:before{background-image:url(../images/content/icon_sns_face.png);}
.area_mypage .sns [data-mypage-sns="tube"].active > span:before{background-image:url(../images/content/icon_sns_you.png);}
.area_mypage .sns [data-mypage-sns="twitter"].active > span:before{background-image:url(../images/content/icon_sns_twitter.png);}

[data-mypage-compain="list"]{border-top:1px solid #ededed;}
[data-mypage-compain="list"] .type span{display:inline-block; font-size:13px;}
[data-mypage-compain="list"] .type .work{position:relative; padding-left:10px;}
[data-mypage-compain="list"] .type .work:before{content:''; display:block; position:absolute; left:0px; top:50%; width:1px; height:10px; background:#d5d5d5; transform:translateY(-50%);}
[data-mypage-compain="list"] .type .sns{margin-right:5px;}
[data-mypage-compain="list"] .sns{margin-top:0px; padding:0px; background:transparent;}
[data-mypage-compain="list"] > li{display:table; width:100%; padding:15px 0; border-bottom:1px solid #ededed;}
[data-mypage-compain="list"] > li .img,
[data-mypage-compain="list"] > li .conts,
[data-mypage-compain="list"] > li .status{display:table-cell; vertical-align:middle;}
[data-mypage-compain="list"] > li .img{width:18%;}
[data-mypage-compain="list"] > li .img span{overflow:hidden; display:block; position:relative; padding-top:100%;}
[data-mypage-compain="list"] > li .img span img{position:absolute; top:0px; left:50%; transform:translateX(-50%);}
[data-mypage-compain="list"] > li .status{width:10%;}
[data-mypage-compain="list"] > li h3{margin-top:10px; font-size:18px; color:#333; line-height:1.4; word-break:keep-all; font-weight:400;}
[data-mypage-compain="list"] > li .conts{padding-left:30px; padding-right:30px;}
[data-mypage-compain="list"] > li .status em,
[data-mypage-compain="list"] > li .status span,
[data-mypage-compain="list"] > li .status a{display:block; padding:3px; border:1px solid #e9e9eb; text-align:center;}
[data-mypage-compain="list"] > li .status em{background:#f9fafb; border-bottom-width:0px; font-size:13px; color:#666;}
[data-mypage-compain="list"] > li .status span{font-size:14px; color:#236bcc;}
[data-mypage-compain="list"] > li .status span.red{color:#dc1c1c;}
[data-mypage-compain="list"] > li .status span.gray{color:#666;}
[data-mypage-compain="list"] > li .status a{border-color:#0f0f0f; font-size:13px; color:#222;}
[data-mypage-compain="list"] > li .status a.write{border-color:#236bcc; color:#236bcc;}
[data-mypage-compain="list"] .list_table > li > em > span{font-size:13px; vertical-align:top;}
[data-mypage-compain="list"] .list_table > li > span{font-size:15px;}
[data-mypage-compain="list"] > li.no_data{padding:30px 0px; text-align:center; color:#999;}

[data-mypage="point"]{display:table; width:100%; border-top:1px solid #c1c1c1; border-bottom:1px solid #eee;}
[data-mypage="point"] em{display:inline-block; width:40%; text-align:left;}
[data-mypage="point"] span{display:inline-block; width:58%;}
[data-mypage="point"] > div{display:table-cell; width:50%; padding:15px 20px; box-sizing:border-box; vertical-align:middle; text-align:right;}
[data-mypage="point"] > div:nth-of-type(2){border-left:1px dashed #e4e4e4;}
[data-mypage="point"] > div > em{color:#222;}
[data-mypage="point"] > div > *{vertical-align:middle;}

.ie .area_mypage .point p,
.ie .area_mypage .link > li,
.ie .area_mypage .qna .list li > a span{font-weight:300;}

.area_map{width:100%; height:300px; box-sizing:border-box;}

/* 모집 타입 */
.type .sns{color:#006098;}
.type .sns.naver{color:#2fbf00;}
.type .sns.insta{color:#d656c7;}
.type .sns.tube{color:#d4272d;}
.type .sns.twitter{color:#1c9ad0;}

/* 약관 */
.area_shop_terms h3{margin:40px 0 15px !important; font-size:1.563rem !important; font-weight:200 !important;}
.area_shop_terms h3.mt0{margin-top:0px !important;}
.area_shop_terms p{line-height:1.5em !important; word-break:keep-all !important; font-size:14px !important;}
.area_shop_terms p strong{color:#2377d0;}
.area_shop_terms em{display:block !important; margin-bottom:10px !important; font-weight:600 !important; line-height:1.5em !important;}
.area_shop_terms ul li{position:relative !important; padding-left:10px !important; line-height:1.5em !important; font-size:14px !important; word-break:keep-all;}
.area_shop_terms ul li:before{content:''; display:block !important; position:absolute !important; top:8px !important; left:0px !important; width:3px !important; height:1px !important; background:#555 !important;}
.area_shop_terms ul.none > li{padding-left:0px !important;}
.area_shop_terms ul.none > li:before{display:none !important;}
.area_shop_terms ul + p{margin-top:20px !important;}
.area_shop_terms ul li ul{margin:0 0 5px 10px !important;}
.area_shop_terms .box_terms{padding:15px; border:1px solid #ebebeb;}
.area_shop_terms .ml20{margin-left:20px !important;}

/* -----------추가----------- */
#content .box{position:relative;}
#content .box.cam{overflow:hidden;}
#content .box .bt_style{color:#999 !important;}
#content .box h2{position:relative; padding:20px 30px 10px 40px; font-size:18px; font-weight:500; color:#474750;}
#content .box h2:before{content:''; display:block; position:absolute; top:20px; left:25px; width:3px; height:24px; background:#fd4f72; border-radius:2px;}
#content .box .ab{position:absolute; top:0; right:0;}
.area_mypage p{margin-bottom:40px;}
.compare .box_conts{height:auto !important;}
.compare .gree{width:45% !important;}
.compare .infos{width:55%; float:right;}
.compare .infos .sta > li div{border:none !important;}
.review_bt{float:right;}
.scroll_y{max-height:600px; overflow-y:scroll;}

.popBox table{display:block; max-height:600px; overflow-y:scroll; overflow-x:hidden;}

.bbsView > tbody > tr > td.big_tx{font-weight:700; color:#111; font-size:16px;}
.bbsView > tbody > tr > td .sm_tx{color:#999; font-size:13px; font-weight:300;}
.manag_area{margin-top:50px; padding:50px; box-sizing:border-box; border-radius:3px; border:1px solid #ededed; overflow:hidden;}
.manag_area .text_area{width:45%; float:left;}
.manag_area .text_area span{font-size:16px; color:#666;}
.manag_area .text_area p{font-size:20px; color:#111;}
.manag_area ul{width:55%; float:left; font-size:0; text-align:center;}
.manag_area ul li{display:inline-block; width:calc(100% / 6);}
.manag_area ul li a{display:block;}
.manag_area ul li a span{display:inline-block; padding:10px 15px; background:#f4f9ff; border-radius:10px; font-size:16px; color:#236bcc;}
.manag_area ul li a p{font-size:30px; font-weight:600; color:#111;}
.serch_area{margin-top:30px;}
.btn_area2{margin-top:30px; margin-bottom:10px;}
.new_table thead th{background:#f4f4f4; font-size:16px; font-weight:400; color:#222;}
.new_table tbody td{text-align:center; font-size:14px; font-weight:300; color:#666;}

#content .cam ul li a{position:relative; display:block;}
#content .cam ul li a > em{display:inline-block; min-width:45px; margin-left:10px; background:#fff; border:1px solid #dfdfdf; border-radius:2px; font-size:12px; text-align:center; vertical-align:middle;}
.prd_recommend_wrap2{position:relative;}
.ctrl_recommend2{position:absolute; top:-64px; right:0;}
.ctrl_recommend2 a{width:40px; height:40px; line-height:40px;}
.ctrl_recommend a:nth-of-type(2){border-right-width:0;}
.ctrl_recommend a:nth-of-type(3){border-right-width:1px;}

.lnb_list{margin-bottom:40px;}
.lnb_list ul{font-size:0;}
.lnb_list ul li{display:inline-block;}
.lnb_list ul li a{display:block; padding:8px 25px; margin-right:10px; font-size:16px; border:1px solid #cdcdcd;}
.lnb_list ul li a.on{background:#fa5d2a; color:#fff; border:none;}

.info_txt{position:relative; margin-top:25px; padding:10px 15px 10px 45px; background:#fbfbfb; border:1px solid #eee; color:#084e9e; font-size:14px; font-weight:300; text-align:left; word-break:keep-all;}
.info_txt:before{content:''; display:block; position:absolute; top:11px; left:15px; width:19px; height:19px; background:url(../images/common/sp_com.png) no-repeat -160px 0px;}

.btn_area2 .box_admim_type02{display:block; margin-top:20px;}
.btn_area2 .box_admim_type02 > a{height:40px !important; line-height:40px; min-width:inherit;}
.btn_area2 .total{padding-top:10px;}
.btn_area2 .total > span{color:#236bcc; font-weight:600; font-size:18px;}

/* 견적의뢰내역 */
.area_compare_status ul{display:table; table-layout:fixed; width:100%;}
.area_compare_status ul > li{display:table-cell; text-align:center;}
.area_compare_status ul > li a{display:inline-block;}
.area_compare_status ul > li em{display:block; position:relative; z-index:2;}
.area_compare_status ul > li em{font-size:13px; color:#444;}
.area_compare_status ul > li i{display:inline-block; position:relative; padding-left:15px; margin-top:10px; font-size:25px; font-weight:500; color:#222; transition:all 0.3s ease-in-out 0s;}
.area_compare_status ul > li i span{position:relative; z-index:2; transition:all 0.3s ease-in-out 0s;}
.area_compare_status ul > li i:before{content:''; display:inline-block; position:absolute; top:10px; left:0px; width:10px; height:10px; border-radius:100%; vertical-align:top; transform:translateX(0) scale(1,1); transform-origin:50% 50%; transition:all 0.3s ease-in-out 0s;}
.area_compare_status ul > li a.on i,
.area_compare_status ul > li a:hover i,
.area_compare_status ul > li a:focus i{padding-left:0px;}
.area_compare_status ul > li a.on i:before,
.area_compare_status ul > li a:hover i:before,
.area_compare_status ul > li a:focus i:before{left:50%; transform:translateX(-50%) scale(5,5);}
.area_compare_status ul > li a.on i span,
.area_compare_status ul > li a:hover i span,
.area_compare_status ul > li a:focus i span{color:#fff;}
.area_compare_status ul > li i.compare00:before{background:#084e9e;}
.area_compare_status ul > li i.compare01:before{background:#e69035;}
.area_compare_status ul > li i.compare02:before{background:#74b777;}
.area_compare_status ul > li i.compare03:before{background:#a19dd3;}
.area_compare_status ul > li i.compare04:before{background:#e37fa2;}
.area_compare_status ul > li i.compare05:before{background:#c17ee4;}
.area_compare_status ul > li i.compare06:before{background:#8b9fa9;}

.compare[data-biz-view="list"] > li.none{padding:50px 0px; border:1px solid #e7e8ee; border-left-width:0px; border-right-width:0px; text-align:center; color:#999; font-size:16px; font-weight:300;}
.compare [data-biz-view="img"]{width:200px; border-right-width:0px;}
.compare [data-biz-view="img"] p{margin-top:5px; text-align:center; line-height:1.3em;}
.compare [data-biz-view="title"] > [data-biz-view]{padding:25px;}
.compare [data-biz-view="greeting"]{width:calc(100% - 300px); padding:20px !important;}
.compare [data-biz-view="greeting"] .review > span{padding-right:10px; padding-left:10px; border-color:#d1d1d1;}
.compare [data-biz-view="greeting"] a > em,
.compare [data-biz-view="greeting"] > em{margin-bottom:0px; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.compare [data-biz-view="greeting"] a > em{font-size:16px;}
.compare [data-biz-view="greeting"] a > i,
.compare [data-biz-view="greeting"] > i{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.compare [data-bullet] i{padding:1px 20px;}
.compare [data-biz-view="title"]{height:180px;}


/* 업체찾기 */
[data-biz-view="conts"]{position:relative; margin-top:40px;}
[data-biz-view="conts"] div[id^="bizView"]{padding-top:50px; min-height:400px;}
[data-biz-view="conts"] #bizView01{padding-top:110px;}
[data-biz-view="tab"]{position:absolute; top:10px; z-index:70; width:930px; background:#fff; font-size:0px; text-align:center;}
[data-biz-view="tab"] > li{display:inline-block; width:calc(100% / 4);}
[data-biz-view="tab"] > li > a{display:block; position:relative; height:100%; box-sizing:border-box; padding:15px; margin-left:-1px; border:1px solid #e7e8ee; font-size:15px; color:#888; text-align:center; transition:all 0.3s ease 0s;}
[data-biz-view="tab"] > li > a br{display:none;}
[data-biz-view="tab"] > li > a.active,
[data-biz-view="tab"] > li > a.go{z-index:2; border-color:#084e9e; color:#084e9e;}
[data-biz-view="tab"] > li > a:hover{color:#084e9e;}
[data-biz-view="tab"].fix{position:fixed;}
[data-biz-view="tab"].col02 > li{width:calc(100% / 2);}
[data-biz-view="tab"].col03 > li{width:calc(100% / 3);}

[data-biz-view="title"]{position:relative; height:220px; box-sizing:border-box; padding:0px; border:1px solid #e7e8ee; transition:all 0.3s ease 0s;}
[data-biz-view="title"]:after{content:''; display:block; clear:both;}
[data-biz-view="title"] > [data-biz-view]{float:left; position:relative; height:100%; box-sizing:border-box; padding:20px;}
[data-biz-view="title"].on{border-color:#084e9e;}
[data-biz-view="img"]{width:280px; border-right:1px dashed #e7e8ee;}
/* [data-biz-view="img"] .img{overflow:hidden; display:flex; justify-content:center; align-items:center; width:100%; max-width:240px; height:90px; margin:0 auto; background:url(../images/board/no_image.gif) no-repeat 50% 50%; background-size:100%; text-align:center; font-size:0px;} */
[data-biz-view="img"] .img{overflow:hidden; display:flex; justify-content:center; align-items:center; width:100%; max-width:240px; height:90px; margin:0 auto; text-align:center; font-size:0px;}
[data-biz-view="img"] .img img{max-width:100%; max-height:100%;}
[data-biz-view="img"] ul{margin-top:15px;}
[data-biz-view="img"] ul > li{display:table; width:100%; margin:5px 0px; font-size:14px;}
[data-biz-view="img"] ul > li > *{display:table-cell;}
[data-biz-view="img"] ul > li > i{width:17%;}
[data-biz-view="img"] ul > li > span{width:83%;}
[data-biz-view="img"] ul > li > span a{display:inline-block; font-size:18px; color:#084e9e; font-weight:500;}
[data-biz-view="greeting"]{width:calc(100% - 280px);}
[data-biz-view="greeting"] a{display:block;}
[data-biz-view="greeting"] a > i,
[data-biz-view="greeting"] > i{display:block; margin-top:10px; font-size:18px; color:#084e9e; font-weight:400;}
[data-biz-view="greeting"] a > i + em,
[data-biz-view="greeting"] > i + em{margin-top:5px;}
[data-biz-view="greeting"] a > em,
[data-biz-view="greeting"] > em{display:block; margin-top:10px; margin-bottom:10px; font-size:21px; color:#151515; font-weight:400;overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;}
[data-biz-view="greeting"] a > p,
[data-biz-view="greeting"] > p{display:block; height:3.2em; line-height:1.6em; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; font-weight:400; font-size:18px; color:#084e9e;}
[data-biz-view="greeting"] > p.date{height:auto; line-height:inherit; margin-bottom:10px;}
[data-biz-view="greeting"] .review > *{display:inline-block;}
[data-biz-view="greeting"] .review [data-review="score"]{margin-right:10px;}
[data-biz-view="greeting"] .review [data-review="score"] span{vertical-align:middle;}
[data-biz-view="greeting"] .review [data-review="score"] em{font-size:17px; vertical-align:middle;}
[data-biz-view="greeting"] .review > span{padding:2px 20px; margin:0 3px; border:1px solid #999; border-radius:50em; font-size:14px; font-weight:500;}
[data-biz-view="greeting"] [data-ad="keyword"]{display:block; margin-top:5px; margin-left:-5px; line-height:1.4em; height:2.8em; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
[data-biz-view="greeting"] [data-ad="keyword"] > span{display:inline-block; font-size:16px; color:#666;}
[data-biz-view="greeting"] [data-ad="keyword"] > span:before{content:'#'; display:inline-block; margin-left:5px;}
[data-biz-view="option"]{float:left; width:300px; border-left:1px dashed #e7e8ee;}
[data-biz-view="option"] ul{margin-top:15px;}
[data-biz-view="option"] ul > li{display:table; width:100%; margin:10px 0px;}
[data-biz-view="option"] ul > li > *{display:table-cell; box-sizing:border-box; font-size:14px;}
[data-biz-view="option"] ul > li > i{width:20%;}
[data-biz-view="option"] ul > li > span{width:80%; padding-left:10px; font-weight:500;}
[data-biz-view="bid"]{clear:both; float:none !important; height:53px !important; background:#fff; border-top:1px solid #e7e8ee;}
.box_btn{position:absolute; right:-1px; bottom:-1px; font-size:0px;}
.box_btn .btn_biz{display:inline-block; position:relative; bottom:auto; right:auto; margin-left:1px;}

[data-bullet] i{display:inline-block; padding:1px 10px; margin-right:4px; margin-bottom:2px; border-radius:50em; border:1px solid #666; color:#555; font-size:14px; letter-spacing:-0.5px; font-weight:400;}
[data-bullet] i:last-child{margin-right:0px;}
[data-bullet] [data-bullet="time"]{border-color:#ea3566; color:#ea3566; font-weight:500;}
[data-bullet] [data-bullet="compare01"]{border-color:#e69035; background:#e69035; color:#fff;}
[data-bullet] [data-bullet="compare02"]{border-color:#74b777; background:#74b777; color:#fff;}
[data-bullet] [data-bullet="compare03"]{border-color:#a19dd3; background:#a19dd3; color:#fff;}
[data-bullet] [data-bullet="compare04"]{border-color:#e37fa2; background:#e37fa2; color:#fff;}
[data-bullet] [data-bullet="compare05"]{border-color:#c17ee4; background:#c17ee4; color:#fff;}
[data-bullet] [data-bullet="compare06"]{border-color:#8b9fa9; background:#8b9fa9; color:#fff;}

.box_admin [data-biz-view="list"] .btn_biz{position:static; display:inline-block; min-width:100px !important; padding:0 7px; font-size:14px; font-weight:400;}
.box_admin [data-biz-view="list"] .btn_biz.blue{background:#044492; border-color:#044492;}
.box_admin [data-biz-view="list"] .btn_biz.yellow{background:#e69035; border-color:#e69035;}
.box_admin [data-biz-view="list"] .btn_biz.red{background:#dc5d5d; border-color:#dc5d5d;}
.box_admin [data-biz-view="list"] .btn{position:absolute; bottom:-1px; right:-1px;}

[data-biz-view="list"] > li{margin-top:15px;}
[data-biz-view="list"] [data-biz-view="img"]{padding-top:30px;}
[data-biz-view="list"] [data-biz-view="img"] ul{margin-top:30px;}
[data-biz-view="list"] [data-biz-view="greeting"] a > i{margin-top:5px; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
[data-biz-view="list"] [data-biz-view="greeting"] .review{margin-top:15px;}
[data-biz-view="list"] [data-biz-view="greeting"] .review > span:first-child{margin-left:0px;}
[data-biz-view="list"] .btn_biz{background:#40414e; border-color:#40414e;}
[data-biz-view="list"] [data-biz-view="title"] .btn_biz:hover{background:#3d47a0; border-color:#3d47a0; color:#fff !important;}

/* button */
.button{background:#3d47a0;}
.button.blue{background:#044492; border-color:#023471;}
.button.black{background:#40414e; border-color:#40414e;}
.button.tap{background:#e2ebf0; color:#7f8c94 !important; border:none;}
.button.tap.on{color:#fff !important; background:#3d47a0;}
.button.tap.on:hover:before{display:none;}
.btn_biz{/* display:block; */position:absolute; bottom:-1px; right:-1px; min-width:140px; height:48px; line-height:46px; box-sizing:border-box; background:#084e9e; border:1px solid #084e9e;text-align:center;color:#fff !important;font-size:16px;font-weight:400;transition:all 0.3s ease 0s;}
.btn_biz:hover,
.btn_biz:focus{background:#fff; color:#084e9e !important;}
.btn_view{display:inline-block; min-width:170px; height:45px; box-sizing:border-box; line-height:45px; padding:0 15px; border:1px solid #cdcdcd; color:#555; text-align:center; transition:all 0.3s ease 0s;}
.btn_view:hover{border-color:#084e9e;}
.btn_view:before{content:''; display:inline-block; width:18px; height:20px; margin:-3px 5px 0px 0px; background:url(../images/content/icon_view.png) no-repeat 50% 0; vertical-align:middle;}
.ie .btn_view{font-weight:300;}


/* 리뷰등급 */
[data-rating-star]{font-size:0px;}
[data-rating-star] > *{opacity:0.25; display:inline-block; position:relative; width:13px; height:12px; margin:0 1px; font-size:0px;}
[data-rating-star] > *:before{content:''; display:block; width:100%; height:100%; background:url(/images/content/sp_star.png) no-repeat 0 0;}
[data-rating-star="all"] > *:before{background-position-x:0;}
[data-rating-star="1"].on > *:before,
.on [data-rating-star="1"] > *:before{background-position-x:-13px;}
[data-rating-star="2"].on > *:before,
.on [data-rating-star="2"] > *:before{background-position-x:-26px;}
[data-rating-star="3"].on > *:before,
.on [data-rating-star="3"] > *:before{background-position-x:-39px;}
.on [data-rating-star] > *,
[data-rating-star].on > *{opacity:1;}
.button.white.on{border-color:#40414e;}



@media screen and (max-width:1500px){
	.area_campaignView{max-width:inherit;}
	.area_campaignView .info > div{width:auto !important; padding-right:50px;}

	.area_mypage .info [data-list-campaign="status"]{margin-left:-10px;}
	.area_mypage .info [data-list-campaign="status"] > li{width:calc(100% / 3 - 10.1px); margin-left:10px;}
	.area_mypage .info [data-list-campaign="status"] > li div{padding:25px 5px;}

	.area_mypage.point .qna .list li > a i{width:22%;}
}

@media screen and (max-width:1370px){
	.area_campaignView .info .box .list_table > li > span{font-size:14px;}

	.area_mypage .left{width:760px;}
	.area_mypage .info{width:calc(100% - 760px);}
}

@media screen and (max-width:1350px){
	.area_campaignView .info .btn a{display:block;}
	.area_campaignView .info .btn a:not(.link){width:auto;}
	.area_campaignView .info .btn .link{width:auto; margin-left:0px; margin-top:5px;}
	.area_campaignView .info.none > div{bottom:0px; padding-right:0px;}
	.area_campaignView .info .btn{margin-top:20px;}
	.area_campaignView h3{font-size:20px;}
	.area_campaignView .info .box .img,
	.area_campaignView .info .box .list_table{display:block; width:100%;}
	.area_campaignView .info .box .list_table{margin-top:5px; padding-left:0px;}
}

@media screen and (max-width:1300px){
	#content{padding:0 20px;}
    #content.business{padding:0;}
	.subContainer{padding-bottom:70px;}
	.subContainer.member{margin-top:40px;}

	.area_campaignView .detail{float:none; width:auto; max-width:860px; margin:0 auto;}
	.area_campaignView .detail .box.mob{display:block;}
	.area_campaignView .info{float:none; position:fixed; left:0px; bottom:0px; z-index:10; width:100%; padding:15px 30px; background:#fff; border-top:1px solid #f2f5fa;}
	.area_campaignView .info > div,
	.area_campaignView .info.none > div{position:static;}
	.area_campaignView .info > div{padding-right:0px;}
	.area_campaignView .info h2{display:none;}
	.area_campaignView .info h3{margin-top:10px;}
	.area_campaignView .info .list_table.none,
	.area_campaignView .info .img,
	.area_campaignView .info .box{display:none;}
	.area_campaignView .info .list_table > li:last-child{display:none;}
	.area_campaignView .info .list_table{margin-top:10px; padding-top:0px; border-top-width:0px;}	
	.area_campaignView .info .btn{margin-top:10px;}
	.area_campaignView .info .btn a{display:inline-block; width:49% !important; height:50px !important; line-height:48px !important;}
	.area_campaignView .info .btn .link,
	.area_campaignView .info .btn a{margin-top:0px;}
	.area_campaignView .info.none{position:static; width:calc(100% + 40px); margin:0 -20px;}

	#content .area_mypage h2.tit_box{text-align:center;}
	.area_mypage .left{float:none; width:auto; max-width:860px; margin:0 auto;}
	.area_mypage .info{float:none; width:auto; max-width:860px; margin:0 auto; padding-left:0px;}
	.area_mypage.compain .info{margin-bottom:70px;}	
	.area_mypage .info h2.mt0{margin-top:55px !important;}
	.area_mypage .sns [data-mypage-sns="blog"] em{width:19%;}
	.area_mypage .sns [data-mypage-sns="instar"] em{width:23%;}
	.area_mypage .sns [data-mypage-sns="Facebook"] em{width:22%;}
	.area_mypage .sns [data-mypage-sns="tube"] em{width:28%;}
	.area_mypage .info [data-list-campaign="status"] > li{width:calc(100% / 6 - 10.1px);}
	.area_mypage.compain .area_tab{padding:10px 0px; margin-bottom:30px; background:#f8f8f8;}
	.area_mypage.point .info{margin-bottom:30px;}
	.area_mypage.point .qna .list li > a i{width:17%;}
	#content .area_mypage.point .info h2{margin-top:35px;}
	.area_campaignView .area_mypage .point.old{display:none;}
	.area_campaignView .area_mypage .point:not(.old){height:90px;}
	.area_campaignView .area_mypage .point:not(.old) em{font-size:25px;}
	.area_campaignView .area_mypage .area_tip{padding:10px 15px;}
	.area_campaignView .area_mypage .area_tip strong,
	.area_campaignView .area_mypage .area_tip p{display:inline-block; margin-bottom:0px;}
}

@media screen and (max-width:1200px){
    .manag_area .text_area{width:100%; padding-bottom:20px; float:none; border-bottom:1px solid #ededed;}
    .manag_area ul{width:100%; float:none; margin-top:20px;}
}

@media screen and (max-width:1059px){	
	.sec_recommend,
	.sec_review{padding-top:0px;}
	.tit_box{margin-top:30px;}	
	#content [data-page-layout="title"],
	#content [data-board-title]{margin-top:30px; margin-bottom:30px;}
	.tit_box p{font-size:1rem; margin-left:30px;}
	.sec_review:after{top:-60px;}
	.sec_review .ctrl_recommend{position:static; text-align:center;}	
	.slide_review .prd_list.prd_rivew_list{margin-left:0;}
	.prd_filter_wrap.review{margin-top:0px; background-color:transparent;}
	.prd_filter_wrap.review .prd_filter{width:100%;}

	.area_mypage .point a:before{background-image:url(../images/content/img_point@x2.png);}
	.area_mypage .sns [data-mypage-sns] > span:before{background-image:url(../images/content/icon_sns_etc_off@x2.png);}
	.area_mypage .sns [data-mypage-sns="blog"] > span:before{background-image:url(../images/content/icon_sns_blog_off@x2.png);}
	.area_mypage .sns [data-mypage-sns="instar"] > span:before{background-image:url(../images/content/icon_sns_instar_off@x2.png);}
	.area_mypage .sns [data-mypage-sns="Facebook"] > span:before{background-image:url(../images/content/icon_sns_face_off@x2.png);}
	.area_mypage .sns [data-mypage-sns="tube"] > span:before{background-image:url(../images/content/icon_sns_you_off@x2.png);}
	.area_mypage .sns [data-mypage-sns="twitter"] > span:before{background-image:url(../images/content/icon_sns_twitter_off@x2.png);}
	.area_mypage .sns [data-mypage-sns].active > span:before{background-image:url(../images/content/icon_sns_etc@x2.png);}
	.area_mypage .sns [data-mypage-sns="blog"].active > span:before{background-image:url(../images/content/icon_sns_blog@x2.png);}
	.area_mypage .sns [data-mypage-sns="instar"].active > span:before{background-image:url(../images/content/icon_sns_instar@x2.png);}
	.area_mypage .sns [data-mypage-sns="Facebook"].active > span:before{background-image:url(../images/content/icon_sns_face@x2.png);}
	.area_mypage .sns [data-mypage-sns="tube"].active > span:before{background-image:url(../images/content/icon_sns_you@x2.png);}
	.area_mypage .sns [data-mypage-sns="twitter"].active > span:before{background-image:url(../images/content/icon_sns_twitter@x2.png);}

	.area_review em:before{background-image:url(../images/content/img_smile@x2.png);}
	.area_review em{word-break:keep-all;}

	.login_social a{padding-left:35px;}
	.login_social a:before{top:-5px; width:30px; height:30px; background-size:auto 100%;}
    
    #content.campain .campain_box{padding:0 25px 20px; text-align:left;}
    #content.campain .campain_box ul li{width:calc(100% / 4); -webkit-width:calc(100% / 4); text-align:center; padding-top:20px;}
    .new_table thead th{font-size:14px;}
}

@media screen and (max-width:1024px){
    .layer[data-pop-layer="layer"] .popBox .layer_list.popConts{width:auto; padding-top:60px;}
}

@media screen and (max-width:840px){	
	#content h2.tit_box,
	#content .tit_box h2,
	#content [data-page-layout="title"],
	#content [data-board-title]{font-weight:200; color:#000;}
	#content [data-page-layout="title"],
	#content [data-board-title]{text-align:center;}
	.subContainer.member{margin-top:30px;}

	.area_join_choic > div{padding:20px 20px 40px;}
	.area_join_choic .login_social a{word-break:keep-all;}

	.prd_filter_wrap.review h2{display:block; margin-top:0px !important;}
	.prd_filter_wrap.review .prd_filter .filter{display:block; width:100%;}
	.prd_filter_wrap.review .prd_filter .filter.search{width:100%; margin-top:10px;}
	.prd_filter_wrap.review .prd_filter .list_table > li:nth-of-type(2){float:right;}

	[data-list-campaign="status"]{margin-left:-15px;}
	[data-list-campaign="status"] > li{width:calc(100% / 5 - 15.1px); margin-left:15px;}	
	.area_mypage .info [data-list-campaign="status"] > li{width:calc(100% / 3 - 15.1px);}
	#content .area_mypage h2{margin-top:40px;}
	.area_mypage .info h2.mt0{margin-top:40px !important;}
	#content .area_mypage h2.tit_box{margin-top:0px; margin-bottom:20px;}

	.area_mypage.compain .area_tab{box-sizing:content-box;}
	[data-mypage-compain="list"] > li h3{font-size:16px;}
	[data-mypage-compain="list"] > li .conts{padding-left:20px; padding-right:20px;}
	[data-mypage-compain="list"] > li .list_table{margin-top:10px;}
	[data-mypage-compain="list"] .list_table > li > span{font-size:14px;}
	[data-mypage-compain="list"] .list_table > li > em > span{min-width:70px; font-size:13px;}
	.area_campaignView .area_mypage .point:not(.old){height:70px;}
	.area_campaignView .area_mypage .point:not(.old) p i{font-size:12px;}
	.area_campaignView .area_mypage .point:not(.old) em{padding-top:0px;}
	.area_campaignView .area_mypage .point:not(.old) a:before{width:38px; height:30px; margin-bottom:5px;}
	.area_campaignView .area_mypage .point a span{line-height:1.2; font-size:12px;}
	[data-mypage="point"] > div{display:block; width:100%; padding:15px;}
	[data-mypage="point"] > div:nth-of-type(2){border-left-width:0px; border-top:1px dashed #e4e4e4;}
	[data-mypage="point"] em{word-break:keep-all; line-height:1.3em;}
	[data-mypage="point"] > div ul li{margin:5px 0px;}
	[data-mypage="point"] > div ul li *{vertical-align:middle;}
	.area_mypage .sns [data-mypage-sns] > span{width:30px;}
	.area_mypage .sns [data-mypage-sns] > span:before{width:25px; height:25px;}
    #content.campain .campain_list li{width:calc(100% / 2 - 10px); -webkit-width:calc(100% / 2 - 10px); margin-right:10px; margin-bottom:20px;}
    #content.campain .campain_list li:nth-child(2n){margin-right:0;}
    .scrollTable{overflow:auto;}
    .new_table{width:780px;}
}

@media screen and (max-width:768px){
	.subContainer{padding-bottom:50px;}	

	.slide_review .prd_list.prd_rivew_list{margin-left:-16px;}
	.slide_review .prd_list.prd_rivew_list > li{margin-left:16px;}

	.faqList dt{font-size:14px;}

	[data-list-campaign="status"]{margin-top:-10px;}
	[data-list-campaign="status"] > li{width:calc(100% / 3 - 15.1px); margin-top:10px;}
	.area_mypage .info [data-list-campaign="status"]{margin-top:0px;}
}

@media screen and (max-width:640px){
	.tit_box,
	#content [data-page-layout="title"]{text-align:center;}
	#content .tit_box h2{display:block;}
	.tit_box p{display:block; margin-left:0px;}
	.sec_recommend{padding-bottom:40px;}
	.area_campaignView h3{font-size:18px;}
	.area_campaignView .info .btn a{height:45px !important; line-height:43px !important;}
	.area_campaignView .detail .btn_more{min-width:100px; height:45px !important; line-height:45px !important; font-size:13px !important;}

	.area_join_choic > div{float:none; width:100%; height:auto; margin:10px 0px;}
	.area_join_choic > div p{margin-bottom:10px;}
	.area_join_choic > div[data-member-choic]:before{width:40px; height:33px; margin-top:20px;}
	.area_join_choic .login_social:before{margin-bottom:10px;}

	[data-mypage-compain="list"] > li{position:relative;}
	[data-mypage-compain="list"] > li .status{position:absolute; top:-1px; right:0px; width:60px;}
	[data-mypage-compain="list"] > li .conts{padding-right:65px;}

	.bbsList td[data-table="date"]{padding:15px 5px;}

	.pointList tbody tr td:nth-of-type(1){padding:10px 10px 5px; text-align:left;}
	.pointList tbody tr td:nth-of-type(2){padding:0 10px 5px;}
	.pointList tbody tr td:nth-of-type(3){position:absolute; right:0px; top:0px; padding:10px 10px 5px; text-align:left;}
	.pointList tbody tr td:nth-of-type(4){padding:10px 10px; border-top:1px dashed #e2e2e2;}

	.area_mypage.point .qna .list li > a i{width:20%;}
    #content.campain .campain_box ul li{width:calc(100% / 3); -webkit-width:calc(100% / 3);}
    #content.campain .campain_box ul li a span{font-size:14px;}
    #content.campain .campain_box ul li a p{font-size:26px;}
    .input600,
    .input490{width:100% !important;}
}

@media screen and (max-width:480px){
	.list_table > li > span{font-size:15px;}

	.area_campaignView h3{font-size:16px;}
	.area_campaignView .info{padding:15px;}
	.area_campaignView .detail .table.block colgroup,
	.area_campaignView .detail .table.block thead{display:none;}
	.area_campaignView .detail .table.block td:before{display:block; position:absolute; left:0px; top:50%; width:130px; transform:translateY(-50%);}
	.area_campaignView .detail .table.block td{display:block; position:relative; text-align:left !important;}
	.area_campaignView .detail .table.block td{padding-left:140px !important; border-left-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important;}
	.area_campaignView .detail .table.block td:nth-of-type(1):before{content:'모집기간';}
	.area_campaignView .detail .table.block td:nth-of-type(2):before{content:'인플루언서 선정일';}
	.area_campaignView .detail .table.block td:nth-of-type(3):before{content:'리뷰제출기간';}
	.area_campaignView .detail .table.block td:nth-of-type(4):before{content:'리뷰검토';}
	.area_campaignView .info .list_table > li > span{font-size:14px;}
	
	.prd_filter_wrap.review .prd_filter .list_table > li span i{font-size:15px;}
	.prd_filter_wrap.review .prd_filter .list_table > li{width:55%;}
	.prd_filter_wrap.review .prd_filter .list_table > li:nth-of-type(2){width:45%;}

	[data-list-campaign="status"]{margin-left:-10px;}
	[data-list-campaign="status"] > li{width:calc(100% / 3 - 10.1px); margin-left:10px;}
	.area_mypage .info [data-list-campaign="status"] > li{width:calc(100% / 3 - 10.1px);}
	.area_mypage .sns [data-mypage-sns]{display:block;}
	.area_mypage .sns [data-mypage-sns] > *{display:inline-block;}
	.area_mypage .sns [data-mypage-sns] em{width:auto;}
	.area_mypage.point .qna .list li > a i{width:23%;}

	.area_review em:before{width:34px; height:33px;}
	.area_review em{font-size:18px; line-height:1.2;}	

	[data-mypage-compain="list"] > li .status em,
	[data-mypage-compain="list"] > li .status a{font-size:12px;}

	.login_social a{min-height:inherit; padding-left:30px; font-size:13px;}
	.login_social a:before{top:50%; width:25px; height:25px; margin-top:-12.5px;}
    #content.campain .campain_list li{width:100%; margin-right:0;}
    #content.business .busi_list li > span > i{display:block;}
}

@media screen and (max-width:420px){
	.tit_box{margin-top:20px;}
	#content [data-page-layout="title"]{margin-top:20px;}
	#content .tit_box h2,
	#content [data-page-layout="title"],
	#content .area_mypage h2.tit_box{font-size:25px;}

	.area_join_choic .title{word-break:keep-all;}
	.area_join_choic .login_social{margin-top:15px;}
	.area_join_choic .login_social a{line-height:1.3;}
	.subContainer.member{margin-top:20px;}	

	#content .area_mypage h2.top{margin-top:40px;}
	[data-list-campaign="status"] > li{width:calc(100% / 2 - 10.1px); height:120px;}
	[data-list-campaign="status"] > li div{padding:0px 15px;}
	.area_mypage .info [data-list-campaign="status"] > li div{padding-left:15px; padding-right:15px;}
	.area_mypage .info [data-list-campaign="status"] > li{width:calc(100% / 2 - 10.1px);}
	.area_mypage .point > *:not(a){padding-left:20px;}

	.faqList dt,
	.faqList dd > div{padding:30px 15px 30px 61px;}
	.faqList dt:before,
	.faqList dd:before{left:15px;}
	.faqList dt a:before{right:15px;}
	.faqList dt a:after{right:27px;}

	[data-mypage-compain="list"] > li{display:block;}
	[data-mypage-compain="list"] > li h3{font-size:15px;}
	[data-mypage-compain="list"] > li .img,
	[data-mypage-compain="list"] > li .conts{display:block;}
	[data-mypage-compain="list"] > li .conts{padding:10px 0px 0px;}
	[data-mypage-compain="list"] > li .img{width:40%; margin:0 auto;}
	[data-mypage-compain="list"] .list_table > li > em > span{font-size:12px;}
	[data-mypage-compain="list"] .list_table > li{display:block;}	

	.area_mypage.compain .info{margin-bottom:40px;}
    #content.campain .campain_box ul li{width:calc(100% / 2); -webkit-width:calc(100% / 2);}
}

@media screen and (max-width:370px){
	.prd_filter_wrap.review .prd_filter .list_table > li,
	.prd_filter_wrap.review .prd_filter .list_table > li:nth-of-type(2){float:none; width:100%;}
	.prd_filter_wrap.review .prd_filter .list_table > li > span{text-align:right;}

	.area_campaignView .info .btn a{width:45% !important;}

	.area_mypage .point{display:block; height:auto; padding-top:25px; text-align:center;}
	.area_mypage .point > *:not(a){width:100%; padding-left:15px;}
	.area_mypage .point em{padding-bottom:10px;}
	.area_mypage .point a{display:block; position:static; width:100%; height:auto; padding:7px 0px;}
	.area_mypage .point a:before{display:inline-block; width:34px; height:28px; margin-right:5px; margin-top:3px; vertical-align:middle;}
	.area_mypage .link > li a{margin-left:5px;}
	.area_mypage.point .qna .list li > a i{width:80px;}
	.area_campaignView .area_mypage .point:not(.old){height:auto; padding-top:5px;}
	.area_campaignView .area_mypage .point:not(.old) em{padding-bottom:5px; font-size:20px;}
	.area_campaignView .area_mypage .point:not(.old) a:before{width:28px; height:20px;}
	.area_campaignView .area_mypage .area_tip strong{display:none;}
	.area_campaignView .area_mypage .area_tip p{font-size:12px; color:#222; font-weight:400;}

	.btn_area .button.lg{min-width:100px;}	

	[data-mypage-compain="list"] > li .img{width:40%;}
	[data-mypage-compain="list"] .list_table > li > span{padding-left:5px; font-size:13px;}
	.area_join_choic > div{padding-left:10px; padding-right:10px;}
    
    #content.business .step_area ul li:nth-child(2){margin:0 40px;}
    #content.business .step_area ul li i:before{width:90px;}
    .input150{width:100px !important;}
    
    #content.business .busi_list li #point2{display:block;}
}