@charset "utf-8";

/* 
	Copyright(c) 2017 Onlinepowers Development Team
 	http://www.onlinepowers.com
*/

/* 마이페이지 | 주문정보 */
.contents_inner .board-write th{padding-left:30px;}
.order_info {width:1070px;background-color:#f9f9f9;border-radius:20px;}
.order_info:after{content:''; display:block; clear:both;}

.info:after{content:'';display:block;clear:both;} 
.info li{position:relative;float:left;width:25%;}
.info li:after{content:'';position:absolute;top:30px;right:0;width:2px;height:100px;background-color:#e1e1e1;}
.info li:last-child:after{display:none;}

.info li .item{display:block;min-height:160px;padding:50px;text-align:right;}
.info li .item:hover .remainder{text-decoration:underline;}
.info li .item.grade{padding:99px 30px 0;text-align:center;font-weight:bold;font-size:24px;}
.info li .grade.type_s{background:url('/content/images/icon-membership-003.png') no-repeat center 25px;}
.info li .grade.type_q{background:url('/content/images/icon-membership-002.png') no-repeat center 25px;}
.info li .grade.type_b{background:url('/content/images/icon-membership-001.png') no-repeat center 25px;}
.info li .remainder{line-height:36px;font-size:24px;font-weight:bold;}
.info li.no-line-bar::after{display:none;}
.info li.no-line-bar > a{width:189px;margin-left:auto;}
.info.list-3 li{width:33.3%;}
.info.list-2 li{width:50%;}
.info .item.delivery{background:url('/content/images/icon-mypage01.png') no-repeat 40px 44px;}
.info .item.coupons{background:url('/content/images/icon-mypage02.png') no-repeat 40px 44px;}
.info .item.review{background:url('/content/images/icon-mypage03.png') no-repeat 40px 44px;}

.order_condition{padding-top:30px;border-top:1px solid #e1e1e1;}
.order_condition ol:after{content:'';display:block;clear:both;} 
.order_condition ol li{float:left;width:23%;text-align:center;}
.order_condition ol li.btn_order_next{width:27px;height:34px;margin-top:63px; background:url('/content/images/icon-arrow-step.png') no-repeat center center;}
.order_condition ol li p{margin-top:12px;font-size:16px;font-weight:bold;line-height:1;}
.order_condition ol li p span{display:block;margin-top:12px;font-size:14px;line-height:1.43;color:#7f7f7f;font-weight:normal;}

/* 주문/배송조회 */
.order_wrap + .order_wrap{margin-top:39px;}
.info_area{padding:0 10px;height:60px;}
.info_area ul{font-size:0;}
.info_area ul li{display:inline-block;margin-right:20px;font-size:16px;color:#7f7f7f;}
.info_area ul li .bold{padding-left:6px;font-size:16px;color:#000;}
.info_area .info_round{margin-left:0;}
/* 결제상세 */
.bar_info{font-size:0;}
.bar_info > *{position:relative;display:inline-block;font-size:16px;vertical-align:middle;}
.bar_info > * + *{padding-left:25px;}
.bar_info > * + *:before{content:'';position:absolute;top:50%;left:12px;margin-top:-6px;width:1px;height:12px;background-color:#e1e1e1;}
.bar_info li > button{display:block;color:#7f7f7f;font-size:14px;}
.bar_info li > button.on{font-weight:bold;color:#000;}
/* 교환/반품 신청 */
.order_list td.bg-gray{padding:16px 30px;}
.order_list td.bg-gray .noti_sub_list li{font-size:14px;color:#000;line-height:1.6;}

/* 카미혜택 안내 */
.benefit_wrap{padding:70px 70px 0;}
.benefit_wrap .ttl{display:block;text-align:center;font-size:40px;font-weight:bold;line-height:1;}
.benefits_list{margin-top:60px;font-size:0;}
.benefits_list li{display:inline-block;width:192px;height:128px;/*padding-top:12px;*/margin-right:53px;text-align:center;font-size:16px;font-weight:bold;color:#fff;}
.benefits_list li:last-child{margin-right:0;}
/*
.benefits_list li:first-child{background:url(/content/images/benefit/img-benefit-01.png) no-repeat;background-size:100% 100%;}
.benefits_list li:nth-child(2){background:url(/content/images/benefit/img-benefit-02.png) no-repeat;background-size:100% 100%;}
.benefits_list li:nth-child(3){background:url(/content/images/benefit/img-benefit-03.png) no-repeat;background-size:100% 100%;}
.benefits_list li:nth-child(4){background:url(/content/images/benefit/img-benefit-04.png) no-repeat;background-size:100% 100%;}
*/
.benefit_wrap .bul_list{margin-top:50px;}
.bul_list li{position:relative;padding-left:18px;line-height:1.1;font-size:16px;}
.bul_list li:before{content:'';position:absolute;top:4px;left:0;width:8px;height:8px;border-radius:2px;background-color:#000;}
.bul_list li + li{margin-top:16px;}
.bul_list li > .txtclr_g{display:block;margin-top:10px;}
.benefit_wrap .tbl_info{margin-top:70px;}
.benefit_wrap .noti_sub_list{margin-top:20px;}
.benefit_wrap .noti_sub_list li{font-size:14px;}
.benefit_wrap .tbl_info td{font-size:16px;line-height:1.5;}
.benefit_wrap .tbl_info img + span{margin-top:10px;}
.benefit_wrap .tbl_info img + img{margin-top:14px;}
.benefit_wrap .tbl_info p.mt{margin-top:26px;}
.benefit_wrap .tbl_info td span{display:block;font-size:14px;}
.benefit_wrap .tbl_info td span.txtclr_lg{margin-top:5px;}
.tbl_info .cp_info_list{font-size:0;padding:4px 6px;}
.tbl_info .cp_info_list li{display:inline-block;width:33.3333%;margin-top:20px;vertical-align:top;text-align:center;}
.tbl_info .cp_info_list li:nth-child(1),
.tbl_info .cp_info_list li:nth-child(2), .tbl_info .cp_info_list li:nth-child(3){margin-top:0;}

/* 이용후기 */
.my_rv_list > li{padding:40px 30px;}
.my_rv_list .photo{width:100px;height:100px;}
.my_rv_list > li > .hbox  > a{height:100px;}
.my_rv_list li > .hbox > .flex{padding-left:40px;padding-right:20px;}
.my_rv_list .item_name{font-size:20px;font-weight:normal;line-height:1;}
.my_rv_list .item_name a{font-size:inherit;font-weight:normal;}
.my_rv_list .date{display:inline-block;font-size:16px;color:#7f7f7f;margin-left:10px;line-height:1;}
.my_rv_list .txt{margin-top:20px;}
.my_rv_list .txt p{line-height:1.88;font-size:16px;}
.my_rv_list .rv_photo_list{margin-top:20px;}
.img-benefit-list{font-size:0;padding:0 0 50px 69px;}
.img-benefit-list li{position:relative;display:inline-block;margin-right:160px;text-align:center;vertical-align:middle;}
.img-benefit-list li:last-child{margin-right:0;}
.img-benefit-list li:after{content:'';position:absolute;right:-80px;top:57px;width:10px;height:10px;border-radius:50%;background-color:#dcdff5;}
.img-benefit-list li:last-child:after{display:none;}
.img-benefit-list li > span{display:block;margin-top:10px;font-size:16px;line-height:1.5;}

/* QNA 상세정보 */
.item_info.type-pd{padding:40px 30px;}
.item_info.type-pd .item_name a{font-size:20px;font-weight:bold;}
.item_info.type-pd .sub{margin-top:12px;font-size:16px;color:#999;line-height:1.4;}
.qna_title .ttl{margin-right:40px;font-size:22px;font-weight:bold;}
.icon-waiting{padding-left:49px;padding-right:12px;min-width:120px;height:40px;line-height:40px;border-radius:20px;font-size:16px;background:url('/content/images/icon-qa-waiting.png') no-repeat 13px center;background-color:#f9f9f9;}
.icon-complete{padding-left:49px;padding-right:12px;min-width:120px;height:40px;line-height:40px;border-radius:20px;font-size:16px;background:url('/content/images/icon-qa-complete.png') no-repeat 13px center;background-color:rgba(43,58,161,.04);color:#2b3aa1;}
.qna_box .board_wrap{padding:40px 60px 30px;}
.qna_box .board-write{padding:10px 0 0;}
.qna_box .board-write th{padding-left:0;padding-right:0;text-align:right;}
.qna_box .board-write td{padding-left:40px;}
.qna_box .board-write th.va_t,
.qna_box .board-write span.txt{line-height:1.88;word-break: break-word;}

.answer_wrap .qna_title{padding:40px 60px;border-radius:10px;background-color:#f9f9f9;}
.answer_wrap .qna_title .txt{font-size:16px;line-height:1.88;}

/* 회원정보 수정 */
.pw_info_box{padding-top:40px;text-align:center;}
.pw_info_box .info_round{width:640px;margin:0 auto}
.pw_info_box > img{margin-top:30px;}
.pw_info_box + .board-write{width:45%;margin:0 auto;}

/* 회원탈퇴 */
.contents_inner .bul_gray_list{margin:0 30px;}
.bul_gray_list{padding:30px;background-color:#f9f9f9;border-radius:10px;}
.bul_gray_list li{position:relative;padding-left:13px;font-size:16px;color:#7f7f7f;line-height:1;}
.bul_gray_list li + li{margin-top:14px;}
.bul_gray_list li:before{content:'';position:absolute;top:6px;left:0;width:3px;height:3px;background-color:#7f7f7f;}
.check_wrap{padding:40px 30px;}
.check_wrap .ipt_wrap{line-height:40px;}

/* 마이페이지 | 상품정보 */
.item_info{position:relative;width:100%;min-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.item_info .info_round{margin-left:0;}
.item_info .photo{width:100px;height:100px;}
.photo img{width:100%;height:100%;}
.item_info .order_option{padding-left:26px;-webkit-box-flex:1;-ms-flex:1;flex:1;}
.item_info a + .order_option{padding-left:40px;}
.item_info .code{padding-top:10px; color:#999; }
.item_info .order_option .item_name{font-size:16px;} /* 상품명 1줄일경우 */
.item_info .order_option .item_name .option-txt{display:block;padding-top:10px;color:#7b7b7b;}
.item_info .order_option .lb_box span{width:68px;font-size:12px;}
.item_info .order_option .lb_box + .item_name{margin-top:4px;}
.item_info .order_option .item_price{margin-top:22px;line-height:1;font-size:0;}
.item_info .order_option .item_price span{position:relative;display:inline-block;}
.item_info .order_option .item_price span + span:before{content:'';position:absolute;left:10px;top:0;width:1px;height:16px;background-color:#e1e1e1;}
.item_info .order_option .item_price span + span{padding-left:20px;}
.condition{text-align:center;}
.condition > p{line-height:1}
.condition .date{display:block;margin-top:10px;font-size:14px;color:#999;font-weight:normal;}
.condition .date em{font-size:14px;}
.condition > select{margin-top:20px;width:120px;}
.order_list .order_btnList{margin-top:20px;text-align:center;font-size:0 !important;}
.order_list .order_btnList > button{min-width:100px !important;margin-right:8px;margin-top:8px}
.order_list .order_btnList > button:nth-child(2n), .order_list .order_btnList button:last-child{margin-right:0;}
.order_list .order_btnList > button:nth-child(1),
.order_list .order_btnList > button:nth-child(2){margin-top:0;}
.order_list .order_btnList > button:only-child, .order_list .order_btnList > button:only-of-type{width:120px;margin-right:0;}

/* 이용후기 */
/*
.file_camera {margin-top:8px; padding-left:24px; background:url(/content/images/icon/file_camera.gif) no-repeat 0 center;}
.file_camera a:first-child {padding-right:10px;}
.file_camera img {vertical-align:middle;} 
*/

/* CJH 2017.04.04 추가 - 마이페이지 취소/반품 신청 레이어 */
/*
.order_cancel_layer {display: none;position: fixed; z-index: 100000; width:850px; left: 50%; margin-left: -425px; top:10px; padding-bottom: 20px; background: #fff}
.order_return_layer {display: none;position: fixed; z-index: 100000; width:850px; left: 50%; margin-left: -425px; top:10px; padding-bottom: 20px; background: #fff}
*/

/* 고객센터 */
.cs_info_box{width:204px;margin:26px 26px 0;}
.cs_info_box .title{padding-left:58px;line-height:50px;border-top-right-radius:8px;border-top-left-radius:8px;color:#fff;font-size:16px;font-weight:bold;background:url('/content/images/icon-call.png') no-repeat 34px center;background-color:#2b3aa1;}
.cs_info_box .title.center{text-align:center;padding-left:0;background-image:none;}
.cs_info_box .line{padding:30px 17px;text-align:center;border:1px solid #e1e1e1;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.cs_info_box .pharm{font-size:16px;}
.cs_info_box .tel{font-size:24px;font-weight:bold;color:#2b3aa1;}
.cs_info_box .time_box{margin-top:20px;padding:20px 0 0;border-top:1px solid #e1e1e1;}
.cs_info_box .time_box *{display:inline-block;line-height:18px;color:#7f7f7f;}
.cs_info_box .time_box dt{margin-right:10px;}
.cs_btn_list{font-size:0;}
.cs_btn_list li{display:inline-block;margin-right:18px;margin-top:20px;vertical-align:top;}
.cs_btn_list li .btn_cs{display:block;width:525px;height:180px;}
.cs_btn_list li:nth-child(1), .cs_btn_list li:nth-child(2){margin-top:0;}
.cs_btn_list li:nth-child(2n){margin-right:0;}
.btn_cs{position:relative;padding:24px 30px;border-radius:10px;border:1px solid #e9e9e9;-webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);font-size:26px;line-height:1.5;}
.btn_cs:after{content:'';position:absolute;bottom:30px;right:30px;width:100px;height:100px;}
.btn_cs.faq:after{background:url('/content/images/icon-cs-01.png') no-repeat;}
.btn_cs.qna:after{background:url('/content/images/icon-cs-02.png') no-repeat;}
.btn_cs.member:after{background:url('/content/images/icon-cs-03.png') no-repeat;}
.btn_cs.delivery:after{background:url('/content/images/icon-cs-04.png') no-repeat;}
.btn_cs.pharm:after{background:url('/content/images/icon-cs-05.png') no-repeat;}
.btn_cs.pharm{width:365px;height:300px;}
.btn_cs > span{display:block;margin-top:10px;font-size:16px;color:#7f7f7f;}
.notice_list{width:665px;}
.notice_list .ttl_box{position:relative;padding:5px 20px 20px;}
.notice_list .ttl_box h3{font-size:30px;line-height:1;}
.notice_list .ttl_box .btn_arrow{position:absolute;top:20px;right:10px}
.notice_list .line_list li{position:relative;padding:20px 20px;}
.notice_list .line_list li a{display:inline-block;width:100%;padding-right:110px;font-size:16px;line-height:1.15;}
.notice_list .line_list li .date{position:absolute;top:20px;right:20px;font-size:16px;color:#7f7f7f;}
/* 공지사항 | 고객센터 */
.mypage_list.noti td.txt_left{padding-left:0;}
.mypage_list.noti td > .txtclr_blue{font-size:16px;font-weight:bold;}
/*
.mypage_list.noti  td.common{padding-left:140px;font-weight:bold;}
.mypage_list.noti  td.common > a{padding-left:35px;}
.mypage_list.noti  td.common .txtclr_blue{position:absolute;top:50%;left:0;margin-top:-8px;display:inline-block;font-size:12px;font-weight:bold;}
*/
.mypage_list.noti td > a{position:relative;display:inline-block;max-width:100%;padding-right:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mypage_list.noti .new{position:absolute;top:50%;margin-top:-8px;right:0;display:inline-block;font-size:14px;font-weight:bold;color:#e50012;}
.detail_wrap .line_box{padding:40px 40px 20px;}
.detail_wrap .title{font-size:22px;color:#222;font-weight:bold;}
.detail_wrap .line_box > .hbox{margin-top:16px;}
.detail_wrap .bar_info{margin-right:40px;}
.detail_wrap .bar_info span{color:#7f7f7f;}
.detail_wrap .txt {padding:30px 40px;min-height:400px;font-size:17px;line-height:1.63;}
.detail_wrap .txt p {font-size:17px;}
/* 자주하는 질문 | 고객센터 */
.faq-list .board-list td > a{overflow:visible;white-space:normal;}
.faq-list .qna-q{position:relative;padding-left:32px;padding-right:100px;line-height:1.4;}
.faq-list .qna-q:before{content:'Q';position:absolute;top:0;left:0;text-align:center;width:20px;height:20px;line-height:18px;border-radius:50%;background-color:#999;color:#fff;font-size:12px;}
.faq-list .qna-q:after{content:'';position:absolute;top:50%;right:30px;width:30px;height:30px;margin-top:-15px;background:url('/content/images/icon-arrow-faq-down.png') no-repeat;}
.faq-list .tit-on .qna-q:after{background-image:url('/content/images/icon-arrow-faq-up.png');}
.faq-list .question-open{padding:18px 100px 20px 220px;background-color:#fff;border-top:none;}
.faq-list .question-open .qna-a{margin-top:0;}
/* 배송안내 | 고객센터 */
.pharm_dv_info{padding:40px 70px 40px 30px;border-top:1px solid #000;}
.line_title{font-size:24px;line-height:1.33;font-weight:300;}
.line_title > em{display:inline-block;position:relative;font-weight:bold;font-size:inherit;z-index:1;}
.line_title > em:before{content:'';position:absolute;width:100%;height:10px;bottom:0;left:0;background-color:#ccf0ff;z-index:-1;}
.pharm_dv_info .sub_txt{font-size:16px;line-height:1.63;color:#7f7f7f;}
.pharm_dv_info .img_list{margin-top:40px;font-size:0;}
.pharm_dv_info .img_list li{position:relative;display:inline-block;margin-right:88px;}
.pharm_dv_info .img_list li:last-child{margin-right:0;}
.pharm_dv_info .img_list li:after{content:'';position:absolute;top:50%;right:-56px;width:24px;height:34px;margin-top:-17px;background:url('/content/images/icon-delivery-arrow.png') no-repeat;}
.pharm_dv_info .img_list li:last-child:after{display:none;}
.img_info_box{position:relative;margin-top:40px;}
.img_info_box:after{content:'';display:block;clear:both;}
.img_info_box.left img{float:left;}
.img_info_box.right img{float:right;}
.img_info_box .txt{position:relative;float:left;padding-top:130px;font-size:18px;line-height:1.44;}
.img_info_box.left .txt{margin-left:75px;}
.img_info_box.right .txt{margin-left:126px;}
.img_info_box .txt:after{content:'';position:absolute;bottom:-30px;width:502px;height:1px;background-color:#000;}
.img_info_box.left .txt:after{right:0;}
.img_info_box.right .txt:after{left:0;}

/* 약국찾기 */
.icon-mark{display:inline-block;width:56px;height:56px ;background:url('/content/images/icon-mark.png') no-repeat;text-indent:-9999px;}
.search_list_wrap{padding-right:10px;}
.search_list_wrap .info_txt{font-size:14px;padding:20px 20px 30px;}
.search_list{height:520px;}
.search_list > li{position:relative;margin-right:20px;padding-left:20px;}
.search_list > li:last-child{margin-bottom:50px;}
.search_list > li + li{margin-top:60px;}
.search_list > li > * + *{margin-top:10px;}
.search_list .title{font-size:16px;font-weight:bold;padding-right:67px;}
.search_list .address{display:block;font-size:14px;line-height:1.43;}
.icon_tel{display:block;padding-left:20px;font-size:14px;line-height:1;color:#7f7f7f;background:url('/content/images/icon-tel.png') no-repeat 0 center;}
.search_list .bul_list li{padding-left:9px;font-size:14px;color:#2b3aa1;}
.search_list .bul_list li + li{margin-top:8px;}
.search_list .bul_list li:before{top:6px;width:3px;height:3px;background-color:#2b3aa1;}
.search_list .bul_list li > .txtclr_g{display:inline-block;margin-top:0;font-size:14px;}
.search_list .bul_list li.more{position:relative;padding-right:44px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search_list .bul_list li.more > .txtclr_g{position:absolute;right:0;}
.search_list .btn_arrow{position:absolute;top:0;right:0;margin-top:0;}
.tooltip_box{position:relative;padding:36px 36px 58px;width:372px;min-height:210px;background:url('/content/images/bg-tooltip.png') no-repeat;}
.tooltip_box .title{padding-right:10px;font-size:20px;font-weight:bold;line-height:1;}
.tooltip_box .address{display:block;margin-top:12px;font-size:14px;line-height:1.43;}
.tooltip_box .icon_tel{margin-top:10px;}
.tooltip_box .btn_arrow{position:absolute;right:36px;bottom:58px;}
.tooltip_box .btn_close{position:absolute;top:12px;right:12px;width:40px;height:40px;background:url('/content/images/btn-close.png') no-repeat;text-indent:-9999px;}