@charset "utf-8";



/*------------------------------------------------공통스타일---------------------------------------*/

/*말줄임표*/
.txt_over{overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;  word-wrap: normal !important;  display: inline-block;}
.txt_over2{white-space: normal; line-height: 1.2;  text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}

.anchor_basic{width: 100%; height: 100%; display: inline-block;}
.ma10{margin-top: 10px}
.ma15{margin-top: 15px}
.pa10{padding-top: 10px}
.pa15{padding-top: 15px}
.pd15{padding: 15px;}

.sub-contents{margin-top: 60px;}
/*------------------------------------------------대지스타일---------------------------------------*/
.gray_bg{background: #E8E8E8; height: 100%;}

/*------------------------------------------------탭 메뉴---------------------------------------*/
.my_tabs{float: left; width: 100%; height: 55px; border-bottom: 2px solid #ECECEC; background: #fff;}
.my_tabs:after{content: ''; display: block; clear: both;}
.my_tabs > .tab3{width: calc(100% / 3); height: 55px; color: #888888; font-size: 18px; float: left; display: inline-block; text-align: center; line-height: 55px; letter-spacing: -0.7px;}
.my_tabs > .tab2{width: 50%; height: 55px; color: #888888; font-size: 18px; float: left; display: inline-block; text-align: center; line-height: 55px; letter-spacing: -0.7px;}
.my_tabs > .tab2.on{color: #343434; font-weight: 600; border-bottom: 3px solid #016b4c;}
.my_tabs > .tab3.on{color: #343434; font-weight: 600; border-bottom: 3px solid #016b4c;}

.my_tabs a { display:block; }

/*------------------------------------------------텍스트---------------------------------------*/
.sub_tit{font-size: 17px; color: #2B2B2B; padding: 5px 0; font-weight: 600; letter-spacing: -0.7px;}
.sub_txt{font-size: 16px; color: #2B2B2B;  letter-spacing: -0.7px;}

/*안내 텍스트*/
.n_noti{font-size: 14px; color: #AFAFAF; letter-spacing: -1px; margin-bottom: 5px; }
.n_noti> i{background:url(https://img.mysdis.co.kr/images/common_icon/bullet_gray.png) no-repeat; width: 3px; height: 3px; display: inline-block; background-size: 100%;position: relative; top:-3px; margin-right: 4px; }

/*강조 안내 텍스트 (1:1문의 내역)*/
.noti_blue{font-size: 13px; color:#03408E;clear: both;background: #F7F8FA;display: inline-block;padding: 10px;line-height: 20px; border-radius: 10px;}
.noti_blue >i.noti_blue_icon{background:url(https://img.mysdis.co.kr/images/common_icon/noti_blue.svg) no-repeat; width: 15px; height: 15px; display: inline-block; background-size: 100%;position: relative; top:4px; }
.noti_blue span{float: right; width: 93%; line-height: 20px; }


/*------------------------------------------------문의 리스트---------------------------------------*/

/*풀박스 리스트(1:1문의내역/상품문의내역)*/
.fullBox_st{background: #E8E8E8;}
.fullBox_st .box{width: 100%; padding: 15px; background: #fff; margin-bottom: 10px;}
.fullBox_st .box .date{font-size: 14px; color:#B2B2B2;  }
.fullBox_st .box .tit{font-size: 16px; margin-bottom: 15px; color: #111; font-weight: 600;}
.fullBox_st .box .txt{font-size: 16px; color: #6b6b6b; max-height: 22px; width: 100%;}
.fullBox_st .box .q_txt{font-size: 17px; margin-top: 15px;color: #111;}
/*답변 스타일*/
.answer_wrap{padding: 15px; width: 100%;}
.answer_wrap .a_area{width: 100%;padding: 20px; background: #F7F8FA; border-radius: 0px 10px 10px 10px; margin-bottom: 10px;}
.answer_wrap .a_area .nick{font-size: 14px; font-weight: 600; margin-right: 10px; }
.answer_wrap .a_area .date{font-size: 14px; color:#B2B2B2;  }
.answer_wrap .a_area .a_step{background: #fff;padding: 2px 7px;font-size: 14px;border: 1px solid #CCCCCC;border-radius: 100px;color: #777;}
.answer_wrap .a_area .a_txt{font-size: 16px; margin-top: 10px;}

/*------------------------------------------------버튼---------------------------------------*/
.btn_pd{padding: 15px;}
/*하단 픽스 버튼(1:1문의내역)*/
.fix_btn_st{width: 100%; height: 70px; background: #fff; position: fixed; bottom: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); padding: 10px; max-width: 720px;}
.fix_btn_st .inner_btn{background: #016b4c;color: #fff; text-align: center; line-height: 50px; height: 50px; width: 100%;border-radius: 10px;font-size: 18px; font-weight: 600; }

/*작은버튼 블루폰트*/
.blue_Sbtn2{padding: 6px 20px; background: #EFEFEF; color: #016b4c; font-weight: 600; letter-spacing: -1px; font-size: 15px; border-radius: 5px; margin-top: 5px;}

.blue_Sbtn, .blue_sbtn_a {padding: 2px 10px; background: #EFEFEF; color: #016b4c; font-weight: 600; letter-spacing: -1px; font-size: 15px; border-radius: 5px;}
/*작은버튼 그레이폰트*/
.gray_Sbtn{padding: 2px 10px; background: #EFEFEF; color: #747474; font-weight: 300; letter-spacing: -1px; font-size: 15px; border-radius: 5px;}
/*그레이 버튼*/
.grayBlue_btn{width: 100%; height: 60px; background: #EFEFEF;color: #016b4c;font-weight: 600; letter-spacing: -1px; font-size: 18px; border-radius: 5px;-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);  box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);text-align: center; line-height:60px}
/*라인버튼 블랙*/
.lineblack_btn{width: 100%; height: 60px; background: #fff;color: #333;font-weight: 600; letter-spacing: -1px; font-size: 18px; border-radius: 5px;-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);  box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); border:1px solid #cccccc; text-align: center; line-height:60px}
/*라인버튼 블루*/
.lineblue_btn{width: 100%; height: 60px; background: #fff;color: #016b4c;font-weight: 600; letter-spacing: -1px; font-size: 18px; border-radius: 5px;-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);  box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);  border:1px solid #cccccc;  text-align: center; line-height:60px}
/*라인버튼 50%*/
.lineblack_btn.half{width: 50%;width: calc(50% - 5px); margin-right: 10px;  display: inline-block; float: left}
.lineblue_btn.half{width: 50%;width: calc(50% - 5px);    display: inline-block; float: left}
/*라인버튼 30%*/
.lineblack_btn.triple{width: 33%;width: calc(33.3% - 7px); margin-right: 10px;  display: inline-block; float: left}
.lineblue_btn.triple{width: 33%;width: calc(33.3% - 7px);    display: inline-block; float: left}
/*아이콘버튼 블루*/
.lineblue_icon_btn{width: 100%; height: 60px; background: #fff;color: #016b4c;font-weight: 600; letter-spacing: -1px; font-size: 17px; border-radius: 5px;border:1px solid #cccccc;  text-align: center; line-height:60px; }
.lineblue_icon_btn > i{width: 15px; height: 15px; display: inline-block; background: url(https://img.mysdis.co.kr/images/common_icon/round_add_blue.svg) no-repeat;}

/*------------------------------------------------form ---------------------------------------*/
.n_form_wrap{width: 100%; }
.n_form_wrap .line{width: 100%; display: inline-block; margin-bottom: 15px;}
.n_form_wrap .line .wrap{position: relative;}
/*라벨*/
.n_form_wrap .form_label{width: 100%;display: inline-block; margin-bottom: 5px; color: #292929; font-size: 15px;}
/*셀렉트박스*/
.n_form_wrap select {border-radius:0; /* 아이폰 사파리 보더 없애기 */
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none; /* 화살표 없애기 공통*/
    width:100%; height: 50px;background: #fff;border: 1px solid #ddd; border-bottom:2px solid #636363; padding: 10px;font-size: 17px;
    color: #222;position: relative;}
.n_form_wrap select::placeholder{color: #aaa;}
.n_form_wrap .selc_arrow{background: url(https://img.mysdis.co.kr/images/common_icon/down_arrow.svg) no-repeat;    background-size: 20px;position: absolute;top: 16px;right: 0px;width: 34px;height: 15px;display: inline-block;z-index: 2;}
/*텍스트인풋*/
.n_form_wrap input{width:100%; height: 50px;background: #fff;border: 1px solid #ddd; border-bottom:2px solid #636363;
    padding: 10px;font-size: 17px;color: #222;position: relative;}
.n_form_wrap input::placeholder{color: #aaa;}
/*텍스트영역*/
.n_form_wrap textarea{width:100%; height: 150px;background: #fff;border: 1px solid #ddd; border-bottom:2px solid #636363; padding: 10px;font-size: 17px;color: #222;position: relative; font-weight: 500; }
/*이미지첨부*/
.n_form_wrap .plus_img{ width: 33%;  width: calc( 100%/3 - 5px);float: left;margin-right: 5px;position:relative;border: 1px solid #ddd;overflow: hidden;background: url(https://img.mysdis.co.kr/images/icon_plus.png) no-repeat;background-position: center;cursor: pointer;}
.n_form_wrap .plus_img img{width:100%;}
.del_back{position: absolute; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: #fff;
    text-align: center; }
.del_back button i{background: url(https://img.mysdis.co.kr/images/common_icon/icon_side_close_x.png) no-repeat;   background-position: center;  width: 25px;height: 25px;display: block;background-size: 100%;}
.del_back button{font-size: 14px; margin-top: 25px;}
/*체크박스*/
.line_chk  > .form_label{width: auto;}
input[type="checkbox"]{-webkit-appearance: none;-webkit-gradient: none;-webkit-border-radius: 0;border-radius: 0;border: none;}
.n_form_wrap .line_chk input[type="checkbox"].check_line{background: url(https://img.mysdis.co.kr/images/common_icon/check_line.svg) no-repeat;display: inline-block;width: 31px;height: 24px;margin-right: 0px; outline: none; float: left}
.n_form_wrap .line_chk input[type="checkbox"].check_line:checked{background: url(https://img.mysdis.co.kr/images/common_icon/checked_line.svg) no-repeat;}



@media only screen and (min-width:619px) {
    .del_back button i{ width: 35px;height: 35px;}
    .del_back button{font-size: 19px; margin-top: 85px;}
}
/*구매후기 뱃지스타일*/
.review_grade> i{ width: 23px; height: 23px; border-radius: 100px;background-size: 100%; display: block; float:left;}
.review_grade.verygood > i{background:url(https://img.mysdis.co.kr/images/review_badge1.svg);}
.review_grade.verygood > span{color: #016b4c; }
.review_grade.good > i { background:url(https://img.mysdis.co.kr/images/review_badge2.svg);}
.review_grade.good > span {color: #00ad8a;}
.review_grade.notbad > i{  background:url(https://img.mysdis.co.kr/images/review_badge3.svg);}
.review_grade.notbad > span{color: #57c1a8;}

/*------------------------------------------------썸네일 이미지 ---------------------------------------*/
.thumb{ border:1px solid #e4e4e4; display: block; border-radius: 5px;overflow: hidden;}

/*------------------------------------------------빈 영역 스타일---------------------------------------*/
.empty_data{width: 100%; background: #fff; padding: 50px 15px;}
.empty_data .icon_img{width: 30%; padding: 0 15px; margin: 0 auto;}
.empty_data .txt{text-align: center; color: #a7a6a6; letter-spacing: 0; margin-top: 10px;
    font-size: 17px;}

/*------------------------------------------------추천 상품 리스트------------------------------------------------*/
/*1줄 스와이프*/
.recom_pdt_list {width: 100%;height: 100%; overflow: hidden;}
.recom_pdt_list .swiper-slide {text-align: center;font-size: 18px;background: #fff; width: 33.3%;display: inline-block;}
.recom_pdt_list .thumb{width: 100%; border:1px solid #e4e4e4; display: block}
.recom_pdt_list .pdt_name{width: 100%; font-size: 14px; color: #333; text-align: left; font-weight: 500; margin-bottom: 5px;}
.recom_pdt_list .dc{font-size: 14px; color: #016b4c; font-weight: 600; margin-right: 5px;}
.recom_pdt_list .price{ font-size: 13px; color: #222; font-weight: 600;}

/*3단 정렬 리스트*/
.pdtList_3line{ background: #fff;}
.pdtList_3line > h3{font-size: 18px;font-weight: 600;color: #222;height: 47px;line-height: 47px; text-align: left; padding: 0 10px;}
.pdtList_3line > ul{padding: 0px 10px; display: inline-block;}
.pdtList_3line > ul >li{float: left;width: 29.5%;width: calc(100%/3 - 10px);display: inline-block;margin: 10px 5px 10px 5px;}
.pdtList_3line > ul >li> .thumb{ width: 100%;border: 1px solid #eaeaea;border-radius: 5px;box-sizing: border-box;position: relative;}
.pdtList_3line > ul >li> .thumb >img{border-radius: 5px;}

.pdtList_3line > ul > li> .info > .name{font-size: 15px;letter-spacing: -0.7px;color: #222;font-weight: 500;height: 35px;-webkit-line-clamp: 2;overflow: hidden;}
.pdtList_3line > ul > li> .info > .price{font-size: 12px;letter-spacing: -0.7px;color: #222;font-weight: 500;}
.pdtList_3line > ul > li> .info > .price > em{font-size: 15px;font-weight: 600;}
/*------------------------------------------------구분라인------------------------------------------------*/
.div_line{width: 100%; height: 7px; background: #efefef; display: inline-block;}


/*고객센터 1:1문의*/
.n_qna_wrap{width: 100%; display: inline-block; }
.n_qna_wrap .n_form_wrap{padding: 15px;}
.n_qna_wrap .n_form_wrap textarea{margin-top: -10px;}
.n_qna_wrap .qna_noti{padding: 0 15px;}
.n_qna_wrap .qna_info{margin-top: 10px; margin-bottom: 15px;}
.n_qna_wrap .qna_info .info_table{margin-top: 10px; background: #fff;border:1px solid #dedede; border-radius: 7px;}
.n_qna_wrap .qna_info .info_table > .step{background: #fff; padding:12px; border-bottom: 1px solid #dedede; border-radius: 7px 7px 0 0;    display: inline-block; position: relative; width: 100%;}
.n_qna_wrap .qna_info .info_table > .step:before{   content: "";position: absolute;bottom: -18px; left: 16px;width: 19px;    z-index: 10;background-size: 100%; height: 19px; background: url(https://img.mysdis.co.kr/images/common_icon/next_tr.png) no-repeat; background-size: 100%;}
.n_qna_wrap .qna_info .info_table > .step3:before{display: none;}
.n_qna_wrap .qna_info .info_table > .step3{ border-bottom: none; border-radius:0 0 7px 7px; }
.n_qna_wrap .qna_info .info_table > .step .state{font-size: 16px; font-weight: 600; float: left; width: 20%;}
.n_qna_wrap .qna_info .info_table > .step1 .state{color: #979797; }
.n_qna_wrap .qna_info .info_table > .step2 .state{color:#414141; }
.n_qna_wrap .qna_info .info_table > .step3 .state{color:#016b4c; }
.n_qna_wrap .qna_info .info_table > .step .txt{font-size: 16px; float: right; width: 80%; color: #111;}

/*고객센터 내역 리스트*/
.n_qna_wrap .qna_list{padding-bottom: 80px;}
.n_qna_wrap .qna_list .box >a{width: 100%; display: inline-block;}
.n_qna_wrap .qna_list .box .date{font-size: 14px; color:#B2B2B2;  }
.n_qna_wrap .state{color: #979797;   }
.n_qna_wrap .step1.state{color: #979797; padding: 6px 10px;}
.n_qna_wrap .step2.state{color:#414141; padding: 6px 10px;}
.n_qna_wrap .step3.state{color:#016b4c; padding: 6px 10px; background: #fff; letter-spacing: -1px;}
.n_qna_wrap .N_qna_write .write_btn{background: #016b4c; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #016b4c 58%, #016b4c 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #016b4c 58%,#016b4c 99%); /* Chrome10-25,Safari5.1-6 */ }
.q_area .blue_Sbtn{margin-top: 10px;}
.n_qna_wrap  .grayBlue_btn{margin-top: 10px;}

.n_qna_wrap .bank_info >input{margin-bottom: 10px;}

/*문의작성 > 혹시이게 궁금하세요*/
.n_qna_wrap .faq_pop{width: 100%; margin-bottom: 15px;}
.n_qna_wrap .faq_pop .tit{font-weight: bold;color: #333;border-bottom: 1px solid #e6e6e6;word-wrap: break-word;height: 35px;padding: 0 0 10px;font-size: 16px; text-align: center;}
.n_qna_wrap .faq_pop  .faq_list{width: 100%;}
.n_qna_wrap .faq_pop  .faq_list li .faq_Q{ position: relative; border-bottom: 1px solid #e6e6e6;
    background: #fff url(/images/common_icon/icon_faq_ques.png) no-repeat left 0.1em center;
    background-size: 16px;    padding: 15px 29px; position: relative;}
.n_qna_wrap .faq_pop  .faq_list li.on .faq_Q{font-weight: 600;}
.n_qna_wrap .faq_pop  .faq_list li .faq_Q >i{background: url(https://img.mysdis.co.kr/images/common_icon/down_arrow.svg) no-repeat;    background-size: 20px;position: absolute;top: 16px;right: 0px;width: 34px;height: 15px;display: inline-block;z-index: 2;}
.n_qna_wrap .faq_pop  .faq_list li .faq_A{display: none;    background: #f3f3f3;padding: 15px;}
.n_qna_wrap .faq_pop  .faq_list li.on .faq_A{display: block; }

/*환불계좌*/
.bank_account .n_form_wrap{padding: 15px;}
.agreement_check{background:#F9F9F9; padding: 15px; border-radius: 10px; margin-bottom: 15px;}
.agreement_check .line_chk  > .form_label{width: auto; font-size: 14px; font-weight: 600;}
.accoutn_info_wrap{padding: 5px 15px;}
.accoutn_info_wrap .accoutn_info_box{background: #fff; width: 100%; padding: 15px; border-radius: 10px; margin-top: 15px;}
.accoutn_info_wrap .accoutn_info_box > ul{width: 100%; display: inline-block }
.accoutn_info_wrap .accoutn_info_box  li{width: 100%; display: inline-block; margin-bottom: 15px;}
.accoutn_info_wrap .accoutn_info_box  li .label_left{width: 20%; float: left; color: #A8A8A8; text-align: left;}
.accoutn_info_wrap .accoutn_info_box  li .data_right{width: 80%; float: right; color: #111111; text-align: right;}
.accoutn_info_wrap .accoutn_info_box  > .n_noti{border-top: 1px solid #e1e1e1; padding-top: 5px;}
.accoutn_info_wrap .btn_wrap{margin-top: 20px;}
.accoutn_info_wrap .btn_wrap  > .lineblack_btn{width: 50%;width: calc(50% - 5px); margin-right: 10px;  display: inline-block; float: left}
.accoutn_info_wrap .btn_wrap  > .lineblue_btn{width: 50%;width: calc(50% - 5px);    display: inline-block; float: left}


/*상품문의 내역*/
.n_comment_wrap{width: 100%;}
.n_comment_wrap .noti_wrap{width: 100%; padding: 0 15px 15px;}
.n_comment_wrap .comment_list .box > a {width: 100%; height: 100%;}
.n_comment_wrap .comment_list .box > .line {width: 100%; display: inline-block; margin-bottom:6px; }
.n_comment_wrap .comment_list .box .txt_info {width: 70%}
.n_comment_wrap .comment_list .box .thumb {width: 80px;}
.n_comment_wrap .comment_list .box .txt_info  .tit {margin-bottom:15px;max-height: 22px; width: 100%; font-weight: 400;}
.n_comment_wrap .comment_list .box .state{color: #016b4c; margin-bottom: 5px;}
.n_comment_wrap .comment_list .box  .step1.state{color: #979797; }
.n_comment_wrap .comment_list .box  .step2.state{color:#414141; }
.n_comment_wrap .comment_list .box  .step3.state{color:#016b4c; }
.n_comment_wrap .comment_list .box .answer_wrap{display: none; padding: 0px; padding-top: 15px; margin-top: 15px; border-top:1px solid #eaeaea;}
.n_comment_wrap .comment_list .box .answer_wrap .q_txt{padding: 15px 0; margin-top:0; font-size: 16px; color: #333;}
.n_comment_wrap .comment_list .box .answer_wrap .lineblue_btn{height: 45px; line-height: 45px; font-size: 16px; margin-top: 10px; box-shadow: none;}

/*구매평*/
.n_review_wrap{padding: 10px 0; height: auto; display: inline-block;background: #E8E8E8;}
.n_review_wrap .evt_img{margin-bottom: 10px;}
.n_review_wrap .box{width:100%;  padding: 15px 20px; background: #fff; margin-top: 10px;display: inline-block;}
.n_review_wrap .box:first-child{ margin-top:  0px}
.n_review_wrap .box a{width:100%;display: inline-block;}
.n_review_wrap .box .delivery_date{width:100%;font-size: 14px; color: #888;}
.n_review_wrap .box .info{width:62%;}
.n_review_wrap .box .thumb{width:120px;}
.n_review_wrap .box .option{font-size: 15px;color: #666;}
.n_review_wrap .box .lineblue_btn{height: 50px; line-height: 50px; margin-top: 10px;}
.n_review_wrap .box .pdt_info {border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px;}
.n_review_wrap .box .pdt_info .thumb{width:70px; margin-right: 4px;}
.n_review_wrap .box .pdt_info .txt_info{width:220px;width: calc(100% - 80px);}
.n_review_wrap .box .pdt_info .pdt_name{font-size: 14px; max-width: 100%; height: 20px;}
.n_review_wrap .box .pdt_info .option{font-size: 14px; display: block; max-width: 100%; height: 20px;}
.n_review_wrap .box .pdt_info .option > em.txt_over{display: inline-block; max-width: 75%; }
.n_review_wrap .box .photo_area{width: 100%; margin-top: 10px;}
.n_review_wrap .box .photo_area > .frame{width: 33.3%; width:calc(100%/3 - 10px); overflow: hidden;display: inline-block;padding: 12% 0;margin-right: 5px;background-size: cover; }
.n_review_wrap .review_list .more_btn{width: 100%;  background: #fff;  height: 50px; line-height: 50px; color: #016b4c;  font-size: 16px;  border: 1px solid #016b4c;  font-weight: bold;  border-radius: 3px;}
.n_review_wrap .box .review_line{margin-top: 15px;}
.n_review_wrap .box .review_grade{font-size: 14px;font-weight: 600; }
.n_review_wrap .box .date{margin-left:10px;font-size: 14px;color: #999;}
.n_review_wrap .box .review_line .txt{margin-top: 7px;}
.n_review_wrap .box .answer_wrap{padding: 15px 0  0;}


@media only screen and (max-width:361px) {
    .n_review_wrap .box .info{width:55%;}
}


/*쿠폰혜택*/
.coupon_list .sub_tit{padding: 10px 0;}
.coupon_list .active_cou{padding: 15px 20px;}
.coupon_list .active_cou .cou_unit{padding: 15px; background: #fff; border-radius: 13px; margin-bottom: 15px; text-align: center;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.coupon_list .cou_unit .cou_name{font-size: 16px; color: #222;}
.coupon_list .cou_unit .cou_sum{font-size: 25px; color: #016b4c; font-weight: 400; margin: 5px 0;}
.coupon_list .cou_unit .cou_sum > span{font-weight: 600; font-size: 30px;}
.coupon_list .cou_unit .cou_date{font-size: 16px; color: #888;}
.coupon_list .cou_unit .cou_line{margin-top: 10px; padding-top:10px; border-top:1px dashed #cdcdcd;text-align: left; }
.coupon_list .cou_unit .cou_line > span{font-size: 15px; color: #999;}
.coupon_list .cou_unit .cou_line > span.condition{margin-left: 20px;}
.coupon_list .inactive_cou{padding: 15px 20px; background: #fff;}
.coupon_list .inactive_cou .cou_unit{padding: 15px; background: #F2F2F2; border-radius: 13px; margin-bottom: 15px; text-align: center;}
.coupon_list .inactive_cou .cou_unit span{color: #aaa!important;}
.coupon_list .inactive_cou .cou_unit .cou_sum{color: #aaa;}
/*혜택존*/
.benefit_list{padding: 15px;}
.benefit_list .banner_unit{margin-bottom: 15px;}

/*프로필변경*/
.n_profile_wrap{width: 100%; display: inline-block; background: #fff;  box-sizing: border-box;}
.n_profile_wrap .profile_img_modify{width: 50%; margin:  30px auto; display: block}
.n_profile_wrap .profile_img_modify .img_frame{width: 120px; height:120px; margin: 0 auto; overflow: hidden; display: block; border-radius: 100%; background-color:#eee; background-repeat: no-repeat; background-size: 100%;}
.n_profile_wrap .profile_img_modify .txt_btn{text-align: center; margin-top:5px; color: #016b4c;}
.n_profile_wrap .nickname_modify{padding:20px 30px;}
.n_profile_wrap .nickname_modify .grayBlue_btn{margin-top: 30px;}
.n_profile_wrap .nickname_modify input{height: 60px; line-height: 60px; font-size: 19px;}
.nickname_modify{border-top: 1px solid #dbdbdb; padding: 15px;}
.select_img_pop{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none; top:0; left: 0;}
.select_img_pop.pop{display: inline-block;}
.select_img_pop .select_img_wrap{background: #fff; width: 70%; margin: 200px auto; display: block; border-radius:3px;}
.select_img_pop .select_img_wrap .select_list li{height: 60px; padding:0 15px; line-height:60px; font-size: 18px; border-bottom: 1px solid #ddd;}
.select_img_pop .select_img_wrap .select_list li:last-child{ border-bottom: none; text-align: center; background-color: #eaeaea;}
.select_img_pop .select_img_wrap .select_list li:first-child{font-weight: 600;}

/*검색*/
.n_search_wrap{width: 100%;display: inline-block; height: auto; }
.n_search_wrap .n_search_head{width: 100%; position: relative; display: inline-block;height: 75px;color: #111;font-weight: 600;box-sizing: content-box;font-size: 17px;border-bottom:2px solid #016b4c;padding:10px 15px; box-sizing: border-box;position: fixed;top: 0; background: #fff; z-index: 100;max-width: 720px;}
.n_search_wrap .n_search_head .search_form{width: 100%; padding:0 35px; }
.n_search_wrap .n_search_head .search_form .searching{width: 100%;border-radius: 10px; height: 53px; padding: 0 10px; font-size: 18px; font-weight: 600; box-sizing: border-box; border:1px solid #d6d6d7;}
.n_search_wrap.focus .n_search_head{position:fixed; top:0; }
.n_search_wrap.focus .n_search_pdtList{ padding-top: 7px;}
.n_search_wrap.focus .s_pdtList_swiper{display: none;}
.n_search_wrap.focus .search_pdtList{display: none;}
.n_search_wrap.focus .search_outcome{display: inline-block;padding: 0 15px; width: 100%; }
.n_search_wrap.focus .search_outcome.recently_pdt .sub_tit{padding: 10px 0 15px; float: left }
.n_search_wrap.focus .search_outcome.recently_pdt .tit_line .close_recently_pdt{padding: 10px 10px 15px; float: right; }
.n_search_wrap.focus .search_outcome.recently_pdt .tit_line .close_recently_pdt > img{width: 25px; display: inline-block; }
.n_search_wrap.focus .search_outcome ul{font-size: 18px;background: #fff; width: 100%; background: #fff; border-radius: 3px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);  box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); width: 100%; display: inline-block;}
.n_search_wrap.focus .search_outcome ul > li{width: 100%;  border-bottom: 10px solid #f3f3f3; display: inline-block; padding: 10px;}
.n_search_wrap.focus .search_outcome ul > li:last-child{border-bottom: none;}
.n_search_wrap.focus .search_outcome ul > li > a{width: 100%; height: 100%; display: inline-block;}
.n_search_wrap.focus .search_outcome ul > li > a .thumb{width: 100px;}
.n_search_wrap.focus .search_outcome ul > li > a .info_txt{margin-left: 5px; width: 60%; width: calc(100% - 110px);}
.n_search_wrap.focus .search_outcome ul > li > a .info_txt .pdt_name{font-size: 16px;}
.n_search_wrap.focus .search_outcome ul > li > a .info_txt .pdt_name strong{color: #016b4c;}
.n_search_wrap.focus .search_outcome ul > li > a .info_txt .pdt_counting{font-size: 14px; margin-top: 10px; }
.n_search_wrap.focus .search_outcome ul > li > a .info_txt .pdt_counting em{color: #016b4c }

.n_search_wrap.focus .n_search_head .back_btn{display: none; }
.n_search_wrap.focus .n_search_head .search-btn{display: none; }
.n_search_wrap .n_search_head .cancel-btn{display: none; }
.n_search_wrap.focus  .n_search_head .cancel-btn{    display: inline-block;font-size: 16px;color: #666;text-indent: 0px;overflow: auto;white-space: normal;position: absolute;top: 18px;width: 50px;height: 35px;right: 9px; border-radius: 20px; background: #efefef; }
.n_search_wrap.focus .n_search_head .search_form{padding: 0 53px 0 0}


.n_search_wrap .n_search_head  .back_btn{background: url(/images/common_icon/back_mpink.png) no-repeat;width: 40px;height: 40px; background-size:80%; cursor: pointer; font-size: 0px; display: block; position:absolute;top:20px;left: 7px; }
.n_search_wrap .n_search_head .search-btn{background: url(/images/common_icon/search_mpink.png) no-repeat; width:40px;height:40px; background-size: 80%; cursor: pointer;position: absolute; top:18px ;right: 0;}
.n_search_wrap .n_search_pdtList{margin-top: 75px; display: inline-block; width: 100%; height: 100%; overflow: hidden;}
.n_search_wrap .n_search_pdtList .s_pdtList_swiper{width: 100%; padding:0 15px; }
.n_search_wrap .n_search_pdtList .s_pdtList_swiper .swiper-wrapper{width: 100%; height: auto;}
.n_search_wrap .n_search_pdtList .s_pdtList_swiper .swiper-slide{text-align: center;font-size: 18px;background: #fff; width: 89%; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);  box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);}
.n_search_wrap .n_search_pdtList .s_pdtList_swiper .swiper-slide  .sub_tit{padding: 10px 0 5px;}
.n_search_wrap .n_search_pdtList .s_pdtList_swiper .swiper-slide ul{width: 100%; display: inline-block; padding:0 10px 20px;}
.n_search_wrap .n_search_pdtList .s_pdtList_swiper .swiper-slide ul >li{width: 100%; text-align: left; height: 40px; line-height: 40px;}
.n_search_wrap .n_search_pdtList .s_pdtList_swiper .swiper-slide ul >li > a{width: 100%; height: 100%;}
.n_search_wrap .n_search_pdtList .s_pdtList_swiper .swiper-slide ul >li > a > em{font-size: 18px;font-weight: 600;color: #016b4c;width: 30px;display: inline-block;text-align: center;}
.n_search_wrap. .n_search_pdtList .search_outcome{display: none;}


/*검색인기상품*/
.search_pdtList{background:#f2f2f2; width: 100%; padding: 0px 10px;}
.search_pdtList .tit{width: 100%; padding:0px 10px; height: 46px; background: #fff; border-bottom: 1px solid #efefef; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);}
.search_pdtList .tit p{color: #111; font-weight: 600; font-size: 18px; line-height: 45px; letter-spacing: -1px;}
.search_pdtList .tit span{color: #666; font-size: 14px; letter-spacing: -1px;line-height: 46px; }
.search_pdtList .pdt_list_wrap{width: 100%;  background: #fff;  display: inline-block;}

.search_pdtList  .pdt_list .pdt-item .wrap {position:relative; display:block; width:100%; background:#fff; border-radius:3px; padding:0; overflow:hidden; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.1); height:100%; border-bottom: 1px solid #efefef; }

/* pdt_list ingi */
.search_pdtList .pdt_list.ingi { background:#fff; }
.search_pdtList .pdt_list.ingi .pdt-item { position:relative; display:block; background:#fff; margin-bottom:0; float:none; width:100%; border:none; padding:0; }
.search_pdtList .pdt_list.ingi .pdt-item .wrap.icon_click:after { position:absolute; top:0; left:0; padding:5px 10px; background:#333; color:#fff; content:'클릭한상품'; opacity:0.5; display:none; }
.search_pdtList .pdt_list.ingi .pdt-item .ico_seq { position:absolute; left:10px; top:10px; width:30px; height:30px; line-height:30px;  text-align:center; color:#fff; z-index:1; font-weight:bold; background: rgba(0,0,0,0.3); }
.search_pdtList .pdt_list.ingi .pdt-item .ico_seq.top1{background: rgb(75, 129, 254);  height:33px; line-height:14px;}
.search_pdtList .pdt_list.ingi .pdt-item .ico_seq > strong{font-weight: 100;  display: block;  font-size: 11px;}
.search_pdtList .pdt_list.ingi .pdt-item .ico_seq.top3{background: rgba(129, 167, 255, 0.8); }

.search_pdtList .pdt_list.ingi .pdt-item .ico_seq > span{position: relative;  font-size: 15px;}

.search_pdtList .pdt_list.ingi .pdt-item .pdt_img { position:relative; display:block; width:8em; height:9em; min-height:112px;/*background-image:url('<?=IMG_HTTP;?>/images/new/no_image.png');*/ background-size:cover; background-position:center center;  /*text-align: center; margin:0 auto;*/ margin:10px; float:left; border-bottom: 0px; }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_info { position:absolute; left:0; top:0; width:100%;  padding:10px 10px 10px 9.5em; }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_name { display:block; width:100%; max-height:60px; font-size:16px; font-weight: 400; color:#181818;  padding-right:0; overflow:hidden;line-height: 20px; letter-spacing: -1px;/*text-overflow:ellipsis; white-space:nowrap;*/ }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_summary { margin-top:0; color:#9B9B9B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0px; line-height: 21px; }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_link { margin-top:5px; text-decoration:underline; }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_price { margin-top:0; position:relative; display: block; width:100%; height:auto; }

.search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_price .dc {width: auto;font-size: 18px;font-weight: 600;color: #016b4c;float: left;margin-right: 5px;}
.search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_price .rate { position: absolute; top:0; left:0; width:65px; color:#FB8484; font-size:30px; font-weight:bold; line-height:50px; overflow: hidden; white-space:nowrap; }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_price .rate.txt { font-size:20px; padding-top:5px; text-align: center; }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_price .ori {  position:absolute; top:7px; left:80px; text-decoration:line-through; color:#343434; font-size:12px; }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_price .sale {  position:relative; top:0; left:0; color:#111; font-size:18px; font-weight:bold;float: left; }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_icon { position:absolute; right:14px; bottom:10px; background:#FC7546; border-radius:50%; height:65px; width:65px; text-align: center; padding:14px 3px; overflow: hidden; color:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.15); }
.search_pdtList .pdt_list.ingi .pdt-item .pdt_icon em { color:#FEFE00; }
.search_pdtList .pdt_list.ingi .pdt-item .info_icon > * {color: #3597ff;  font-weight: normal;  margin-right: 5px;  padding: 0 5px;  font-size: 12px; background: #ffffff;  border: 1px solid #3597ff;
    display: inline-block; margin-top: 10px;}
@media only screen and (max-width:359px) {
    .search_pdtList .pdt_list.ingi .pdt-item .pdt_img { width:8em; height:9em; }
    .search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_name { font-size:15px; }
    .search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_summary{font-size: 13px;}
}
@media only screen and (min-width:619px) {
    .search_pdtList .pdt_list.ingi .pdt-item .pdt_img { width:15em; height:16em; }
    .search_pdtList .pdt_list.ingi .pdt-item .pdt_info { padding:10px 5px 10px 17em; }
    .search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_name { font-size:20px;line-height: 34px;  }
    .search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_summary{font-size: 16px; line-height: 20px;}
    .search_pdtList .pdt_list.ingi .pdt-item .pdt_info .pdt_price .sale { font-size:20px; }
    .search_pdtList .pdt_list.ingi .pdt-item .info_icon > *{font-size: 14px;}
}

.search_pdtList .pdt_list .pdt-item .wrap {position: relative;}
.search_pdtList .pdt_list .pdt-item .wish_wrap{position: absolute!important;  width: 40px; height: 40px; margin-right: 10px;right: 10px; top: 90px;}
.search_pdtList .pdt_list .pdt-item .wish_wrap>div{width: 40px; height: 40px; border:1px solid #EAEAEA; border-radius: 100%; text-align: center;}
.search_pdtList .pdt_list .pdt-item .wish_wrap i{font-size: 19px; color: #aaa; line-height: 41px;}
.search_pdtList .pdt_list .pdt-item .time_wrap { text-align:center; border-top:1px solid #E5E5E5; margin:5px; padding:3px 5px 0; height:27px; }
.search_pdtList .pdt_list .pdt-item .time_wrap img { vertical-align:text-bottom; padding-bottom:1px; width:14px; }


.search_pdtList .order_info { padding:0.5em; text-align: center; margin:1.5em 0; }


/*나의 당첨내역*/
.event_gift_wrap.gray_bg{padding: 0px; height: auto;}
.event_gift_wrap .new_event_gift_list .e_box{background: #fff; border-radius: 5px;    overflow: hidden;}
.event_gift_wrap .new_event_gift_list .e_box a.open{background: #f5fbff;color: #016b4c; text-align: unset;}
.event_gift_wrap .new_event_gift_list .e_box a.open span{position: relative; width: 95px;display: block; margin: 0 auto}
.event_gift_wrap .new_event_gift_list .e_box a.open span:before{background:url('https://img.mysdis.co.kr/images/common_icon/down_arrow_blue.svg') no-repeat; width: 17px; top:10px; right: 0px;}
.event_gift_wrap .new_event_gift_list .e_box a.close{background: #f5fbff;color: #016b4c;text-align: unset;}
.event_gift_wrap .new_event_gift_list .e_box a.close span{position: relative; width: 56px;display: block; margin: 0 auto;}
.event_gift_wrap .new_event_gift_list .e_box a.close span:before{background:url('https://img.mysdis.co.kr/images/common_icon/up_arrow_blue.svg') no-repeat; width: 17px; top:11px; right: 0px;}

/*오늘의 인기상품*/
.event_gift_wrap .gift_recom_pdt{width: 100%;display: inline-block;box-sizing: border-box;padding: 15px; background: #fff; margin-top: 10px;border-radius: 5px; overflow: hidden;}
.event_gift_wrap .gift_recom_pdt .recom_pdt_list{height: auto; overflow: unset;}
.event_gift_wrap .gift_recom_pdt .swiper-wrapper{height: auto}
.event_gift_wrap .gift_recom_pdt .recom_pdt_list .swiper-slide{height: auto; float:left; text-align: left;}

/*포토후기 상세*/
.photo_detailWrap{width: 100%; height: 100%; background: #2a2a2a; color: #fff;display: inline-block; position: relative; overflow: hidden}
.photo_detailWrap .photo_detail_head{width: 100%; height: 50px; position: absolute; top:0; z-index: 1000; color: #fff; padding: 15px;}
.photo_detailWrap .photo_detail_head .all_album{width: 24px; height: 24px;  display: inline-block; background: url(https://img.mysdis.co.kr/images/common_icon/album_icon.svg) no-repeat; font-size: 0px;}
.photo_detailWrap .photo_detail_head .album_close{width: 20px; height: 20px;  display: inline-block; background: url(https://img.mysdis.co.kr/images/common_icon/close_white.svg) no-repeat;  font-size: 0px;}
.photo_detailWrap .photo_detail_container{width: 100%; height: 100%;overflow: hidden }
.photo_detailWrap .photo_detail_container .swiper-slide{width: 100%; height: 100%;}
.photo_detailWrap .photo_detail_container .swiper-slide .re_img_wrap{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents{position: absolute; bottom: 0; width: 100%;overflow-x:hidden; overflow-y: auto;background:rgba(0,0,0,.7); z-index: 1000; color: #fff;padding:20px 15px;	transition: all ease 0.5s; }
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .txt_review.hidden{display: none;}

.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option{width: 100%; margin: 15px 0; color: #fff;}

.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option > p{font-size: 14px; color: #fff;}

.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option > p.more_option > i{width: 13px; height: 13px; display:inline-block; background: url(https://img.mysdis.co.kr/images/common_icon/down_arrow_gray.svg) no-repeat;}

.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option > p.more_option > i.open{ background: url(https://img.mysdis.co.kr/images/common_icon/up_arrow_gray.svg) no-repeat;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option > p.another_option{display: none;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option > p.another_option.show{display: inline-block;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .review_grade > span{font-size: 14px;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .nick_date{font-size: 14px; margin-top: 5px; color: #fff;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url(https://img.mysdis.co.kr/images/common_icon/next_arrow_white.svg);}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url(https://img.mysdis.co.kr/images/common_icon/prev_arrow_white.svg);}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents > i.arrow{width:20px; height:20px; display: inline-block; position: absolute; top:10px; right: 10px; background:url(https://img.mysdis.co.kr/images/common_icon/down_arrow_gray.svg) no-repeat;	transition: all ease 0.5s;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents > i.arrow.rotate{ transform: rotate(180deg);}


.photo_album_container{width: 100%;background: #212121;box-sizing: border-box;height:100%;display: inline-block;}
.photo_album_container .photo_album_thumnail_list{position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 64px;
    background: #212121;
    overflow-y: auto;
    padding: 0 20px 0 10px;}
.photo_album_container ul li .thumbnail{margin-left: 10px;
    float: left;
    width: calc(33.3% - 10px);
    padding: 18.5% 0;
    margin-bottom: 10px;     background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    position: relative;}



/*텍스트후기 상세페이지*/
.photo_detailWrap .photo_detail_container{width: 100%; height: 100%;overflow: hidden }
.photo_detailWrap .photo_detail_container .swiper-slide{width: 100%; height: 100%;}
.photo_detailWrap .photo_detail_container .swiper-slide .re_img_wrap{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents{position: absolute; bottom: 0; width: 100%;overflow-x:hidden; overflow-y: auto;background:rgba(0,0,0,.7); z-index: 1000; color: #fff;padding:20px 15px;	transition: all ease 0.5s; }
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .txt_review.hidden{display: none;}

.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option{width: 100%; margin: 5px 0; color: #fff;}

.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option > p{font-size: 14px; color: #fff;}

.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option > p.more_option > i{width: 13px; height: 13px; display:inline-block; background: url(https://img.mysdis.co.kr/images/common_icon/down_arrow_gray.svg) no-repeat;}

.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .opt ion > p.more_option > i.open{background: url(https://img.mysdis.co.kr/images/common_icon/up_arrow_gray.svg) no-repeat;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option > p.another_option{display: none;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .option > p.another_option.show{display: inline-block;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .review_grade > span{font-size: 14px;}
.photo_detailWrap .photo_detail_container .swiper-slide  .re_info_contents .nick_date{font-size: 14px; margin-top: 5px; color: #fff;}
.photo_detailWrap .photo_detail_container .re_info_contents .review_btn_wrap{width: 100%;position: relative;bottom: 0;display:inline-block;margin-top: 10px;}
.photo_detailWrap .photo_detail_container .re_info_contents .review_btn_wrap .pdt_info{width: 100%; position: relative; bottom: 0; width: calc(100% - 65px); padding: 7px; border: 1px solid #fff; border-radius: 5px; z-index: 100}
.photo_detailWrap .photo_detail_container .re_info_contents .review_btn_wrap .pdt_info .thumb{width: 55px; height: 50px; display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center; margin-left: 0px;}
.photo_detailWrap .photo_detail_container .re_info_contents .review_btn_wrap .pdt_info  .txt_info{width: 50%; width: calc(100% - 60px) ; display: inline-block;}
.photo_detailWrap .photo_detail_container .re_info_contents .review_btn_wrap .pdt_info  .pdt_name.txt_over{width: 100%;  display: inline-block;}
.photo_detailWrap .photo_detail_container .re_info_contents .review_btn_wrap .pdt_info span{font-size: 14px; color: #fff; display: block; margin-left: 5px;}
.photo_detailWrap .photo_detail_container .re_info_contents .review_btn_wrap .like_btn{width:60px; height: 65px;border: 1px solid #fff;display: inline-block;color: #fff;padding: 10px;border-radius: 5px;}
.photo_detailWrap .photo_detail_container .re_info_contents .review_btn_wrap .like_btn > i{font-size: 17px;  margin-right: 5px; color: #fff;}
.photo_detailWrap .photo_detail_container .re_info_contents .review_btn_wrap .like_btn > i.fa.fa-heart{color: #016b4c;}

/*간편결제*/
.easyCard_modify{width: 100%; height: 100%; background: #efefef;  box-sizing: border-box; text-align: center;}
.easyCard_modify .card_none{width: 100%; height: auto; background: #fff;padding-top: 55%;  box-sizing: border-box; text-align: center;}
/*.easyCard_modify .card_none{width: 100%; height: auto; background: #efefef;padding-top: 55%;  box-sizing: border-box; text-align: center;}*/
.easyCard_modify .card_none .card_icon{width: 20%; margin-bottom: 11px;}
.easyCard_modify .card_none > p{font-size: 17px;}

.easyCard_modify  .card_list{padding: 50px 0px 0; }
.easyCard_modify  .card_list .card_icon{width: 20%; margin-bottom: 11px;}
.easyCard_modify  .card_list  > p{font-size: 17px;}
.easyCard_modify  .card_list .easyCard_list { width: 100%; display: inline-block; border-top: 1px solid #ddd; margin-top: 20px; }
.easyCard_modify  .card_list .easyCard_list > li{width: 100%; height: 60px;  display: inline-block; background: #fff; border-bottom: 1px solid #ddd; padding:0px 15px;background: #fff;margin: -2px 0;}
.easyCard_modify  .card_list .easyCard_list > li > input[type="radio"]{background: url(/images/order_icon.svg) 1px top no-repeat; height: 24px;
    width: 30px; background-size: cover; display: inline-block;margin-right: 0px; margin-top: 18px;float: left;}
.easyCard_modify  .card_list .easyCard_list > li > input[type="radio"]:checked{background: url(/images/order_icon.svg) -34px top no-repeat; background-size: cover;}
.easyCard_modify  .card_list .easyCard_list > li > .radio_label{font-size: 16px;color: #222;font-weight: 600;height: 60px;line-height: 60px; letter-spacing: -0.5px;}
.easyCard_modify  .card_list .easyCard_list > li .delete_btn {margin-top: 14px;}
.easyCard_modify  .card_list .easyCard_list > li .delete_btn > i{width:30px; height:30px; display: inline-block;  background: url(https://mysdis.co.kr/images/new/icon_close.png) no-repeat; background-size: 55%; background-position: center; }

.easyCard_register_btn{width: 100%; height: 55px; background-color: #016b4c; color: #fff; font-size: 20px; text-align: center; position: fixed; left: 0; bottom: 0; max-width: 720px;}
.easyCard_register_btn { position:fixed; bottom:0; left:0; width:100%; border-radius:0; z-index:9; margin:0; }
@media only screen and (min-width:719px) {
    .easyCard_register_btn{left: 50%; margin-left: -360px;}
}


/*간편결제 등록*/
.easyCard_register{width: 100%; height: auto; background:#fff; padding:15px 10px 70px; box-sizing: border-box}
/*.easyCard_register{width: 100%; height: auto; background:#efefef; padding:15px 10px 70px; box-sizing: border-box}*/
.easyCard_register .subtit{font-size: 17px; color: #222;  margin: 10px 0;}
.easyCard_register .input_table{background: #fff;border: 1px solid #ddd;box-sizing: border-box}
.easyCard_register .input_table .line{padding: 10px 15px;border-bottom: 1px solid #ddd;}
.easyCard_register .input_table .form_label{font-size: 18px;letter-spacing: -1px;margin-bottom: 10px;}
.easyCard_register .input_table  .radio_unit{margin-right: 10px; display: inline-block; }
.easyCard_register .input_table  .radio_unit .radio_label{font-size: 17px;color: #222;font-weight: 600; float: left }

input::placeholder{color: #aaa; font-weight: 400;}
.easyCard_register .input_table input[type="radio"]{background: url(/images/order_icon.svg) 1px top no-repeat;
    background-size: cover; height: 24px;width: 30px;display: inline-block; margin-right: 0px; float: left}
.easyCard_register .input_table input[type="radio"]:checked {background: url(/images/order_icon.svg) -34px top no-repeat;
    background-size: cover; height: 24px;width:30px;display: inline-block;  float: left}
.easyCard_register .input_table input[type="number"]{border: none; font-size: 18px; font-weight: 600; text-align: center}
.easyCard_register .input_table .card_num {display: flex;justify-content: center;}
.easyCard_register .input_table .card_num > input{width:calc(100%/4 - 17px);border: none; font-size: 18px; font-weight: 600; height: 40px; float: left}
.easyCard_register .input_table .card_num > span{height: 40px;margin: 0 4px;display: inline-block;line-height: 36px; font-size: 19px; float: left}
.easyCard_register .input_table .half_line{ width: 50%;border-right: 1px solid #ddd;height: 100%;display: inline-block; padding: 10px 15px; box-sizing: border-box; float: left;}
.easyCard_register .input_table .half_line .half_line_cont {display: flex;justify-content: center;}
.easyCard_register .input_table .personal_card > div{display: flex;}
.easyCard_register .input_table .business_card > div{display: flex;}
.easyCard_register .input_table .date input{width: calc(100%/2 - 8px); height: 40px; float: left;}
.easyCard_register .input_table .birthday input{width: 100%;text-align: left;height: 40px;}
.easyCard_register .input_table .personal_card > div.card_pass {display: flow-root;}
.easyCard_register .input_table .card_pass input{width: 100%;text-align: left;height: 40px;}
.easyCard_register .input_table .date > span{font-size: 24px;float: left;}
.easyCard_register .input_table .business_card .date .date_wrap{display: flex;justify-content: start;}
.easyCard_register .input_table .business_card > div.business_num {display: flow-root;}
.easyCard_register .input_table .business_card .business_num_wrap {display: flex;}
.easyCard_register .input_table .business_card .business_num_wrap > span{height: 40px;margin: 0 4px;display: inline-block;line-height: 36px;font-size: 19px;float: left;}
.easyCard_register .input_table .business_card .business_num_wrap input[type="number"]{display: flex;width:calc(100%/3 - 17px);height: 40px;line-height:40px}

.easyCard_register .terms_agree  input[type="checkbox"]{background: url(/images/order_icon.svg) 1px top no-repeat; background-size: cover;
    height: 24px;width: 30px; display: inline-block;margin-right: 0px; float: left}

.easyCard_register .terms_agree input[type="checkbox"]:checked{background: url(/images/order_icon.svg) -34px top no-repeat; background-size: cover;
    height: 24px; width:30px; display: inline-block; float: left}

.easyCard_register .terms_agree{background: #fff;border: 1px solid #ddd;box-sizing: border-box; margin-top: 10px;display:flex;flex-flow: column;}
.easyCard_register .terms_agree .line{padding: 10px 15px;border-bottom: 1px solid #ddd;}
.easyCard_register .terms_agree .agree_check{ font-size: 16px;letter-spacing: -1px;font-weight: 600; padding-top: 2px; float: left;}
.easyCard_register .terms_agree .line > p{letter-spacing: -1px;}
.easyCard_register .input_table .business_num > input{width: 30%; width:calc(100%/3 - 12px);border: none; font-size: 18px; font-weight: 600;height: 40px; float: left;}
.easyCard_register .input_table .business_num > span{height: 40px;margin: 0 4px;display: inline-block;line-height: 36px; font-size: 19px;height: 40px; float: left;}


.easyCard_register_submit{width: 100%; height: 55px; background-color: #016b4c; color: #fff; font-size: 20px; text-align: center; position: fixed; left: 0; bottom: 0; max-width: 720px;}
.easyCard_register_submit { position:fixed; bottom:0; left:0; width:100%; border-radius:0; z-index:9; margin:0; }
@media only screen and (min-width:719px) {
    .easyCard_register_submit{left: 50%; margin-left: -360px;}
}



/*20191030 1:1문의내역 수정 - 이철원*/

.gray_bg_qna{background: #E8E8E8; width: 100%;  padding: 0; height: 100%; min-height: 400px;}

.qna_time_2019{width: 100%; height: 100%; background: #fff; padding:10px 25px; overflow: hidden; border-radius: 10px;}
.qna_time_2019 .sub_tit{padding-bottom: 5px; padding-top: 0;}


.step_info{width: 100%; height: 100%; background: #fff; padding:15px 25px; overflow: hidden; border-radius: 10px;}

.step_info .sub_tit{padding-top: 0; padding-bottom: 5px;}
.step_info_box{float: left; text-align: center; position: relative; margin-right: 14%; width: 24%;}
.last_box{margin-right: 0%;}
.step_info_box:after{
    content: '';
    position: absolute;
    width: 26px;
    height: 20px;
    background:url("https://img.mysdis.co.kr/images/common_icon/arrow_qna_icon.png") 0 0 no-repeat;
    background-size: cover;
    top:48%;
    right:-36px;
}
.last_box:after{
    content: '';
    width:0;
    height: 0;
}
.step_info_box .step_icon1{width: 48px; height: 48px; margin: 10px auto 0 auto; background:url("https://img.ifda.kr/images/common_icon/qna_icon_01.png") 0 0 no-repeat; background-size: cover;}
.step_info_box .step_icon2{width: 48px; height: 48px; margin: 10px auto 0 auto; background:url("https://img.ifda.kr/images/common_icon/qna_icon_02.png") 0 0 no-repeat; background-size: cover;}
.step_info_box .step_icon3{width: 48px; height: 48px; margin: 10px auto 0 auto; background:url("https://img.ifda.kr/images/common_icon/qna_icon_03.png") 0 0 no-repeat; background-size: cover;}
.step_info_box p{width: 100%; background: #ff3c64; border-radius: 35px; padding: 3px 12px; color:#fff; font-size: 15px;}
.step_info_box span{width: 100%; margin-top: 8px; display:inline-block; font-size: 17px;}



.noti_blue_2019{font-size: 13px; width: 100%; color:#03408E; clear: both; display:inline-block; line-height: 20px; border-radius: 10px; margin-top: 10px;}
.noti_blue_2019 >i.noti_blue_icon_2019{background:url(https://img.mysdis.co.kr/images/common_icon/noti_blue.svg) no-repeat; width: 15px; height: 15px; display: inline-block; background-size: 100%;position: relative; top:4px; }
.noti_blue_2019 span{float: right; width: 93%; line-height: 20px; padding-left: 10px;}

/*미디어쿼리*/
@media(max-width:380px){
    .step_info_box p{font-size: 14px;}
    .step_info_box .step_icon1, .step_info_box .step_icon2, .step_info_box .step_icon3{width: 44px; height: 44px;}

}

@media(max-width:330px){
    .step_info_box p{font-size: 10px;}
    .step_info_box span{font-size: 14px;}
    .step_info_box:after{
        top:40%;
        right:-30px;
    }
    .step_info_box .step_icon1, .step_info_box .step_icon2, .step_info_box .step_icon3{width: 40px; height: 40px;}
    .noti_blue_2019 span{font-size: 12px;}

}



.faq.content,.notice.content{margin-top: 55px;}

.point_view .all_point{margin-top: 55px;}
/*사용가능한 적립금*/
.point_view .all_point{padding:75px 20px 15px 20px;background: #F8F8F8; text-align: center}
.point_view .all_point .point_num{font-size: 33px; color: #016b4c; font-weight: bold; }
.point_view .all_point .point_num > span{font-size: 27px; font-weight:300}
.point_view .all_point p{color: #4E4E4E;}
/*적립예정금액*/
.point_view .behind_point{padding: 12px 30px; width: 100%; height:45px; color:#444; font-size: 16px; display: inline-block;}

/*적립내역*/
.point_view .point_view_list{background: #efefef;}
.point_view .point_view_list h3{height: 30px;background: #efefef;padding: 0px 20px;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e3e3e3;color:#454545;font-weight: 500;font-size: 15px;line-height: 30px;}
.point_view .point_view_list li{width: 100%; height: 70px; padding:10px 0;margin-bottom: 6px; background: #fff;}
/*.point_view .point_view_list li:last-child{margin-bottom: 0px;}*/
.point_view .point_view_list .more_btn2{width: 100%; padding: 10px;}
.point_view .point_view_list .more_btn2 > button {width: 100%; height:50px; background: #fff; border-radius: 5px; font-size: 16px; color: #555;}
.point_view .point_view_list .more_btn2 > button i{background: url(/images/ex_plus.png) no-repeat;width: 15px;height: 15px;display: inline-block;background-size: 100%; margin-left: 5px; }

/*아이콘버튼 블루*/
.point_view .point_view_list .more_btn2 > button.lineblue_icon_btn{width: 100%; height: 60px; background: #fff;color: #016b4c;font-weight: 600; letter-spacing: -1px; font-size: 17px; border-radius: 5px;border:1px solid #cccccc;  text-align: center; line-height:60px; }
.point_view .point_view_list .more_btn2 > button.lineblue_icon_btn > i{width: 15px; height: 15px; display: inline-block; background: url(https://img.mysdis.co.kr/images/common_icon/round_add_blue.svg) no-repeat;}

/*적립 상태*/
.point_view .point_view_list li .state_box{width: 110px; padding-right: 10px; margin:5px 10px; border-right: 1px solid #efefef;}
.point_view .point_view_list li .state_box .state{width: 35px; height: 35px; border: 1px solid #e7e7e7; border-radius: 100%; text-align: center; line-height: 35px; margin: 0 auto;}
.point_view .point_view_list li .state_box .amount{text-align: center; font-size: 14px;}
/*적립확정 상태 컬러*/
.point_view .point_view_list li .state_box.green{color: #0FA485;}
.point_view .point_view_list li .state_box.green .amount{color: #0FA485;}
.point_view .point_view_list li .state_box.green .state{border: 1px solid #0FA485; color: #0FA485;}
/*적립사용 상태 컬러*/
.point_view .point_view_list li .state_box.red{color: #ff3c77;}
.point_view .point_view_list li .state_box.red .amount{color:  #ff3c77;}
.point_view .point_view_list li .state_box.red .state{border: 1px solid #ff3c77; color: #ff3c77;}

/*적립 상세 정보*/
.point_view .point_view_list li .info_box{padding: 0 5px;}
.point_view .point_view_list li .info_box .date{font-size: 13px; color: #b3b3b3;}
.point_view .point_view_list li .info_box .txt{font-size: 16px; color: #333;}
.point_view .point_view_list li .info_box .detail{font-size: 14px; color: #676767;}