@charset "utf-8";

/* 
	Copyright(c) 2017 Onlinepowers Development Team
 	http://www.onlinepowers.com
*/
/* 배너영역 */
.event_banner {width:100%; text-align:center;}

/* 상품 상세 페이지 | 탭메뉴 */
.op-event-wrap .op-event-tab {position:relative;width:1090px;margin:0 auto;overflow:hidden;font-size: 16px;z-index: 2;border-bottom:1px solid #000;}
.op-event-wrap .op-event-tab.fixed{position:fixed;top:0;margin:0;z-index:1000;}
.op-event-wrap .op-event-tab ul li {float:left;width:25%;}
.op-event-wrap .op-event-tab.op-division-2 ul li{width: 50%;}
.op-event-wrap .op-event-tab ul li a {display: block;height:70px;line-height:70px;background-color: #f9f9f9;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:16px;}
.op-event-wrap .op-event-tab ul li a .bold{font-size:inherit;}
/*.op-event-wrap .op-event-tab ul li a:hover {background: #292929;}*/
.op-event-wrap .op-event-tab ul li a.on {background-color: #292929;color: #fff;font-weight:bold;}
/* 상품 상세 페이지 | 상세정보 */
.op-event-items-wrap{padding-bottom:180px;}
.op-event-items-area{padding-bottom:80px;}
.op-event-items-area.type-detail .item-list {padding-top:50px;}
.op-event-items-area.type-detail .item-list > a{display:block;}
.op-event-items-area.type-detail .item-list img{width:100%;height:auto;display:block;}

/* 상품 상세 페이지 | 상품후기 */
.op-event-items-area.type-review .op-event-title{padding:50px 0;}
.rv_info{padding:24px 26px 0;}
.rv_info .pt_txt{padding-right:45px;padding-left:11px;font-size:40px;color:#222;font-weight:bold;line-height:40px;}
.rv_info .sub_txt{padding-top:12px;font-size:16px;color:#999;}
.rv_info .sub_txt em{font-size:inherit;}
.rv_info .star_rating{margin-top:5px;}
.op-event-items-area.type-review .op-event-title .rv_photo_list{width:726px;float:right;}
.rv_photo_list{font-size:0;}
.rv_photo_list li{position:relative;display:inline-block;width:110px;height:110px;margin-right:10px;}
.op-event-title .rv_photo_list li{width:116px;height:116px;margin-right:6px;}
.rv_photo_list li:last-child{margin-right:0;}
.rv_photo_list li button{width:100%;height:100%;}
.rv_photo_list li.more:after{content:'';position:absolute;bottom:0;right:0;width:34px;height:34px;background:url('/content/images/icon-more-photo.png') no-repeat;background-size:100% 100%;}
.rv_photo_list li.more-photo p{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;padding-top:34px;line-height:1.5;background-color:rgba(0,0,0,.6);color:#fff;font-size:16px;pointer-events:none;}
.rv_photo_list li.more-photo p .bold{display:block;font-size:inherit;}
/* 포토 후기가 없는 경우 */
.no_rv_photo{display:table;width:726px;height:116px;background-color:#f9f9f9;border-radius:10px;}
.no_rv_photo p{display:table-cell;vertical-align:middle;font-size:16px;color:#7f7f7f;text-align:center;}
.rv_list{margin-top:22px;border-top:1px solid #000;border-bottom:1px solid #e1e1e1;}
.rv_list > li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:start;align-content:flex-start;padding:30px 10px;}
.rv_list > li + li{border-top:1px solid #e1e1e1;}
.rv_list .name{font-size:16px;color:#222;}
.rv_list .date{display:block;padding-top:10px;font-size:16px;color:#999;}
.rv_list .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;color:#222;line-height:1;}
.rv_list .right{width:126px;}
.rv_list .right .photo{width:100px;height:100px;}
.rv_list .right .star_rating{margin-top:16px;}
.rv_list .left{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:40px;}
.rv_list .left .txt p{font-size:16px;color:#222;line-height:30px;}
.rv_list .left .txt p.ellipsis3{height:90px;}
.rv_list .left .txt button{margin-top:10px;color:#999;font-weight:400;font-size:14px;}
.rv_list .rv_photo_list{margin-top:20px;}
.rv_list_wrap .form_box input[type="radio"]:checked + label{font-weight:bold;}
.rv_list.typeA > li{padding:40px 46px;}
.rv_list.typeA .right{width:100px;}
.rv_list.typeA .left{padding-left:60px;}
.rv_list.typeA .left .tag_list{margin-bottom:20px;}
.rv_list.typeA .photo{margin-bottom:20px;}
.rv_list.typeA  .title{width:1114px;}


/* 상품 상세 페이지 | QNA */
.op-event-items-area.type-qna .btn_txt.small{min-width:120px;}
.op-event-items-area.type-qna .op-event-title{padding:50px 0 30px;}
.op-event-items-area.type-qna .op-event-title ul li{font-size:16px;line-height:1.3;color:#7f7f7f;}
.op-event-items-area.type-qna .op-event-title ul li em{font-size:inherit;}
/* 상품 상세 페이지 | 약국정보 */
.op-event-items-area.type-pharm-info .op-event-title{padding-top:50px;}
.op-event-items-area.type-pharm-info .item-list{padding:0 10px;}

/* 기획전 상세 페이지 | 리스트 타이틀 */
.op-event-wrap .op-event-title{position:relative;}
 
/* 기획전 list | */
/*
.event_list{margin-top:20px;}
.event_list ul:after{content:''; display:block; clear:both; }
.event_list ul li{float:left; width:534px; margin:0 0 12px 12px;}
.event_list ul li:first-child,
.event_list ul li:nth-child(2n+1){margin-left:0;}
.event_list ul li a{display:block; }
.event_list ul li .thumbnail{width:534px; height:267px;  overflow: hidden;} 
.event_list ul li .thumbnail img{  
	height:auto;
	vertical-align:middle;
	transition: transform 1.8s linear, ease-out;
  	-webkit-transition: -webkit-transform 1.8s linear, ease-out;
}
.event_list ul li a:hover .thumbnail img{
	transform: scale3d(1.1,1.1,1.1);
	-webkit-transform: -webkit-scale3d(1.1,1.1,1.1);
	-moz-transform: -moz-scale3d(1.1,1.1,1.1);
	-o-transform: -o-scale3d(1.1,1.1,1.1);
	transform-origin: center center;
	perspective: 0;
	transform-style: preserve-3d;
	transition: transform ease-out 1.5s;
	-webkit-transition: -webkit-transform ease-out 1.5s;
	-moz-transition: -moz-transform ease-out 1.5s;
}  
.event_list ul li .event_info{padding:20px 0; text-align:center; }
.event_list ul li .event_info .name{font-size:17px; font-weight:bold;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; height: 1.2em;}
.event_list ul li a:hover .name{text-decoration:underline; }
.event_list ul li .event_info .date{color:#808080; font-size:14px;}
*/

/*======================= 이벤트 =======================*/
/* 진행중인 이벤트 */
.event_banner_wrap{position:relative;width:1274px;padding-bottom:40px;}
.event_banner_wrap .bx-pager{position:absolute;bottom:0px;left:50%;transform:translateX(-50%);}
.event_banner_wrap .bx-pager-item{display:inline-block;}
.event_banner_wrap  .bx-pager-link{display:inline-block;width:10px;height:10px;background-color:#e1e1e1;border-radius:50%;text-indent:-9999px;margin-left:8px;}
.event_banner_wrap  .bx-pager-link.active{width:40px;border-radius:5px;background-color:#333;}
.inner_event .tab_txt{margin-bottom:70px;}
.event_list{font-size:0;}
.event_list li{display:inline-block;width:627px;margin-right:20px;margin-bottom:60px;vertical-align:top;}
.event_list li:nth-child(2n){margin-right:0;}
.event_list li img{width:530px; height:300px;object-fit: cover;}
.event_list .title{padding-top:18px;font-size:20px;font-weight:bold;line-height:1.2em;height:2.2em;}
.event_list .bar_info{margin-top:3px;}
.event_list .bar_info span:before{background-color:#999;height:14px;margin-top:-7px;}
.event_list .date{font-size:18px;line-height:1;color:#999;}
.event_list .dday{font-size:18px;line-height:1;font-weight:bold;color:#2b3aa1;}
/* 종료된 이벤트 */
.event_none{padding-top:330px;height:556px;text-align:center;background:url('/content/images/bg-noevent.png') no-repeat center 190px;background-color:#f9f9f9;border-radius:10px;}
.event_none p{font-size:20px;color:#7f7f7f;}
.event_list li.end .dday{color:#ccc;}
.event_list li.end{position:relative;}
.event_list li.end:before{content:'';position:absolute;top:0;left:0;width:530px;height:82%;background-color:rgba(0,0,0,.35);pointer-events:none;}
.event_list li.end.winner:after{cursor:pointer;content:'당첨자발표';position:absolute;top:97px;left:43%;width:150px;height:150px;margin-left:-75px;text-align:center;padding-top:95px;box-sizing:border-box;border-radius:50%;background:url('/content/images/icon-cami.png') no-repeat center 17px;background-color:#fff;font-size:20px;font-weight:bold;}
/* 상세 */
.inner_event + .detail_wrap .line_box{position:relative;border-top:0;padding:0 46px 20px;}
.inner_event + .detail_wrap .txt{padding:30px 46px;}
.inner_event + .detail_wrap .txt > div{font-size:16px;line-height:1.63;}
.inner_event + .detail_wrap .btn_line{margin-top:30px;width:200px;}
.inner_event + .detail_wrap .bar_info .dday{font-weight:bold;color:#2b3aa1;}
.detail_wrap .icon_winner{position:absolute;bottom:20px;right:46px;font-size:16px;}
.icon_winner:before{content:'';position:absolute;left:-48px;bottom:-4px;width:42px;height:26px;background:url('/content/images/icon-winner-cami.png') no-repeat;}

/*댓글*/
.reply_wrap .reply_total{padding:0 46px 20px;font-size:16px;}
.reply_box{padding:0 46px;border-top:1px solid #000;border-bottom:1px solid #e1e1e1;background-color:#f9f9f9;}
.reply_box .txt_info{padding-top:30px;display:block;font-size:16px;font-weight:bold;}
.reply_box .txt_info > strong{display:block;margin-top:8px;line-height:1;color:#2b3aa1;font-weight:normal;}
.reply_ipt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:20px;}
.reply_ipt textarea{padding:12px;height:120px;}
.reply_ipt .btn_txt{display:block;margin-left:10px;min-width:120px;height:120px;font-weight:normal;font-size:16px;}
.reply_list{margin-top:30px;font-size:0;}
.reply_list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:30px 30px 30px 10px;border-top:1px solid #e1e1e1;}
.reply_list .name{font-size:16px;color:#222;line-height:1;}
.reply_list .date{display:block;margin-top:10px;font-size:16px;color:#999;line-height:1;}
.reply_list li .txt{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:60px;font-size:16px;line-height:1.88;color:#222;}
.reply_list .btn_wrap{padding-top:0;margin-left:30px;}
.reply_list .btn_wrap .btn_link{color:#999;}
.reply_list .btn_wrap .btn_link:last-child{margin-left:10px;}

/*======================= 이용후기 =======================*/
/* 전체후기 */
.line_list.type-check li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:20px 0;}
.line_list.type-check .title{display:block;width:186px;padding-left:46px;font-size:16px;}
.line_list.type-check .item-form{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.line_list.type-check .item-form .ipt_chek .ipt_wrap{width:auto;margin-right:24px;}
.line_list.type-check label{min-width:116px;}
.tag_list{font-size:0;margin-top:16px;}
.tag_list li{display:inline-block;margin-right:6px;padding:0 16px;height:34px;line-height:34px;background-color:rgba(43,58,161,.04);border-radius:17px;color:#2b3aa1;font-size:18px;font-weight:400;}
.tag_list li:last-child{margin-right:0;}
.rv_list_wrap + .btn_wrap{padding-top:50px;}
/* 월별 베스트 후기 */
.rv_list_month{border-top:1px solid #000;}
.rv_list_month > li{font-size:0;padding:40px 46px;border-bottom:1px solid #e1e1e1;}
.rv_list_month .rv_photo{position:relative;display:inline-block;width:600px;height:336px;}
.rv_list_month .rv_photo.more:after{content:'';position:absolute;bottom:20px;right:20px;width:34px;height:34px;background:url('/content/images/icon-more-photo.png') no-repeat;}
.rv_list_month .rv_photo .lb_blk{position:absolute;top:0;left:0;padding:0 8px;height:32px;line-height:32px;background-color:#000;color:#fff;font-size:14px;font-weight:bold;}
.rv_list_month .rv_info{display:inline-block;width:calc(100% - 600px);vertical-align:top;margin:0;padding:0;padding-left:30px;}
.rv_list_month .item_info .photo{width:160px;height:160px;}
.rv_list_month .item_info{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.rv_list_month .item_info .order_option{position:relative;min-height:160px;padding-left:20px;padding-bottom:20px;}
.rv_list_month .item_info .order_option .item_name{font-size:24px;}
.rv_list_month .order_option .name{display:block;margin-top:24px;font-size:18px;color:#222;line-height:1;}
.rv_list_month .order_option .date{display:block;margin-top:10px;line-height:1;color:#999;font-size:16px;}
.rv_list_month .order_option .star_rating{position:absolute;left:20px;bottom:0;}
.rv_list_month .rv_info .ellipsis3{margin-top:36px;font-size:16px;line-height:1.63;height:5em;}

/*======================= 매거진 =======================*/
.ad_list{font-size:0;margin-top:80px;padding:0 123px;}
.ad_list li{position:relative;display:inline-block;width:250px;margin-right:40px;margin-top:121px;vertical-align:top;}
.ad_list li:nth-child(4n){margin-right:0}
.ad_list li:nth-child(4n+5):before{content:'';position:absolute;width:1120px;height:1px;background-color:#e1e1e1;top:-60px;left:0;}
.ad_list li:nth-child(1),.ad_list li:nth-child(2), .ad_list li:nth-child(3), .ad_list li:nth-child(4){margin-top:0}
.ad_list .thumbnail{width:250px;height:310px;overflow: hidden;}
.ad_list .title{margin-top:20px;}
.ad_list .title span{display:block;font-size:16px;line-height:1.38;}
.detail_title_box{position:relative;margin-top:80px;padding:0 46px 38px;}
.detail_title_box .txtclr_blue{font-size:16px;font-weight:bold;}
.detail_title_box .title{margin-top:18px;padding-right:52px;font-size:30px;}
.detail_title_box .btn_shared{position:absolute;right:46px;top:0;}
.dtail_img_box{padding:40px 46px;border-top:1px solid #000;border-bottom:1px solid #e1e1e1;}


/*명관 추가*/
.reply_box .reply_ipt span.count{position:absolute; right:15%; margin-top:87px; display:inline-block; font-size:13px; color:#999 !important;}


/* 20220425 - 출석체크 이벤트 추가 */
.attend-event-wrap .attend-event{margin-top:80px;padding: 0 202px;;background: #cff4ff;}
.attend-event-wrap .attend-info-wrap {position: relative;}
.attend-event-wrap .attend-info-wrap .attend-info-month{position: absolute;right: 50px;bottom: 262px;width: 158px;height: 146px;color: #fff;font-size: 54px;font-weight: bold;text-align: center;line-height: 158px;background: url(../images/attend-event/icon-attend-month.png) center / 100% no-repeat;}
.attend-event-wrap .attend-info-wrap .attend-info{margin: 0 -202px;padding-top: 720px;background: url(../images/attend-event/bg-attend-ti.png) top center / contain no-repeat;}
.attend-event-wrap .attend-info-wrap .attend-info p{color: transparent;font-size: 0;line-height: 0;text-indent: -9999999999px;}
.attend-event-wrap .attend-benefit{position: relative;margin-top: 109px;text-align: center;}
.attend-event-wrap .attend-benefit::before{content: '';position: absolute;top: -49px;left: 54px;width: 157px;height: 157px;background: url(../images/attend-event/icon-attend-cami.png) center / 100% no-repeat;}
.attend-event-wrap .attend-benefit span{display: inline-block;padding: 18px 40px;color: #fff;font-size: 32px;font-weight: bold;border-radius: 16px;background: #2d91ff;}
.attend-event-wrap .attend-benefit p{margin-top: -38px;padding: 84px 0 40px;color: #2d91ff;font-size: 42px;font-weight: bold;border-radius: 16px;background: #fff;}
.attend-event-wrap .attend-benefit p > em{display: block;color: #254697;font-weight: normal;font-style: normal;line-height: 1.8;}
.attend-event-wrap .attend-cal{position: relative;height: 950px;margin: 100px -20px 0 -50px;background: url(../images/attend-event/img-attend-cal.png) top center / 100% no-repeat;}
.attend-event-wrap .attend-cal::before{content: '';position: absolute;top: 153px;left: -100px;width: 88px;height: 88px;background: url(../images/attend-event/icon-attend-tube.png) center / 100% no-repeat;}
.attend-event-wrap .attend-cal::after{content: '';position: absolute;bottom: -67px;right: -127px;width: 88px;height: 88px;background: url(../images/attend-event/icon-attend-parasol.png) center / 100% no-repeat;}
.attend-event-wrap .attend-cal .attend-cal-ti {padding: 74px 50px 74px 90px;line-height: 76px;}
.attend-event-wrap .attend-cal .attend-cal-ti span{color: #fff;font-size: 60px;font-weight: bold;line-height: 76px;}
.attend-event-wrap .attend-cal .attend-cal-ti p{float: right;color: #fff;font-size: 36px;line-height: 76px;}
.attend-event-wrap .attend-cal .attend-cal-ti p strong{line-height: 76px;}
.attend-event-wrap .attend-cal table{width: 100%;padding: 0 88px 0 120px;}
.attend-event-wrap .attend-cal table tr > *{width: 14.28%;text-align: center;}
.attend-event-wrap .attend-cal table thead span{display: inline-block;color: #2d91ff;font-size: 26px;font-weight: normal;line-height: 70px;}
.attend-event-wrap .attend-cal table thead th{padding-bottom: 0px;}
.attend-event-wrap .attend-cal table tbody td{padding-top: 30px;}
.attend-event-wrap .attend-cal table tbody td span{display: inline-block;width: 70px;height: 70px;color: #2d91ff;font-size: 24px;font-weight: bold;line-height: 70px;border-radius: 50%;background: #cff4ff;}
.attend-event-wrap .attend-cal table tbody td span.checking{content: '';width: 70px;height: 70px;color: transparent;background: url(../images/attend-event/icon-attend-checking.png) center / 100% no-repeat;}
.attend-event-wrap .btn-attend-wrap{margin-top: 36px;}
.attend-event-wrap .btn-attend-wrap button.btn-attend-checking{width: 100%;height: 100px;color: #fff;font-size: 32px;font-weight: bold;border-radius: 16px;background: #fb4071;}
.attend-event-wrap .btn-attend-wrap button.btn-attend-info{width: 100%;margin-top: 40px;color: #254697;font-size: 26px;font-weight: 500;text-align: center;line-height: 32px;}
.attend-event-wrap .btn-attend-wrap button.btn-attend-info span{position: relative;display: block;line-height: 32px;}
.attend-event-wrap .btn-attend-wrap button.btn-attend-info span::after{content: '';display: inline-block;position: absolute;margin-left: 8px;width: 28px;height: 100%;background: url(../images/attend-event/icon-attend-arrow.png) center / 100% no-repeat;}
.attend-event-wrap .attend-event-cont{position: relative;margin-top: 100px;padding: 81px 70px 62px 50px;border-radius: 16px;background: #fff;}
.attend-event-wrap .attend-event-cont::before{content: '';display: block;position: absolute;bottom: -75px;left: -140px;width: 101px;height: 100px;background: url(../images/attend-event/icon-attend-watermelon.png) center / 100% no-repeat;}
.attend-event-wrap .attend-event-cont::after{content: '';display: block;position: absolute;top: -133px;right: -13px;width: 157px;height: 157px;background: url(../images/attend-event/icon-attend-cami-02.png) center / 100% no-repeat;}
.attend-event-wrap .attend-event-cont ul {display: table;table-layout: fixed;width: 100%;}
.attend-event-wrap .attend-event-cont ul li {display: table-cell;padding-left: 20px;}
.attend-event-wrap .attend-event-cont ul li .attend-event-ti{position: relative;color: #254697;font-size: 28px;text-align: center;}
.attend-event-wrap .attend-event-cont ul li .attend-event-ti p{position: relative;z-index: 1;}
.attend-event-wrap .attend-event-cont ul li .attend-event-ti strong{color: #fb4071;font-size: 38px;}
.attend-event-wrap .attend-event-cont ul li .attend-event-ti::after{content: '';display: inline-block;position: absolute;left: 50%;bottom: 0;width: 66%;height: 12px;margin-left: -33%;opacity: .2;background: #fb4071;}
.attend-event-wrap .attend-event-cont ul li .attend-img-box {width: 90%;height: 144px;margin: 24px auto 0;text-align: center;}
.attend-event-wrap .attend-event-cont ul li .attend-img-box img {display: block;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;pointer-events: none;}
.attend-event-wrap .attend-event-cont ul li .attend-text{margin-top: 19px;color: #254697;text-align: center;}
.attend-event-wrap .attend-event-cont ul li .attend-text span{display: block;min-height: 48px;font-size: 24px;line-height: 1;}
.attend-event-wrap .attend-event-cont ul li .attend-text p{min-height: 68px;margin-top: 8px;font-size: 34px;font-weight: bold;line-height: 1;}
.attend-event-wrap .btn-attend-thema{margin: 150px -202px 0;background: #2d91ff;}
.attend-event-wrap .btn-attend-thema button{position: relative;width: 100%;height: 180px;color: #fff;font-size: 40px;font-weight: bold;background: #2d91ff;}
.attend-event-wrap .btn-attend-thema button::after{content: '';display: inline-block;position: absolute;top: 0;right: 60px;width: 62px;height: 100%;background: url(../images/attend-event/icon-attend-theme-arrow.png) center / 100% no-repeat;}