@charset "utf-8";

/**폰트 사이즈*/
/**********************************************************************************************
기본폰트 13px, 0.813em
22px ---> 11px ---> 0.846em
24px ---> 12px ---> 0.923em
26px ---> 13px ---> 0.813em
28px ---> 14px ---> 1.077em
30px ---> 15px ---> 1.154em
32px ---> 16px ---> 1.231em
34px ---> 17px ---> 1.308em
36px ---> 18px ---> 1.385em
38px ---> 19px ---> 1.462em
48px ---> 24px ---> 1.846em
**********************************************************************************************/

/*마이페이지 > 공통*/
.mypage .content {margin-bottom:40px;}
/*공통 > 파일첨부*/
span.add_file {display:inline-block; margin:10px 0 0 10px;}
span.add_file:before {background: url(../images/common/icon_file.png) left top no-repeat; width:16px; height:14px; background-size: 16px; display:inline-block; content: ''; margin: 0 5px 0 -10px;}
img.add_file_img {width:180px; height:180px; margin-top:10px; display:block;}

/*마이페이지 > 주문내역*/
.mypage .order_list .mypage_member {margin-top:25px; border:2px solid #999;}
.mypage .order_list .mypage_member .level_ico {text-align:center; margin:15px 0; position:relative;}
.mypage .order_list .mypage_member div.mypage_name_area {display:inline-block; vertical-align:middle;}
.mypage .order_list .mypage_member div.mypage_name_area span {display:block; text-align:left;}
.mypage .order_list .mypage_member div.mypage_name_area span.member_name {font-size:1.077em;}
.mypage .order_list .mypage_member div.mypage_name_area span.level_txt {display:block; text-align:left; padding-left:10px; color:#767676; font-size:0.846em; margin-top:3px;}
.mypage .order_list .mypage_member div.mypage_name_area span.annual_date {padding-left:10px; color:#333; font-size:0.846em; font-weight:bold;}

.mypage .order_list .mypage_info_area {background:#fafafa; padding:10px 0;}
.mypage .order_list .mypage_info_area ul { display:table; width:100%;}
.mypage .order_list .mypage_info_area ul li {display:table-cell; width:30%;}
.mypage .order_list .mypage_info_area ul li:first-child {width:40%;}
.mypage .order_list .mypage_info_area ul li dl {padding:0 10px; border-left:1px solid #e9ebea; position:relative;}
.mypage .order_list .mypage_info_area ul li:first-child dl {border-left:0;}
.mypage .order_list .mypage_info_area ul li dl dt {font-size:0.923em; font-weight:bold; text-align: left;}
.mypage .order_list .mypage_info_area ul li dl dd {font-size:0.923em; color:#555; padding-top:8px; text-align:right;}
.mypage .order_list .mypage_info_area ul li dl dd span {font-size:1.231em; font-weight:bold; text-align:right;}
.mypage .order_list .mypage_info_area ul li dl dt:before {content: ''; display:inline-block; margin-right:5px; background-repeat: no-repeat; vertical-align:middle; margin-top:-2px;}
.mypage .order_list .mypage_info_area ul li dl.point dt:before {width:14.5px; height:14px; background: url(../images/cart/icon_point.png); background-size: 14.5px; }
.mypage .order_list .mypage_info_area ul li dl.coupon dt:before {width:16.5px; height:12px; background: url(../images/cart/icon_coupon.png); background-size: 16.5px;}
.mypage .order_list .mypage_info_area ul li.qna_list dl dt:before {width:14.5px; height:14px; background: url(../images/cart/icon_ask.png); background-size: 14.5px;}

/*주문내역페이지 > 주문현황*/
.mypage .order_list .content .order_status, .mypage .order_list .content .status_guide, .mypage .order_list .content .order_inquiry {margin-top:40px;}

.mypage h3.order_tit {font-size:1.154em; font-weight:bold; display:inline-block;}
.mypage h3.order_tit  + span {float:right; font-size:0.846em; color:#767676; padding-top:2px;}
.mypage h3.order_tit  + span:before {content: ''; display: inline-block; margin-right: 5px; width: 16.5px; height: 16.5px; background: url(../images/common/icon_notice.png) no-repeat; background-size: 16.5px; vertical-align: top;}
.mypage .order_status div.order_status_list {position:relative; display:table; width:100%; border:1px solid #e9ebea; padding:13px 0 17px 0; margin-top:14px;}
.mypage .order_status div.order_status_list dl {display:table-cell;  padding:0 8px; text-align:center; position:relative; background: url(../images/mypage/bul_orderlistl.png) left 10px no-repeat; background-size: 6.5px; }
.mypage .order_status div.order_status_list dl:first-child {background: none;}
.mypage .order_status div.order_status_list dl dt {font-size:1.846em; color:#555555; line-height:100%;}
.mypage .order_status div.order_status_list dl dd {font-size:0.846em; font-weight:bold; padding-top:5px;}

.mypage .order_status div.order_total_status {width:100%; background: #fafafa; position:relative; border:1px solid #e9ebea; border-top:0; text-align:center; padding:10px 0; font-weight: bold;}

.mypage .order_status div.order_total_status p {display:inline-block; color:#666; margin-left:10px;}
.mypage .order_status div.order_total_status p:before {content: ''; display:inline-block; width:1px; height:10px; border-left: 1px solid #e9ebea; margin-right:10px; }
.mypage .order_status div.order_total_status p:first-child:before {display:none;} 
.mypage .order_status div.order_total_status span {color:#bda691; padding-left:10px;}

.mypage .status_guide .notice_list-type_01 {display:table; width:100%;}
.mypage .status_guide .notice_list-type_01 ul li {padding:10px 0; border-bottom:1px solid #e9ebea; display:table; width:100%; margin-top:0;}
.mypage .status_guide .notice_list-type_01 ul li p {display:inline-block; display:table-cell;}
.mypage .status_guide .notice_list-type_01 ul li p.guide_tit {width:80px; font-weight: bold; color:#333;}
.mypage .status_guide .notice_list-type_01 ul li p:before {display:none; color:#767676;}

/*주문내역페이지 > 주문/배송조회*/
.order_inquiry .inner {margin-top:20px; padding:0;}

/*주문내역페이지 > 주문내역*/
.mypage .mypage_order_area {border:1px solid #e9ebea; margin-top:10px;}
.mypage .mypage_order_area:first-child {margin-top:25px;}
.mypage .mypage_order_area .product_info-type03.mypage_order_list {border:0;}
.mypage .mypage_order_area .product_info-type03.mypage_order_list .order_status {margin-top:0;}
.mypage .mypage_order_area .order_duration {padding:10px 0; margin:0 10px; color:#333; font-size:0.923em; position:relative; overflow:hidden; border-bottom:1px solid #e9ebea;}
.mypage .mypage_order_area .order_duration p {float:left;}
.mypage .mypage_order_area .order_duration p.order_number {float:right; color:#555555;}
.mypage .mypage_order_area .order_duration p.order_number:after {content:''; vertical-align:middle; margin-bottom:2px; padding-right:5px; display:inline-block; background: url(../images/mypage/bul_mypage_next.png) right top; background-size:5px; width:5px; height:9.5px; background-repeat: no-repeat; }
.mypage .mypage_order_area .order_duration .order_date span {color:#767676;}
.mypage .mypage_order_area .mypage_order_btn {background: #fafafa; padding:10px 5px 15px 5px; text-align:center;}
.mypage .mypage_order_area .mypage_order_btn .btn-type_02.small {margin-top:5px;}
.mypage .mypage_order_area .mypage_order_btn .btn-type_02.small em {padding:6px 7px;}

.order_period .col_5  {width:100%; text-align: center; display: table; margin-top:30px;}
.order_period .col_5 a {border:1px solid #e9ebea; padding:10px 0; border-left:0; display:table-cell; width:20% !important; margin:0; color:#767676;}
.order_period .col_5 a.active {font-weight: bold; color:#fff; background-color:#999; border:1px solid #999; transition-duration: 0.5s;}
.order_period .col_5 a:first-child {border-left:1px solid #e9ebea;}

.order_calendar {margin-top:15px; position:relative; width:100%; }
.order_calendar div {width:84%; display:table;}
.order_calendar div span {width:40%; display:table-cell; vertical-align:middle;}
.order_calendar div .form-text input[type="text"] {padding: 9px 10px; border: 1px solid #e9ebea; width: 100%; color: #333; background:#fafafa url(../images/mypage/icon_calendar.png) 95% 3px no-repeat ; box-sizing: border-box; cursor:pointer;}
.order_calendar div span.celcendar_bul { width:5% !important; color:#767676; text-align:center;}
.order_calendar a.btn-type_02.pd_30.calendar_btn {position:absolute; right:0; bottom:0; width:13%; min-height:32px; }
.order_calendar a.btn-type_02.pd_30.calendar_btn em {padding:7px 5px;}
.ui-widget.ui-widget-content {z-index: 999 !important;}


/*마이페이지 > 포인트/쿠폰관리*/
.mypage .mypage_point .mypage_point_subtit {margin:30px 0; background: #fafafa; padding:20px 20px; }
.mypage .mypage_point .mypage_point_subtit > div {padding-left:40px; background:url(../images/mypage/icon_point.png) left 50% no-repeat; background-size:30px;}
.mypage .mypage_point .mypage_point_subtit > div dl {display:table; width:100%; font-weight: bold;}
.mypage .mypage_point .mypage_point_subtit > div dl dt, .mypage .mypage_point .mypage_point_subtit > div dl dd {display: table-cell;}
.mypage .mypage_point .mypage_point_subtit > div dl dt {clear:both; color:#767676; width:60%;}
.mypage .mypage_point .mypage_point_subtit > div dl dd {float:right;}

.mypage .mypage_point .period_tab {margin-top:10px;}
.mypage_point .tab_content {margin-top:30px;}
.point_table {width:100%; margin-top:15px;}
.point_table table {border-bottom:1px solid #e9ebea;}
.point_table table tr:first-child td {border-top:2px solid #999999;}
.point_table table tr td {border-top:1px solid #e9ebea; border-left:1px solid #e9ebea; padding:12px 5px 12px 5px; text-align:center; font-weight:bold;}
.point_table table tr td:first-child {border-left:0; text-align:left; padding:12px 15px 12px 0; font-weight:normal;}
.point_table table tr td span.point_date {display:block; padding-top:3px; color:#767676;}
.point_table table tr td span.point_plus {color:#bda691; font-weight:bold;}
.point_table table tr td span.point_plus:before {content: '+'; display:inline-block; color:#bda691; width:3px; height:4px; margin-right:8px; margin-bottom:3px; vertical-align: top;}
.point_table table tr td span.point_minus {color:#767676; font-weight:bold;}
.point_table table tr td span.point_minus:before {content: '-'; display:inline-block; color:#767676; width:15px; height:1px; margin-bottom:3px; vertical-align: top;}


.location.select_type02 {margin:0 0 -10px 0; overflow: hidden; position: relative; top:0;}
.location.select_type02 .select_location {width:85px!important; float:right;}
.location.select_type02 .select_location span {width:100%; border:0;}
.location.select_type02 .select_location span select {padding:5px 0; font-weight: normal; background-image:url(../images/common/icon_loc_arrow_02.png); }
.tab_content .location.select_type02 {position:absolute; right:0; background-color: inherit; display:inline-block;}

.point_wrap .point_more {margin-top:20px; text-align:center;}
div.point_info_list {margin-top:25px;}
div.point_info_list ul li {color:#767676; font-size:0.923em; margin:10px 0 0 10px;}
div.point_info_list ul li:before {width:3px; height:3px; background: #717171; content: ''; display:inline-block; margin:0 5px 3px -10px; }

.notice_info.empty.point_list_none {border-top:2px solid #999999; border-bottom: 1px solid #e9ebea; }

.mypage .mypage_point .mypage_coupon .mypage_point_subtit {margin:30px 0 15px 0;}
.mypage .mypage_point .mypage_coupon .mypage_point_subtit > div {padding-left:40px; background:url(../images/mypage/icon_coupon.png) left 50% no-repeat; background-size:30px;}
.poupon_use {position:relative; overflow: hidden;}
.poupon_use span.form-text {float:left; width:68%;}
.poupon_use span.registration {float:right; width:30%; margin-left:2%;}
.mypage .mypage_point .mypage_coupon .tab_content {position:relative;}
.mypage .mypage_point .mypage_coupon .tab_content .location.online {position:absolute; right:0; top:0;}
.mypage .mypage_point .mypage_coupon .tab_content .point_date {color:#333; margin-top:0;}
.mypage .mypage_point .mypage_coupon .tab_content .coupon_use {color:#767676; margin-top:8px;}
.mypage .mypage_point .mypage_coupon .tab_content .coupon_use span {font-weight:bold;  }
.mypage .mypage_point .mypage_coupon .tab_content .coupon_use span:before {content: ''; display:inline-block; width:1px; height:13px; border-left:1px solid #e9ebea; margin-left:5px; margin-bottom:-2px; padding-left:8px;}
.mypage .mypage_point .mypage_coupon .tab_content .coupon_use span.use_deadline {color:#767676;}
.mypage .mypage_point .mypage_coupon .tab_content .coupon_use span.use_end {color:#333;}
.mypage .mypage_point .mypage_coupon .tab_content .coupon_use span.use_possible {color:#bda691;}

/*마이페이지 > 위시리스트*/
.mypage .mypage_wish .wishlist_txt {margin-top:30px; padding:15px; background-color: #ececec; }
.mypage .mypage_wish .wishlist_txt p {color:#767676; margin-left:10px;}
.mypage .mypage_wish .wishlist_txt p:before {width:3px; height:3px; background-color: #717171; content: ''; display:inline-block; margin:0 5px 4px -10px;}
.mypage .mypage_wish .shopping_cart {margin:10px 10px 0 10px;}
.mypage .mypage_wish .check_all {margin-top:30px;}
.mypage .mypage_wish .product_info-type03 {margin-top:10px;}
.mypage .mypage_wish .btn_set.mypage_btn01 {margin-top:25px;}
.mypage .mypage_wish .wish_info {margin-top:30px;}
.mypage .mypage_wish .wish_info li {color:#767676; padding-top:10px; margin-left:10px;}
.mypage .mypage_wish .wish_info li:first-child {margin-top:0;}
.mypage .mypage_wish .wish_info li:before {width:3px; height:3px; display:inline-block; content: ''; background-color:#717171; margin:0 5px 3px -10px;}
.mypage .mypage_wish .product_info-type03 .right_area dl {height:30px;}

/*마에피이지 > 1:1 문의내역*/
.mypage_qna .frequently_qna {background-color:#fafafa; padding:15px; margin-top:30px; position:relative;}
.mypage_qna .frequently_qna .qna_more {position:absolute; right:15px; top:15px;}
.mypage_qna .frequently_qna > ul {border-top:1px solid #e9ebea; padding-top:10px; margin-top:10px;}
.mypage_qna .frequently_qna > ul li {padding-top:10px; margin-left:10px;}
.mypage_qna .frequently_qna > ul li:before {width:3px; height:3px; content:''; display:inline-block; background-color:#717171; margin:0 5px 3px -10px;}
.mypage_qna .frequently_qna > ul li:first-child {padding-top:0px;}
.mypage_qna .frequently_qna > ul li a {color:#767676;}
.mypage_qna .order_inquiry .bg_full {margin-top:25px;}

.mypage_qna .mypage_qna_list {margin-top:25px;}
.mypage_qna .mypage_qna_list ul {border-top:1px solid #999999; border-bottom:1px solid #e9ebea;}
.mypage_qna .mypage_qna_list ul li {border-top:1px solid #e9ebea; padding:15px 0;}
.mypage_qna .mypage_qna_list ul li p.qna_list_tit {margin-top:10px; font-weight:bold;}
.mypage_qna .mypage_qna_list ul li p.qna_list_txt {padding-top:10px; color:#767676;}
.mypage_qna .mypage_qna_list ul li dl {color:#767676; position:relative; padding-top:10px; display:table;}
.mypage_qna .mypage_qna_list ul li dl dt, .mypage_qna .mypage_qna_list ul li dl dd {display:table-cell; vertical-align: middle;}
.mypage_qna .mypage_qna_list ul li dl dd:before {display:inline-block; content: ''; width:1px; height:12px; border-left:1px solid #e9ebea; margin:0 0 2px 12px; vertical-align: middle; padding-left:10px;}
.mypage_qna .mypage_qna_list ul li:first-child {border-top:0;}
.mypage_qna .mypage_qna_list ul li a.btn-type_02.small em {font-weight:bold;}
.mypage_qna .mypage_qna_list ul li a.btn-type_02.small em {padding:3px 5px; color:#767676;}
.mypage_qna .mypage_qna_list ul li.answer_complete a.btn-type_02.small {border:1px solid #c6b286;}
.mypage_qna .mypage_qna_list ul li.answer_complete a.btn-type_02.small em {color:#bda691; padding:3px 5px;}
.mypage_qna .mypage_qna_list ul li dl.qna_answer {margin-top:25px; background:#fafafa; width:100%;}
.mypage_qna .mypage_qna_list ul li dl.qna_answer dt, .mypage_qna .mypage_qna_list ul li dl.qna_answer dd {display:block;}
.mypage_qna .mypage_qna_list ul li dl.qna_answer dt {font-weight:bold; color:#333; margin-left:10px; padding:10px 15px 0 15px;}
.mypage_qna .mypage_qna_list ul li dl.qna_answer dt:before {margin:0 7px 3px -10px; content: ''; display:inline-block; background: url(../images/common/icon_qna_answer.png) left top no-repeat; width:20px; height:20px; background-size:20px; vertical-align:middle; }
.mypage_qna .mypage_qna_list ul li dl.qna_answer dd {border-top:1px solid #e9ebea; padding:10px 0;  width:94%; margin:10px auto; 0 auto}
.mypage_qna .mypage_qna_list ul li dl.qna_answer dd:before {display:none;}
.mypage_qna_list .qna_delete {text-align:center; margin-top:15px;}
.mypage_qna_list .qna_delete a.btn-type_01 {width:40%; margin:0 auto;}

.mypage_qna .mypage_qna_list .answer_open {display:none;}
.mypage_qna .mypage_qna_list .answer_open.on {display:block;}
.mypage_qna .mypage_qna_list ul li dl.qna_answer.none dt {display:none;}
.mypage_qna .mypage_qna_list ul li dl.qna_answer.none dd {border-top:0; display:block; padding:0 0 10px 0; text-align:center;}
.mypage_qna .mypage_qna_list .mypage_btn01 {margin-top:15px;}
.mypage_qna .qna_more_type02 {margin-top:20px;}
.mypage_qna .qna_none {margin-top:25px; border-top:2px solid #999999;}
.mypage_qna .qna_none .qna_view {width:40%; margin:0 auto;}

/*마이페이지 > 나의 정보관리*/
.table_line {border-bottom:2px solid #999;}
.mypage .mypage_confirm .pw_confirm {margin-top:25px; border-top:2px solid #999999; text-align:center; padding-top:22px;}
.mypage .mypage_confirm .pw_confirm p:first-child {font-size:1.154em;}
.mypage .mypage_confirm .pw_confirm p.confirm_txt {padding:15px 20px 0 20px; color:#767676;}
.mypage .mypage_confirm .confirm_input_pw {margin-top:17px;}
.mypage .mypage_confirm .confirm_btn {margin-top:25px;}

.mypage .mypage_wd .table-type_02.mypage_confrim_table {margin-top:10px; position:relative; border-bottom:0;}
.mypage .mypage_wd .table-type_02.mypage_confrim_table table tr:first-child td {border-top: 0;}
.mypage .mypage_wd .table-type_02.mypage_confrim_table dl.tab_name, .mypage .mypage_wd .table-type_02.mypage_confrim_table dl.tab_id {display:inline-block;}
.mypage .mypage_wd .table-type_02.mypage_confrim_table dl.tab_id {border-left:1px solid #e9ebea; margin-left:12px;}
.mypage .mypage_wd .table-type_02.mypage_confrim_table dl dt, .mypage .mypage_wd .table-type_02.mypage_confrim_table dl dd {display:inline-block; padding-left:12px;}
.mypage .mypage_wd .table-type_02.mypage_confrim_table dl dt {color:#767676;}
.mypage .mypage_wd .table-type_02.mypage_confrim_table dl:first-child dt {padding-left:0;}

.mypage .mypage_wd .table-type_02.mypage_confrim_table .form-select .virtual_select {background-color:#fafafa; }
.mypage .mypage_wd .table-type_02.mypage_confrim_table dl.mypage_destination dd {margin-left:10px;}
.mypage .mypage_wd .table-type_02.mypage_confrim_table dl.mypage_destination a.btn-type_02 {padding:0px 7px; }
.mypage .mypage_wd .table-type_02.mypage_confrim_table tr td.inpf_txt_wrap {padding:10px 0 0 0 !important;}
.mypage .mypage_wd p.info_table_txt {margin-left:10px; position:relative; padding-top:10px; color:#767676; }
.mypage .mypage_wd .table-type_02.mypage_confrim_table tr td.inpf_txt_wrap p.info_table_txt {padding:0; color:#767676;}
.mypage .mypage_wd p.info_table_txt:before {content: ''; background-color: #717171; display:inline-block; width:3px; height:3px; margin:0 5px 2px -10px; vertical-align: middle;}
.mypage .mypage_wd .table_notice {color:#767676;}

/*마이페이지 > 나의 정보관리 > SNS계정 연동*/
.sns_account {margin-top:30px;}
.sns_account h3 {font-size:1.154em}
.sns_account ul {margin-top:15px; border-top:2px solid #999999;}
.sns_account ul li {overflow:hidden; padding:10px 0; border-bottom:1px solid #e9ebea; width:100%;}
.sns_account ul li span:first-child {float:left; text-align:left; vertical-align: middle; padding-top:5px;}
.sns_account ul li span:last-child {float:right; text-align:right; vertical-align: middle;}
.sns_account ul li span.switch_btn {position:relative;}
.sns_account ul li span.switch_btn a {padding:10px 15px; border:1px solid #e9ebea;border-left:0; box-sizing: border-box; vertical-align: middle; display:table-cell;}
.sns_account ul li span.switch_btn a:first-child {border-right:0; border-left:1px solid #e9ebea;}
.sns_account ul li span.switch_btn a.active {background-color:#555555;}
.sns_account ul li span.switch_btn a em {font-weight:bold; color:#767676;}
.sns_account ul li span.switch_btn a.active em {color:#fff;}
.sns_account ul li span:first-child:before {background-repeat: no-repeat; background-image:url('../images/common/icon_sns.png'); content: ''; display:inline-block; width:32px; height:32px; background-size: 32px, 32px; vertical-align:middle; margin:0 8px 3px 0;}
.sns_account ul li span.likage-ka:before {background-position: 0 -32px}
.sns_account ul li span.likage-na:before {background-position: 0 -64px}

/*마이페이지 > 나의 정보관리 > 추가 정보 입력*/
.add_information {margin-top:30px;}
.add_information h3 {font-size:1.154em; }
.add_information dl {position:relative; display: table; border-top:2px solid #999999; margin-top:15px; width:100%; padding:10px 0; border-bottom:1px solid #e9ebea;}
.add_information dl dt, .add_information dl dd {display:table-cell; color:#767676; vertical-align: middle;}
.add_information dl dt {width:25%;}
.add_information dl dd {width:75%;}
.add_information dl dd span {padding:5px 0; vertical-align: middle; width:48%;}
.add_information dl dd span input, .add_information dl dd span label {vertical-align: middle}
.add_information dl dd span.form-radio label {margin-left:0px;}
.add_information dl dd span.form-radio label:before {content: '';position: relative; z-index: 1; width: 16px; height: 16px; background: url(../images/common/radio.png) no-repeat 0 0; background-size: 16px; display: inline-block; margin: 0 8px 2px 5px; vertical-align: middle}
.mypage .add_information dl dd span.form-radio label.on:before{background-position: 0 bottom;}    
.mypage .mypage_wd .btn_set {margin-top:25px;margin-bottom:25px;}