@charset "utf-8";
/* CSS Document */


.mypage_zone_tit{margin:0 0 0 0; padding:0 0 10px 0; font-size:16px;}
.mypage_zone_tit h3{display:inline-block; font-size:20px; font-weight:bold; color:#333;}
.mypage_zone_tit h4{font-size:16px;}
.mypage_zone_tit span{padding:0 0 0 5px; color:#777777; font-size:12px; font-weight:normal;}
.mypage_shipping .mypage_zone_tit h3{display:inline-block;}
.mypage_shipping .mypage_zone_tit .pick_list_num{display:inline-block;}

.pick_list_num{display:block; padding:20px 0 10px 0; font-size:14px;}
.pick_list_num strong{color:#323437;}
.pick_list_day{display:block; padding:20px 0 10px 0; font-size:14px;}


/* 동록된 게시글 없음 */
#wrap .no_data{padding:50px 30px 50px 30px; /*border-bottom:1px solid #dbdbdb;*/ text-align:center;}


/* 1:1 문의 조회기간 영역 */
.date_check_box{margin:0 0 35px 0; padding:20px 20px 20px 30px; border:3px solid #eeeeee;}
.date_check_box:after{display:block; clear:both; content:"";}
.date_check_box h3{float:left; padding:6px 15px 0 0; color:#777777; font-size:13px;}
.date_check_list{float:left; padding:0 10px 0 0;}
.date_check_list button{float:left; width:54px; height:31px; margin:0 0 0 -1px; color:#777777; font-size:12px; border:1px solid #d6d6d6;}
.date_check_list button:hover,
.date_check_list button.on{color:#ffffff; background:#aeaeae;}
.date_check_calendar{position:relative; float:left; width:30.5%;z-index:1}
.date_check_calendar .anniversary{width:45%; background:url('/assets/img/member/icon_calendar.png') no-repeat right center;}
/*tui-datepicker 출력을 위한 hslee 수정 */
.date_check_calendar .date_input_wrapper{display:inline-block; width: 100px;}
.date_check_calendar .date_input_wrapper input{width:100%;}
#containerStartDate ,#containerEndDate{position:relative;z-index:9999;}
/* 자주묻는 질문 검색 */
.date_faq_list{display:inline-block; width:70%;}
.date_faq_list h2{padding:0 0 10px 0;}
.date_faq_list input[type="text"]{width:70%;}
.date_faq_txt{display:inline-block; padding:10px 0 10px 50px; border-left:1px solid #dbdbdb;}
.date_faq_txt strong{display:block; padding:0 0 10px 0;}

.fc_delivery_finish{color:#323437 !important;}/* 배송완료 */
.fc_refund_finish{color:#323437 !important;}/* 환불완료 */

.mypage_main,
.mypage_cont{padding:0 0 50px 0;}


/* ------------- 기본 게시판 테이블 리스트  ------------- */
.board_list_table{width:100%; margin:0 0 20px 0; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #3c3c3c; text-align:center;}
.board_list_table th{padding:10px 10px 10px 14px; border-bottom:1px solid #dbdbdb; background:#fbfbfb;}
.board_list_table td{padding:13px 10px 15px 10px; border-bottom:1px solid #dbdbdb;}
/* 게시판 이미지 */
.board_list_table .board_img{overflow:hidden; position:relative; text-align:center; border:1px solid #ebebeb;}
.board_list_table .board_img a{display:table-cell; height:100%; vertical-align:middle;}
/* 게시판 제목 */
.board_list_table .board_tit{text-align:left; vertical-align:middle;}
.board_list_table .board_tit strong{font-weight:normal;}
.board_list_table .board_tit strong > span{color:#323437;}
.board_list_table .board_tit.on strong{font-weight:bold;}
.board_list_table .board_tit img{margin:0 2px 0 2px; vertical-align:middle;}
/* 게시판 제목 답글 */

.board_list_table .board_tit .reply{margin:0 0 0 15px; padding:0 0 0 20px; background:url("/assets/img/icon/board/icon_comment_reply.png") no-repeat 8px 4px;}


/* ------------- 테이블 공통(텍스트 센터 기본) ------------- */
.mypage_table_type{position:relative;}
.mypage_table_type .td_left{text-align:left;}
.mypage_table_type table,
.mypage_lately_info table {width:100%; border:0; border-spacing:0; border-collapse:collapse; text-align:center;}
.mypage_table_type th,
.mypage_lately_info th {padding:9px 10px 10px 10px; border-top:1px solid #999999; border-bottom:1px solid #dbdbdb; background:#f7f7f7;}
.mypage_table_type td,
.mypage_lately_info td {height:31px; padding:15px 10px 14px 10px; color:#9a9a9a; border-bottom:1px solid #dbdbdb; /*border-left:1px dotted #ededed;*/}
.mypage_table_type td.col333{color:#333;}
.mypage_table_type.order_list td{color:#333; letter-spacing: -0.5px;}
.mypage_table_type.order_list .order_DayNum{line-height: 1.67;}
.mypage_table_type.order_list .order_DayNum a{color:#333; text-decoration:underline;}
.mypage_table_type.order_list td{border-right:1px solid #dbdbdb;}
.mypage_table_type.order_list td:last-child{border-right:none;}

.mypage_table_type td > strong{color:#000;}
.mypage_table_type td > strong del { color: #999; }
.mypage_table_type .btn_down_box{}
.mypage_table_type th .form_element{vertical-align:middle;}
.mypage_table_type .text_info{display:block; padding:2px 0 2px 0; color:#999999; font-size:11px;}
.mypage_table_type .coupon_price{color:#333333; font-size:14px;}
.mypage_table_type .coupon_price b{padding:0 2px 0 0; font-size:16px;}
.mypage_table_type .row_line td{border-bottom:1px solid #ebebeb;}
.mypage_table_type table td.order_day_num{border-right:1px dotted #ededed; border-bottom:1px solid #dbdbdb;}/* 날짜/주문번호 */
.mypage_table_type .btn_claim > span{display:inline-block; margin:7px 0 0 0;}

.table-coupon { table-layout: fixed; }
.mypage_lately_info .table-coupon th { border-top-width: 0; }
.table-coupon__used .coupon_date_day {
    display: block;
    width: auto;
}
/* 상품 리스트 */
/*.mypage_table_type .form_element{margin:0 0 0 20px;}
.mypage_table_type .form_element label > .pick_add_cont{margin:0 0 0 30px;}*/
/* 상품 리스트 이미지 + 내용 */
.mypage_table_type .pick_add_cont{position:relative; }
.mypage_table_type .pick_add_cont .pick_add_img{width:76px; height:76px; border:1px solid #dbdbdb; overflow:hidden; display:inline-block; vertical-align:middle;}
.mypage_table_type .pick_add_cont .pick_add_img{width:50px; height:50px; vertical-align:top;}
.mypage_table_type .pick_add_cont .pick_add_img div{display:table; height:100%;}
.mypage_table_type .pick_add_cont .pick_add_img div a{display:table-cell; vertical-align:middle;}
.mypage_table_type .pick_add_cont .pick_add_img div img{max-width:100%; height:auto; vertical-align:middle;}
.mypage_table_type .pick_add_cont .pick_add_info{display:inline-block; vertical-align:middle; word-break:break-all;}
.mypage_table_type .pick_add_cont .pick_add_img + .pick_add_info{width:calc(100% - 98px); padding:0 0 0 15px;}
.mypage_table_type .pick_add_cont .pick_add_info em{display:block; color:#9a9a9a; font-weight:bold;}
.mypage_table_type .pick_add_cont .pick_add_info a em{display:block; color:#333333; font-weight:bold;}
.mypage_table_type .pick_add_cont .pick_add_info a em img:first-child{margin-right:8px;}
.mypage_table_type .pick_add_cont .pick_add_info .icon_exclamationmark{font-size:12px; letter-spacing:-0.5px; color:#e90606; background:url('/assets/img/icon/order/cart_icon_alert.png') left center no-repeat; padding-left:18px; margin-bottom:2px;}
.mypage_table_type .pick_add_cont .text_type_cont{display:block; padding:3px 0 3px 0; color:#a9a9a9; font-size:11px; line-height:1;}
.mypage_table_type .pick_add_cont .pick_add_plus{display:inline-block; margin:15px 10px 0 0; padding:1px 5px 3px 5px; color:#ffffff; font-size:11px; background:#959595;}
.mypage_table_type .order_num_link{color:#329cff; font-weight:bold; border-bottom:1px solid #329cff;}
.mypage_table_type em + .btn_gray_list,
.mypage_table_type strong + .btn_gray_list{margin:5px 0 0 0;}
.mypage_table_type .exchange_add_info { background-color: #337ab7; display : inline; color: #ffffff; white-space : nowrap; font-weight : bold; line-height : 1; vertical-align: baseline; text-align : center; font-size: 11px; padding: 2px;}
.mypage_table_type .btn_answer_ing{display:inline-block; padding:0 5px 0 4px; border:solid 1px #979797; font-size:11px; letter-spacing:-0.27px; text-align:center; color: #848484; line-height:18px;}
.mypage_table_type .btn_answer_comp{display:inline-block; padding:0 5px 0 4px; border:solid 1px #666666; background:#666666; font-size:11px; letter-spacing:-0.27px; text-align:center; color: #fff; line-height:18px;}
.mypage_table_type .btn_white[data-action="CANCEL_ALL"] {display:none; min-width:67px; border:solid 1px #3d3d3d; font-size:12px; color:#333; letter-spacing:-0.5px; text-align:center; line-height:32px; box-sizing: border-box; margin:4px auto 0; padding:0 5px;}
.mypage_table_type .btn_black{display:block; width:67px; border:solid 1px #3a3a3a; background:#3a3a3a; font-size:12px; color:#fff; letter-spacing:-0.5px; text-align:center; line-height:32px; box-sizing: border-box; margin:4px auto 0;}
.mypage_table_type .btn_gray{display:block; width:67px; border:solid 1px #eee; background:#eee; font-size:12px; color:#3a3a3a; letter-spacing:-0.5px; text-align:center; line-height:32px; box-sizing: border-box; margin:4px auto 0;}
.mypage_table_type .btn_white:first-child,
.mypage_table_type .btn_black:first-child,
.mypage_table_type .btn_gray:first-child{margin-top:0;}
.mypage_table_type .goods_option{position:relative; margin-top:2px;}
.mypage_table_type .goods_option > div{margin-top:10px; padding-left:16px;}
.mypage_table_type .goods_option > div:first-child{margin-top:0;}
.mypage_table_type .goods_option > div.icon_re{position:relative;}
.mypage_table_type .goods_option > div.icon_re:after{content:''; position:absolute; top:3px; left:3px; width:7px; height:7px; border-left:solid 1px #a2a2a2; border-bottom:solid 1px #a2a2a2;}
.mypage_table_type .goods_option > div span{font-size:12px; line-height: 1.67; letter-spacing: -0.43px; color: #333; border-left:solid 1px #d8d8d8; padding-left:4px; margin-left:4px;}
.mypage_table_type .goods_option > div span:first-child{padding-left:0; margin-left:0; border-left:none;}
.mypage_table_type .goods_option > div span strong{margin-right:4px;}
.mypage_table_type .goods_option > div dl:after{content:''; display:block; clear:both;}
.mypage_table_type .goods_option > div dl > *{float:left; font-size:11px; line-height: 1.82; letter-spacing: -0.4px; color: #333;}
.mypage_table_type .goods_option > div dl > dt{width:89px; font-weight:bold;}

/* 상품 체크박스 */
.mypage_table_type .td_chk .form_element label.check_s{padding: 0 0 0 5px;}
.mypage_table_type .td_chk{vertical-align:top;}

/* left type */
.mypage_table_type .table_left{border-top:1px solid #999999;}
.mypage_table_type .table_left th{padding:15px 10px 14px 25px; border-top:none 0; background:#f7f7f7; text-align:left;}
.mypage_table_type .table_left th .important{background:url('/assets/img/member/icon_dot_03.png') no-repeat 0 center; padding-left:10px; margin-left:-10px;}
.mypage_table_type .table_left td{height:31px; padding:12px 10px 11px 15px; text-align:left;}
.mypage_table_type .table_left textarea{width:95%;}
.mypage_table_type .table_left + .chk_none{margin-bottom:20px;}
.openShippingAddressManager{display:inline-block; margin: 0 0 0 5px; padding: 5px 10px 5px 10px; border: 1px solid #989898;}
.mypage_table_type .table_left .claim_file_area{border-top:none;}
.mypage_table_type .table_left .claim_file_area ul li{position:relative;}
.mypage_table_type .table_left .claim_file_area .box_goods_option{position:absolute; top:76px; left:-15px; width:300px; padding-top:13px; height:auto; background:#fff; overflow:unset; border:none; z-index:1; box-sizing:border-box; display:none;}
.mypage_table_type .table_left .claim_file_area ul li:hover .box_goods_option{display:block;}
.mypage_table_type .table_left .claim_file_area .box_goods_option> div{border:solid 1px #989898; position:relative; box-sizing:border-box; padding:19px;}
.mypage_table_type .table_left .claim_file_area .box_goods_option> div:after{content:''; position:absolute; left:0; top:-11px; width:300px; height:11px; background:url('/assets/img/etc/bg_tool_box_top_arrow.png') 26px top no-repeat; background-size:19px auto;}
.mypage_table_type .table_left .claim_file_area .box_goods_option > div > p{font-size:14px; font-weight:bold; color:#333; line-height:1.43; letter-spacing:-0.3px;}
.mypage_table_type .table_left .claim_file_area .box_goods_option > div > div{padding-left:13px; background:url('/assets/img/etc/icon_tool_box_line.png') left 3px no-repeat; background-size:7px 7px;}
.mypage_table_type .table_left .claim_file_area .box_goods_option > div > div:after{content:''; display:block; clear:both;}
.mypage_table_type .table_left .claim_file_area .box_goods_option > div > div dl{float:left; margin-right:4px;}
.mypage_table_type .table_left .claim_file_area .box_goods_option > div > div dl:after{content:''; display:block; clear:both;}
.mypage_table_type .table_left .claim_file_area .box_goods_option > div > div dl > *{font-size:12px; color:#333; line-height:20px; letter-spacing:-0.3px; float:left;}
.mypage_table_type .table_left .claim_file_area .box_goods_option > div > div dl > dt{font-weight:bold; margin-right:4px;}
.mypage_table_type .table_left .claim_file_area .box_goods_option > div > div dl > dt:before{content:'|'; padding-right:3px; color:#d6d6d6;}
.mypage_table_type .table_left .claim_file_area .box_goods_option > div > div dl:first-child dt:before{content: none;}
/* 주소 */
#contents .mypage_table_type .member_address .address_postcode{overflow:hidden;}
#contents .mypage_table_type .member_address .address_postcode input{float:left; width:190px;}
#contents .mypage_table_type .member_address .address_postcode .btn_post_search{float:left; margin:0 0 0 5px; padding:5px 10px 5px 10px; border:1px solid #989898;}
#contents .mypage_table_type .member_address .address_input{float:left; width:72%;}
#contents .mypage_table_type .member_address .address_input input{margin:10px 0 0 0; width: 380px;}

.list_card_type{}
.list_card_type ul:after{content:''; display:block; clear:both;}
.list_card_type ul li{float:left; width:calc(25% - 15px); height: 410px; margin:20px 0 0 20px; box-sizing:border-box; border: solid 1px #d8d8d8;}
.list_card_type ul li:nth-of-type(1),
.list_card_type ul li:nth-of-type(2),
.list_card_type ul li:nth-of-type(3),
.list_card_type ul li:nth-of-type(4){margin-top:0;}
.list_card_type ul li:nth-of-type(4n+1){margin-left:0;}
.list_card_type ul li .card_area > div{padding:20px; text-align:left;}
.list_card_type ul li .card_vis{overflow:hidden; position:relative; padding-top:63.7% !important; padding-bottom:0 !important;}
.list_card_type ul li .card_vis > div{display:table; position:absolute; top:20px; left:20px; width:calc(100% - 40px);}
.list_card_type ul li .card_vis > div > *{display:table-cell; vertical-align:middle;}
.list_card_type ul li .card_vis img{max-width:100%;}
.list_card_type ul li .card_con{border-top: solid 1px #d8d8d8; margin-top:20px;}
.list_card_type ul li .card_area.import .card_con{background:#f8f8f8;}
.list_card_type ul li .card_con:first-child{border-top:none; margin-top:0;}
.list_card_type ul li .card_con .card_con_goods_tit{font-size:14px; font-weight:bold; color:#6a6a6a;}
.list_card_type ul li .card_con .card_con_goods_option{font-size:12px; color:#aaaaaa; margin-top:8px; margin-bottom: 3px; height:36px; overflow:hidden;}
.list_card_type ul li .card_con .card_con_txt{font-size:14px; font-weight:bold; color:#333; margin-top:5px; min-height:40px; overflow:hidden;}
.list_card_type ul li .card_con .card_star_box{margin-top:5px;}
.list_card_type ul li .card_con .card_con_infor{margin-top:8px;}
.list_card_type ul li .card_con .card_con_infor:after{content:''; display:block; clear:both;}
.list_card_type ul li .card_con .card_con_infor > *{float:right; font-size:12px; color:#9a9a9a;}
.list_card_type ul li .card_con .card_con_infor > *:first-child{float:left;}
.list_card_type ul li .card_con .card_con_infor > *.col333{color:#333;}
.list_card_type ul li .card_con .card_con_list_tit{font-size:16px; font-weight:bold; color:#3a3a3a; height:52px;}
.list_card_type ul li .card_con .card_con_list_tit span{padding-right:5px;}
.list_card_type ul li .card_con .card_con_list_tit img{vertical-align:initial; margin-right:5px;}
.list_card_type ul li .card_con .card_con_list_tit img.icon_new{vertical-align:text-top;}
.list_card_type ul li .card_area.import .card_con .card_con_list_tit:before{content:'공지'; font-size:10px; color:#fff; line-height:18px; display:inline-block; padding:0 5px; background:#5d5d5d; vertical-align:text-top; margin-right:10px;}
.list_card_type ul li .card_area.hot .card_con .card_con_list_tit:after{content:'HOT'; font-size:10px; color:#fff; line-height:18px; display:inline-block; padding:0 5px; background:#5d5d5d; vertical-align:text-top;}
.list_card_type ul li .card_con .card_con_list_user{font-size:12px; color:#333; margin-top:53px;}
.list_card_type ul li.no_data{border:none;width:100%}
.type_bot{float:none; margin-top:20px;}
.type_bot .btn_write{position:relative; top:auto; right:auto;}

.list_comment_type{}
.list_comment_write_area{border: solid 1px #b3b3b3; background-color: #ffffff;}
.list_comment_write_area > div{padding: 20px 30px 25px;}
.list_comment_write_form:after{content:''; display:block; clear:both;}
.list_comment_write_form > *{float:right;}
.list_comment_write_form > *:first-child{float:left;}
.list_comment_write_form > div{border:solid 1px #d6d6d6; width:calc(100% - 90px); position:relative; height:40px; box-sizing:border-box;}
.list_comment_write_form > div input{border:none; width:calc(100% - 65px); line-height:40px; height:38px;}
.list_comment_write_form > div p{position:absolute; top:12px; right:15px;}
.list_comment_write_form > a{font-size:13px; font-weight:bold; color:#fff; text-align:center; display:block; width:80px; line-height:40px; background:#3d3d3d;}
.list_comment_option_form{margin-top:15px;}
.list_comment_option_form > *{display:inline-block; vertical-align:middle;}
.list_comment_secret_check{position:relative; margin-right:20px;}
.list_comment_secret_check input{position:absolute; top:0; left:0; display:none;}
.list_comment_secret_check label{font-size:12px; color:#6a6a6a; background:url('/assets/img/board/icon_board_secret2_off.png') left top no-repeat; padding-left:17px;}
.list_comment_secret_check input:checked + label{background:url('/assets/img/board/icon_board_secret2_on.png') left top no-repeat;}
.list_comment_file_add{position:relative; width:64px; height:25px; display:inline-block; overflow:hidden;}
.list_comment_file_add > input{width:100%; height:25px; position:absolute; top:0; left:0; display:none;}
.list_comment_file_add > label{display:inline-block; width:100%; line-height:25px; background:#eee; border:none; text-align:center; cursor:pointer;}

.board_zone_view .add_file_area{border-top:solid 1px #eeeeee;}
.add_file_area ul:after{content:''; display:block;clear:both;}
.add_file_area li{float:left; margin-right:5px;}
.add_file_area li > div{position:relative;}
.add_file_area li.vis_mode > div{width:76px; height:76px; box-sizing:border-box; overflow:hidden; border:solid 1px #d4d4d4;}
.add_file_area li.vis_mode > div > img{max-width:100%;}
.add_file_area li.vis_mode > div .del{position:absolute; bottom:0; right:0;}
.add_file_area li.text_mode > div{line-height:76px; vertical-align:middle; display:inline-block;}
.add_file_area li.text_mode > div *{vertical-align:middle; line-height:1em; display:inline;}
.add_file_area li.text_mode > div .file{display:inline-block; border-bottom:solid 1px #333;}
.add_file_area li.text_mode > div .del{margin-left:5px;}
/*.add_file_area li.vis_mode + li.text_mode{margin-left:15px;}*/
.file_upload_sec + .add_file_area{border-top:none; margin-top:10px;}
.list_comment_type > ul{border-top:solid 1px #d4d4d4; margin-top:20px;}
.list_comment_type > ul > li{border-bottom:solid 1px #ebebeb}
.list_comment_type .list_comment_cont_area{padding:20px 40px;}
.list_comment_cont_infor > *{display:inline-block; vertical-align:middle;}
.list_comment_cont_infor_user{font-size:13px; font-weight:bold; color:#3a3a3a;}
.list_comment_cont_infor_time{font-size:12px; color:#9a9a9a; margin-left:20px;}
.list_comment_cont_area .list_comment_cont .list_comment_cont_tit{margin-top:10px;}
.list_comment_cont_tit > span{font-size:13px; color:#2a2a2a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:5px;}
.list_comment_cont_tit > span img{margin-right:5px; vertical-align:text-top;}
.list_comment_cont_tit > img{vertical-align: middle; margin-right:5px;}
.list_comment_cont_tit > img.icon_new{vertical-align: text-top;}
.list_comment_cont_area.import {background:#f8f8f8;}
.list_comment_cont_area.import .list_comment_cont .list_comment_cont_tit:before{content:'공지'; font-size:10px; color:#fff; line-height:18px; display:inline-block; padding:0 5px; background:#5d5d5d; vertical-align:text-bottom; margin-right:10px;}
.list_comment_cont.hot .list_comment_cont_tit:after{content:'HOT'; font-size:10px; color:#fff; line-height:18px; display:inline-block; padding:0 5px; background:#5d5d5d; vertical-align:text-bottom;}
.list_comment_cont .add_file_area,
.list_comment_cont_comment .add_file_area{border-top:none; margin-top:15px;}
.list_comment_cont_btn{margin-top:15px;}
.list_comment_cont_btn > a{display:inline-block; fotn-size:11px; color:#2a2a2a; text-align:center; width:42px; line-height:25px; border:solid 1px #d4d4d4; margin-left:5px; background:#fff;}
.list_comment_cont_btn > a:first-child{margin-left:0;}
.list_comment_cont_comment{margin-top:20px; position:relative;}
.list_comment_cont_area > .list_comment_cont_comment{border-bottom:solid 1px #f0f0f0;}
.list_comment_cont_comment > ul > li{position:relative;}
.list_comment_cont_comment > ul > li:before{content:''; width:100%; height:1px; position:absolute; left:0; border-top:solid 1px #f0f0f0;}
.list_comment_cont_comment > ul > li > div{padding:20px 0 20px 20px; position:relative;}
.list_comment_cont_comment > ul > li > div:after{content:''; width:7px; height:9px; position:absolute; top:24px; left:20px; background:url('/assets/img/board/ico_coment_re_arrow.png') left top no-repeat;}
.list_comment_cont_comment .list_comment_cont_tit{padding-left:14px;}
.list_comment_cont_comment .list_comment_cont_infor{padding-left:14px; margin-top:12px;}
.list_comment_cont_comment .list_comment_cont_comment{border-top:none; margin-top:0; padding:0 0 0 20px; position:unset;}
.list_comment_cont_comment .list_comment_cont_comment:after{content:none !important;}
.list_comment_cont_comment .list_comment_cont_comment > ul > li{position:unset;}
.list_comment_cont_area > a.more{display:block; font-size:12px; color:#3a3a3a; text-align:center; width:80px; line-height:30px; margin:0 auto; border: solid 1px #ebebeb; border-top:none;}
.list_comment_cont{position:relative;}
.list_comment_cont_area a.btn_view{position:absolute; top:20px; right:0px; width:18px; height:10px; background:url('/assets/img/board/ico_coment_arrow_down.png') left top no-repeat;}
.list_comment_cont_area a.btn_view.on{background:url('/assets/img/board/ico_coment_arrow_up.png') left top no-repeat;}
.list_comment_cont_area .list_comment_cont_comment a.btn_view{top:40px; right:20px;}
.list_comment_cont_file_btn{display:none}
a.btn_view.on + .list_comment_cont_file_btn{display:block;}
.board_view_content + .add_file_area{padding-top:21px; padding-left:20px; padding-bottom:20px;}
.board_zone_view + .list_comment_cont_btn{text-align:right; margin-top:10px;}
.list_comment_cont_btn + .btn_box {margin-top:-17px; padding:0;}

    /* ------------- 상단 마이페이지 정보(회원등급, 쿠폰, 마일리지, 예치금) ------------- */
.mypage_top_info{display:table; width:100%; margin:0 0 35px 0; border:2px solid #e3e3e3; background:#f7f9f8;}
.mypage_top_txt{display:table-cell; width:30%; padding:20px 0 20px 0; text-align:center; vertical-align:middle; background:#f7f9f8;}
.mypage_top_txt .grade_img{display:block; max-width:70px; margin:0 auto; padding:0 0 10px 0;}
.mypage_top_txt .grade_img img{max-width:70px;}
.mypage_top_txt .grade_txt{}
.mypage_top_txt .grade_txt strong{display:block; font-size:16px;}
.mypage_top_txt .grade_txt span{color:#333;}
.mypage_top_txt .grade_txt .btn_layer{margin:4px 0 0 0;}

.mypage_top_wallet{display:table-cell; width:69%; vertical-align:middle; background:#ffffff;}
.mypage_top_wallet ul{width:100%; padding:27px 10px 27px 10px; font-size:0; line-height:1;}
.mypage_top_wallet ul li{display:inline-block; width:33%; font-size:14px; border-left:1px solid #e1e3e2; text-align:center;}
.mypage_top_wallet ul li:first-child{border-left:none 0;}
.mypage_top_wallet li span{display:block; padding:0 10px 0 10px;}
.mypage_top_wallet li em{display:block; padding:15px 0 15px 0; font-weight:bold;}
.mypage_top_wallet li strong{padding:0 3px 0 0; font-size:24px; color:#323437;}

.mypage_top_info_renew{background:#3a3a3a; padding:0 50px; margin-bottom:40px;}
.mypage_top_info_renew:after{content:''; display:block; clear:both;}
.mypage_top_info_renew > div{float:left; width:293px; position:relative; box-sizing:border-box; padding:30px 0}
.mypage_top_info_renew > div:after{content:''; display:block; width:1px; height:70px; position:absolute; left:0; top:50%; margin-top:-35px; background:#5d5d5d;}
.mypage_top_info_renew > div:first-child{width:567px;}
.mypage_top_info_renew > div:first-child:after{content:none;}
.mypage_top_info_renew .left_info1{display:inline-block;width:380px;font-size:15px; color:#fff;}
.mypage_top_info_renew .left_info1 span{font-size:20px; font-weight:bold;}
.mypage_top_info_renew .left_info2{font-size:11px; color:#fff; margin-top:14px;}
.mypage_top_info_renew .left_info2:after{content:''; display:block; clear:both;}
.mypage_top_info_renew .left_info2 > p{font-size:11px; color:#fff; float:left; letter-spacing:-0.27px; position:relative; margin-left:12px; padding-left:10px;}
.mypage_top_info_renew .left_info2 > p:after{content:''; width:1px; height:10px; background:#5d5d5d; position:absolute; top:50%; margin-top:-5px; left:0;}
.mypage_top_info_renew .left_info2 > p:first-child{padding:0; margin:0;}
.mypage_top_info_renew .left_info2 > p:first-child:after{content:none;}
.mypage_top_info_renew .left_info2 > p > span{font-size:13px; font-weight:bold; letter-spacing:-0.32px; margin-left:10px; margin-right:2px;}
.mypage_top_info_renew .left_info_btn{position:absolute; top:30px; right:50px; z-index:2;}
.mypage_top_info_renew .left_info_btn > a{font-size:11px; color:#fff; line-height:30px; text-align:center; width:120px; box-sizing: border-box; display:block; border-radius:15px; border:solid 1px #979797; margin-top:10px;}
.mypage_top_info_renew .left_info_btn > a:first-child{margin-top:0;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info{position:absolute; top:42px; left:0; border:solid 1px #979797; box-sizing:border-box; background:#fff; width:400px; display:none;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_top{padding:18px 20px 17px; border-bottom:solid 1px #d8d8d8; position:relative;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_top p{font-size:14px; font-weight:bold; letter-spacing: -0.35px; color: #333333; padding-right:35px;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_top .btn_layer_close{position:absolute; top:50%; right:20px; width:15px; height:16px; margin-top:-8px;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot{padding:15px 20px 25px;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot p{font-size:13px; letter-spacing: -0.32px; color: #333;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot table{width:100%; border-collapse: collapse; table-layout: fixed; margin-top:11px;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot table th,
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot table td{border:solid 1px #d8d8d8; padding:15px;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot table th{font-size:12px; letter-spacing: -0.3px; color: #333; text-align:left; background: #fbfbfb;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot .btn_all_grade{display:block; font-size:13px; letter-spacing: -0.32px; color: #333; margin-top:20px; line-height:normal; background:url('/assets/img/mypage/icon_btn_all_grade_off.png') right bottom no-repeat;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot .btn_all_grade.on{background:url('/assets/img/mypage/icon_btn_all_grade_on.png') right bottom no-repeat;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot .btn_all_grade + table{display:none;}
.mypage_top_info_renew .left_info_btn > .grade_benefit_info .grade_benefit_info_bot .btn_all_grade.on + table{display:table;}
.mypage_top_info_renew_right{padding-left:50px !important;}
.mypage_top_info_renew_right dl{font-size:12px; color:#fff; line-height:16px; letter-spacing:-0.3px;}
.mypage_top_info_renew_right dl{padding-left:23px; margin-top:15px;}
.mypage_top_info_renew_right dl:after{content:''; display:block; clear:both;}
.mypage_top_info_renew_right dl:first-child{margin-top:0;}
.mypage_top_info_renew_right dl > *{line-height:16px; float:right;}
.mypage_top_info_renew_right dl > *:first-child{float:left;}
.mypage_top_info_renew_right dl a{display:block; color:#fff; letter-spacing:-0.35px; display:block; position:relative;}
.mypage_top_info_renew_right dl a:after{content:''; display:block; width:100%; height:1px; position:absolute; bottom:2px; left:0; background:#fff;}
.mypage_top_info_renew_right dl a > span{font-size:14px; font-weight:bold; letter-spacing:-0.35px; margin-right:2px;}
.mypage_top_info_renew_right dl.icon_mypage_info_1{background:url('/assets/img/mypage/icon-crm-wallet.png') left top no-repeat;}
.mypage_top_info_renew_right dl.icon_mypage_info_2{background:url('/assets/img/mypage/icon-crm-coupon.png') left top no-repeat;}
.mypage_top_info_renew_right dl.icon_mypage_info_3{background:url('/assets/img/mypage/icon-crm-wish.png') left top no-repeat;}

.mypage_order_info{position:relative;}
.mypage_order_info_cont_new{padding:27px 0 28px; border: solid 1px #c7c7c7; margin-bottom:40px;}
.mypage_order_info_cont_new:after,
.mypage_order_info_cont_new ol:after{content:''; display:block; clear:both;}
.mypage_order_info_cont_new > *{float:left;}
.mypage_order_info_cont_new li{text-align:center;}
.mypage_order_info_cont_new li p{font-size:11px; color:#333; margin-top:10px;}
.mypage_order_info_cont_new li p a{font-size:18px; font-weight:bold; margin-right:2px; display:inline-block; padding:0 2px 0 0; border-bottom:solid 1px #333; vertical-align:sub; line-height: 1em;}
.mypage_order_info_cont_new li p:first-child{font-size:12px; margin-top:0;}
.mypage_order_info_cont_new ol{width:calc(100% - 242px); padding:0 50px; box-sizing:border-box;}
.mypage_order_info_cont_new ol li{width:25%; float:left;}
.mypage_order_info_cont_new .order_case_list{width:242px; position:relative;}
.mypage_order_info_cont_new .order_case_list:after{content:''; display:block; width:1px; height:40px; position:absolute; top:50%; left:0; margin-top:-20px; background-color: #e3e3e3;}

.mypage_order_info_cont_new2{margin-bottom:80px;}
.mypage_order_info_cont_new2:after{content:''; display:block; clear:both}
.mypage_order_info_cont_new2 > div{float:left; width:calc(33.33334% - 20px); margin-left:30px; box-sizing:border-box;}
.mypage_order_info_cont_new2 > div:first-child{margin-left:0;}
.new2_box{border: solid 1px #c7c7c7;}
.new2_box div{padding:20px;}
.new2_box div:first-child{position:relative; height:50px; line-height:50px; border-bottom:solid 1px #e8e8e8; box-sizing:border-box; padding:0;}
.new2_box div:first-child p{font-size:14px; color:#333; font-weight:bold; letter-spacing: -0.35px; padding:0 70px 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new2_box div:first-child .btn_board_more{top:17px; right:19px; line-height:normal;}
.new2_box div dl{margin-top:8px;}
.new2_box div dl:first-child{margin-top:0;}
.new2_box div dl:after{content:''; display:block; clear:both}
.new2_box div dl > *{float:right; color:#333; line-height: 22px;}
.new2_box div dl > *:first-child{float:left;}
.new2_box div dl dd{margin-right:10px;}
.new2_box div dl dd span{font-size:18px; font-weight:bold; margin-right:4px; line-height:normal; letter-spacing: -0.45px;}
.new2_box .btn_new2_box_more{
    display:block;
    margin-top:16px;
    width: 100%;
    border: solid 1px #c7c7c7;
    font-size:13px;
    font-weight:bold;
    color:#333;
    line-height: 42px;
    text-align:center;
}
.btn_new2_box_more > span {background:url('/assets/img/mypage/icon-sub-left-arrow.png') right center no-repeat; padding-right:9px;}

/* 진행 중인 주문 */
.mypage_order_info_cont{margin:0 0 30px 0; padding:35px 0 35px 0; font-size:0; border:1px solid #e3e3e3; border-top:1px solid #999999; text-align:center;}
.mypage_order_info_cont ol{display:inline-block; width:80%; font-size:0; border-right:1px solid #e3e3e3; vertical-align:middle;}
.mypage_order_info_cont ol li{display:inline-block; width:10%; min-width:66px; padding:0 10px 0 30px; font-size:13px; background:url('/assets/img/mypage/mypgae_ing_next_bg.png') no-repeat left 50px; text-align:center;}
.mypage_order_info_cont ol li:first-child{padding-left:10px; background:none 0;}
.mypage_order_info_cont ol li b{display:block; padding:0 0 15px 0;}
.mypage_order_info_cont ol li strong{display:inline-block; width:52px; height:52px; padding:10px 0 0 0; color:#ffffff; font-size:18px; background:url('/assets/img/mypage/mypgae_ing_list_bg.png') no-repeat 0 0; text-align:center;vertical-align:middle;}
.mypage_order_info_cont .active strong{background:url('/assets/img/mypage/mypgae_ing_deliver_bg.png') no-repeat 0 0;}

.mypage_order_info_cont .order_case_list{display:inline-block; width:19%; font-size:0; text-align:center; vertical-align:middle;}
.mypage_order_info_cont .order_case_list ul{display:inline-block; width:70%; font-size:0;}
.mypage_order_info_cont .order_case_list ul li{padding:8px 5px 10px 5px; font-size:12px; border-top:1px dotted #bfbfbf; text-align:left;}
.mypage_order_info_cont .order_case_list ul li:first-child{border-top:none 0;}
.mypage_order_info_cont .order_case_list ul li span{float:right;}
.mypage_order_info_cont .order_case_list ul li span > em,
.mypage_order_info_cont .order_case_list ul li span > strong{padding:0 3px 0 0; font-size:15px; color:#323437;}



/* ------------- 최근 주문 정보 ------------- */
.mypage_lately_info{position:relative;}
.mypage_lately_info_cont{}
/*.mypage_lately_info_cont .mypage_table_type .td_left{padding-left:20px;}*/

/* ------------- 최근 본 상품 ------------- */
.mypage_lately_goods{margin:50px 0 0 0;}
.mypage_lately_goods .mypage_zone_tit{margin:0 0 20px 0; border-bottom:1px solid #999999;}
.mypage_lately_goods .goods_list_cont ul li{margin-top:10px;}

/* ------------- 반품신청, 교환신청, 환불신청 ------------- */
.mypage_claim_cont{margin:0 0 50px 0;}
.mypage_claim_cont .mypage_table_type td strong{color:#333333;}
/* 사유, 정보 */
.mypage_claim_reason{margin:50px 0 0 0;}
.mypage_claim_info{margin:50px 0 0 0;}
/* 사유,정보 셀렉트 */
.mypage_claim_select select{width:200px;}
.mypage_claim_info input[type="text"]{width:200px;}


/* ------------- 쇼핑정보 관련 페이지 탭 ------------- */
.mypage_breakdown_tab{}
.mypage_breakdown_tab{padding:0; border-bottom:1px solid #bbbbbb;}
.mypage_breakdown_tab ul{float:none; width:100%; height:58px; margin:0 auto; font-size:0;}
.mypage_breakdown_tab li{display:inline-block; position:relative; min-width:200px; font-size:12px; text-align:center; z-index:10;}
.mypage_breakdown_tab li.on{z-index:20;}
.mypage_breakdown_tab li a{display:block; margin:0 0 0 -1px; padding:10px 20px 12px 20px; color:#999999; font-size:13px; border:1px solid #dadada; border-bottom:1px solid #bbbbbb; background:#ffffff;}
.mypage_breakdown_tab li.on a{padding-top:18px; margin-top:8px; color:#333333; font-weight:bold; border:1px solid #bbbbbb; border-bottom:1px solid #ffffff;}
.mypage_breakdown_tab li.on a span{display:inline-block; position:relative; top:-3px;}
.mypage_breakdown_tab li:first-child a{margin-left:0;}
.mypage_breakdown_tab li a strong{color:#323437;}

/* ------------- 찜리스트------------- */
.mypage_wish_list{}
.mypage_wish_list .btn_wish_choice_del, .mypage_wish_list .btn_wish_choice_cart {margin:10px 0 0 0;}
.mypage_wish_list .mypage_table_type .icon_time_sale{display:block; position:relative; margin:0 0 5px 0;}
.mypage_wish_list .chk_none{display:block; min-height:17px; padding:5px 0 5px 19px; color:#3e3d3c; font-weight:normal; background:url('/assets/img/icon/etc/icon_warning.png') no-repeat left 8px;}
/* 추가 상품 */
.pick_add_list{margin:10px 5px 0 0; padding:2px 0 0 0; border-top:1px dotted #dbdbdb;}
.pick_add_list .pick_add_cont{margin:6px 0 0 0;}
.pick_add_list .pick_add_cont .pick_add_img{vertical-align:top;}
.pick_add_list .pick_add_cont .pick_add_info em{display:inline-block; font-weight:normal;}
.pick_add_list .pick_add_cont .pick_add_info em > a > img{margin:2px 0 0 0;}
.pick_add_list .pick_add_cont .pick_add_info .chk_none{margin:0;}
.cart_cont_list > table .img {float:left; border:1px solid #dbdbdb; margin:0 10px 0 0; }

/* ------------- 혜택관리 > 쿠폰 ------------- */
.mypage_coupon_name{}
.mypage_coupon_name strong{display:block; padding:5px 0 0 0; color:#333333;}
.coupon_date_day{display:inline-block; width:130px; padding:0 0 3px 0;}/* 유효기간 */
/* 사용전 */
.coupon_before_use{display:inline-block; width:66px; padding:2px 10px 3px 10px; color:#323437; font-size:11px; border:1px solid #323437; text-align:center; line-height:1;}
.coupon_gift_before_use{display:inline-block; width:66px; padding:2px 10px 3px 10px; color:#ffffff; font-size:11px; border:1px solid #323437; background:#323437; text-align:center; line-height:1; cursor:pointer }
/* 사용완료, 장바구니사용, 주문사용, 사용만료 */
.coupon_finish_use,
.coupon_cart_use,
.coupon_order_use,
.coupon_expire_use{display:inline-block; width:66px; padding:1px 10px 3px 10px; color:#5a5a5a; font-size:11px; border:1px solid #cccccc; text-align:center; line-height:1;}

/* ------------- 혜택관리 > 예치금, 마일리지 ------------- */
.mypage_table_type .td_cash span,
.mypage_table_type .td_cash strong{display:inline-block; width:80px; text-align:right;}
.mypage_table_type .td_cash .cash_minus{color:#ab3e55;}
.mypage_table_type .td_cash .cash_plus{color:#3e3d3c;}
.cash_date_day{display:inline-block; width:150px;}/* 유효기간 */

/* ------------- 마이페이지 > 회원 회원정보 ------------- */
.my_page_password{}
.my_page_password p{font-size:14px; text-align:center;}
.my_page_password .mypage_zone_tit{margin:0 0 50px 0; padding:0 0 10px 0; font-size:14px; border-bottom:1px solid #999999;}
.my_page_password .id_pw_cont{overflow:hidden; margin:30px 0 30px 0; padding:26px 0 24px 0; border:1px solid #dadada; background:#f7f9f8; text-align:center;}
.my_page_password .id_pw_cont dl{display:inline-block; padding:5px 30px 5px 0; font-size:0; text-align:center; vertical-align:top;}
.my_page_password .id_pw_cont dt{display:inline-block; padding:5px 10px 0 0; font-size:14px; font-weight:bold; vertical-align:top;}
.my_page_password .id_pw_cont dd{display:inline-block; font-size:14px; text-align:left;}
.my_page_password .id_pw_cont dd strong{display:block; padding:5px 0 0 0; color:#323437;}
.my_page_password .sns_cont{margin:30px 0 30px 0; padding:35px 0 35px 0; border:1px solid #dadada; background:#ffffff; text-align:center; }


/* ------------- 마이페이지 > 내정보수정 ------------- */
.my_page{}
.my_page h3{font-weight:bold;}
.my_page .mypage_zone_tit{margin:0 0 50px 0; padding:0 0 10px 0; font-size:14px; border-bottom:1px solid #3c3c3c;}
.my_page .join_base_wrap .member_cont{width:100%; margin:0; padding:0;}
.my_page .btn_certification {margin: 0 0 0 5px;padding: 5px 10px 5px 10px;border: 1px solid #989898;}
/* 계정 연결 정보 */
.site_info_box{margin:40px 0 0 0;}
.site_sns_info{padding:30px 20px 30px 20px; border:1px solid #dadada;}
.site_sns_info .site_sns_list{}
.site_sns_info .site_sns_list h4{display:inline-block; margin:0 14px 0 0; color:#777777;}
.site_sns_info .site_sns_list em{display:block; padding:0 0 15px 0;}
.site_sns_info .site_sns_list span{display:inline-block; margin:0 0 0 0; vertical-align:middle;}
.site_sns_info .site_sns_list a{display:inline-block; margin:0 6px 10px 0; vertical-align:top; line-height:1;}
.site_sns_info .site_sns_list a > span{display:block; margin:0 0 0 0; font-size:13px;}
.site_sns_info .site_sns_list img{margin:0 0 0 0;}
.site_sns_info .site_sns_list .my_facebook{color:#3b5998;}
.site_sns_info .site_sns_list .my_payco{color:#fa4a4a;}
.site_sns_info .site_sns_list .my_naver{color:#2db400;}
.site_sns_info .site_sns_list .my_kakao{color:#381e1f;}
.site_sns_info .site_sns_list_disconnect span{display:inline-block; margin:0 6px 0 0; vertical-align:middle;}
.site_sns_info .site_sns_list_disconnect a{display:inline-block; width:225px; height:42px; margin:0 6px 0 0; border:1px solid #cfcfcf; background:#fafafa; text-align:center; vertical-align:middle; line-height:1;}
.site_sns_info .site_sns_list_disconnect a > span{display:block; margin:14px 0 0 0; font-size:13px;}
.site_sns_info .site_sns_list_disconnect img{margin:0 8px 0 0;}
/* 약관동의현황 */
.my_page .join_agreement_cont{margin:40px 0 0 0;border:none;}
.my_page .join_agreement_cont h3{margin:0 0 10px 0;padding: 0 0 17px 0;font-size: 18px;color: #222222;}
.my_page .join_agreement_wrap .member_cont{padding:70px 0;margin:0;}
/* ------------- 마이페이지 > 회원탈퇴 ------------- */
.hack_out {margin:0 0 50px 0;}
.hack_out .mypage_zone_tit{margin:0 0 50px 0; padding:0 0 10px 0; font-size:14px; border-bottom:1px solid #999999;}
.hack_out .mypage_unregister .mypage_zone_tit{margin:0; padding:0 0 10px 0; font-size:14px; border-bottom:none 0;}
.hack_out .mypage_unregister .unregister_info{margin:0 0 40px 0; padding:15px 15px 15px 15px; color:#717171; border:1px solid #dadada;}
.hack_out .mypage_unregister .hack_out_list li{float:left; width:35%; padding:0 0 7px 0;}
.hack_out .mypage_unregister textarea{width:98%; height:100px;}
.hack_out .mypage_unregister .mypage_table_type + *{margin-top:10px;}
.hack_out .btn_center_box{margin-top:20px;}

/* ------------- 마이페이지 > 배송지 관리 ------------- */
.mypage_shipping{position:relative;}
.mypage_shipping_cont{position:relative;}
.mypage_shipping_cont .pick_list_num{position:absolute; top:-50px; left:92px; font-size:13px;}
.mypage_shipping_cont .mypage_table_type span{display:block;}
.mypage_shipping_cont .mypage_table_type .btn_gray_list{margin:5px 0 5px 0;}
.mypage_table_type .td_phone span{width:150px;}


/* ------------- 마이페이지 > 주문 상세 ------------- */
.order_num_view{padding:0 0 0 10px; color:#329cff; font-size:12px;}
.order_view_info{}
.order_view_info h4{margin:50px 0 0 0;}
.order_view_info .total_pay_money{font-size:20px;}
/* 결제 정보 */
.payment_info{}
.payment_info .btn_layer{display:block; margin-top:5px;}
/* 할인헤택 */
.discount_benefit{}
.discount_benefit dl{float:left; width:100%; margin:5px 0 0 0;}
.discount_benefit dt{float:left; width:60px;}
.discount_benefit dd{float:left; width:75px; text-align:right;}
/* 결제수단 */
.pay_with_list{color:#333333;}
.pay_with_list > strong{display:block; font-size:13px;}
.pay_with_list ul{margin:5px 0 0 0;}
.pay_with_list ul li{padding:2px 0 2px 0;}
.pay_with_list .deposit_money{}
/* 적립 마일리지 */
.saving_mileage{overflow:hidden; color:#333333;}
.saving_mileage > strong{display:block; font-size:13px;}
.saving_mileage dl{float:left; width:100%; margin:5px 0 0 0;}
.saving_mileage dt{float:left; width:90px;}
.saving_mileage dd{float:left; width:75px; text-align:right;}
/* 세금계산서 */
.admin_text{padding:5px 0 0 0;}

/* 마이페이지 - 배송방식 상태 확인 레이어 */
.delivery-method-layer {
    position: relative;
    width: 500px;
    min-height: 300px;
    background: #fff;
}
.delivery-method-layer .wrap {
    position: relative;
    min-height: 296px;
    padding: 0 0 0 20px;
    border: 2px solid #555;
}
.delivery-method-layer .wrap h4 {
    margin: 0 17px 0 0;
    padding: 14px 0;
    border-bottom: 1px solid #717171;
    color: #000;
    font-size: 18px;
}
.delivery-method-layer .delivery-method-layer-table { margin: 0 17px 0 0; }
.delivery-method-layer .delivery-method-layer-table table { border-top: 1px solid #dbdbdb !important; }
.delivery-method-layer .delivery-method-layer-table table tr th { border-top: 0px; }

.js_prev_btn {
  width: 1%;
  height: 7%;
  left: -2%;
  top:40%;
  position: absolute;
  background: url('../../img/btn/gv-thumbnail-prev-ov.png') no-repeat;
}
.js_next_btn {
  width: 1%;
  height: 7%;
  right: -2%;
  top:40%;
  position: absolute;
  background: url('../../img/btn/gv-thumbnail-next-ov.png') no-repeat;
}


/* ------------- 플러스 리뷰 > 리스트 ------------- */
/* component */
.img-frame {
    position: relative;
    display: block;
    background: #F7F7F7 url('../../img/common/ico-empty.svg') no-repeat center center / 60px 60px;
}

.img-frame--sm {
    width: 65px;
    height: 65px;
    background-size: 14px 14px;
}

.img-frame--normal {
    width: 285px;
    height: 285px;
}

.img-frame--lg {
    width: 345px;
    height: 345px;
}

.img-frame img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.em {
    font-weight: bold;
}

.collapse-1 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.collapse-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    height: 36px;
}

/* // component */

/* tab */
.p-tabs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 50px;
  border-bottom: 1px solid #333;
}

#p-tab {
  display: inline-flex;
  border: solid #D6D6D6;
  border-width: 1px 1px 0 1px;
}

#p-tab button {
  padding: 15px 84px;
  font-size: 16px;
  color: #9A9A9A;
}

#p-tab button + button {
  border-left: 1px solid #D6D6D6;
}

#p-tab .on {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.p-write-review {
  padding: 6px 15px;
  border: 1px solid #D6D6D6;
  font-weight: bold;
  display: none;
}

/* sort */

.p-sort {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

#p-sort-btns {
  display: inline-flex;
  align-items: flex-start;
}

#p-sort-btns button {
  position: relative;
  padding-right: 10px;
  color: #000;
}

#p-sort-btns button + button {
  padding-left: 10px;
}

#p-sort-btns button + button::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 8px;
  background-color: #d4d4d4;
}

#p-sort-btns .on {
  font-weight: 700;
}

#p-search {
  display: inline-flex;
}

#p-sort-select {
  margin-right: 10px;
  min-width: 128px;
}

.p-search-field {
  position: relative;
}

.p-search-field input {
  padding: 0 30px 0 10px;
  height: 32px;
  border-color: #333;
}

#p-magnet {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url('../../img/common/btn/ico-magnet.svg') no-repeat center center / cover;
}

/* list */
#plusReviewList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -17px;
}

#plusReviewList li {
  margin-left: 17px;
}

#plusReviewList li:nth-child(n + 5) {
  margin-top: 20px;
}

.p-thumb {
  width: 285px;
  border: 1px solid #d6d6d6;
  color: #333;
}

.p-thumb__file-count {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
}

.p-thumb__desc {
  display: flex;
  padding: 16px 18px;
  border-top: 1px solid #d6d6d6;
}

.p-thumb__auth {
  color: #9A9A9A;
}

.p-thumb__desc .img-frame {
  flex: none;
  margin-right: 10px;
  width: 34px;
  height: 34px;
  background-color: #F7F7F7; 
}

.p-thumb__desc p {
  overflow: hidden;
}

.p-thumb__price {
  color: #9A9A9A;
}

.p-thumb__comment {
  display: block;
  color: #333;
}

.p-thumb__comment .em:last-child {
  margin-left: 10px;
}

.p-empty {
  margin-top: 20px;
  text-align: center;
  font-size: 24px;
}

.p-empty-ico {
  position: relative;
  display: block;
  margin: 0 auto 30px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid #333;
}

.p-empty-ico::before,
.p-empty-ico::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 23px;
  background-color: #333;
}

.p-empty-ico::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.p-empty-ico::after {
  transform: translate(-50%, -50%) rotate(45deg);
}


/* 포토 디스플레이 레이어 */
.p-layer-dim {
  z-index: 110;
}


.p-layer {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 110;
  transform: translate(-50%, -50%);
  padding: 60px 50px 50px;
  width: 810px;
  box-sizing: border-box;
  background-color: #fff;
  text-align: left;
}

.p-layer .date {
    color: #9A9A9A;
  font-weight: lighter;
}

.p-layer-tit {
    margin: 0 0 20px -10px !important;
  font-size: 20px !important;
  font-weight: 700;
}

.p-layer-inner {
  display: flex;
}

.p-layer-imgs {
  margin-right: 20px;
  width: 346px;
}

.p-layer .img-frame--lg {
  flex: none;
  margin-bottom: 8px;
}

.p-layer-thumbs .slick-track {
  display: flex;
}

.p-layer-thumbs .img-frame {
  position: relative;
  border: 1px solid #e2e2e2;
    width: 65px;
    height: 65px;
}

.p-layer-thumbs .img-frame::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}

.p-layer-thumbs .img-frame.on::before {
  content: none;
}

.p-layer-thumbs .img-frame + .img-frame {
  margin-left: 5px;
}

/*  arrow  */
.p-layer .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 24px;
    background: #fff url('/assets/img/common/btn-swiper-arrow-left.svg') no-repeat center center;
}

.p-layer .slick-next {
    transform: translateY(-50%) rotate(180deg);
}

/*  rating  */
.rating {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 15px;
  background: url("/assets/img/icon/board/icon_star_bg.png") no-repeat left top;
  text-align: left;
}

.rating span {
  display: inline-block;
  height: 100%;
  background: url("/assets/img/icon/board/icon_star_fill.png") no-repeat left top;
}

.p-layer-slide {
    position: relative;
}

.p-layer-con {
    width: 345px;
}

.p-layer-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.p-layer-data {
  overflow-y: auto;
  padding-right: 10px;
  height: 380px;
  text-align: left;
}

.p-layer-comment {
  position: relative;
  min-height: 380px;
}

.p-layer-option {
  margin-bottom: 20px;
  color: #9A9A9A;
}

.p-layer-option span {
  position: relative;
  padding-right: 10px;
}

.p-layer-option span + span {
  padding-left: 10px;
}

.p-layer-option span + span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 8px;
  background-color: #D4D4D4;
}

.p-layer-txt {
  padding-bottom: 46px;
  font-size: 13px;
}

.p-layer-txt > pre {
  white-space: pre-wrap;
}

.p-layer-likes {
  position: absolute;
  bottom: 20px;
  right: 0;
}

/* reply */
.p-layer-reply {
  padding: 20px 0;
  border-top: 1px solid #c4c4c4;
}

.p-layer-reply .p-layer-info {
    justify-content: flex-start;
}

.p-layer-reply .p-layer-info .date {
    margin-left: 12px;
}

.p-layer .more {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #333;
}

.p-layer-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 50px;
  height: 80px;
  background: url('../../img/common/ico-modal-arrow-r.svg') no-repeat center center / 11px 23px;
}

.p-layer-prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}

.p-layer-show-all {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 77px;
  height: 32px;
  border: 1px solid #d6d6d6;
}

/* == vertical == */
.p-layer--vertical {
  width: 518px;
}

.p-layer--vertical.p-layer {
    padding-top: 75px;
}

.p-layer--vertical .p-layer-inner {
    display: block;
}

.p-layer--vertical .slick-track {
  display: block;
}

.p-layer--vertical .p-layer-tit {
  display: none;
}

.p-layer--vertical .p-layer-imgs {
  display: flex;
  margin-right: 0;
  margin-bottom: 22px;
  width: auto;
  height: 346px;
}

.p-layer--vertical .img-frame--lg {
  flex: none;
  margin-right: 8px;
  margin-bottom: 0;
}

.p-layer--vertical .p-layer-thumbs .img-frame + .img-frame {
  margin-top: 5px;
  margin-left: 0;
}

.p-layer--vertical .slick-arrow {
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 24px;
}

.p-layer--vertical .slick-prev {
  top: -5px;
    transform: translateX(-50%) rotate(90deg);
}

.p-layer--vertical .slick-next {
  top: auto;
  bottom: 0;
    transform: translateX(-50%) rotate(-90deg);
}

.p-layer--vertical .slick-button-next::before {
  transform: rotate(0);
}

.p-layer--vertical .p-layer-con {
    width: auto;
}

.p-layer--vertical .p-layer-data {
    padding-right: 1px;
}

.p-layer--vertical .rating {
  position: absolute;
  top: 24px;
  left: 30px;
  width: 128px;
  height: 24px;
  background-image: url('/assets/img/common/bg-start-big-empty.png'); 
}

.p-layer--vertical .rating span {
  background-image: url('/assets/img/common/bg-start-big-fill.png');
}

/* grid */
.p-grid {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 111;
  transform: translate(-50%, -50%);
  width: 810px;
  height: 465px;
  background-color: #fff;
}

.p-grid-label {
    margin: 0 !important;
      padding: 22px 0 8px 30px;
      font-size: 20px !important;
      font-weight: bold;
      text-align: left;
}

.p-grid-wrap {
  padding: 12px 47px 0px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 355px;
}

.p-grid-thumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 5px;
}

.p-grid-thumbs .img-frame {
  width: 95px;
  height: 95px;
  aspect-ratio: 1 / 1;
  position:relative;
}

.p-grid-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
  background: url('/assets/img/icon/ico-cross-gray.svg') no-repeat center center;
}

.p-grid .add_img_length {
    font-size:12px;
    color:#fff;
    text-align:center;
    letter-spacing:-0.3px;
    line-height:24px;
    width:24px;
    height:24px;
    background:#000;
    position:absolute;
    bottom:0;
    right:0;
    box-sizing:border-box;
}

/* my page > 상품후기 */
.side-bar {
   position: absolute;
   top: 0;
   right: 0;
   visibility: visible;
}

.side-bar .btn-benefit-info,
.side-bar .btn_write {
    display: block;
    min-width: 143px;
    line-height: 32px;
    font-weight: bold;
}

.btn-benefit-info {
    position: relative;
    margin-bottom: 10px;
    padding-left: 10px;
    height: 32px;
    border: 1px solid #d6d6d6;
    text-align: left;
}

.btn-benefit-info::before,
.btn-benefit-info::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
}

.btn-benefit-info::before {
    background-color: #333;
    border-radius: 50%;
}

.btn-benefit-info::after {
    background: url('/assets/img/icon/ico-question.svg') no-repeat center center;
}
.side-bar.btn_right_box {
    float: none;
}

.side-bar .btn_write {
    position: static;
    margin-left: 0;
    min-width: 143px;
    border-color: #333;
    background-color: #fff;
}

.sidebar-modal {
    display: none;
    position: relative;
    margin-top: 30px;
    padding: 47px 12px 12px;
    width: 143px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    text-align: left;
    background: url('/assets/img/icon/ico-coin.svg') no-repeat 12px 12px;
}

.sidebar-modal.on {
    display: block;
}

.sidebar-modal::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    width: 23px;
    height: 23px;
    background: url('/assets/img/icon/ico-p.svg') no-repeat center center;
}

.sidebar-modal p {
    margin-bottom: 10px;
    font-weight: bold;
}

.sidebar-modal em {
    font-weight: bold;
}

.btn-sidebar-modal {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 11px;
    height: 11px;
    background: url('/assets/img/icon/ico-cross-gray.svg') no-repeat center center;
}