@charset "utf-8";

/* 메인 공지 팝업 */
.popup_notice {width: 400px; height: auto; background-color: #f8f8f8; border-radius: 20px; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; z-index: 101;}
.popup_notice .noti_cont {width: 100%; height: auto; border-radius: 20px 20px 0 0; overflow-y: auto}

.popup_notice .btn_group {width: 100%; height: 40px;}
.popup_notice .btn_group > button {float: left; width: 33.3%; height: 100%; line-height: 1; background-color: transparent; border-radius: 0; font-size: 13px; color: #333; position: relative;}
.popup_notice .btn_group > button:not(:last-child) {border-right: 1px solid #ddd;}

.popup_notice .closed {width: 30px; height: 30px; font-size: 0; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); background: url(/static/fo/u/asset/img/close_button_white.png) 50% no-repeat; z-index: 102; background-color: rgba(0, 0, 0, 0.6);}

/* popup*/
.popup_layer {position:fixed; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 100;}
.popup_layer.myreturn_add {background-color: white;}
.popup_box {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 15px; overflow: hidden;}

.popup_layer-pw {position:fixed; top:0; left:0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
/* popup 컨텐츠 영역 */
.popup_box .popup_cont {padding: 40px;}

/* popup close 버튼 */
.popup_btn {display: block; position: absolute; top: 20px; right: 20px;}

/* popup BG */
.popup_wrap {display: none; width: 100%; height: 100%; background-color: rgb(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 99;}
.popup_wrap .enter_popup {background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 20px; padding: 40px;}
.popup_wrap .enter_popup .close_btn {position: absolute; top: 20px; right: 20px; cursor: pointer;}


/* main */
/* 약국매니저 호출 */
.calling_layer .popup_box {width: 1060px; height: 500px; padding: 40px; background-color: #f8f8f8;}
.calling_layer .popup_box form {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.calling_layer .popup_box .close_btn {display: block; width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; overflow: hidden; border-radius: 100px; background-color: #333;}
.calling_layer .popup_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.calling_layer .popup_box .phone_box {width: 380px; height: 460px; overflow: hidden; position: relative;}
.calling_layer .popup_box .phone_box .frame {width: 380px; height: 460px; overflow: hidden;}
.calling_layer .popup_box .phone_box .frame img {width: 100%; height: 100%;}

.calling_layer .popup_box .phone_box .sms_content {width: 300px; height: 260px; position: absolute; top: 90px; left: 50%; transform: translateX(-50%);}
.calling_layer .popup_box .phone_box .sms_content textarea {width: 100%; height: 100%; font-size: 15px; font-weight: 300; line-height: 1.5; background-color: transparent; color: #fff; border: none; overflow-y: auto;}
.calling_layer .popup_box .phone_box .sms_content input {width: 100%; height: 46px; font-size: 14px; font-weight: 300; background-color: transparent; color: #999; text-align: right; padding: 0; border: none;}

.calling_layer .popup_box .phone_box .byte {width: 300px; line-height: 40px; font-size: 13px; font-weight: 300; color: #ccc; text-align: right; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}

.calling_layer .popup_box .select_box {width: 560px; height: auto;}
.calling_layer .popup_box .select_box h3 {font-size: 30px; font-weight: 700; margin-top: 20px;}
.calling_layer .popup_box .select_box h3 span {color: #009DC5;}

.calling_layer .popup_box .select_box .sms_select {width: 100%;}
.calling_layer .popup_box .select_box .sms_select > dl {display: flex; justify-content: space-between; align-items: flex-end; margin: 20px 0 15px 0;}
.calling_layer .popup_box .select_box .sms_select > dl > dt {font-size: 20px; font-weight: 500;}
.calling_layer .popup_box .select_box .sms_select > dl > dd {font-size: 14px; font-weight: 400; color: #666;}

.calling_layer .popup_box .select_box .sms_select > ul {width: 100%; height: 210px; background-color: #fff; border-top: 1px solid #333; padding: 15px; overflow-y: scroll;}
.calling_layer .popup_box .select_box .sms_select > ul > li {width: 100%; margin-bottom: 10px;}
.calling_layer .popup_box .select_box .sms_select > ul > li label {font-size: 14px; color: #666; vertical-align: middle;}
.calling_layer .popup_box .select_box .sms_select > ul > li input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.calling_layer .popup_box .select_box .sms_select > ul > li input[type="radio"]+label {display: inline-block; position: relative; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.calling_layer .popup_box .select_box .sms_select > ul > li input[type="radio"]+label:before {content: ''; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; border: 1px solid #E7E7E7; border-radius: 100%;}
.calling_layer .popup_box .select_box .sms_select > ul > li input[type="radio"]:checked+label:before {border-color: #009DC5;}
.calling_layer .popup_box .select_box .sms_select > ul > li input[type="radio"]:checked+label:after {content: ''; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; background: #009DC5; border-radius: 100%;}

.calling_layer .popup_box .select_box .seller_select table {width: 100%; table-layout: fixed; text-align: left; margin-top: 5px;}
.calling_layer .popup_box .select_box .seller_select table th {height: 50px; vertical-align: middle; font-size: 14px; font-weight: 400; color: #009DC5;}
.calling_layer .popup_box .select_box .seller_select table td {height: 50px; vertical-align: middle;}

.calling_layer .popup_box .select_box .seller_select table tr:first-child input {width: 100%; height: 40px; color: #666;}
.calling_layer .popup_box .select_box .seller_select table td input {width: 280px; height: 40px; color: #666;}
.calling_layer .popup_box .select_box .seller_select table td button {width: 170px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 300; color: #fff; border-radius: 2px; background-color: #333; margin-left: 6px;}


/* 스마트 간편 주문 */
.smart_layer .popup_box {width: 1200px; height: 500px; border: 1px solid #333; padding: 30px; position: relative;}
.smart_layer .popup_box .close_btn {display: block; width: 20px; height: 20px; border-radius: 100px; position: absolute; top: 25px; right: 25px; overflow: hidden; background-color: #333;}
.smart_layer .popup_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.smart_layer .popup_box .tit_box {position: relative; width: 780px; height: 36px;}
.smart_layer .popup_box .tit_box h2 {font-size: 18px; font-weight: 500;}
.smart_layer .popup_box .tit_box h2:before {display: inline-block; content: ''; background: url(/static/fo/u/pc/img/main/clock_rotate_icon.png) 50% no-repeat; width: 18px; height: 19px; margin: 0px 6px 3px 0; vertical-align: middle;}
.smart_layer .popup_box .tit_box .select_group {position: absolute; top: 2px; right: 0; font-size: 15px; font-weight: 400;}
.smart_layer .popup_box .tit_box .select_group label {line-height: 17px;}

.smart_layer .popup_box .history {width: 100%; height: 400px; display: flex; justify-content: space-between; position: relative;}
.smart_layer .popup_box .history .tbl_box {width: 780px; height: 374px; border: 1px solid #E7E7E7; overflow-y: scroll;}
.smart_layer .popup_box .history .tbl_box table {width: 100%; table-layout: fixed;}

.smart_layer .popup_box .history .tbl_box table thead {border-bottom: 1px solid #E7E7E7;}
.smart_layer .popup_box .history .tbl_box table thead th {font-size: 13px; font-weight: 500; line-height: 30px; background-color: #f8f8f8; border-right: 1px solid #E7E7E7; position: sticky; top: 0;}
.smart_layer .popup_box .history .tbl_box table thead th.prod_all {text-align: left; padding-left: 15px;}

.smart_layer .popup_box .history .tbl_box .month {font-size: 15px; font-weight: 300; background-color: #333; border-bottom: 1px solid #999; color: #fff; text-align: center; vertical-align: middle;}
.smart_layer .popup_box .history .tbl_box .month > strong {color: #fff;}

.smart_layer .popup_box .history .tbl_box .smart_items .item {height: 36px; border-bottom: 1px solid #E7E7E7;}
.smart_layer .popup_box .history .tbl_box .smart_items .item > div {float: left;}
.smart_layer .popup_box .history .tbl_box .smart_items .item > div:after {content: ''; display: block; clear: both;}
.smart_layer .popup_box .history .tbl_box .smart_items .item.active {width: 100%; height: 36px; outline: 1px solid red;}
.smart_layer .popup_box .history .tbl_box .smart_items .item.sold_out {background-color: #ddd;}

.smart_layer .popup_box .history .tbl_box .smart_items .item .prod_name {width: 480px; height: 36px; text-align: left; padding: 0 15px; border-right: 1px solid #E7E7E7;}
.smart_layer .popup_box .history .tbl_box .smart_items .item .prod_name label {width: 100%; font-size: 14px; font-weight: 400; height: 36px; line-height: 36px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.smart_layer .popup_box .history .tbl_box .smart_items .item .tot {width: 90px; line-height: 36px; font-size: 14px; font-weight: 400; text-align: right; color: #666; padding-right: 15px; border-right: 1px solid #E7E7E7;}

.smart_layer .popup_box .history .tbl_box .smart_items .item .newtot {width: 90px; height: 36px; padding: 6px 15px;}
.smart_layer .popup_box .history .tbl_box .smart_items .item .newtot input {width: 100%; height: 100%; text-align: right; padding: 0 10px 0 0; color: #009DC5;}

.smart_layer .popup_box .history .info_box {width: 330px; height: 400px;}
.smart_layer .popup_box .history .info_box .select_item {width: 100%; height: 134px; border: 1px solid #E7E7E7; border-radius: 10px; overflow: hidden; display: table;}

.smart_layer .popup_box .history .info_box .select_item .thum {width: 134px; height: 134px; overflow: hidden; display: table-cell;}
.smart_layer .popup_box .history .info_box .select_item .thum img {width: 100%; height: 100%; object-fit: contain;}

.smart_layer .popup_box .history .info_box .select_item .txt_box {width: 100%; height: 100%; padding: 15px; float: right;}
.smart_layer .popup_box .history .info_box .select_item .txt_box .prod_name {width: 100%; line-height: 1.4; font-size: 16px; font-weight: 450; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.smart_layer .popup_box .history .info_box .select_item .txt_box .price {font-size: 18px; font-weight: 400; line-height: 1.3; margin-top: 10px;}
.smart_layer .popup_box .history .info_box .select_item .txt_box .price .disc_rate { color: #F03E3E; font-weight: 500; }
.smart_layer .popup_box .history .info_box .select_item .txt_box .price .disc_price {display: flex; align-items: center;}
.smart_layer .popup_box .history .info_box .select_item .txt_box .price .consumer {font-size: 14px; line-height: 24px; font-weight: 400; color: #999; text-decoration-line: line-through; margin-left: 8px;}
.smart_layer .popup_box .history .info_box .select_item .txt_box .price .selling strong {font-weight: 900;}



.smart_layer .popup_box .history .info_box .qty_sale {width: 100%; margin-top: 26px;}
.smart_layer .popup_box .history .info_box .qty_sale h3 {font-size: 18px; font-weight: 500; margin-bottom: 15px;}

.smart_layer .popup_box .history .info_box .qty_sale table {width: 100%; table-layout: fixed;}
.smart_layer .popup_box .history .info_box .qty_sale table th {height: 26px; font-size: 14px; font-weight: 400; color: #666; text-align: left;}
.smart_layer .popup_box .history .info_box .qty_sale table th strong {font-weight: 500; color: #666;}
.smart_layer .popup_box .history .info_box .qty_sale table td {height: 26px; font-size: 14px; font-weight: 400; text-align: right;}
.smart_layer .popup_box .history .info_box .qty_sale table td strong {font-weight: 500; letter-spacing: -0.5px}
.smart_layer .popup_box .history .info_box .qty_sale table td span {font-size: 14px; color: #F03E3E;}

.smart_layer .popup_box .history .info_box .estimate {width: 100%; margin-top: 10px;}
.smart_layer .popup_box .history .info_box .estimate li {float: left; line-height: 50px;}
.smart_layer .popup_box .history .info_box .estimate li:first-child {width: 110px; font-size: 18px; font-weight: 500;}
.smart_layer .popup_box .history .info_box .estimate li:last-child {width: 220px; font-size: 21px; font-weight: 400; color: #F03E3E; text-align: right;}
.smart_layer .popup_box .history .info_box .estimate li strong {font-weight: 900; color: #F03E3E;}

.smart_layer .popup_box .history .info_box .basket_btn {display: inline-block; width: 100%; height: 48px; line-height: 48px; font-size: 17px; font-weight: 400; border-radius: 2px; background-color: #009DC5; color: #fff; text-align: center; margin-top: 5px;}
.smart_layer .popup_box .history .info_box .basket_btn.disabled {color: #fff; background-color: #ccc; border: none; cursor: default;}

.smart_layer .popup_box .history .nodata {width: 100%; height: 374px; font-size: 14px; font-weight: 400; padding-top: 170px; color: #666; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.smart_layer .popup_box .history .info_msg {position: absolute; left: 0; bottom: 0;}

/* 상품 상세 보기 */
.zoom_info {background-color: transparent;}
.zoom_info .popup_box {width: 720px; height: 780px; border: none; border-radius: 4px;}

.zoom_info .popup_box .tit_box {width: 100%; padding: 0 20px; margin-top: 30px; position: relative;}
.zoom_info .popup_box .tit_box h2 {font-size: 18px; font-weight: 500; width: 610px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.zoom_info .popup_box .tit_box .close_btn {display: block; width: 18px; height: 18px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); overflow: hidden;}
.zoom_info .popup_box .tit_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

/* 상품 상세 tabs */
.zoom_info .popup_box .txt_box {width: 100%; height: 720px; padding: 0 20px; margin-top: 16px;}
.zoom_info .popup_box .tab_zoom {position: relative;}
.zoom_info .popup_box .tab_zoom .list {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 46px;}
.zoom_info .popup_box .tab_zoom .list > li {/*display: inline-block;*/ width: 220px;}
.zoom_info .popup_box .tab_zoom .list > li:not(:last-child) {margin-right: 6px;}
.zoom_info .popup_box .tab_zoom .list > li > a {display: block; width: 100%; line-height: 45px; font-size: 15px; font-weight: 400; text-align: center; border-radius: 6px;}

.zoom_info .popup_box .tab_zoom .list li .btn {color: #999; background-color: #F8F8F8; border: 1px solid #E7E7E7;}
.zoom_info .popup_box .tab_zoom .list li.is_on .btn {color: #fff; background-color: #333;}

/* 상품 상세 컨텐츠 영역 */
.zoom_info .popup_box .tab_zoom .list li > .cont {display: none; width: calc(100%-18px); height: 630px; position: absolute; top: 45px; left: 0; color: #ddd; overflow-y: auto;}
.zoom_info .popup_box .tab_zoom .list li.is_on > .cont {display: block; margin-top: 16px;}

.zoom_info .popup_box .tab_zoom .list .cont .prod_txt {display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 16px;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .thumbnail {width: 130px; height: 130px; border-radius: 6px; overflow: hidden; background-color: #fafafa; border: 1px solid #E7E7E7;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .thumbnail img {width: 100%; height: 100%; object-fit: contain;}

.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap {width: calc(100% - 130px); margin-left: 16px;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap table {width: 100%; table-layout: fixed;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap table th {width: 70px; color: #333; font-size: 15px; font-weight: 500; text-align: justify; height: 26px; vertical-align: middle;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap table th:after {content: ':'; margin-left: 8px;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap table td {font-size: 14px; font-weight: 400; height: 26px;  vertical-align: middle; padding-left: 6px;}

.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc {width: 100%; margin-top: 16px;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc > h5 {font-size: 17px; font-weight: 500; color: #009DC5; margin-bottom: 10px;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius {width: 100%; border: 1px solid #009DC5; border-radius: 6px;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius table {border-style: hidden;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius table th {width: 35%; height: 34px; font-size: 14px; font-weight: 400; text-align: center; color: #fff; vertical-align: middle; background-color: #009DC5;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius table th:after {content: ''; margin: 0;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius table td {font-size: 14px; font-weight: 400; text-align: center; color: #333; vertical-align: middle; letter-spacing: -0.5px;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius table td b {font-size: 14px; font-weight: 700;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius table td span {font-size: 14px; font-weight: 400;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius table td strong {font-size: 14px; font-weight: 700; color: #F03E3E;}

.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius table tr:not(:last-child) th {border-bottom: 1px solid #fff;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_txt .tbl_wrap .section_disc .tbl_radius table tr:not(:last-child) td {border-bottom: 1px solid #009DC5;}

.zoom_info .popup_box .tab_zoom .list .cont #divProdInfo {width: 680px;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_page {width: 100%; border-top: 1px solid #333;}
.zoom_info .popup_box .tab_zoom .list .cont .prod_page p {color: var(--black);}

/* 약학정보 컨텐츠 영역 */
.zoom_info .popup_box .tab_zoom .list .cont.prod_info {width:100%; height: 635px; overflow-y: scroll; margin-top: 16px; border-top: 1px solid #333;}
.zoom_info .popup_box .tab_zoom .list .cont.prod_info table {width:100%; table-layout: fixed;}
.zoom_info .popup_box .tab_zoom .list .cont.prod_info tr {border-bottom: 1px solid #E7E7E7;}
.zoom_info .popup_box .tab_zoom .list .cont.prod_info tr th {width: 30%; font-size: 13px; font-weight: 500; background-color: #f8f8f8; vertical-align: middle; padding: 8px 0; text-align: center;}
.zoom_info .popup_box .tab_zoom .list .cont.prod_info tr td {width: 70%; font-size: 12px; font-weight: 400; line-height: 1.4; vertical-align: middle; padding: 8px 15px; word-break: break-all;}
.zoom_info .popup_box .tab_zoom .list .cont.prod_info tr td span.med_click {cursor: pointer;}

/* 상품확대보기 컨텐츠 영역 */
.zoom_info .popup_box .tab_zoom .list .cont.prod_img {overflow: hidden;}
.zoom_info .popup_box .tab_zoom .list .cont.prod_img img {width: 100%; height: auto;}


/* 쿠폰 다운로드 */
.coupon_down .popup_box {width: 480px; height: 550px; background-color: #fff; border-radius: 0; padding: 30px;}
.coupon_down .popup_box .close_btn {position: absolute; top: 20px; right: 20px;}

.coupon_down .tit_box {width: 100%; text-align: left; margin-bottom: 20px;}
.coupon_down .tit_box > h2 {font-size: 28px; font-weight: 700; color: #009DC5;}
.coupon_down .tit_box > p {font-size: 16px; font-weight: 400; color: #666; margin-top: 10px;}
.coupon_down .tit_box > p strong {font-weight: 500;}

.coupon_down .coupon_list {width: 100%; height: 350px; overflow-y: scroll;}
.coupon_down .coupon_list ul {width: 370px;}
.coupon_down .coupon_list ul li {width: 100%; height: 80px; border-radius: 10px; overflow: hidden; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center;}
.coupon_down .coupon_list ul li:last-child {margin-bottom: none;}

.coupon_down .coupon_list ul li .txt_box {width: 290px; padding: 15px;}
.coupon_down .coupon_list ul li .txt_box > h5 {font-size: 15px; font-weight: 500; margin-bottom: 6px;}
.coupon_down .coupon_list ul li .txt_box > p {font-size: 13px; font-weight: 400; color: #666;}

.coupon_down .coupon_list .coupon_down {border: 1px solid #009DC5;}
.coupon_down .coupon_list .coupon_down .txt_box > h5 {color: #009DC5;}
.coupon_down .coupon_list .coupon_down .down_btn {display: block; width: 80px; height: 80px; text-align: center; background-color: #009DC5; padding-top: 14px;}
.coupon_down .coupon_list .coupon_down .down_btn span {font-size: 14px; font-weight: 400; color: #fff;}
.coupon_down .coupon_list .coupon_down .down_btn span:before {display: block; content: ''; width: 30px; height: 30px; background: url(/static/fo/u/asset/img/coupon_down_icon.png) 50% no-repeat; background-size: contain; margin: 0 auto;}

.coupon_down .coupon_list .down_complete {border: 1px solid #E7E7E7;}
.coupon_down .coupon_list .down_complete .txt_box > h5 {color: #666;}
.coupon_down .coupon_list .down_complete .txt_box > p {color: #999;}

.coupon_down .coupon_list .down_complete .down_complete_btn {width: 80px; height: 80px; line-height: 78px; font-size: 14px; font-weight: 400; color: #666; text-align: center; background-color: #E7E7E7;}


.coupon_down ol {width: 100%; margin-top: 15px;}
.coupon_down ol li {font-size: 13px; font-weight: 400; line-height: 1.4; color: #666; list-style: disc; margin-left: 20px;}


/* 쿠폰 변경 */
.coupon_change .popup_box {width: 480px; height: auto; background-color: #fff; border: 1px solid #009DC5; padding: 40px;}
.coupon_change .popup_box .close_btn {position: absolute; top: 20px; right: 20px;}

.coupon_change .tit_box {width: 100%; text-align: left; margin-bottom: 25px;}
.coupon_change .tit_box > h2 {font-size: 28px; font-weight: 500; color: #009DC5;}
.coupon_change .tit_box > p {font-size: 17px; font-weight: 400; color: #666; margin-top: 14px;}
.coupon_change .tit_box > p strong {font-weight: 500;}

.coupon_change .coupon_list {width: 100%; margin-bottom: 25px;}
.coupon_change .coupon_list li {border: 1px solid #E7E7E7; width: 100%; height: 80px; border-radius: 10px; overflow: hidden; margin-bottom: 10px; display: flex; justify-content: space-around; align-items: center; position: relative; }
.coupon_change .coupon_list li.on {border: 1px solid #009DC5;}
.coupon_change .coupon_list li:last-child {margin-bottom: none;}

.coupon_change .coupon_list li .radio_box {border-right: 1px solid #E7E7E7; width: 60px; height: 50px; text-align: center;}
.coupon_change .coupon_list li .radio_box label { font-size: 14px; line-height: 15px; color: #666; vertical-align: middle; margin-top: 16px;}
.coupon_change .coupon_list li .radio_box input[type="radio"] { position: absolute; width: 100%; height: 100%; padding: 0; margin: -1px; overflow: hidden; border: 0; top: 0; left: 0; cursor: pointer; z-index: 1000; opacity: 0;  }
.coupon_change .coupon_list li .radio_box input[type="radio"]+label { display: inline-block; position: relative; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; }
.coupon_change .coupon_list li .radio_box input[type="radio"]+label:before { content: ''; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; border: 1px solid #E7E7E7; border-radius: 100%; }
.coupon_change .coupon_list li .radio_box input[type="radio"]:checked+label:before { border-color: #009DC5; }
.coupon_change .coupon_list li .radio_box input[type="radio"]:checked+label:after { content: ''; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; background: #009DC5; border-radius: 100%; }

.coupon_change .coupon_list li .txt_box {width: calc(100% - 90px); padding: 22px 0 20px 15px; float: left;}
.coupon_change .coupon_list li .txt_box > h5 {font-size: 17px; font-weight: 500; color: #009DC5; margin-bottom: 10px;}
.coupon_change .coupon_list li .txt_box > p {font-size: 14px; font-weight: 400; color: #666; position: relative;}
.coupon_change .coupon_list li .txt_box > p a {display: inline-block; width: 17px; height: 17px; vertical-align: top;}

.coupon_change .btn_box {margin: 0 auto; text-align: center;}
.coupon_change .btn_box a {display: inline-block; width: 160px; line-height: 39px; border: 1px solid #333; font-size: 16px; border-radius: 100px;}
.coupon_change .btn_box a.btn_black {font-weight: 300; background-color: #333; color: #fff; margin-left: 4px;}


/* 개인정보 제3자 제공동의 */
.personal_info .popup_box {width: 1000px; height: 600px; background-color: #fff; border: 1px solid #333; padding: 40px;}
.personal_info .popup_box h2 {font-size: 20px; font-weight: 500;}
.personal_info .popup_box .close_btn {position: absolute; top: 20px; right: 20px;}

.personal_info .popup_box .agree_cont {width: 100%; height: 100%; overflow-y: auto;}

.personal_info .txt_box {width: 100%; height: 480px; border-top: 1px solid #333; margin-top: 15px; overflow-y: scroll; padding: 20px 10px 0 0;}
.personal_info .txt_box p {font-size: 13px; font-weight: 400; line-height: 1.4; text-align: justify;}

.personal_info .resizing .txt_box {height: 420px;}

.personal_info .popup_box .btn_wrap {justify-content: center; padding-top: 20px;}
.personal_info .popup_box .btn_wrap > button {width: 200px; height: 46px; font-size: 15px; border-radius: 4px;}
.personal_info .popup_box .btn_wrap > button:not(:last-child) {margin-right: 10px;}


/* 품절상품 재입고 알림 */
.inform .popup_box {width: 480px; height: auto; background-color: #fff; border: 1px solid #333; padding: 40px;}
.inform .popup_box .close_btn {position: absolute; top: 20px; right: 20px;}

.inform .tit_box {width: 100%; text-align: left; margin-bottom: 25px;}
.inform .tit_box > h2 {font-size: 28px; font-weight: 500;}
.inform .tit_box > p {font-size: 18px; font-weight: 400; line-height: 1.5; margin-top: 25px;}

.inform .btn_box {margin: 0 auto; text-align: center;}
.inform .btn_box a {display: inline-block; width: 120px; line-height: 40px; border: 1px solid #333; font-size: 16px; border-radius: 100px;}
.inform .btn_box a.cancel_btn {font-weight: 400; margin-right: 4px;}
.inform .btn_box a.confirm_btn {font-weight: 300; background-color: #333; color: #fff;}


/* login */
/* 아이디, 비밀번호 찾기 */
.popup_box.find {width: 730px; height: auto; border-radius: 20px;}

.find .find_tit {text-align: left; margin-bottom: 30px;}
.find .find_tit h2 {font-size: 26px; font-weight: 700; margin-bottom: 12px;}
.find .find_tit p {font-size: 16px; font-weight: 400;}

.find .tabs {width: 650px; height: 46px; border: 1px solid #E7E7E7; border-bottom: none;}
.find .tabs > li {float: left; width: 50%; height: 100%; border-bottom: 1px solid #009DC5;}
.find .tabs > li > a {display: block; width: 100%; line-height: 46px; font-size: 17px; font-weight: 400; color: #666; text-align: center;}
.find .tabs > li.on {border: 1px solid #009DC5; border-bottom: 1px solid #fff;}
.find .tabs > li.on > a {color: #009DC5;}

/* 대표자 인증 */
.find .info_box {width: 100%; margin-top: 25px; text-align: center;}
.find .info_box .certify p {font-size: 15px; font-weight: 400; margin-bottom: 10px; text-align: left;}
.find .info_box .certify h3 {font-size: 20px; font-weight: 500; margin-bottom: 10px; text-align: left;}

.find .info_box .certify table {font-size: 15px; text-align: left;}
.find .info_box .certify table th {font-weight: 500; height: 60px; vertical-align: middle; text-align: left;}
.find .info_box .certify table td {height: 60px; vertical-align: middle;}
.find .info_box .certify table td input {height: 40px;}

.find .info_box .certify .type label {font-size: 15px; line-height: 16px; color: #666; vertical-align: middle; margin-right: 15px;}
.find .info_box .certify .type input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.find .info_box .certify .type input[type="radio"]+label {display: inline-block; position: relative; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.find .info_box .certify .type input[type="radio"]+label:before {content: ''; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; border: 1px solid #E7E7E7; border-radius: 100%;}
.find .info_box .certify .type input[type="radio"]:checked+label:before {border-color: #009DC5;}
.find .info_box .certify .type input[type="radio"]:checked+label:after {content: ''; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; background: #009DC5; border-radius: 100%;}

.find .info_box .certify .userid input {width: 378px; margin-right: 2px;}

.find .info_box .certify .cr_num input {width: 158px;}
.find .info_box .certify .cr_num input:not(:last-of-type) {margin-right: 3px;}

.find .info_box .certify .phone {display: flex; align-items: center;}
.find .info_box .certify .phone input {width: 100%;}

.find .info_box .certify .enter_num {position: relative;}
.find .info_box .certify .enter_num input {width: 332px; margin-right: 3px;}
.find .info_box .certify .enter_num span {font-weight: 300; color: #009DC5; position: absolute; top: 50%; right: 33%; transform: translateY(-50%);}
.find .info_box .certify .enter_num button {width: 150px; height: 40px; line-height: 38px; font-size: 15px; border: none; border-radius: 2px; background-color: #009DC5; color: #fff;}

.find .info_box .certify .mail_wrap {display: none;}
.find .info_box .certify .mail_wrap .mail p {display: inline-block; line-height: 40px; text-align: center;}
.find .info_box .certify .mail_wrap .mail input {width: 150px;}

.find .info_box .certify .mail_wrap .mail .custom_select {display: inline-block; width: 160px; line-height: 40px; margin-left: 3px; vertical-align: middle;}
.find .info_box .certify .mail_wrap .mail .custom_select .selectric-items {height: 131px;}
.find .info_box .certify .mail_wrap .mail .custom_select .selectric-items ul li {line-height: 32px;}

.find .info_box .certify .mail_wrap .mail button {width: 130px; height: 40px; line-height: 38px; font-size: 15px; border: none; border-radius: 2px; background-color: #009DC5; color: #fff; margin-left: 8px;}

.find .info_box .certify .confirm_btn,.confirm_id_btn,.confirm_pw_btn {width: 180px; line-height: 40px; font-size: 17px; font-weight: 400; border-radius: 100px; border: none; background-color: #333; color: #fff; margin-top: 15px;}

.find .info_box .certify .error_msg {margin-top: 4px;}

/* 아이디 찾기 결과 */
.find .info_box .find_result {display: block; width: 100%;}
.find .info_box .find_result h3 {text-align: center; margin: 40px 0 20px 0;}
.find .info_box .find_result dl {display: flex; justify-content: center; align-items: flex-start;}
.find .info_box .find_result dl dt {font-size: 18px; font-weight: 400; margin-right: 10px;}
.find .info_box .find_result dl dd {font-weight: 500; color: #009DC5;}
.find .info_box .find_result p {font-size: 14px; text-align: center; margin-top: 30px;}

/* 비밀번호 찾기 결과 */
.find .pw_reset {padding: 40px; text-align: center;}
.find .pw_reset h3 {font-size: 22px; font-weight: 500; margin-bottom: 10px; text-align: left;}
.find .pw_reset p {font-size: 15px; height: 30px; border-bottom: 1px solid #333; text-align: left;}
.find .pw_reset table {width: 100%; table-layout: fixed; margin-top: 10px;}
.find .pw_reset table th {font-size: 15px; font-weight: 500; height: 60px; vertical-align: middle; text-align: left;}
.find .pw_reset table td {height: 60px; vertical-align: middle;}
.find .pw_reset table td input {width: 100%; height: 40px;}


/* 마이페이지 */
/* 반품정책 안내 */
.myreturn_info .popup_box {width: 800px; height: 600px; background-color: #fff; border: 1px solid #333; padding: 40px;}
.myreturn_info .popup_box h2 {font-size: 20px; font-weight: 500;}
.myreturn_info .popup_box .close_btn {position: absolute; top: 20px; right: 20px;}

.myreturn_info .txt_box {width: 100%; height: calc(100% - 30px); border-top: 1px solid #333; margin-top: 15px; overflow-y: scroll; padding: 20px 15px;}
.myreturn_info .txt_box dl {margin-bottom: 15px;}
.myreturn_info .txt_box dl dt {font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.myreturn_info .txt_box dl dd {font-size: 14px; font-weight: 400; color: #666; line-height: 1.4; margin-bottom: 4px;}
.myreturn_info .txt_box dl dd:before {content: '\2022'; margin-right: 6px;}
.myreturn_info .txt_box .info_msg {font-size: 13px; line-height: 1.4; margin-bottom: 4px;}
.myreturn_info .txt_box .info_msg:before {content: '';}

.myreturn_info .board_list {margin-top: 15px; height: 380px; overflow-y: scroll;}
.myreturn_info .board_list table {table-layout: fixed; width: 100%;}
.myreturn_info .board_list table th {height: 46px; vertical-align: middle; font-size: 14px; border-right: 1px solid #E7E7E7;}
.myreturn_info .board_list table th:last-child {border-right: none;}
.myreturn_info .board_list table td {vertical-align: middle; font-size: 13px; line-height: 1.4; color: #333; border-right: 1px solid #E7E7E7; padding: 0 10px;}
.myreturn_info .board_list table td:last-child {border-right: none; text-align: left;}

/* 반품비용 안내 */
.return_price .popup_box {width: 900px; height: 500px; background-color: #fff; border: 1px solid #333; padding: 40px;}

/* 반춤상품 추가 */
#popup_returnSupplierAdd .popup_box {min-height: 730px;}
.myreturn_add .popup_box {width: 1000px; min-height: 630px; padding: 40px; position: relative; border-radius: 0;}
.myreturn_add .popup_box #mypage-list-form {width: 100%;}
.myreturn_add .popup_box h3 {width: 100%; font-size: 26px; font-weight: 700; text-align: left;}
.myreturn_add .popup_box .close_btn {display: block; width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; overflow: hidden;}
.myreturn_add .popup_box .close_btn img {width: 100%; height: 100%;}

.myreturn_add .search_wrap {width: 100%; height: 38px; margin: 25px 0 10px 0; display: flex; justify-content: flex-end; align-items: center;}
.myreturn_add .search_wrap input {display: block; width: 220px; height: 38px; border-radius: 100px;}
.myreturn_add .search_wrap button {display: block; border-radius: 100px; border: 1px solid #333; margin-left: 6px;}
.myreturn_add .search_wrap button.btn_black {width: 38px; height: 38px; line-height: 36px; background: url(/static/fo/u/asset/img/search_icon_white.png) 50% no-repeat #333; background-size: 34px;}
.myreturn_add .search_wrap button.btn_white {width: 110px; height: 38px; line-height: 36px; background-color: #fff; font-size: 15px; font-weight: 500;}

.myreturn_add .board_list {width: 100%; height: 298px;}
.myreturn_add .board_list table {width: 100%; table-layout: fixed;}
.myreturn_add .board_list table th {height: 46px; font-size: 15px; border-right: 1px solid #E7E7E7;}
.myreturn_add .board_list table th:first-child {text-align: left; padding-left: 15px;}
.myreturn_add .board_list table th:last-child {border-right: none;}
.myreturn_add .board_list table td {height: 50px; font-size: 14px; border-right: 1px solid #E7E7E7;}
.myreturn_add .board_list table td:first-child {text-align: left; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.myreturn_add .board_list table td:last-child {border-right: none;}

.myreturn_add .board_list .nodata {line-height: 200px; font-size: 14px; font-weight: 400;}

/* 기간 및 검색 조건 설정 */
.myreturn_add .mysearch {width: 100%; height: auto; margin: 30px 0; padding: 20px 30px; border-radius: 15px; border: 1px solid #E7E7E7; display: flex; justify-content: space-between; align-items: center;}
.myreturn_add .mysearch table {width: 750px; table-layout: fixed; text-align: left;}
.myreturn_add .mysearch table th {height: 50px; font-size: 15px; font-weight: 500; text-align: left; vertical-align: middle;}
.myreturn_add .mysearch table td {height: 50px; vertical-align: middle;}

.myreturn_add .mysearch .date_check {width: 630px;}
.myreturn_add .mysearch .date_check .date_check_list {margin-bottom: 0;}
.myreturn_add .mysearch .date_check .period_check_list {display: inline-block; width: auto; height: auto;}
.myreturn_add .mysearch .date_check .period_check_list > li {display: inline-block; width: 60px; height: 40px;}
.myreturn_add .mysearch .date_check .period_check_list > li:not(:last-child) {margin-right: 2px;}

.myreturn_add .mysearch .date_check .date_picker {width: 300px;}
.myreturn_add .mysearch .date_check .date_picker input {min-width: 140px; height: 40px;}

.myreturn_add .mysearch td .custom_select {width: 250px;}
.myreturn_add .mysearch td input {width: 256px; height: 40px; margin-left: 0;}

.myreturn_add .mysearch .btn_box {width: 100px; height: 90px; margin: 0;}
.myreturn_add .mysearch .btn_box button {width: 100%; height: 100%; border-radius: 2px; margin: 0;}


/* 마이페이지 반품상품 주문내역 팝업 */
.order_info {background-color: transparent;}
.order_info .popup_box {width: 850px; height: 200px; border: none; border-radius: 4px; top: 0; left: 0; transform: none;}
.order_info .popup_box table th {border-right: 1px solid var(--line-gray);}
.order_info .popup_box table td {border-right: 1px solid var(--line-gray);}
.order_info .popup_box table .rtnPrice {color: var(--accent);}

.order_info .popup_box .txt_box {color: var(--red); font-size: 14px; font-weight: 400; padding-top: 9px; line-height: 1.5;}

.order_info .popup_box .tit_box {width: 100%; padding: 0 20px; margin: 15px 0; position: relative;}
.order_info .popup_box .tit_box h2 {font-size: 18px; font-weight: 500; width: 610px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.order_info .popup_box .tit_box .close_btn {display: block; width: 18px; height: 18px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); overflow: hidden;}
.order_info .popup_box .tit_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

/* 간편결제 별칭 설정 */
.mypage_layer .popup_box {width: 900px; height: 520px; padding: 30px; position: relative; }
.mypage_layer .popup_box .close_btn {display: block; width: 40px; height: 40px; position: absolute; top: 10px; right: 10px; overflow: hidden;}
.mypage_layer .popup_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.mypage_layer .popup_box .mylayer_tit {font-size: 20px; font-weight: 500; margin-bottom: 15px;}

.mypage_layer .popup_box .board_list {width: 100%; height: 360px; overflow-y: scroll; border-bottom: 1px solid #E7E7E7; position: relative;}
.mypage_layer .popup_box .board_list table {width: 100%; }
.mypage_layer .popup_box .board_list table tr:last-child {border-bottom: none;}
.mypage_layer .popup_box .board_list table th {height: 40px; font-size: 15px; font-weight: 500; vertical-align: middle;}
.mypage_layer .popup_box .board_list table td {font-size: 14px; font-weight: 400; color: #666; vertical-align: middle; padding: 8px 0;}
.mypage_layer .popup_box .board_list table td input {width: 100%; height: 40px; font-size: 14px; font-weight: 400;}
.mypage_layer .popup_box .board_list table td.card_name {text-align: left; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.mypage_layer .popup_box .board_list .nodata { display: none; width: 100%; height: auto; font-size: 14px; font-weight: 400; color: #666; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); }

.mypage_layer .popup_box .btn_box {width: 100%; text-align: center; position: absolute; bottom: 30px; left: 0;}
.mypage_layer .popup_box .btn_box .disabled {color: #fff; background-color: #ccc; cursor: default;}

/* 마이페이지 */
/* 동아제약 예치금 이용안내 */
.mypscash_info { background-color: rgba(0, 0, 0, 0); }
.mypscash_info .popup_box { width: 800px; height: 600px; position: relative; margin: 0 auto; color: #333; border-radius: 0;  }
.mypscash_info .popup_box .close_btn {display: block; width: 22px; height: 22px; position: absolute; top: 20px; right: 35px; overflow: hidden;}
.mypscash_info .popup_box h2 { display: block; border-bottom: 1px solid #000; line-height: 60px; height: 68px; font-weight: 700; margin: 0 28px 10px 28px; font-size: 26px; }
.mypscash_info .popup_box h2 span { color: #009DC5; }
.mypscash_info .popup_box .txt_box { margin: 0 28px; overflow-y: scroll; height: 460px; padding-right: 15px; }
.mypscash_info .popup_box .txt_box h5 { font-size: 17px; font-weight: 700; margin-bottom: 6px; line-height: 25px; }
.mypscash_info .popup_box .txt_box p { font-size: 14px; color: #666; letter-spacing: -1.0px; line-height: 1.6; }
.mypscash_info .popup_box .txt_box .txt_blue { color: #009DC5; font-weight: 500; }
.mypscash_info .popup_box .txt_box .txt_black { color: #333; }
.mypscash_info .popup_box .txt_box .mypscash_info { margin-top: 20px; }
.mypscash_info .popup_box .txt_box .mypscash_info > ul { display: flex; margin-top: 10px; align-items: center; }

.mypscash_info .popup_box .txt_box .mypscash_info ul.disc{ list-style-type: disc;  margin-left: 20px; /* 불릿을 disc로 지정 */padding-left: 20px;      /* 불릿 보이도록 여백 추가 */}
.mypscash_info .popup_box .txt_box .mypscash_info ul.disc li { padding-left: 10px;}
.mypscash_info .popup_box .txt_box .mypscash_info ul.disc li::marker {content: "• ";  /* 불릿 강제로 표시 */color: #009DC5; /* 불릿 색상 변경 가능 */; padding-left: 10px;}

.mypscash_info .popup_box .txt_box .mypscash_info ul li.row_tit { width:120px; font-size: 15px; font-weight: 400; text-align: center; color: #009DC5; line-height: 1.4; border-radius: 8px; border: 1px solid #009DC5; height: 70px; line-height: 70px; margin-right: 10px; }
.mypscash_info .popup_box .txt_box .mypscash_info ul li.row1 {height: 250px; line-height: 250px; }
.mypscash_info .popup_box .txt_box .mypscash_info ul li.row2 {height: 80px; line-height: 80px;}
.mypscash_info .popup_box .txt_box .mypscash_info ul li.row3 {height: 78px; line-height: 78px;}
.mypscash_info .popup_box .txt_box .mypscash_info ul li.row4 {height: 400px; line-height: 400px;}

.mypscash_info .popup_box .txt_box .mypscash_info ul li.tit_small { height: 49px; line-height: 49px; }
.mypscash_info .popup_box .txt_box .mypscash_info ul li.tit_big { height: 189px; line-height: 189px; }
.mypscash_info .popup_box .txt_box .mypscash_info ul li.info_cont { width: 600px; font-size: 14px; color: #666; line-height: 1.4; border-radius: 8px; background-color: #f8f8f8; padding: 15px; letter-spacing: -0.3px; }
.mypscash_info .popup_box .txt_box .mypscash_info ul li.info_cont p { margin-top: 5px; }
.mypscash_info .popup_box .txt_box .mypscash_info ul li.info_cont ul { list-style: none; padding: 0; margin: 5px 20px 5px 20px; }
.mypscash_info .popup_box .txt_box .mypscash_info ul li.info_cont ul.ml0 { margin-left: 0px }
.mypscash_info .popup_box .txt_box .warning_info { color: #F03E3E; font-size: 13px; margin-top: 8px; }
.mypscash_info .popup_box .txt_box .process_wrap { margin-top: 35px; }
.mypscash_info .popup_box .txt_box .process_wrap h5 { font-size: 17px; font-weight: 700; line-height: 25px; }
.mypscash_info .popup_box .txt_box .pscash_process { display: flex; margin-top: 35px;}
.mypscash_info .popup_box .txt_box .pscash_process li { position: relative; width: 130px; height: 130px; display: flex; align-items: center; border-radius: 999px; font-size: 16px; border: 1px solid #009DC5; margin-right: 28px; text-align: center; color: #009DC5; }
.mypscash_info .popup_box .txt_box .pscash_process li:last-of-type { margin-right: 0; }
.mypscash_info .popup_box .txt_box .pscash_process li span { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; font-size: 20px; display: flex; justify-content: center; align-items: center; font-weight: 700; color: #009DC5; background-color: #E4F4F9; padding: 5px; border-radius: 999px; }
.mypscash_info .popup_box .txt_box .pscash_process li h6 { font-weight: 400; line-height: 1.4; width: 100%; display: block; text-align: center; margin-top: 5px; }
.mypscash_info .popup_box .txt_box .pscash_process li::after { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/arrow_right.png) 50% no-repeat; background-size: contain; width: 14px; height: 14px; vertical-align: middle; position: absolute; right: -22px; }
.mypscash_info .popup_box .txt_box .pscash_process li:last-child:after { display: none;}
.mypscash_info .popup_box .txt_box .process_info { display: flex; margin-top: 15px; }
.mypscash_info .popup_box .txt_box .process_info li { display: block; width: 130px; font-size: 12px; color: #666; margin-right: 28px; text-align: center; line-height: 1.4; }
.mypscash_info .popup_box .txt_box .process_info li:last-of-type { margin-right: 0; }
.mypscash_info .popup_box .txt_box .precautions { margin-top: 35px; }
.mypscash_info .popup_box .txt_box .precautions h5 { font-size: 17px; font-weight: 700; margin-bottom: 18px; line-height: 25px; }
.mypscash_info .popup_box .txt_box .precautions table { width: 100%; border-top: 1px solid #333; margin-top: 15px; }
.mypscash_info .popup_box .txt_box .precautions table th {  font-size: 14px; font-weight: 400; text-align: center; border-right: 1px solid #E7E7E7; line-height: 1.4; border-bottom: 1px solid #E7E7E7; background-color: #f8f8f8; vertical-align: middle; }
.mypscash_info .popup_box .txt_box .precautions table td { padding: 15px; border-bottom: 1px solid #E7E7E7; }
.mypscash_info .popup_box .txt_box .precautions table td .red_badge { display: inline-block; padding:0 10px; line-height: 26px; border-radius: 5px; color: #F03E3E; background-color: rgba( 240, 62, 62, 0.1 ); font-size: 15px; text-align: center; margin-bottom: 5px; }
.mypscash_info .popup_box .txt_box .precautions table td .blue_badge { display: inline-block; padding:0 10px; line-height: 26px; border-radius: 5px; line-height: 26px; color: #009DC5; background-color: rgba( 0, 157, 197, 0.1 ); font-size: 15px; text-align: center; margin-top: 15px;margin-bottom: 5px; }
.mypscash_info .popup_box .txt_box .precautions table td .txt_red { color: var(--red); font-size: 13px; margin-top: 8px; }
.mypscash_info .popup_box .txt_box .precautions table td p { font-size: 14px; line-height: 22px; color: #666; letter-spacing: -0.3px; }
.mypscash_info .popup_box .txt_box .precautions table td ul { margin-top: 6px; padding: 0 15px; }
.mypscash_info .popup_box .txt_box .precautions table td ul li { font-size: 13px; line-height: 20px; color: #666; list-style-type: disc; }
/* 각 칸(카드)을 둥근 사각형으로 */
.mypscash_info .popup_box .txt_box ul li.mb20{ margin-bottom: 20px; }
.mypscash_info .subcard { position: relative; border: 1px dotted #000; border-radius: 10px; padding: 24px 14px 14px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); background: #fff;}
/* 좌측 상단 겹치는 타이틀 배지 */
.mypscash_info .subcard-badge { position: absolute; top: -12px; left: 12px; background:var(--accent); color: #fff; font-size: .75rem; font-weight: 600; padding: 10px 8px; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,.2); white-space: nowrap; }
.mypscash_info .btn_group { display: inline-block; position: relative; right: 0; bottom: 0;margin-top: 5px; }
.mypscash_info .btn_group > a { display: inline-block; line-height: 20px; border-radius: 100px; font-size: 12px; font-weight: 400; text-align: center;}
.mypscash_info .btn_group .cancel_btn { border: 1px solid var(--black); background-color: #fff; color: var(--black);}

/* 예치금 충전 */
.mypscash_layer .popup_box {width: 500px; height: 820px; position: relative; overflow: visible;}
.mypscash_layer .popup_box h2 {font-size: 20px; font-weight: 500;}
.mypscash_layer .popup_box .close_btn {display: block; width: 22px; height: 22px; position: absolute; top: 20px; right: 20px; overflow: hidden;}
.mypscash_layer .popup_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.mypscash_layer .popup_box .deposit_charge {width: 100%; height: 290px; background-color: #333; padding: 40px; border-radius: 15px 15px 0 0;}
.mypscash_layer .popup_box .deposit_charge h3 {font-size: 24px; font-weight: 500; margin-bottom: 15px; color: #fff;}

.mypscash_layer .popup_box .deposit_charge table {width: 100%; table-layout: fixed;}
.mypscash_layer .popup_box .deposit_charge table th {text-align: left; color:#fff; vertical-align: middle;}
.mypscash_layer .popup_box .deposit_charge table td {text-align: right; color:#fff; vertical-align: middle;}

.mypscash_layer .popup_box .deposit_charge .mypscash {border-bottom: 1px solid #ccc;}
.mypscash_layer .popup_box .deposit_charge .mypscash th {font-size: 16px; font-weight: 400; color: #ccc;}
.mypscash_layer .popup_box .deposit_charge .mypscash td {font-size: 16px; font-weight: 400; color: #ccc; height: 60px;}
.mypscash_layer .popup_box .deposit_charge .mypscash td strong {font-weight: 700; color: #ccc;}

.mypscash_layer .popup_box .deposit_charge .charge_amount {border-bottom: 1px solid #009DC5;}
.mypscash_layer .popup_box .deposit_charge .charge_amount th {font-size: 18px; font-weight: 500; color: #009DC5;}
.mypscash_layer .popup_box .deposit_charge .charge_amount th span {display: inline-block; width: 22px; height: 22px; background: url(/static/fo/u/asset/img/mypage/circle_mycharge.png) 50% no-repeat; vertical-align: sub; margin-right: 6px; background-size: contain;}
.mypscash_layer .popup_box .deposit_charge .charge_amount td {height: 60px;}
.mypscash_layer .popup_box .deposit_charge .charge_amount td input {font-size: 22px; font-weight: 700; color: #009DC5; text-align: right; background: transparent; border: none; width: 100%; padding: 0;}
.mypscash_layer .popup_box .deposit_charge .charge_amount td strong {font-weight: 700; color: #ccc;}

.mypscash_layer .popup_box .deposit_charge .custom_radio td {width: 20%; padding-top: 15px;}
.mypscash_layer .popup_box .deposit_charge .custom_radio td input[type="radio"] {display: none;}
.mypscash_layer .popup_box .deposit_charge .custom_radio td label {font-size: 15px; font-weight: 500; text-align: center; cursor: pointer; color:#333;}
.mypscash_layer .popup_box .deposit_charge .custom_radio td input[type="radio"] ~ label {display: block; width: 80px; line-height: 40px; border-radius: 2px; background-color: #F8F8F8;}
.mypscash_layer .popup_box .deposit_charge .custom_radio td input[type="radio"]:checked + label {background-color: #009DC5; color: #fff;}

.mypscash_layer .popup_box .btn_box {width: 100%; position: absolute; left: 0; bottom: 40px;}

.mypscash_layer .popup_box .payment {width: 100%; padding: 40px;}
.mypscash_layer .popup_box .payment h5 {font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.mypscash_layer .popup_box .payment > ul {width: 100%; height: 60px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.mypscash_layer .popup_box .payment > ul li {width: 32%; height: 60px;}

.mypscash_layer .popup_box .payment .custom_radio input[type="radio"] {display: none;}
.mypscash_layer .popup_box .payment .custom_radio label {font-size: 14px; font-weight: 400; text-align: center; cursor: pointer;}
.mypscash_layer .popup_box .payment .custom_radio input[type="radio"] ~ label {display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; line-height: 1.4; border-radius: 2px; background-color: #F8F8F8; border: 1px solid #E7E7E7; color: #999;}
.mypscash_layer .popup_box .payment .custom_radio input[type="radio"]:checked + label {background-color: #fff; border: 1px solid #009DC5; color: #009DC5;}

.mypscash_layer .popup_box .payment .custom_select {margin-bottom: 10px;}
.mypscash_layer .popup_box .payment .custom_select .selectric-items {height: 128px;}

.mypscash_layer .popup_box .payment .add_card {width: 100%; margin-bottom: 10px;}
.mypscash_layer .popup_box .payment .add_card button.add { width: 100%; height: 40px; line-height: 38px; font-size: 14px; font-weight: 400; background-color: #009DC5; color: #fff; border-radius: 0;}
.mypscash_layer .popup_box .payment .info_msg { margin-top: 5px; font-size: 12px; font-weight: 500; line-height: 1.5; color: #F03E3E; }
.mypscash_layer .popup_box .payment .info_msg:before { background: url(/static/fo/u/asset/img/error_exclamation_icon.png) 50% no-repeat; background-size: contain;}

.mypscash_layer .popup_box .payment .pay_installment {margin-bottom: 10px;}
.mypscash_layer .popup_box .payment .pay_installment .info_msg { color: #F03E3E; text-align: left; }
.mypscash_layer .popup_box .payment .pay_installment .info_msg:before { background: url(/static/fo/u/asset/img/error_exclamation_icon.png) 50% no-repeat; background-size: contain;}
.mypscash_layer .popup_box .payment .pay_installment .guide_txt { background-color: #f8f8f8; padding: 15px; border-radius: 2px; border: 1px solid #e7e7e7; margin: 10px 0;}
.mypscash_layer .popup_box .payment .pay_installment .guide_txt h5 { font-size: 15px; font-weight: 500; margin-bottom: 6px; color: #333; }
.mypscash_layer .popup_box .payment .pay_installment .guide_txt ol li { list-style: disc; font-size: 12px; font-weight: 400; color: #666; margin-left: 20px; line-height: 15px; }
.mypscash_layer .popup_box .payment .pay_installment .guide_txt ol li:before { display: none; }
.mypscash_layer .popup_box .payment .pay_installment .guide_txt p { font-size: 11px; font-weight: 400; margin-left: 20px; line-height: 15px; color: #666; }

.mypscash_layer .popup_box .payment .pay_save label {font-size: 14px; font-weight: 400; color: #666; line-height: 17px;}

/* 예치금 충전내역 보기 */
.mypscash_layer.detail .popup_box {width: 800px; height: 270px; position: relative; padding: 40px;}
.mypscash_layer.detail .popup_box .board_list {margin-top: 15px;}
.mypscash_layer.detail .popup_box .board_list table {width: 100%; table-layout: fixed;}
.mypscash_layer.detail .popup_box .board_list table th {height: 50px; vertical-align: middle; font-size: 15px;}
.mypscash_layer.detail .popup_box .board_list table td {height: 50px; vertical-align: middle; font-size: 15px; text-align: left; padding: 0 15px;}

/* 마이페이지 반품상품 주문내역 팝업 */
.rtn_prod_info {background-color: transparent;}
.rtn_prod_info .title_popup_box {width: 750px; height: 135px; border: none; border-radius: 4px; top: 0; left: 0; transform: none;}
.rtn_prod_info .title_popup_box table th {border: 1px solid var(--line-gray); height: 40px;}
.rtn_prod_info .title_popup_box table td {border: 1px solid var(--line-gray); height: 40px;}
.rtn_prod_info .title_popup_box table .rtnPrice {color: var(--accent);}

.rtn_prod_info .title_popup_box .tit_box {width: 100%; padding: 0 20px; margin: 15px 0; position: relative;}
.rtn_prod_info .title_popup_box .tit_box h2 {font-size: 18px; font-weight: 500; width: 610px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.rtn_prod_info .title_popup_box .tit_box .close_btn {display: block; width: 18px; height: 18px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); overflow: hidden;}
.rtn_prod_info .title_popup_box .tit_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.rtn_prod_info {background-color: transparent;}
.rtn_prod_info .content_popup_box {width: 750px; height: 200px; border: none; border-radius: 4px; transform: none; margin-top: 10px; overflow-y: auto;}
.rtn_prod_info .content_popup_box table th {border: 1px solid var(--line-gray); height: 40px;}
.rtn_prod_info .content_popup_box table td {border: 1px solid var(--line-gray); height: 40px;}
.rtn_prod_info .content_popup_box table .rtnPrice {color: var(--accent);}

.rtn_prod_info .content_popup_box .tit_box {width: 100%; padding: 0 20px; margin: 15px 0; position: relative;}
.rtn_prod_info .content_popup_box .tit_box h2 {font-size: 18px; font-weight: 500; width: 610px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.rtn_prod_info .content_popup_box .tit_box .close_btn {display: block; width: 18px; height: 18px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); overflow: hidden;}
.rtn_prod_info .content_popup_box .tit_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.rtn_prod_info .btn_box {display: flex; justify-content:center;}
.rtn_prod_info .btn_box .btn_white {margin-left: 10px;}


/* 예약결제 이용안내 */
.respay_info { background-color: rgba(0, 0, 0, 0); }
.respay_info .popup_box { width: 800px; height: 600px; position: relative; margin: 0 auto; color: #333; border-radius: 0;  }
.respay_info .popup_box .close_btn {display: block; width: 22px; height: 22px; position: absolute; top: 20px; right: 35px; overflow: hidden;}
.respay_info .popup_box h2 { display: block; border-bottom: 1px solid #000; line-height: 60px; height: 68px; font-weight: 700; margin: 0 28px 40px 28px; font-size: 26px; }
.respay_info .popup_box h2 span { color: #009DC5; }
.respay_info .popup_box .txt_box { margin: 0 28px; overflow-y: scroll; height: 460px; padding-right: 15px; }
.respay_info .popup_box .txt_box h5 { font-size: 17px; font-weight: 700; margin-bottom: 6px; line-height: 25px; }
.respay_info .popup_box .txt_box p { font-size: 14px; color: #666; letter-spacing: -1.0px; line-height: 1.6; }
.respay_info .popup_box .txt_box .txt_blue { color: #009DC5; font-weight: 500; }
.respay_info .popup_box .txt_box .txt_black { color: #333; }
.respay_info .popup_box .txt_box .respay_info { margin-top: 20px; }
.respay_info .popup_box .txt_box .respay_info > ul { display: flex; margin-top: 10px; align-items: center; }
.respay_info .popup_box .txt_box .respay_info ul li.info_tit { width:188px; font-size: 15px; font-weight: 400; text-align: center; color: #009DC5; line-height: 1.4; border-radius: 8px; border: 1px solid #009DC5; height: 70px; line-height: 70px; margin-right: 10px; }
.respay_info .popup_box .txt_box .respay_info ul li.tit_small { height: 49px; line-height: 49px; }
.respay_info .popup_box .txt_box .respay_info ul li.tit_big { height: 189px; line-height: 189px; }
.respay_info .popup_box .txt_box .respay_info ul li.info_cont { width: 530px; font-size: 14px; color: #666; line-height: 1.4; border-radius: 8px; background-color: #f8f8f8; padding: 15px; letter-spacing: -0.3px; }
.respay_info .popup_box .txt_box .respay_info ul li.info_cont p { margin-top: 5px; }
.respay_info .popup_box .txt_box .respay_info ul li.info_cont ul { list-style: none; padding: 0; margin: 5px 0; }
.respay_info .popup_box .txt_box .warning_info { color: #F03E3E; font-size: 13px; margin-top: 8px; }
.respay_info .popup_box .txt_box .process_wrap { margin-top: 35px; }
.respay_info .popup_box .txt_box .process_wrap h5 { font-size: 17px; font-weight: 700; line-height: 25px; }
.respay_info .popup_box .txt_box .respay_process { display: flex; margin-top: 35px; }
.respay_info .popup_box .txt_box .respay_process li { position: relative; width: 120px; height: 120px; display: flex; align-items: center; border-radius: 999px; font-size: 16px; border: 1px solid #009DC5; margin-right: 28px; text-align: center; color: #009DC5; }
.respay_info .popup_box .txt_box .respay_process li:last-of-type { margin-right: 0; }
.respay_info .popup_box .txt_box .respay_process li span { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; font-size: 20px; display: flex; justify-content: center; align-items: center; font-weight: 700; color: #009DC5; background-color: #E4F4F9; padding: 5px; border-radius: 999px; }
.respay_info .popup_box .txt_box .respay_process li h6 { font-weight: 400; line-height: 1.4; width: 100%; display: block; text-align: center; margin-top: 5px; }
.respay_info .popup_box .txt_box .respay_process li::after { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/arrow_right.png) 50% no-repeat; background-size: contain; width: 14px; height: 14px; vertical-align: middle; position: absolute; right: -22px; }
.respay_info .popup_box .txt_box .respay_process li:last-child:after { display: none;}
.respay_info .popup_box .txt_box .process_info { display: flex; margin-top: 15px; }
.respay_info .popup_box .txt_box .process_info li { display: block; width: 120px; font-size: 12px; color: #666; margin-right: 28px; text-align: center; line-height: 1.4; }
.respay_info .popup_box .txt_box .process_info li:last-of-type { margin-right: 0; }
.respay_info .popup_box .txt_box .precautions { margin-top: 35px; }
.respay_info .popup_box .txt_box .precautions h5 { font-size: 17px; font-weight: 700; margin-bottom: 18px; line-height: 25px; }
.respay_info .popup_box .txt_box .precautions table { width: 100%; border-top: 1px solid #333; margin-top: 15px; }
.respay_info .popup_box .txt_box .precautions table th {  font-size: 14px; font-weight: 400; text-align: center; border-right: 1px solid #E7E7E7; line-height: 1.4; border-bottom: 1px solid #E7E7E7; background-color: #f8f8f8; vertical-align: middle; }
.respay_info .popup_box .txt_box .precautions table td { padding: 15px; border-bottom: 1px solid #E7E7E7; }
.respay_info .popup_box .txt_box .precautions table td .red_badge { display: inline-block; padding:0 10px; line-height: 26px; border-radius: 5px; color: #F03E3E; background-color: rgba( 240, 62, 62, 0.1 ); font-size: 15px; text-align: center; margin-bottom: 5px; }
.respay_info .popup_box .txt_box .precautions table td .blue_badge { display: inline-block; padding:0 10px; line-height: 26px; border-radius: 5px; line-height: 26px; color: #009DC5; background-color: rgba( 0, 157, 197, 0.1 ); font-size: 15px; text-align: center; margin-top: 15px;margin-bottom: 5px; }
.respay_info .popup_box .txt_box .precautions table td .txt_red { color: var(--red); font-size: 13px; margin-top: 8px; }
.respay_info .popup_box .txt_box .precautions table td p { font-size: 14px; line-height: 22px; color: #666; letter-spacing: -0.3px; }
.respay_info .popup_box .txt_box .precautions table td ul { margin-top: 6px; padding: 0 15px; }
.respay_info .popup_box .txt_box .precautions table td ul li { font-size: 13px; line-height: 20px; color: #666; list-style-type: disc; }

/* 동아plus */
/* 진열대 미리보기 */
.display_prev .popup_box {width: 720px; height: 780px; border: none; border-radius: 4px;}
.display_prev .popup_box .tit_box {width: 100%; padding: 0 30px; margin-top: 30px; position: relative;}
.display_prev .popup_box .tit_box h2 {font-size: 18px; font-weight: 500; width: 610px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.display_prev .popup_box .tit_box .close_btn {display: block; width: 20px; height: 20px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); overflow: hidden;}
.display_prev .popup_box .tit_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.display_prev .popup_box .txt_box {width: 100%; padding: 30px 30px 0 30px; position: relative;}
.display_prev .popup_box .txt_box .type {margin-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-start;}
.display_prev .popup_box .txt_box .type .thumbnail {width: 160px; height: 160px; overflow: hidden;}
.display_prev .popup_box .txt_box .type .thumbnail img {width: 100%; height: 100%; object-fit: contain;}
.display_prev .popup_box .txt_box .type dl {width:470px; line-height: 1.5;}
.display_prev .popup_box .txt_box .type dl dt {font-size: 14px; font-weight: 400; color: #666;}
.display_prev .popup_box .txt_box .type dl dd {font-size: 165x; font-weight: 500; margin-bottom: 15px;}

.display_prev .popup_box .detail_box {width: calc(100% - 60px); height: 480px; margin: 0 auto; border-top: 1px solid #333; overflow-y: scroll;}
.display_prev .popup_box .detail_box img { width: 100%; height: 100%; object-fit: contain;}

/* 진열대 문의하기 */
.display_apply .popup_box {width: 720px; height: 620px; border: none; border-radius: 4px;}
.display_apply .popup_box .tit_box {width: 100%; padding: 0 30px; margin-top: 30px; position: relative;}
.display_apply .popup_box .tit_box h2 {font-size: 18px; font-weight: 500; width: 610px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.display_apply .popup_box .tit_box .close_btn {display: block; width: 20px; height: 20px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); overflow: hidden;}
.display_apply .popup_box .tit_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.display_apply .popup_box .txt_box {width: 100%; height: 560px; padding: 30px; position: relative;}
.display_apply .popup_box .txt_box .type {margin-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-start;}
.display_apply .popup_box .txt_box .type .thumbnail {width: 160px; height: 160px; overflow: hidden;}
.display_apply .popup_box .txt_box .type .thumbnail img {width: 100%; height: 100%; object-fit: contain;}
.display_apply .popup_box .txt_box .type dl {width:470px; line-height: 1.5;}
.display_apply .popup_box .txt_box .type dl dt {font-size: 14px; font-weight: 400; color: #666;}
.display_apply .popup_box .txt_box .type dl dd {font-size: 165x; font-weight: 500; margin-bottom: 15px;}

.display_apply .popup_box .user_info {width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #E7E7E7;}
.display_apply .popup_box .user_info table {width: 100%; table-layout: fixed;}
.display_apply .popup_box .user_info table tr:not(:last-child) {border-bottom: 1px solid #ddd;}
.display_apply .popup_box .user_info table th {height: 46px; font-size: 15px; font-weight: 500; vertical-align: middle; background-color: #f8f8f8; border-right: 1px solid #E7E7E7;}
.display_apply .popup_box .user_info table td {min-height: 46px; font-size: 15px; font-weight: 400; color: #666; vertical-align: middle; padding-left: 15px;}

.display_apply .popup_box p {width: 100%; font-size: 15px; font-weight: 500; text-align: center; margin-top: 30px;}

.display_apply .popup_box .btn_box {width: 380px; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%);}
.display_apply .popup_box .btn_box a,button {display: inline-block; width: 180px; height: 46px; font-size: 18px; line-height: 42px; text-align: center; border-radius: 100px;;}
.display_apply .popup_box .btn_box .btn_white {font-weight: 500; background-color: #fff; color: #333; border: 1px solid #333;}
.display_apply .popup_box .btn_box .btn_black {font-weight: 400; background-color: #333; color: #fff; margin-left: 10px;}


/* 회원가입 : 회원정보 입력 */
/* 약관관련 팝업 */
.auth_container {width: 690px; height: 780px; position: relative; overflow: hidden; margin: 0 auto;}
.auth_container .close_btn {display: block; width: 50px; line-height: 26px; border-radius: 2px; position: absolute; right: 0; bottom: 0; background-color: #333; font-size: 13px; color: #fff; text-align: center;}

.auth_container .auth_box {width: 100%; height: 740px; overflow-y: auto; overflow-x: hidden;}
.auth_container .agree_cont {width: 100%; height: 100%; padding: 20px 0 0 0;}

.auth_container .auth_box .service_tit { font-size: 1.5rem; font-weight: bold; margin-bottom: 20px;}
.auth_container .auth_box .auth_tit .tit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.auth_container .auth_box .auth_tit .tit h5 {font-size: 18px; font-weight: 500; color: var(--black);}
.auth_container .auth_box .auth_tit .tit h5 span {font-size: 18px; font-weight: 500; color: var(--accent);}

.auth_container .auth_box .index { width: 100%; border-radius: 18px; background-color: var(--lgray); padding: 20px 30px; }
.auth_container .auth_box .index ul { width: 100%; height: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; }
.auth_container .auth_box .index ul li { width: 285px; line-height: 26px; }
.auth_container .auth_box .index ul li a { display: block; width: 100%; font-size: 13px; font-weight: 400; color: var(--dgray); }
.auth_container .auth_box .index ul li a:hover { color: var(--accent); }

.auth_container .auth_box .service_cont { margin-top: 40px; font-size: 14px; line-height: 22px; }
.auth_container .auth_box .service_cont table th { height:36px; vertical-align: middle; }
.auth_container .auth_box .service_cont table td { height:36px; vertical-align: middle; }


/* 회원 탈퇴 대기 안내 */
.withdrawal_noti {width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);} 
.withdrawal_noti h5 {font-size: 24px; font-weight: 500; margin-bottom: 26px;}
.withdrawal_noti p {font-size: 15px; font-weight: 400; line-height: 1.4;}
.withdrawal_noti button {font-size: 0; background: url(/static/fo/u/asset/img/kakao_button_bg_small.jpg) 50% no-repeat; margin-top: 26px;}


/* 개인정보 처리방침 내 목록 팝업 */
.personal-info {background-color: #fff;}
.personal-info .popup_box {width: 100%; height: 100%; border: none; padding: 10px;}

.personal-info .popup_box .tit_box {width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center;}
.personal-info .popup_box .tit_box h2 {font-size: 20px; font-weight: 500; width: 610px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.personal-info .popup_box .tit_box .close_btn {display: block; width: 18px; height: 18px; overflow: hidden;}
.personal-info .popup_box .tit_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.personal-info .popup_box .txt_box {margin-top: 30px;}
.personal-info .popup_box .txt_box table {width: 100%; font-size: 14px; border-top: 1px solid var(--black); text-align: center;}
.personal-info .popup_box .txt_box table tr {border-bottom: 1px solid var(--line-gray);}
.personal-info .popup_box .txt_box table th {font-weight: 500; padding: 6px 10px; vertical-align: middle;}
.personal-info .popup_box .txt_box table th:not(:last-child) {border-right: 1px solid var(--line-gray);}
.personal-info .popup_box .txt_box table td {font-weight: 400; padding: 6px 10px; vertical-align: middle;}
.personal-info .popup_box .txt_box table td:not(:last-child) {border-right: 1px solid var(--line-gray);}

.personal-info .popup_box .txt_box table thead {background-color: var(--lgray);}


/* footer */
/* 사이트맵 */
.sitemap .popup_box {width: 1020px; height: 540px; padding: 60px;}
.sitemap .popup_box .close_btn {display: block; width: 28px; height: 28px; border-radius: 100px; position: absolute; top: 20px; right: 20px; overflow: hidden; background-color: #333;}
.sitemap .popup_box .close_btn img {width: 100%; height: 100%; object-fit: scale-down;}

.sitemap .popup_box h1 {width: 100%; font-size: 34px; font-weight: 500; text-align: center; color: #009DC5;}

.sitemap .popup_box .ctgy_wrap {width: 100%; margin-top: 40px; display: flex; flex-flow: row wrap; justify-content: flex-start;}
.sitemap .popup_box .ctgy_wrap .ctgy_box {width: 180px; height: 350px; border-left: 1px solid #E7E7E7; position: relative;}

.sitemap .popup_box .map {width: 100%; padding-left: 15px;}
.sitemap .popup_box .small {height: 150px; position: absolute; left: 0; bottom: 0;}
.sitemap .popup_box .map .tit h3 {font-size: 20px; font-weight: 500; color: #666;}
.sitemap .popup_box .map .tit h3 a {color: #666;}
.sitemap .popup_box .map .tit p {font-size: 12px; font-weight: 400; color: #009DC5; line-height: 28px; margin-bottom: 20px; text-transform: capitalize;}

.sitemap .popup_box .map ol {width: 100%;}
.sitemap .popup_box .map ol li a {font-size: 15px; font-weight: 400; line-height: 28px; color: #666;}
.sitemap .popup_box .map ol li a:hover {color: #009DC5; transition: 0.35s;}