@charset "utf-8";

/* 로그인 */
.login_wrap {width: 100%; overflow: hidden; margin: 0 auto; position: relative;} 
.login_wrap .inner {height: 770px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2;}

.login_wrap .eve_bn {width: 1920px; height: 770px; overflow: hidden; margin: 0 auto;} 
.login_wrap .eve_bn img {width: 100%; height: 100%; object-fit: contain;} 

.login_wrap .shortcut {position: absolute; width: 140px; height: 46px; right: 0; z-index: 1;} 
.login_wrap .shortcut > li > a { display: block; width: 140px; line-height: 44px; font-size: 16px; font-weight: 500; text-align: center; border-radius: 0 0 14px 14px; border: 1px solid var(--line-gray); background-color: var(--lgray); } 
.login_wrap .shortcut > li > a span { color: var(--accent); font-weight: 500; }

.login_wrap .shortcut > li ul.info_box { display: none; padding: 24px 24px 0 26px; width: 345px; height: 120px; background-color: #fff; position: absolute; top: 55px; right: 0; border:1px solid var(--line-gray); border-radius: 14px; }
.login_wrap .shortcut > li ul.info_box h3 { font-size: 16px; font-weight: 500; margin-bottom: 14px; text-align: center; } 
.login_wrap .shortcut > li ul.info_box .shortcut_btns p { float: left; display: block; width: 140px; line-height: 36px; font-size: 14px; font-weight: 400; text-align: center; border-radius: 100px; border: 1px solid var(--black); cursor: pointer; } 
.login_wrap .shortcut > li ul.info_box .shortcut_btns .fnIconCreate { margin-right: 6px; font-weight: 400; background-color: var(--black); color: #fff; } 

.login_wrap .login_contents {width: 310px; border-radius: 18px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px; padding: 40px 20px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.login_wrap .login_contents .login_tit { text-align: center; margin-bottom: 30px; } 
.login_wrap .login_contents .login_tit .logo { width: 160px; overflow: hidden; margin: 0 auto; } 
.login_wrap .login_contents .login_tit .logo img { width: 100%; object-fit: contain; } 
.login_wrap .login_contents .login_tit p { font-size: 16px; font-weight: 400; margin-top: 10px; } 

.login_wrap .login_contents .login_box { width: 100%; height: auto; } 
.login_wrap .login_contents .login_box .inp_group {width: 100%;} 
.login_wrap .login_contents .login_box .inp_group > li:not(:last-child) {margin-bottom: 10px;} 

.login_wrap .login_contents .login_box input { width: 100%; height: 46px; border-radius: 6px; font-size: 15px; font-weight: 400; padding-left: 15px;} 
.login_wrap .login_contents .login_box label.error { width: 100%; height: 50px; line-height: 50px; position: absolute; top: 0; left: 0; border: 1px solid var(--red); background-color: #fff; padding-left: 15px; } 
.login_wrap .login_contents .login_box .login_btn { width: 100%; height: 46px; font-size: 17px; font-weight: 400; background-color: var(--black); color: #fff; border: none; border-radius: 6px;}
.login_wrap .login_contents .login_box .join_btn { display: block; width: 100%; line-height: 46px; font-size: 17px; font-weight: 400; text-align: center; border: 1px solid var(--accent); color: var(--accent); border-radius: 6px;} 

.login_wrap .login_contents .login_box .save_id { display: inline-block; } 
.login_wrap .login_contents .login_box .save_id label { font-size: 15px; font-weight: 400; color: var(--dgray); } 

.login_wrap .login_contents .login_box .find_btns {text-align: center; margin-top: 20px;} 
.login_wrap .login_contents .login_box .find_btns a { font-size: 15px; font-weight: 400; color: var(--dgray); } 
.login_wrap .login_contents .login_box .find_btns a:after { content: '\2223'; color: #ccc; margin: 0 4px 0 6px; } 
.login_wrap .login_contents .login_box .find_btns a:last-child:after { display: none; } 

.login_wrap .login_contents .login_box .join_box { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; } 
.login_wrap .login_contents .login_box .join_box .ad_txt { width: 310px; max-height: 48px;} 
.login_wrap .login_contents .login_box .join_box .ad_txt a { width: 100%; font-size: 16px; font-weight:400; text-align: left; color: var(--dgray); line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.login_wrap .login_contents .login_box .join_box .ad_txt a span { font-size: 15px; font-weight:400; text-align: left; color: var(--dgray); line-height: 1.5; } 
.login_wrap .login_contents .login_box .join_box .ad_txt strong { font-weight: 600; color: var(--dgray); } 
.login_wrap .login_contents .login_box .join_box .ad_txt strong span { color: var(--accent); }


/* 로그인 예외처리 */
.exc_wrap { width: 520px; min-height: calc(100vh - 147px); margin: 0 auto; padding-top: 160px; } 
.exc_wrap .exc_cont { margin-top: 50px; text-align: center; } 
.exc_wrap .exc_cont h2 { font-size: 26px; font-weight: 700; margin-bottom: 10px; } 
.exc_wrap .exc_cont p { font-size: 16px; font-weight: 400; margin-bottom: 20px; line-height: 1.5; } 

.exc_cont ul { width: 100%; border-top: 1px solid var(--black); border-bottom: 1px solid var(--black); padding: 20px 0 10px 0; display: flex; flex-flow: row wrap; } 
.exc_cont ul li { font-size: 15px; text-align: left; height: 40px; line-height: 40px; margin-bottom: 10px; } 
.exc_cont ul li:nth-child(odd) { width: 160px; font-weight: 500; } 
.exc_cont ul li:nth-child(even) { width: 360px; } 
.exc_cont ul li span { display: block; width: 100%; height: 100%; line-height: 40px; background-color: var(--lgray); border: 1px solid var(--line-gray); padding-left: 15px; color: var(--dgray); } 

.exc_cont .btns_box { width: 100%; padding-top: 40px; margin: 0 auto; text-align: center; } 
.exc_cont .btns_box a { display: inline-block; width: 210px; height: 46px; border-radius: 100px; overflow: hidden; } 
.exc_cont .btns_box a:nth-child(2) { background-color: var(--black); color: #fff; font-size: 16px; font-weight: 400; line-height: 45px; margin-left: 6px } 
.exc_cont .btns_box a img { width: 100%; height: 100%; }


/* 인트로(intro) */
.intro-img-wrap {width: 100%; height: auto; overflow: hidden;}
.intro-img-wrap img {width: 100%; object-fit: contain;}


/* 회사소개 */
.about_visual { width: 100%; height: 300px; position: relative; } 
.about_visual h2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 36px; font-weight: 500; color: rgba(255,255,255,0.3); } 
.about_visual div { width: 100%; height: 100%; overflow: hidden; } 
.about_visual div img { width: 100%; height: 100%; object-fit: cover; } 

.about_cont { width: 100%; } 

.about_cont .txt { text-align: left; line-height: 1.4; } 
.about_cont .txt h5 { font-size: 20px; font-weight: 500; color: var(--accent); margin-bottom: 20px; }
.about_cont .txt h3 { font-size: 26px; font-weight: 400; margin-bottom: 20px; } 
.about_cont .txt p { font-size: 15px; font-weight: 400; color: var(--dgray); } 

.about_cont .promise { display: flex; justify-content: space-between; } 
.about_cont .promise .txt { padding-top: 100px; padding-left: 60px; } 
.about_cont .promise .photo { width: 480px; height: 360px; overflow: hidden; margin-top: -40px; z-index: 1; } 
.about_cont .promise .photo img { width: 100%; height: 100%; object-fit: contain; } 

.about_cont .slogan { display: flex; justify-content: flex-start; position: relative; margin-top: 60px; z-index: 1; } 
.about_cont .slogan .txt { padding-left: 22px; } 
.about_cont .slogan .txt h5 { margin-bottom: 6px; } 
.about_cont .slogan .company { width: 700px; height: 420px; overflow: hidden; } 
.about_cont .slogan .company img { width: 100%; height: 100%; object-fit: contain; } 
.about_cont .slogan .photo { width: 380px; height: 500px; overflow: hidden; position: absolute; top: 150px; right: 100px; } 
.about_cont .slogan .photo img { width: 100%; height: 100%; object-fit: contain; } 

.about_cont .mission { width: 100%; height: 600px; overflow: hidden; position: relative; margin-top: -120px; } 
.about_cont .mission .otc_bg { width: 1920px; height: 100%; margin: 0; background-image: url(/static/fo/u/pc/img/contents/OTC_prod_background.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.about_cont .mission .txt { position: absolute; top: 180px; left: 410px; } 
.about_cont .mission .txt h3 { color: #fff; } 
.about_cont .mission .txt h3 strong { color: #fff; } 
.about_cont .mission .txt p { color: #fff; font-weight: 400; } 

.about_cont .cont_bt { text-align: center; position: relative; margin: 60px 0; } 
.about_cont .cont_bt .v_line { border-left: 1px solid #ddd; height: 80px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.about_cont .cont_bt h2 { font-size: 22px; font-weight: 400; padding-top: 100px; line-height: 1.4; }


/* 비밀번호 변경 */
.chgpwd-wrap {width: 400px; padding: 80px 0; margin: 0 auto;}
.chgpwd-wrap input {height: 40px;}
.chgpwd-wrap .btn-box button, .chgpwd-wrap .btn-box a {border-radius: 2px; flex: 1 auto;}
.chgpwd-wrap .btn-box button, .chgpwd-wrap .btn-box a:not(:last-child) {margin-right: 8px;}

.chgpwd-wrap .title {text-align: center; margin-bottom: 40px;}
.chgpwd-wrap .title h2 {font-size: 27px; font-weight: 700; color: var(--black);}
.chgpwd-wrap .title p {font-size: 15px; font-weight: 400; margin-top: 20px; color: var(--dgray); line-height: 1.4}
.chgpwd-wrap .title p span {font-weight: 500; color: var(--accent);}
.chgpwd-wrap .title p strong {font-weight: 500; color: var(--black);}

.chgpwd-wrap .curr-pwd {margin-bottom: 20px;}
.chgpwd-wrap .new-pwd > li:not(:last-child) {margin-bottom: 10px;}

.chgpwd-wrap .icon-box {width: 100px; height: 100px; overflow: hidden; margin: 0 auto 40px auto; border-radius: 100px;}
.chgpwd-wrap .icon-box img {width: 100%; height: 100%; object-fit: contain;}

.chgpwd-wrap .btn-box {margin-top: 20px; display: flex; justify-content: space-between; align-items: center;}


/* 회원가입 신청 */
.signup_wrap { width: 880px; min-height: 680px; margin: 0 auto; padding: 80px 0; }
.signup_wrap .tit { font-size: 30px; font-weight: 700; text-align: center; margin-bottom: 50px; }

.signup_wrap .ui-top { text-align: center; margin-bottom: 40px }
.signup_wrap .ui-top h2 { font-size: 26px; font-weight: 500; }
.signup_wrap .ui-top p { font-size: 18px; font-weight: 400; margin-top: 14px; }

.signup_wrap .criterion_info { width: 100%; min-height: 160px; line-height: 1.5; font-size: 16px; font-weight: 400; text-align: center; color: var(--dgray); margin-top: 40px; } 

.signup_wrap .step_tabs { width: 100%; height: 56px; border: 1px solid var(--line-gray); margin-bottom: 50px; display: flex; align-items: center;}
.signup_wrap .step_tabs li {width: 20%; line-height: 56px; font-size: 15px; font-weight: 400; text-align: center; border-right: 1px solid var(--line-gray); }
.signup_wrap .step_tabs li:last-child { border-right: none; } 
.signup_wrap .step_tabs li:last-child:after { display: none; } 
.signup_wrap .step_tabs li.current_page { position: relative; font-weight: 400; background-color: var(--black); color: #fff; } 
.signup_wrap .step_tabs li.current_page:after { left: 100%; top: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; border-left-color: var(--black); border-width: 8px; margin-top: -8px; } 

.signup_wrap .agree { margin-bottom: 15px; } 
.signup_wrap .agree input[type=checkbox] ~ label { display: inline-block; height: 22px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_off.png) 0% no-repeat; background-size: auto; padding-left: 30px; } 
.signup_wrap .agree input[type=checkbox]:checked ~ label { display: inline-block; height: 22px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_on.png) 0% no-repeat; background-size: auto; padding-left: 30px; } 
.signup_wrap .agree label { font-size: 18px; font-weight: 500; line-height: 20px; } 
.signup_wrap .agree label span { color: var(--red); } 

.signup_wrap .detail { width: 100%; height: 240px; border-top: 1px solid var(--black); border-bottom: 1px solid var(--line-gray); overflow-y: scroll; margin-bottom: 40px; } 

.signup_wrap .notice { width: 100%; text-align: left; } 
.signup_wrap .notice.point { border-top: 1px solid var(--black); margin-top: 60px; padding-top: 25px; }
.signup_wrap .notice.point ol li { font-size: 15px; font-weight: 400; color: var(--dgray); text-align: justify; line-height: 1.5; list-style-type: disc; margin-left: 22px; } 
.signup_wrap .notice h3 { font-size: 22px; font-weight: 500; margin-bottom: 14px; } 
.signup_wrap .notice p { font-size: 15px; font-weight: 400; color: var(--dgray); line-height: 1.5; border-bottom: 1px solid var(--black); padding-bottom: 25px; }
.signup_wrap .notice p .txt_red { color: var(--red); }
.signup_wrap .notice p .txt_bold { font-weight: 500; color: var(--black); }

.signup_wrap .cont { width: 100%; text-align: left; } 
.signup_wrap .cont .custom_radio label { font-size: 14px; color: var(--dgray); vertical-align: middle; margin-right: 20px; }
.signup_wrap .cont .custom_radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.signup_wrap .cont .custom_radio 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; } 
.signup_wrap .cont .custom_radio input[type="radio"]+label:before { content: ''; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; border: 1px solid var(--line-gray); border-radius: 100%; }
.signup_wrap .cont .custom_radio input[type="radio"]:checked+label {color: var(--accent);}
.signup_wrap .cont .custom_radio input[type="radio"]:checked+label:before { border-color: var(--accent);}
.signup_wrap .cont .custom_radio input[type="radio"]:checked+label:after { content: ''; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; background: var(--accent); border-radius: 100%; } 

.signup_wrap .cont table { width: 100%; table-layout: fixed; }
.signup_wrap .cont table tr { border-bottom: 1px solid var(--line-gray); }
.signup_wrap .cont table th { font-size: 16px; font-weight: 400; text-align: left; padding: 12px 0; vertical-align: top; line-height: 40px; } 
.signup_wrap .cont table th.required:after { display: inline-block; content: '*'; font-size: 18px; font-weight: 500; color: var(--accent); padding-left: 4px; } 
.signup_wrap .cont table td { font-size: 16px; font-weight: 400; text-align: left; padding: 12px 0; vertical-align: middle; color: var(--dgray);}
.signup_wrap .cont table td input { height: 40px; line-height: 40px; font-size: 14px; font-weight: 400; } 
.signup_wrap .cont table td input::placeholder { font-size: 12px; font-weight: 400; color: #999; } 

.signup_wrap .cont > dl { width: 100%; margin-top: 25px; }
.signup_wrap .cont > dl > dt { font-size: 16px; font-weight: 400; margin-bottom: 15px; }
.signup_wrap .cont > dl > dd input { height: 40px; line-height: 40px; } 

.signup_wrap .cont input.error { border: 1px solid var(--red); } 

.signup_wrap .cont .tbl_wrap { margin-bottom: 60px; } 
.signup_wrap .cont .tbl_wrap > ul { width: 100%; height: 34px; border-bottom: 1px solid var(--black); display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 14px; } 
.signup_wrap .cont .tbl_wrap > ul li.tbl_tit { font-size: 22px; font-weight: 500; color: var(--black); } 
.signup_wrap .cont .tbl_wrap > ul li { font-size: 14px; font-weight: 400; text-align: right; color: var(--dgray); } 
.signup_wrap .cont .tbl_wrap > ul li span { font-size: 18px; color: var(--accent); }

.signup_wrap .cont .tbl_wrap .inputset {display: flex; justify-content: space-between; align-items: flex-start;}
.signup_wrap .cont .tbl_wrap .inputset li {flex: 1 auto; width: 100%;}
.signup_wrap .cont .tbl_wrap .inputset li:not(:first-child) {margin-left: 10px;}
.signup_wrap .cont .inputset input { width: 100%; }

.signup_wrap .cont .tbl_wrap .enter-selection {margin: 25px 0;}
.signup_wrap .cont .tbl_wrap .enter-selection h5 {font-size: 18px; font-weight: 500; color: var(--black); margin-bottom: 15px;}
.signup_wrap .cont .tbl_wrap .enter-selection > table {border-top: 1px solid var(--line-gray);}
.signup_wrap .cont .tbl_wrap .enter-selection > table tr {border-bottom: 1px solid var(--line-gray);}
.signup_wrap .cont .tbl_wrap .enter-selection > table th {font-size: 14px; font-weight: 500; color: var(--black); text-align: center; line-height: 1; padding: 8px 10px; background-color: var(--lgray);}
.signup_wrap .cont .tbl_wrap .enter-selection > table th:not(:first-child) {border-left: 1px solid var(--line-gray);}
.signup_wrap .cont .tbl_wrap .enter-selection > table td {font-size: 14px; font-weight: 400; color: var(--dgray); text-align: center; line-height: 1.4; padding: 8px 10px;}
.signup_wrap .cont .tbl_wrap .enter-selection > table td:not(:first-child) {border-left: 1px solid var(--line-gray);}

.signup_wrap .cont .tbl_wrap .consent {margin-top: 15px;}
.signup_wrap .cont .tbl_wrap .consent input[type=checkbox] ~ label { display: inline-block; height: 20px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_off.png) 0% no-repeat; background-size: contain; padding-left: 30px; }
.signup_wrap .cont .tbl_wrap .consent input[type=checkbox]:checked ~ label { display: inline-block; height: 20px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_on.png) 0% no-repeat; background-size: contain; padding-left: 30px; }
.signup_wrap .cont .tbl_wrap .consent label { font-size: 17px; font-weight: 500; line-height: 20px; }
.signup_wrap .cont .tbl_wrap .consent {width: 100%; position: relative;}
.signup_wrap .cont .tbl_wrap .consent:not(:last-child) {margin-bottom: 8px;}
.signup_wrap .cont .tbl_wrap .consent label {font-size: 15px; font-weight: 400; color: var(--dgray);}

.signup_wrap .cont .tbl_wrap .info_msg { margin: 10px 0 0 0; }

.signup_wrap .cont .reg-edit {width: 100%; padding: 20px; background-color: var(--lgray); border-radius: 10px; margin-top: 20px;}
.signup_wrap .cont .reg-edit:before {content: ''; display: inline-block; vertical-align: bottom; width: 46px; height: 46px; margin-right: 10px; background: url("/static/fo/u/asset/img/cart_exclamation_icon.png") 50% no-repeat; background-size: contain;}

.signup_wrap .cont .reg-edit p {display: inline-block; vertical-align: top; font-size: 14px; font-weight: 400; line-height: 1.6;}
.signup_wrap .cont .reg-edit p > span {color: var(--red); font-weight: 500;}

.signup_wrap .cont .reg-edit .chk-box {display: inline-block; vertical-align: top; float: right;}
.signup_wrap .cont .reg-edit .chk-box:after {content: ''; display: block; clear: both;}
.signup_wrap .cont .reg-edit .chk-box input[type="checkbox"] {display: none;}
.signup_wrap .cont .reg-edit .chk-box input[type="checkbox"] ~ label {display: block; width: 208px; height: 40px; font-size: 15px; line-height: 38px; border: 1px solid var(--accent); color: var(--accent); border-radius: 2px; background: #fff; text-align: center; padding-left: 0;}
.signup_wrap .cont .reg-edit .chk-box input[type="checkbox"]:checked + label {color: #fff; background: var(--accent); border-color: var(--accent);}

.signup_wrap .icon_box { width: 130px; height: 130px; overflow: hidden; margin: 0 auto; } 
.signup_wrap .icon_box img { width: 100%; height: 100%;}

.signup_wrap .certi_txt { width: 100%; text-align: center; font-size: 15px; font-weight: 400; color: var(--dgray); margin-bottom: 14px; line-height: 1.5; margin-top: 40px;}

.signup_wrap .btn_box { text-align: center; margin-top: 50px; }
.signup_wrap .btn_box button { width: 200px; line-height: 42px; border: 1px solid var(--black); border-radius: 100px; font-size: 18px; font-weight: 400; }
.signup_wrap .btn_box button.cancel_btn { background-color: #fff; margin-right: 6px; } 
.signup_wrap .btn_box button.confirm_btn { background-color: var(--black); color: #fff; }
.signup_wrap .btn_box.certi_btn_box { margin-top: 0; }
.signup_wrap .btn_box button.certi_btn { width: 260px; background-color: var(--black); color: #fff; border-radius: 8px; }
.signup_wrap .btn_box button.signup_btn { width: 260px; background-color: var(--black); color: #fff; } 

.signup_wrap .cont .disabled input { background-color: var(--lgray); }

.signup_wrap .cont .ceo { vertical-align: middle; } 
.signup_wrap .cont .ceo input { width: 423px; float: left; margin-right: 20px; } 
.signup_wrap .cont .ceo input:after { content: ''; display: block; clear: both; } 
.signup_wrap .cont .ceo .custom_radio { margin-top: 8px; } 

.signup_wrap .cont .cr_num input { width: 32.5%; margin-right: 4px; } 
.signup_wrap .cont .cr_num input:last-of-type { margin-right: 0; }

.signup_wrap .cont .phone_num {justify-content: space-between;}
.signup_wrap .cont .phone_num input[type="number"] {width: 32%;}

.signup_wrap .cont .user_id button { width: 100%; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; background-color: var(--black); color: #fff; border-radius: 2px; }

.signup_wrap .cont .plural_num input { width: 195px; margin-right: 4px; } 
.signup_wrap .cont .plural_num input:last-of-type { margin-right: 0; } 
.signup_wrap .cont .plural_num a { display: inline-block; width: 30px; height: 30px; overflow: hidden; margin: 0px 0 4px 4px; vertical-align: middle; } 
.signup_wrap .cont .plural_num a img { width: 100%; height: 100%; } 

.signup_wrap .cont .business_type .custom_select { float: left; width: 315px; } 
.signup_wrap .cont .business_type .custom_select:after { content: ''; display: block; clear: both; } 
.signup_wrap .cont .business_type .custom_select:first-of-type { margin-right: 10px; } 

.signup_wrap .cont .upload_file .filebox {width: 100%;} 
.signup_wrap .cont .upload_file .filebox .file_txt { width: 424px; margin-right: 4px; vertical-align: middle; background-color: var(--lgray); border: 1px solid #ebebeb; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}

.signup_wrap .cont .upload_file .filebox .custom_file { display: inline-block; position: relative; width: 208px; height: 40px; overflow: hidden; vertical-align: middle;} 
.signup_wrap .cont .upload_file .filebox .custom_file .file_upload { width: 100%; height: 40px; position: absolute; top: 0; background-color: var(--black); color: #fff; border: none; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; } 
.signup_wrap .cont .upload_file .filebox .custom_file .file_input_hidden { font-size: 23px; position: absolute; top: 0; right: 0; opacity: 0;} 

/* Todo 개발 수정 후 삭제 요청 */
.signup_wrap .cont .upload_file .filebox label { display: inline-block; width: 208px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; text-align: center; background-color: var(--black); color: #fff; border-radius: 2px; cursor: pointer;} 
.signup_wrap .cont .upload_file .filebox .file_upload { width: 424px; margin-right: 4px; vertical-align: middle; background-color: var(--lgray); border: 1px solid #ebebeb; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } 

.signup_wrap .cont .email { display: flex; flex-flow: row wrap; justify-content: space-between; } 
.signup_wrap .cont .email input { width: 200px; } 
.signup_wrap .cont .email span { line-height: 40px; } 
.signup_wrap .cont .email .custom_select { width: 200px; height: 40px; line-height: 38px; } 
.signup_wrap .cont .email .error_msg { width: 100%; } 

.signup_wrap .cont .address { padding-bottom: 6px; } 
.signup_wrap .cont .address .post input[type="text"] { width: 424px; margin-right: 4px; } 
.signup_wrap .cont .address .post input[type="button"] { width: 208px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; text-align: center; background-color: var(--black); color: #fff; } 
.signup_wrap .cont .address button { display: inline-block; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; text-align: center; background-color: var(--black); color: #fff; border-radius: 2px; cursor: pointer; }
.signup_wrap .cont .address button.disabled { color: #fff; background-color: #ccc; border: none; cursor: default; }

.signup_wrap .cont .location_list ul { width: 100%; padding: 10px 0; }
.signup_wrap .cont .location_list ul li { float: left; width: calc(100% / 2); margin-bottom: 15px; } 
.signup_wrap .cont .location_list.medical > ul > li:last-child { width: 100%; display: flex; justify-content: space-between; align-items: center; } 
.signup_wrap .cont .location_list.medical > ul > li:last-child input { width: 90%; } 

/* 회원가입 신청 > 약관동의 */
.signup_wrap .agree-wrap { width: 100%; }
.signup_wrap .agree-wrap .agree {width: 100%; padding: 25px 0 0 0; margin: 0; }
.signup_wrap .agree-wrap .agree > li:nth-child(3) {padding-top: 30px; border-top: 1px solid var(--black);}
.signup_wrap .agree-wrap .agree > li:not(:last-child) {margin-bottom: 30px;}

.signup_wrap .agree-wrap .agree input[type=checkbox] ~ label { display: inline-block; height: 20px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_off.png) 0% no-repeat; background-size: contain; padding-left: 30px; }
.signup_wrap .agree-wrap .agree input[type=checkbox]:checked ~ label { display: inline-block; height: 20px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_on.png) 0% no-repeat; background-size: contain; padding-left: 30px; }
.signup_wrap .agree-wrap .agree label { font-size: 17px; font-weight: 500; line-height: 20px; }
.signup_wrap .agree-wrap .agree label span { color: var(--red); }

.signup_wrap .agree-wrap .agree .tit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.signup_wrap .agree-wrap .agree .tit h5 {font-size: 18px; font-weight: 500; color: var(--black);}
.signup_wrap .agree-wrap .agree .tit h5 span {font-size: 18px; font-weight: 500; color: var(--accent);}
.signup_wrap .agree-wrap .agree .tit h6 {font-size: 15px; font-weight: 400; color: var(--black);}
.signup_wrap .agree-wrap .agree .tit h6:before {content: '●'; font-size: 6px; vertical-align: middle; margin-right: 6px;}
.signup_wrap .agree-wrap .agree .tit h6 span {font-size: 15px; font-weight: 400; color: var(--accent);}
.signup_wrap .agree-wrap .agree .more {font-size: 13px; font-weight: 400; color: var(--dgray); text-decoration: underline;}

.signup_wrap .agree-wrap .agree .preview {width: 100%; height: 160px; padding: 20px; overflow-y: scroll; border-radius: 2px; border: 1px solid var(--gray); margin-bottom: 15px;}

.signup_wrap .agree-wrap .agree .preview .agree_cont {padding: 0; width: 100%;}
.signup_wrap .agree-wrap .agree .preview .agree_cont .service_tit {display: none;}
.signup_wrap .agree-wrap .agree .preview .agree_cont .service_cont {margin: 0;}

.signup_wrap .agree-wrap .agree .consent {width: 100%; position: relative;}
.signup_wrap .agree-wrap .agree .consent:not(:last-child) {margin-bottom: 8px;}
.signup_wrap .agree-wrap .agree .consent label {font-size: 15px; font-weight: 400; color: var(--dgray);}
.signup_wrap .agree-wrap .agree .consent label.all {font-size: 16px; font-weight: 500; color: var(--black);}
.signup_wrap .agree-wrap .agree .consent label > span {color: var(--gray);}
.signup_wrap .agree-wrap .agree .guide-txt {font-size: 13px; font-weight: 400; color: var(--dgray); padding-left: 30px; margin-top: 6px; line-height: 1.4;}

.signup_wrap .agree-wrap .agree .consent .child { position: absolute; top: 0; right: 0; }
.signup_wrap .agree-wrap .agree .consent .child li {display: inline-block;}
.signup_wrap .agree-wrap .agree .consent .child li:first-child { margin-right: 15px; }
.signup_wrap .agree-wrap .agree .consent .child input[type=checkbox] ~ label { display: inline-block; height: 18px; cursor: pointer; background: url(/static/fo/u/asset/img/checkbox_path.png) 0% no-repeat; background-size: 18px; padding-left: 24px; }
.signup_wrap .agree-wrap .agree .consent .child input[type=checkbox]:checked ~ label { display: inline-block; height: 18px; cursor: pointer; background: url(/static/fo/u/asset/img/checkbox_check.png) 0% no-repeat; background-size: 18px; padding-left: 24px; }
.signup_wrap .agree-wrap .agree .consent .child label { font-size: 14px; font-weight: 400; color: var(--dgray); line-height: 14px; }


/* 이용약관, 개인정보처리방침, 이메일무단수집거부 */
.agree_cont { padding: 60px 0; }

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

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

/* 약관 히스토리 보기 (버전별 이력 확인) */
.agree_his_box {width: 1200px; margin: 0 auto; padding-bottom: 60px; display: flex; justify-content: flex-end; align-items: center;}
.agree_his_box .tit {font-size: 17px; font-weight: 500;}
.agree_his_box .custom_select {width: 200px; margin: 0 8px;}
.agree_his_box .btn {border-radius: 2px; width: 100px; height: 40px; line-height: 38px; font-size: 15px; border: 1px solid var(--line-gray); color: var(--dgray);}

/* 상품 리스트 */
.prod_tit { width: 1200px; height: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; } 
.prod_tit h2 { font-size: 32px; font-weight: 700; } 
.prod_tit p { font-size: 17px; font-weight: 400; color: var(--dgray); margin-top: 12px; } 
.prod_tit p span { color: var(--accent); } 

/* MD 추천 상품 리스트 */
.md_pick { width: 100%; height: 410px; background-color: var(--lgray); margin-bottom: 60px; } 
.md_pick .inner { display: flex; justify-content: space-between; padding: 40px 0; } 
.md_pick .tit { width: 243px; } 
.md_pick .tit h3 { height: 60px; line-height: 60px; font-size: 24px; font-weight: 700; position: relative; } 
.md_pick .tit h3:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 36px; height: 2px; background: var(--black); } 
.md_pick .tit p { font-size: 14px; font-weight: 400; color: var(--dgray); line-height: 1.4; } 

.md_pick .prod_box { width: 957px; } 
.md_pick .prod_box li { width: 228px; height: 330px; } 
.md_pick .prod_box li a { display: block; width: 100%;; height: 100%; } 

.md_pick .prod_box li { float: left; margin-right: 15px; } 
.md_pick .prod_box li:last-child { margin-right: 0; } 
.md_pick .prod_box .thum_box { width: 228px; height: 228px; border-radius: 15px; overflow: hidden; background-color: #fff; border: 1px solid var(--line-gray); } 
.md_pick .prod_box .thum_box img { width: 100%; height: 100%; object-fit: contain; } 
.md_pick .prod_box h5 { width: 228px; font-size: 18px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 15px 0 10px 0; } 
.md_pick .prod_box .name_tag { width: 80px; line-height: 28px; border-radius: 4px; font-size: 16px; font-weight: 400; text-align: center; color: #fff; background-color: var(--black); } 
.md_pick .prod_box p { font-size: 14px; font-weight: 400; color: var(--accent); margin-top: 15px; } 

/* left layout */
.list_wrap { padding-bottom: 60px; min-height: 800px;}
.list_wrap .prod_list { width: 700px; min-height: 950px; display: inline-block; }

.list_wrap .prod_list .list_tit { width: 100%; height: 60px; border-top: 1px solid var(--black); border-bottom: 1px solid var(--line-gray); display: flex; justify-content: space-between; align-items: center; } 
.list_wrap .prod_list .list_tit .set_name { line-height: 60px; font-size: 16px; font-weight: 500; color: var(--black); } 

.list_wrap .prod_list .list_tit .total { line-height: 60px; font-size: 14px; font-weight: 400; color: var(--dgray); } 
.list_wrap .prod_list .list_tit .total strong { font-weight: 700; color: var(--accent); } 

.list_wrap .prod_list .list_tit .site_neme { line-height: 60px; font-size: 18px; font-weight: 500; } 
.list_wrap .prod_list .list_tit .site_neme span { font-size: 16px; font-weight: 400; color: #999; } 
.list_wrap .prod_list .list_tit .site_neme span:after { display: inline-block; content: '|'; font-size: 13px; font-weight: 400; color: #999; margin: 0 8px; vertical-align: top; } 

.list_wrap .prod_list .list_tit .select_wrap { line-height: 60px; padding-left: 15px; } 
.list_wrap .prod_list .list_tit .select_wrap label { font-size: 14px; font-weight: 400; color: var(--dgray); line-height: 16px; } 

.list_wrap .prod_list .list_tit .tbl_subject { line-height: 60px; font-size: 18px; font-weight: 500; } 

.list_wrap .prod_list .list_tit .custom_select { width: 140px; z-index: 3; } 
.list_wrap .prod_list .list_tit .custom_select { width: 140px; z-index: 3; } 

.list_wrap .prod_list .list_tit .delete_btns { width: auto; z-index: 1; } 
.list_wrap .prod_list .list_tit .delete_btns li { float: left; padding: 0 7px; background-color: var(--lgray); border: 1px solid var(--line-gray); border-radius: 2px; margin-left: 6px; } 
.list_wrap .prod_list .list_tit .delete_btns li a { display: block; width: 100%; line-height: 28px; font-size: 13px; color: var(--dgray); } 

.list_wrap .prod_list .prod_items { width: 100%; } 
.list_wrap .prod_list .prod_items .item { width: 100%; min-height: 160px; padding: 15px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line-gray); position: relative; cursor: pointer; } 
.list_wrap .prod_list .prod_items .item.active { border: 1px solid var(--accent); } 

/* 썸네일 */
.list_wrap .prod_list .prod_items .item .thum_box { width: 130px; height: 130px; overflow: hidden; position: relative; } 
.list_wrap .prod_list .prod_items .item .thum_box img { width: 100%; height: 100%; object-fit: contain; } 
.list_wrap .prod_list .prod_items .item .thum_box:hover .hover_box { opacity: 1; } 

.list_wrap .prod_list .prod_items .item .tag_box { position: absolute; top: 0; left: 0; z-index: 6; } 
.list_wrap .prod_list .prod_items .item .tag_box .tag { line-height: 20px; font-size: 12px; font-weight: 400; text-align: center; padding: 0 4px; background-color: #fff; } 
.list_wrap .prod_list .prod_items .item .tag_box .tag.new { border: 1px solid currentColor; color: #364FC7; } 
.list_wrap .prod_list .prod_items .item .tag_box .tag.disc { border: 1px solid currentColor; color: var(--red); } 
.list_wrap .prod_list .prod_items .item .tag_box .tag.time_disc { border: 1px solid var(--red); background-color: var(--red); color: #fff; } 
.list_wrap .prod_list .prod_items .item .tag_box .tag.qty-disc { border: 1px solid currentColor; color: var(--accent); }

.list_wrap .prod_list .prod_items .item .thum_box .hover_box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.6); opacity: 0; display: flex; justify-content: center; align-items: center; transition: 0.35s; z-index: 5; } 
.list_wrap .prod_list .prod_items .item .thum_box .hover_box a { display:inline-block; width: 40px; height: 40px; background-color: #fff; border: 2px solid var(--black); border-radius: 100px; overflow: hidden; margin: 0 3px; } 
.list_wrap .prod_list .prod_items .item .thum_box .hover_box a img { width: 100%; height: 100%; object-fit: contain; } 

.list_wrap .prod_list .prod_items .item .thum_box .soldout { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.6); } 
.list_wrap .prod_list .prod_items .item .thum_box .soldout p { width: 80px; height: 80px; line-height: 80px; font-size: 17px; font-weight: 400; color: #fff; text-align: center; border-radius: 100px; border: 1px solid currentColor; margin: 24px 0 0 23px; } 

.list_wrap .prod_list .prod_items .item .thum_box .discontinue { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.8); } 
.list_wrap .prod_list .prod_items .item .thum_box .discontinue p { width: 80px; height: 80px; line-height: 80px; font-size: 20px; font-weight: 500; border: 1px solid currentColor; color: var(--red); text-align: center; border-radius: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 

/* 상품정보 */
.list_wrap .prod_list .prod_items .item .info_box { width: 510px; margin-left: 30px; position: relative; } 
.list_wrap .prod_list .prod_items .item .info_box .prod_name { width: 360px; line-height: 1.5; font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.list_wrap .prod_list .prod_items .item .info_box .summary { margin-top: 4px; } 
.list_wrap .prod_list .prod_items .item .info_box .summary li { display: inline; font-size: 14px; font-weight: 400; color: var(--dgray); } 
.list_wrap .prod_list .prod_items .item .info_box .summary li:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #999; vertical-align: middle; margin: 0px 2px 5px 8px; } 
.list_wrap .prod_list .prod_items .item .info_box .summary li:last-child:after { display: none; } 

.list_wrap .prod_list .prod_items .item .info_box .price { margin-top: 14px; } 
.list_wrap .prod_list .prod_items .item .info_box .price li { display: inline; font-size: 20px; margin-right: 8px; vertical-align: middle; } 
.list_wrap .prod_list .prod_items .item .info_box .price li.disc_rate { font-weight: 500; color: var(--red); } 
.list_wrap .prod_list .prod_items .item .info_box .price li.selling strong { font-weight: 900; } 
.list_wrap .prod_list .prod_items .item .info_box .price li.consumer { font-size: 14px; font-weight: 400; text-decoration: line-through; color: #999 } 

.list_wrap .prod_list .prod_items .item .info_box .align_end { width: 100%; height: 28px; margin-top: 16px; } 
.list_wrap .prod_list .prod_items .item .info_box .align_end .qty_option { float: left; } 
.list_wrap .prod_list .prod_items .item .info_box .align_end .qty_option:after { content: ''; display: block; clear: both; }

.list_wrap .prod_list .prod_items .item .info_box .align_end .total_qty {display: inline-block; line-height: 26px; font-size: 12px; color: var(--dgray);}

.list_wrap .prod_list .prod_items .item .info_box .expiry_date { width: 260px; text-align: right; font-size: 14px; font-weight: 400; color: var(--dgray); } 
.list_wrap .prod_list .prod_items .item .info_box .expiry_date span { font-size: 14px; font-weight: 500; } 
.list_wrap .prod_list .prod_items .item .info_box .expiry_date span::before { display: inline-block; content: '|'; font-size: 12px; font-weight: 500; color: var(--dgray); margin: 0 6px 0 4px; vertical-align: top; } 

.list_wrap .prod_list .prod_items .item .info_box .align_end .btns { float: right; } 
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns:after { content: ''; display: block; clear: both; } 
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns a { display: inline-block; min-width: 110px; line-height: 28px; padding: 0 15px; border: 1px solid var(--black); border-radius: 100px; font-size: 14px; font-weight: 400; text-align: center; }
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns a.respay_btn { background-color: var(--black); color: #fff; margin-left: 6px; }
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns a.respay_sc { background-color: #fff; color: var(--black); border: 1px solid currentColor; margin-left: 6px; }
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns a.respay_sc:after {content: ''; display: inline-block; width: 8px; height: 9px; background: url(/static/fo/u/asset/img/mypage/mypage_slide_next_btn.png) 50% no-repeat; background-size: contain; margin-left: 4px;}
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns a.basket { background-color: var(--black); color: #fff; margin-left: 6px; }
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns a.disabled { color: #fff; background-color: #ccc; border: none; cursor: default; }
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns a.disabled:after { background: url(/static/fo/u/asset/img/mypage/mypage_slide_nextWhite_btn.png) 50% no-repeat; }
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns a.notify span { font-weight: 400; background-color: #fff; color: var(--black); }
.list_wrap .prod_list .prod_items .item .info_box .align_end .btns a.notify span:before { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/restocked_notify_icon.png) 50% no-repeat; width: 16px; height: 16px; vertical-align: middle; margin: 0px 2px 4px 0; }

.list_wrap .prod_list .prod_items .item .history {  position: absolute; top: 15px; right: 15px; }
.list_wrap .prod_list .prod_items .item .history .icon { width: 20px; height: 20px; overflow: hidden; float: right;}
.list_wrap .prod_list .prod_items .item .history .icon:after { content: ''; display: block; clear: both;}
.list_wrap .prod_list .prod_items .item .history:hover .toltip_box {opacity: 1; visibility: visible; }
.list_wrap .prod_list .prod_items .item .history .icon img { width: 100%; height: 100%; object-fit: scale-down; }

.list_wrap .prod_list .prod_items .item .history .toltip_box {min-width: 140px; padding: 10px; text-align: center; background: #f4f4f4; border-radius: 6px; position: absolute; top: 30px; right: -10px; transform-origin: top; opacity: 0; visibility: hidden; transition: all 0.35s;}
.list_wrap .prod_list .prod_items .item .history .toltip_box:after { bottom: 100%; right: 13px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;  border-color: rgba(248, 248, 248, 0); border-bottom-color: #f4f4f4; border-width: 7px; margin-left: -7px; }

.list_wrap .prod_list .prod_items .item .history .toltip_box .txt {font-size: 12px; color: var(--dgray);}

.list_wrap .prod_list .prod_items .item .essential { width: auto; height: 36px; overflow: hidden; position: absolute; top: 15px; right: 15px; } 
.list_wrap .prod_list .prod_items .item .essential img { width: 100%; height: 100%; object-fit: scale-down; } 

.list_wrap .prod_list .prod_items .item .inventory { width: 60px; height: 60px; line-height: 1.3; border-radius: 100px; border: 1px solid var(--red); font-size: 12px; color: var(--dgray); text-align: center; padding-top: 12px; letter-spacing: -0.5px; position: absolute; top: 15px; right: 15px; } 
.list_wrap .prod_list .prod_items .item .inventory span { font-size: 14px; font-weight: 400; color: var(--red); } 
.list_wrap .prod_list .prod_items .item .inventory span strong { font-weight: 700; color: var(--red); } 

/* 상품 리스트 상품 없을시 */
.list_wrap .nodata { width: 100%; border-top: 1px solid var(--black); padding: 100px 0; text-align: center; } 
.list_wrap .nodata .icon_box { width: 76px; height: 68px; overflow: hidden; margin: 0 auto; } 
.list_wrap .nodata .icon_box img { width: 100%; height: 100%; } 

.list_wrap .nodata p { font-size: 16px; font-weight: 400; margin: 15px 0 40px 0; } 

/* right layout */
.list_wrap .prod_detail { width: 470px; display: inline-block; vertical-align: top; float: right; margin-left: 30px;}
.list_wrap .prod_detail:after {content: ''; display: block; clear: both;}
.list_wrap .prod_detail.fixed { left: 0; top: 0; position: fixed; }
.list_wrap .prod_detail .tit { width: 100%; height: 60px; font-size: 15px; border-top: 1px solid var(--black); border-bottom: 1px solid var(--line-gray); position: relative; cursor: pointer; } 
.list_wrap .prod_detail .tit h3 { width: 420px; height: 100%; line-height: 60px; font-size: 20px; font-weight: 500; text-align: left; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.list_wrap .prod_detail .tit h3 span { color: var(--accent); } 


/* accordion : 상품정보 */
.list_wrap .accordion_box .accordion:after { display: block; content: ''; position: absolute; top: 26px; right: 20px; width: 8px; height: 8px; border-top: 2px solid var(--black); border-right: 2px solid var(--black); transform: rotate(315deg); } 
.list_wrap .accordion_box .accordion.active:after { display: block; content: ''; position: absolute; top: 20px; right: 20px; width: 8px; height: 8px; border-top: 2px solid var(--black); border-right: 2px solid var(--black); transform: rotate(135deg); } 

.list_wrap .accordion_box .panel { display: block; width: 100%; height: auto; padding: 0 15px; overflow: hidden; }
.list_wrap .accordion_box .panel div table { table-layout: auto; width: 100%; table-layout: fixed; }

/* 합산특가 예약결제 바로가기 버튼 */
.list_wrap .prod_detail a.setsale_btn { display: block; font-size: 20px; position: relative; width: 100%; line-height: 50px; border-radius: 6px; background-color: var(--accent); color: #fff; text-align: center; margin-top: 30px; }
.list_wrap .prod_detail a.setsale_btn span { position: absolute; top: 10px; right: 10px; background-color: #fff; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 2px; }
.list_wrap .prod_detail a.setsale_btn::after { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/arrow.png) 50% no-repeat; background-size: contain; background-color: #fff; border-radius: 2px; width: 30px; height: 30px; vertical-align: middle; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) }
.list_wrap .prod_detail a.setsale_btn span img { width: 18px; height: 18px; }

/* 선택상품 상세 정보 */
.list_wrap .prod_detail .acc_cont { width: 100%; height: auto; margin: 25px 0; } 
.list_wrap .prod_detail .acc_cont h5 { font-size: 16px; font-weight: 500; margin-bottom: 14px; } 
.list_wrap .prod_detail .acc_cont .point { font-size: 16px; font-weight: 500; margin-bottom: 14px; padding-left: 15px; } 
.list_wrap .prod_detail .acc_cont .info_msg { color: var(--red); margin-top: 15px; } 
.list_wrap .prod_detail .acc_cont .info_msg:before { background: url(/static/fo/u/asset/img/error_exclamation_icon.png) 50% no-repeat; } 

.list_wrap .prod_detail .acc_cont > ol { width: 100%; padding: 0 15px; } 
.list_wrap .prod_detail .acc_cont > ol > li { font-size: 14px; font-weight: 400; color: var(--dgray); line-height: 1.4; } 
.list_wrap .prod_detail .acc_cont > ol > li:before { content: '\2022'; margin-right: 6px; } 

.list_wrap .prod_detail .acc_cont table { text-align: left; }
.list_wrap .prod_detail .acc_cont table th { width: 30%; height: 24px; font-size: 14px; font-weight: 400; text-align: left; color: var(--dgray); vertical-align: top; letter-spacing: -0.5px; }
.list_wrap .prod_detail .acc_cont table td { height: 24px; font-size: 14px; font-weight: 400; text-align: left; color: var(--accent); vertical-align: top; }
.list_wrap .prod_detail .acc_cont table td span { font-size: 12px; font-weight: 400; color: var(--dgray); } 

.list_wrap .prod_detail .sale_info table td { color: var(--black); }
.list_wrap .prod_detail .disc_info table td span { font-size: 15px; font-weight: 500; color: var(--red); }

.list_wrap .prod_detail .acc_cont.option_box { width: 100%; display: flex; justify-content: flex-start; align-items: center; } 
.list_wrap .prod_detail .acc_cont.option_box h5 { line-height: 28px; margin-bottom: 0; } 
.list_wrap .prod_detail .acc_cont.option_box .qty_option { margin-left: 15px; } 
.list_wrap .prod_detail .acc_cont.option_box .total_qty { line-height: 28px; font-size: 11px; font-weight: 400; color: var(--dgray); letter-spacing: -0.5px; margin-left: 8px; } 
.list_wrap .prod_detail .acc_cont.option_box .total_qty span {color: var(--accent);} 

/* 쿠폰받기 */
.list_wrap .prod_detail .disc_info table th a { display: block; width: 440px; font-size: 13px; line-height: 36px; border: 1px solid var(--accent); color: var(--accent); padding-left: 10px; } 
.list_wrap .prod_detail .disc_info table th a span { float: right; display: block; width: 110px; font-size: 14px; line-height: 36px; background-color: var(--accent); color: #fff; text-align: center; } 
.list_wrap .prod_detail .disc_info table th a span:after { content: ''; display: inline-block; clear: both; width: 17px; height: 17px; background: url(/static/fo/u/asset/img/coupon_down_icon.png) 50% no-repeat; background-size: contain; vertical-align: middle; margin: 0 0 4px 6px; } 

/* 수량 할인 안내 */
.list_wrap .prod_detail .section_disc .tbl_radius {width: 100%; border: 1px solid var(--accent); border-radius: 6px;}
.list_wrap .prod_detail .section_disc .tbl_radius table {border-style: hidden;}
.list_wrap .prod_detail .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: var(--accent);}
.list_wrap .prod_detail .section_disc .tbl_radius table td {font-size: 14px; font-weight: 400; text-align: center; color: var(--black); vertical-align: middle;}
.list_wrap .prod_detail .section_disc .tbl_radius table td b {font-size: 14px; font-weight: 700;}
.list_wrap .prod_detail .section_disc .tbl_radius table td span {font-size: 14px; font-weight: 700; color: var(--red);}

.list_wrap .prod_detail .section_disc .tbl_radius table tr:not(:last-child) th {border-bottom: 1px solid #fff;}
.list_wrap .prod_detail .section_disc .tbl_radius table tr:not(:last-child) td {border-bottom: 1px solid var(--accent);}

/* 택배비 안내 */
.list_wrap .prod_detail .delvy_price table td { color: var(--black); } 
.list_wrap .prod_detail .delvy_price table td strong { font-weight: 400; color: var(--accent); } 

/* 미니 장바구니 */
.list_wrap .fixed_small_cart { width: 470px; position: fixed; bottom: 0; z-index: 3; right: 0; } 
/* 퍼블리싱 화면에서만 적용 (개발 X) */
.list_wrap .fixed_small_cart.small_cart { left: 1081.5px; -ms-left: 1057.5px; bottom: 0 !important; } 

.list_wrap .fixed_small_cart .option_wrap { float: right; } 
.list_wrap .fixed_small_cart .option_wrap:after { content: ''; display: block; clear: both; } 

.list_wrap .fixed_small_cart .option_wrap .option_btn { width: 470px; height: 65px; border-radius: 18px 18px 0 0; background-color: #fafafa; border: 1px solid var(--line-gray); border-bottom: none; position: relative; }
.list_wrap .fixed_small_cart .option_wrap .option_btn .list_open { width: 50px; height: 16px; font-size: 0; background: url(/static/fo/u/asset/img/smallcart_open_btn.png) 50% no-repeat; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); background-size: contain;}

.list_wrap .fixed_small_cart .option_wrap .option_btn dl { width: 100%; height: 100%; padding: 20px; display: flex; justify-content: space-between; align-items: center; } 
.list_wrap .fixed_small_cart .option_wrap .option_btn dl dt { font-size: 18px; font-weight: 500; } 
.list_wrap .fixed_small_cart .option_wrap .option_btn dl dd:nth-child(2) { width: 210px; font-size: 21px; font-weight: 400; color: var(--accent); text-align: right; } 
.list_wrap .fixed_small_cart .option_wrap .option_btn dl dd:nth-child(2) strong { font-weight: 900; color: var(--accent); } 
.list_wrap .fixed_small_cart .option_wrap .option_btn dl dd .btn_buy { display: block; width: 110px; line-height: 36px; font-size: 16px; text-align: center; border-radius: 100px; background-color: var(--accent); color: #fff; } 
.list_wrap .fixed_small_cart .option_wrap .option_btn dl dd .btn_buy.disabled { color: #fff; background-color: #ccc; border: none; cursor: default; } 

/* 미니장바구니 리스트 */
.list_wrap .fixed_small_cart .option_wrap .cart_listbox { width: 470px; height: auto; border-radius: 18px 18px 0 0; background-color: #fff; border: 1px solid var(--line-gray); border-bottom: none; position: relative; } 
.list_wrap .fixed_small_cart .option_wrap .cart_listbox .list_close { width: 50px; height: 16px; font-size: 0; background: url(/static/fo/u/asset/img/smallcart_close_btn.png) 50% no-repeat; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); background-size: contain;}
.list_wrap .fixed_small_cart .option_wrap .cart_listbox h3 { font-size: 18px; font-weight: 700; line-height: 46px; padding: 0 15px; } 
.list_wrap .fixed_small_cart .option_wrap .cart_listbox h3 span { color: var(--accent); }
.list_wrap .fixed_small_cart .option_wrap .cart_listbox .cart_list .selectric-items { height: 120px; }

.list_wrap .fixed_small_cart .option_wrap .cart_list > table { width: 100%; table-layout: fixed; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list > table thead { border-top: 1px solid var(--line-gray); border-bottom: 1px solid var(--line-gray); } 
.list_wrap .fixed_small_cart .option_wrap .cart_list > table tbody { display: block; width: 470px; height: 160px; overflow-y: scroll; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list > table tbody td { border-right: 1px solid var(--line-gray); } 
.list_wrap .fixed_small_cart .option_wrap .cart_list > table tbody td:last-child { border-right: none; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list > table tbody .nodata { width: 470px; line-height: 150px; font-size: 15px; font-weight: 500; text-align: center; border: none; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list > table tfoot { border-top: 1px solid var(--line-gray); } 

.list_wrap .fixed_small_cart .option_wrap .cart_list > table tr { height: 40px; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list > table th { height: 36px; font-size: 15px; font-weight: 500; padding: 0 15px; border-right: 1px solid var(--line-gray); vertical-align: middle; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list > table th:last-child { border-right: none; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list > table td { height: 40px; font-size: 14px; font-weight: 400; padding: 0 15px; border-bottom: 1px solid var(--line-gray); vertical-align: middle; }

.list_wrap .fixed_small_cart .option_wrap .cart_list .prod_name { width: 250px; position: relative; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .prod_name p { width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_wrap .fixed_small_cart .option_wrap .cart_list .prod_name .tag { width: 50px; line-height: 20px; font-size: 12px; font-weight: 400; text-align: center; border-radius: 4px; color: #fff; position: absolute; top: 9px; right: 15px; }
.list_wrap .fixed_small_cart .option_wrap .cart_list .prod_name .tag.disc { background-color: var(--red); } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .prod_name.sold_out p { color: #999; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .prod_name.sold_out .tag { background-color: var(--dgray); } 

.list_wrap .fixed_small_cart .option_wrap .cart_list .qty { width: 60px; font-size: 14px; font-weight: 400; text-align: center; color: var(--accent); padding: 0; } 

.list_wrap .fixed_small_cart .option_wrap .cart_list .order_price { width: 112px; font-size: 14px; font-weight: 400; text-align: right; color: var(--black); padding-left: 0; padding-right: 10px; color: var(--dgray); } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .order_price strong { font-weight: 700; } 

.list_wrap .fixed_small_cart .option_wrap .cart_list .list_del { width: 28px; text-align: center; padding: 0; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .list_del a { display: block; width: 28px; height: 28px; font-size: 0; background: url(/static/fo/u/asset/img/basket_list_circle_xmark.png) 50% no-repeat; } 

.list_wrap .fixed_small_cart .option_wrap .cart_list .disc_price > td:first-child { line-height: 50px; font-size: 16px; font-weight: 500; text-align: left; color: var(--black); border-right: none; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .disc_price > td { line-height: 50px; font-size: 16px; font-weight: 500; text-align: right; color: var(--black); } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .disc_price > td.total_qty { border-width: 0 1px 1px 1px; border-style: solid; border-color: #E7E7E7; } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .disc_price > td strong { line-height: 46px; font-size: 16px; font-weight: 700; text-align: right; color: var(--black); } 

.list_wrap .fixed_small_cart .option_wrap .cart_list .total_sum > th { line-height: 50px; font-size: 18px; font-weight: 500; text-align: left; color: var(--black); border-right: none; background-color: var(--lgray); } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .total_sum > td { line-height: 50px; font-size: 20px; font-weight: 400; text-align: right; color: var(--accent); background-color: var(--lgray); } 
.list_wrap .fixed_small_cart .option_wrap .cart_list .total_sum > td strong { line-height: 46px; font-weight: 900; text-align: right; color: var(--accent); } 

.list_wrap .fixed_small_cart .option_wrap button { width: 100%; height: 50px; line-height: 50px; font-size: 18px; font-weight: 400; text-align: center; border: none; border-radius: 0; } 
.list_wrap .fixed_small_cart .option_wrap button.order { background-color: var(--accent); color: #fff; } 
.list_wrap .fixed_small_cart .option_wrap button.disabled { background-color: #ccc; color: #fff; cursor: default; } 

/* 공동구매/정기배송 신청 시 */
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody { height: 215px; overflow-y: visible;}
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody td { border-bottom: none; } 

.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .custom_select { width: 470px; border-right: none; }
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .add_card { width: 470px; border-right: none; }
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .pay_installment { height: 58px; }
.list_wrap .fixed_small_cart .option_wrap .cart_listbox .cart_list .selectric-items { height: 122px; }

.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .info_msg_wrap { height: 20px; }
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .info_msg { font-size: 12px; height: 20px; color: var(--red);}
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .info_msg:before { background: url(/static/fo/u/asset/img/error_exclamation_icon.png) 50% no-repeat; background-size: contain; }
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .guide_txt { padding-top: 8px; padding-bottom: 10px;}
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .guide_txt h5 { font-size: 13px; font-weight: 500; color: #000; padding: 10px 15px 3px 15px; border: 1px solid var(--line-gray); border-radius: 10px 10px 0 0; border-bottom: none; background-color: var(--lgray); }
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .guide_txt ol { padding: 0 15px 10px 15px; background-color: var(--lgray); border: 1px solid var(--line-gray); border-radius: 0 0 10px 10px; border-top: none;}
.list_wrap .fixed_small_cart .option_wrap .card_select table tbody .guide_txt ol li { list-style: disc; font-size: 12px; font-weight: 400; color: var(--dgray); margin-left: 20px; line-height: 15px; }

.list_wrap .fixed_small_cart .option_wrap .card_select button.buy { background-color: var(--black); color: #fff; cursor: pointer; } 
.list_wrap .fixed_small_cart .option_wrap .card_select button.buy.disabled { background-color: #ccc; color: #fff; cursor: default; } 
.list_wrap .fixed_small_cart .option_wrap .card_select button.add { height: 40px; line-height: 38px; font-size: 14px; font-weight: 400; background-color: var(--accent); color: #fff; } 

.list_wrap .fixed_small_cart .option_wrap .group_apply .option_box { width: 100%; padding: 25px 15px 0 15px; display: flex; justify-content: flex-start; align-items: center; } 
.list_wrap .fixed_small_cart .option_wrap .group_apply .option_box h5 { font-size: 18px; font-weight: 700; margin-right: 15px; } 



/* 세일존 */
/* 테이블 배너 */
.prod_tit_bnr { width: 1200px; height: 200px; border-radius: 15px; overflow: hidden; margin: 0 auto; position: relative; margin-bottom: 40px; } 
.prod_tit_bnr img { width: 100%; height: 100%; object-fit: contain; } 

.prod_tit_bnr .day_count { height: 54px; position: absolute; top: 86px; left: 600px; z-index: 1; } 
.prod_tit_bnr .day_count li { float: left; line-height: 54px; font-size: 30px; font-weight: 500; color: #fff; margin-right: 6px; } 
.prod_tit_bnr .day_count li.count_box { width: 42px; line-height: 54px; background-color: #fff; border-radius: 6px; font-size: 34px; font-weight: 900; text-align: center; color: #000; } 

.prod_tit_bnr .time_count { height: 54px; position: absolute; top: 86px; left: 690px; z-index: 1; } 
.prod_tit_bnr .time_count li { float: left; line-height: 54px; font-size: 30px; font-weight: 500; color: #fff; margin-right: 6px; } 
.prod_tit_bnr .time_count li.count_box { width: 42px; line-height: 54px; background-color: #fff; border-radius: 6px; font-size: 34px; font-weight: 900; text-align: center; } 

.list_wrap .group_disc_info { width: 100%; background-color: var(--lgray); border: 1px solid var(--line-gray); border-radius: 15px; padding: 30px; margin-bottom: 40px; } 
.list_wrap .group_disc_info h3 { font-size: 20px; font-weight: 500; color: var(--red); } 
.list_wrap .group_disc_info h3:before { display: inline-block; content: ''; width: 20px; height: 20px; background: url(/static/fo/u/asset/img/circle_exclamation_icon.png) 50% no-repeat; vertical-align: middle; vertical-align: top; margin-right: 6px; } 
.list_wrap .group_disc_info ol { width: 100%; padding-left: 24px; margin-top: 10px; } 
.list_wrap .group_disc_info ol li { list-style: disc; font-size: 15px; font-weight: 400; color: var(--dgray); line-height: 1.5; } 
.list_wrap .group_disc_info ol li > a { font-weight: 500; } 

.list_wrap .sale_list .prod_items .item { height: 210px; flex-flow: row wrap; padding: 15px 0 0 0; } 
.list_wrap .sale_list .prod_items .item .thum_box { margin-left: 15px; } 
.list_wrap .sale_list .prod_items .item .info_box { padding-right: 15px; } 

.list_wrap .sale_list .prod_items .item .purchase { width: 100%; height: 50px; border-top: 1px dashed #E7E7E7; margin-top: 15px; padding: 0 15px; } 
.list_wrap .sale_list .prod_items .item .purchase li { float: left; height: 50px; line-height: 50px; font-size: 14px; font-weight: 400; color:var(--dgray); } 
.list_wrap .sale_list .prod_items .item .purchase li:after { display: inline-block; content: '|'; font-size: 11px; color:#ccc; margin: 0 10px; vertical-align: top; } 
.list_wrap .sale_list .prod_items .item .purchase li:last-child:after { display: none; } 
.list_wrap .sale_list .prod_items .item .purchase li span { color:var(--accent); } 
.list_wrap .sale_list .prod_items .item .purchase li span strong { font-weight: 700; color:var(--accent); } 


/* 공동구매 */
.list_wrap .prod_list .group_purchase_items .item { width: 100%; height: 280px; padding: 15px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line-gray); position: relative; cursor: pointer; } 
.list_wrap .prod_list .group_purchase_items .item.active { width: 100%; height: 280px; border: 1px solid var(--accent); } 

.list_wrap .prod_list .group_purchase_items .item .info_box { width: 500px; height: 100%; position: relative; } 
.list_wrap .prod_list .group_purchase_items .item .info_box .prod_name { font-size: 18px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.list_wrap .prod_list .group_purchase_items .item .thum_box { width: 146px; height: 146px; } 

.list_wrap .prod_list .group_purchase_items .item .graph_wrap { width: 500px; height: 90px; margin: 15px 0; position: relative; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap .def_graph { width: 100%; height: 26px; overflow: hidden; margin: 6px 0; background-color: #E7E7E7; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap .graph { height: 100%; background-color: var(--accent); } 

.list_wrap .prod_list .group_purchase_items .item .graph_wrap > ol { width: 100%; display: flex; justify-content: space-around; padding: 0 9%; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap > ol > li { font-size: 12px; color: var(--accent); } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap > ol > li strong { font-weight: 700; color: var(--accent); } 

.list_wrap .prod_list .group_purchase_items .item .graph_wrap > ul { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap > ul > li { font-size: 14px; line-height: 1.3; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap > ul > li span { font-size: 18px; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap > ul > li span strong { font-weight: 900; } 

.list_wrap .prod_list .group_purchase_items .item .graph_wrap .sale_price { color: #999; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap .sale_price span { color: #999; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap .sale_price strong { color: #999; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap .purchase_price { color: var(--accent); text-align: right; } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap .purchase_price span { color: var(--accent); } 
.list_wrap .prod_list .group_purchase_items .item .graph_wrap .purchase_price strong { color: var(--accent); } 

/* 공동구매 성공시 뱃지 */
.list_wrap .prod_list .group_purchase_items .item .info_box .bar-txt { width: 110px; height: 30px; border: 1px solid var(--accent); border-radius: 100px; position: absolute; top: 0; right: 0; } 
.list_wrap .prod_list .group_purchase_items .item .info_box .bar-txt p { line-height: 28px; font-size: 14px; font-weight: 400; text-align: center; color: var(--accent); } 

/* 공동구매 종료시 뱃지 */
.list_wrap .prod_list .group_purchase_items .item .finished { width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); position: absolute; top: 0; left: 0; } 
.list_wrap .prod_list .group_purchase_items .item .finished p { width: 160px; height: 160px; line-height: 160px; font-size: 24px; font-weight: 500; text-align: center; border: 2px solid currentColor; color: var(--red); border-radius: 100px; margin: 46px 0 0 260px; } 

.list_wrap .prod_list .group_purchase_items .item .order_info { width: 500px; text-align: left; } 
.list_wrap .prod_list .group_purchase_items .item .order_info h3 { text-align: left; font-size: 17px; font-weight: 500; height: 24px; } 
.list_wrap .prod_list .group_purchase_items .item .order_info li { float: left; font-size: 15px; font-weight: 400; margin-right: 40px; } 
.list_wrap .prod_list .group_purchase_items .item .order_info li span { line-height: 30px; font-size: 15px; font-weight: 400; color: var(--dgray); } 
.list_wrap .prod_list .group_purchase_items .item .order_info li strong { font-size: 16px; font-weight: 700; } 
.list_wrap .prod_list .group_purchase_items .item .order_info li em { font-size: 16px; font-weight: 400; color: var(--accent); font-style: normal; } 

.list_wrap .prod_list .group_purchase_items .qty_option { height: 28px; position: absolute; right: 0; bottom: 0; } 


/* 기획전 */
/* 예약 결제 */
.respay_tit { position: relative; }
.respay_tit .resinfo_btn { position: absolute; right: 0; bottom: 15px; }
.respay_tit .resinfo_btn li { width:140px; height: 38px; line-height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--black); border-radius: 4px; color: var(--black); font-size: 12px; }
.respay_tit .resinfo_btn li.respay_info::before { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/circle_exclamation.png) 50% no-repeat; background-size: contain; width: 14px; height: 14px; vertical-align: middle; margin: 0 5px 1px 0; }
.respay_tit .resinfo_btn li img { width: 14px; height: 14px; }
.respay_tit .resinfo_btn .history { background-color: var(--black); margin-top: 5px; }
.respay_tit .resinfo_btn .history a { color: #fff; }
.respay_tit .resinfo_btn .history::after { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/nav_icon.png) 50% no-repeat; background-size: contain; width: 14px; height: 14px; vertical-align: middle; margin: 0 0 1px 5px; }

/* 예약 결제 신청*/
.list_wrap .prod_list .bundle_list { width: 100%; }
.list_wrap .prod_list .bundle_list table { width: 100%; table-layout: fixed; }
.list_wrap .prod_list .bundle_list table th { font-size: 13px; font-weight: 400; height: 46px; border-right: 1px solid var(--line-gray); }
.list_wrap .prod_list .bundle_list table th:last-child { border-right: none; }
.list_wrap .prod_list .bundle_list table td { height: 110px; padding: 10px; border-right: 1px solid var(--line-gray); }
.list_wrap .prod_list .bundle_list table td:last-child { border-right: none; }
.list_wrap .prod_list .bundle_list table td p { font-size: 13px; color: var(--black); }
.list_wrap .prod_list .bundle_list table td.prod_thum { border: none; }
.list_wrap .prod_list .bundle_list table td.text-right { text-align: right }

.list_wrap .prod_list .bundle_list table td.prod_info { text-align: left; vertical-align: top; padding-top: 15px; }
.list_wrap .prod_list .bundle_list table td.prod_info .prod_name { color: var(--black); line-height: 1.5; font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_wrap .prod_list .bundle_list table td.prod_info .summary li { display: inline; font-size: 12px; font-weight: 400; color: var(--dgray); }
.list_wrap .prod_list .bundle_list table td.prod_info .summary li:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #999; vertical-align: text-top; margin: 0px 2px 0 8px}
.list_wrap .prod_list .bundle_list table td.prod_info .summary li:last-of-type:after { display: none; }
.list_wrap .prod_list .bundle_list table td.prod_info .minimum { font-size: 12px; font-weight: 400; color: var(--dgray); }
.list_wrap .prod_list .bundle_list table td.prod_price { color: var(--black); font-weight: 500; font-size: 13px; }
.list_wrap .prod_list .bundle_list table td.prod_price span { color: var(--red); font-size: 12px; font-weight: 400; }
.list_wrap .prod_list .bundle_list table td.order_price { color: var(--black); font-weight: 500; font-size: 13px; }
.list_wrap .prod_list .bundle_list table td.order_price span { color: #999; font-size: 12px; font-weight: 400; }
.list_wrap .prod_list .bundle_list table td.total_price { color: var(--accent); font-size: 13px; }

.list_wrap .prod_list .bundle_list table td .thum_box { width: 80px; height: 80px; overflow: hidden; position: relative; }
.list_wrap .prod_list .bundle_list table td .thum_box img { width: 100%; height: 100%; object-fit: contain; }
.list_wrap .prod_list .bundle_list table td .thum_box:hover .hover_box { opacity: 1; }

.list_wrap .prod_list .bundle_list table td .hover_box { width: 80px; height: 80px; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.6); opacity: 0; display: flex; justify-content: center; align-items: center; transition: 0.35s; z-index: 5; }
.list_wrap .prod_list .bundle_list table td .hover_box a { display:block; width: 40px; height: 40px; background-color: #fff; border: 2px solid var(--black); border-radius: 100px; overflow: hidden; margin: 0 3px; }
.list_wrap .prod_list .bundle_list table td .hover_box a img { width: 100%; height: 100%; object-fit: contain; }

.list_wrap .prod_list .bundle_list table td .qty_option { margin-bottom: 10px; }

.list_wrap .prod_list .total_list { border: 1px solid var(--black); border-radius: 15px; margin-bottom: 40px; margin-top: 15px; }
.list_wrap .prod_list .total_list table th { font-size: 14px; font-weight: 400; line-height: 22px; color: var(--dgray); padding-top: 13px; border-right: 1px solid var(--line-gray); }
.list_wrap .prod_list .total_list table td { position: relative; font-size: 16px; line-height: 22px; text-align: center; padding-bottom: 13px; border-right: 1px solid var(--line-gray); }
.list_wrap .prod_list .total_list table tr:hover { background-color: transparent; }
.list_wrap .prod_list .total_list table th:last-of-type { border: none;}
.list_wrap .prod_list .total_list table td:last-of-type { border: none;}
.list_wrap .prod_list .total_list table td strong { font-weight: 700; }
.list_wrap .prod_list .total_list table td.total_pay { font-size: 16px; color: var(--accent); }
.list_wrap .prod_list .total_list table td.total_order::after { position:absolute; top: -11px; right: -12px; content: ''; display: inline-block; width: 24px; height: 25px; background: url(/static/fo/u/asset/img/mypage/circle-minus.png) 50% no-repeat; background-size: contain; }
.list_wrap .prod_list .total_list table td.total_disc::after { position:absolute; top: -11px; right: -12px; content: ''; display: inline-block; width: 24px; height: 25px; background: url(/static/fo/u/asset/img/mypage/circle-equals.png) 50% no-repeat; background-size: contain; }

.list_wrap .prod_list .shipment_wrap { display: flex; margin: 40px 0 10px 0; }
.list_wrap .prod_list .shipment_wrap .add_btn { width: 100px; height: 33px; line-height: 31px; background-color: var(--black); border-radius: 4px; color: #fff; font-size: 13px; font-weight: 400; }
.list_wrap .prod_list .shipment_wrap .add_btn::before { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/shipment_add.png) 50% no-repeat; background-size: contain; width: 15px; height: 15px; vertical-align: middle; margin: 0 5px 3px 0; }
.list_wrap .prod_list .shipment_wrap ul { display: flex; margin-left: 10px; line-height: 33px; font-weight: 500; font-size: 15px; }
.list_wrap .prod_list .shipment_wrap ul .total_shipment span { color: var(--accent); }
.list_wrap .prod_list .shipment_wrap ul .remain span { color: var(--red); }
.list_wrap .prod_list .shipment_wrap ul .total_shipment:after { content: '/'; margin: 0 4px; }

.list_wrap .prod_list .shipment_list { width: 100%; }
.list_wrap .prod_list .shipment_list table { width: 100%; table-layout: fixed; }
.list_wrap .prod_list .shipment_list table th { font-size: 14px; height: 46px; border-right: 1px solid var(--line-gray); }
.list_wrap .prod_list .shipment_list table th:last-child { border-right: none; }
.list_wrap .prod_list .shipment_list table tr.shipment_price { border-bottom: 1px dashed #e7e7e7; }
.list_wrap .prod_list .shipment_list table tr.shipment_date { border-bottom: 1px solid #ccc; }
.list_wrap .prod_list .shipment_list table td { height: 50px; padding: 0 10px; border-right: 1px dashed #E7E7E7; }
.list_wrap .prod_list .shipment_list table td:last-child { border-right: none; }
.list_wrap .prod_list .shipment_list table td.prod_shipment { color: var(--black); font-weight: 400; font-size: 13px; border-right: 1px solid var(--line-gray); border-bottom: 1px solid #ccc; }
.list_wrap .prod_list .shipment_list table td.prod_name { height: 86px; }
.list_wrap .prod_list .shipment_list table td.prod_name ul li { color: var(--black); font-size: 14px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 6px; }
.list_wrap .prod_list .shipment_list table td.prod_name ul:last-of-type li { margin-bottom: 0; }
.list_wrap .prod_list .shipment_list table td.prod_quantity input { width: 60px; height: 30px; text-align: center; font-size: 13px; }
.list_wrap .prod_list .shipment_list table td.prod_quantity.one_prod input { width: 120px; }
.list_wrap .prod_list .shipment_list table td.prod_quantity li { margin-bottom: 5px; }
.list_wrap .prod_list .shipment_list table td.prod_quantity li:last-of-type { margin-bottom: 0; }
.list_wrap .prod_list .shipment_list table td.prod_quantity .item li { margin-bottom: 5px; }
.list_wrap .prod_list .shipment_list table td.prod_quantity .item:last-of-type li { margin-bottom: 0; }
.list_wrap .prod_list .shipment_list table td.order_price { color: var(--black); font-weight: 500; font-size: 13px; }
.list_wrap .prod_list .shipment_list table td.order_price span { color: #999; font-size: 12px; font-weight: 400; }
.list_wrap .prod_list .shipment_list table td.total_price { color: var(--accent); font-size: 13px; }
.list_wrap .prod_list .shipment_list table td.text-right { text-align: right; }
.list_wrap .prod_list .shipment_list table tr.shipment_date td { height: 46px; }
.list_wrap .prod_list .shipment_list table tr.shipment_date label { color: var(--accent); margin-right: 10px; font-size: 13px; }
.list_wrap .prod_list .shipment_list table tr.shipment_date .date_picker { justify-content: flex-start; }
.list_wrap .prod_list .shipment_list table tr.shipment_date input { width: 140px; height: 30px; margin-right: 15px; font-size: 13px; }
.list_wrap .prod_list .shipment_list table tr.shipment_date input[disabled] { background-color: var(--lgray); color: #999; cursor: default; }

.order_detail .res_panel { border-top: 1px solid var(--black); }
.order_detail .res_panel .delvy_info { padding: 20px; border-radius: 10px; background-color: var(--lgray); margin: 20px 15px 0 15px; }
.order_detail .res_panel .delvy_info h5 { color: var(--dgray); font-size: 15px; font-weight: 400; }
.order_detail .res_panel .delvy_info p { font-weight: 500; color: var(--black); font-size: 15px; margin-top: 10px; line-height: 1.5; }
.order_detail .res_panel .delvy_info p span { color: var(--accent); }

.order_detail .res_panel .pay_tit { display: flex; margin: 20px 15px 15px 15px; }
.order_detail .res_panel .pay_tit li { color: var(--dgray); font-size: 15px; }
.order_detail .res_panel .pay_tit li.active { color: var(--black); font-weight: 500; }
.order_detail .res_panel .pay_tit li:after { content: '|'; font-size: 12px; font-weight: 400; color: #ccc; margin: 0 8px; vertical-align: bottom; }
.order_detail .res_panel .pay_tit li:last-of-type:after { display: none; }

/* 간편결제 : 카드 선택 */
.order_detail .res_panel .cart_list > table { width: 100%; }
.order_detail .res_panel .cart_list > table td { padding: 0 15px; }
.order_detail .res_panel .cart_list > table .custom_select { padding-bottom: 10px; }
.order_detail .res_panel .cart_list > table .custom_select:last-of-type { padding-bottom: 20px; }
.order_detail .res_panel .cart_list > table .info_msg_wrap { height: 20px; }
.order_detail .res_panel .cart_list > table .info_msg { font-size: 12px; height: 20px; color: var(--red); }
.order_detail .res_panel .cart_list > table .info_msg:before { background: url(/static/fo/u/asset/img/error_exclamation_icon.png) 50% no-repeat; background-size: contain; }
.order_detail .res_panel .cart_list > table .guide_txt { padding-top: 8px; }
.order_detail .res_panel .cart_list > table .guide_txt h5 { font-size: 14px; font-weight: 500; color: #000; padding: 15px 15px 3px 15px; border: 1px dashed #e7e7e7; border-radius: 10px 10px 0 0; border-bottom: none; }
.order_detail .res_panel .cart_list > table .guide_txt ol { padding: 0 15px 15px 15px; border: 1px dashed #e7e7e7; border-radius: 0 0 10px 10px; border-top: none;}
.order_detail .res_panel .cart_list > table .guide_txt ol li { list-style: disc; font-size: 13px; font-weight: 400; color: var(--dgray); margin-left: 20px; line-height: 20px; }

.order_detail .res_panel .cart_list > table .order_agree { padding: 20px 0; }
.order_detail .res_panel .cart_list > table .order_agree ul li { font-size: 14px; font-weight: 400; line-height: 1.6; }
.order_detail .res_panel .cart_list > table .order_agree ul li:first-child { margin-bottom: 7px; }
.order_detail .res_panel .cart_list > table .order_agree ul li label { color: var(--dgray); display: inline; line-height: 1.5; }
.order_detail .res_panel .cart_list > table .order_agree ul li a { float: right; font-size: 14px; font-weight: 400; text-decoration: underline; }
.order_detail .res_panel .cart_list > table .order_agree ul li a::after { content: ''; display: block; clear: both; }

.order_detail .res_panel .cart_list > table .submit_wrap { padding: 0; }
.order_detail .res_panel .cart_list > table .submit_wrap button { width: 100%; height: 50px; line-height: 50px; color: #fff; border-radius: 0; font-size: 18px; font-weight: 400; text-align: center; border: none; }
.order_detail .res_panel .cart_list > table .submit_wrap button.apply { background-color: var(--accent); }
.order_detail .res_panel .cart_list > table .submit_wrap button.delete { background-color: #ccc; margin-top: 5px; }

/* 정기배송 */
.regular_set { width: 100%; margin-top: 15px; border-radius: 15px; background-color: #fafafa; border: 1px solid var(--line-gray); } 
.regular_set h5 { font-size: 17px; font-weight: 500; margin-bottom: 15px; } 
.regular_set input[type="radio"] { display: none; } 
.regular_set label { font-size: 15px; font-weight: 400; text-align: center; cursor: pointer; } 
.regular_set input[type="radio"] ~ label { display: block; width: 100%; line-height: 36px; border-radius: 100px; background-color: #fff; border: 1px solid var(--line-gray); } 
.regular_set input[type="radio"]:checked + label { background-color: #fff; border: 1px solid var(--accent); color: var(--accent); } 

.regular_set .delvy_period { margin-bottom: 20px; } 

.regular_set .delvy_cycle { margin-bottom: 20px; } 
.regular_set .delvy_cycle ul { width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; } 
.regular_set .delvy_cycle ul:last-of-type { margin-bottom: 0; } 
.regular_set .delvy_cycle ul li { width: 104px; height: 40px; } 

.regular_set .delvy_day ul { width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; } 
.regular_set .delvy_day ul:last-of-type { margin-bottom: 0; } 
.regular_set .delvy_day ul li { width: 84px; height: 40px; }

/* 간편결제 : 카드 선택 */
.prod_detail .simple_payment .card_select { width: 100%; background-color: var(--lgray); padding: 20px 15px; }
.prod_detail .simple_payment .card_select h5 { font-size: 16px; font-weight: 500; margin-bottom: 15px; }

.prod_detail .simple_payment .card_select button { width: 100%; height: 50px; line-height: 50px; font-size: 18px; font-weight: 400; text-align: center; border: none; color: #fff }
.prod_detail .simple_payment .card_select button.card_reg { background-color: var(--accent); }
.prod_detail .simple_payment .card_select button.apply { background-color: var(--black); margin-top: 10px; }

/* 선택상품 상세 정보 */
.prod_detail .guide_txt { width: 100%; height: auto; padding: 30px 15px 0 15px; } 
.prod_detail .guide_txt:last-of-type { border-bottom: none; margin-bottom: 30px; } 
.prod_detail .guide_txt h5 { font-size: 16px; font-weight: 500; margin-bottom: 15px; } 
.prod_detail .guide_txt table { text-align: left; } 
.prod_detail .guide_txt table th { font-size: 14px; font-weight: 400; color: var(--dgray); } 
.prod_detail .guide_txt table td { height: 26px; font-size: 15px; font-weight: 400; line-height: 1.3; color: var(--accent); } 
.prod_detail .guide_txt table td span { font-size: 12px; font-weight: 400; color: var(--dgray); } 

.prod_detail .guide_txt ol li { list-style: disc; font-size: 14px; font-weight: 400; color: var(--dgray); margin-left: 20px; } 
.prod_detail .guide_txt ul li { font-size: 14px; font-weight: 400; color: var(--dgray); line-height: 1.6; } 

/* 합산특가(묶음상품) */
.set_wrap { margin-bottom: 60px; }
.set_wrap .bundle_tabs { width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; margin-bottom: 20px; }
.set_wrap .bundle_tabs li { width: 292px; margin: 0 10px 10px 0; }
.set_wrap .bundle_tabs li:nth-of-type(4n) { margin-right: 0; }

.set_wrap .bundle_tabs li input[type="radio"] { display: none; }
.set_wrap .bundle_tabs li label { font-size: 17px; font-weight: 400; text-align: center; cursor: pointer; }
.set_wrap .bundle_tabs li input[type="radio"] ~ label { display: block; width: 100%; line-height: 46px; border-radius: 10px; background-color: #fff; border: 1px solid var(--line-gray); color: #999; }
.set_wrap .bundle_tabs li input[type="radio"]:checked + label { background-color: #fff; border: 1px solid var(--accent); color: var(--accent); }

.set_wrap .set_detail { width: 100%; height: auto; overflow: hidden; }

.set_wrap .bundle_list { width: 100%; margin-top: 40px; border-top: none; color: var(--black);}
.set_wrap .bundle_list > h3 {font-size: 22px; font-weight: 500; color: var(--black); margin-bottom: 10px;}
.set_wrap .bundle_list table { width: 100%; table-layout: fixed; border-top: 1px solid var(--black);}
.set_wrap .bundle_list table th { height: 46px; border-right: 1px solid var(--line-gray); padding: 10px; }
.set_wrap .bundle_list table th:last-child { border-right: none; }
.set_wrap .bundle_list table td { padding: 10px; border-right: 1px solid var(--line-gray);}
.set_wrap .bundle_list table td.disc_price { border-right: none;}

.set_wrap .bundle_list table td .disc { color: var(--red); }
.set_wrap .bundle_list table td p { font-size: 13px; color: var(--dgray); }
.set_wrap .bundle_list table td.text-lg-right { font-size: 16px; }
.set_wrap .bundle_list table td.text-lg-right span { display: inline-block; width: 100%; font-size: 13px; color: #999; text-decoration: line-through; margin-bottom: 4px; }

.set_wrap .bundle_list table .prod_name { color: var(--black); }
.set_wrap .bundle_list table .prod_name .tag {width: 40px; line-height: 22px; font-size: 13px; text-align: center; border-radius: 4px; border: 1px solid currentColor; color: var(--accent); margin-bottom: 6px;}

.set_wrap .bundle_list table .standard_qty { text-align: center; color: var(--black); }
.set_wrap .bundle_list table .disc_rate { font-weight: 400; text-align: right; color: var(--red); margin-top: 6px;}

.set_wrap .bundle_list table td ul { width: 100%; }
.set_wrap .bundle_list table td ul li { font-size: 15px; font-weight: 400; line-height: 36px; }
.set_wrap .bundle_list table td ul li.active { border: 1px solid var(--red); }
.set_wrap .bundle_list table td ul li strong { font-weight: 500; color: var(--accent); margin-right: 6px; }
.set_wrap .bundle_list table td ul li .consumer { color: var(--black); }
.set_wrap .bundle_list table td ul li .disc { font-weight: 500; color: var(--red); }

.set_wrap .bundle_list table td dl dt {display: inline-block; font-size: 14px; vertical-align: middle; color: var(--black);}
.set_wrap .bundle_list table td dl dt::after {content: ':'; margin: 0 2px 0 4px;}
.set_wrap .bundle_list table td dl dd {display: inline-block; font-size: 14px; vertical-align: middle; color: var(--black);}

.set_wrap .bundle_list table td .thum_box { width: 80px; height: 80px; overflow: hidden; position: relative; }
.set_wrap .bundle_list table td .thum_box img { width: 100%; height: 100%; object-fit: contain; }
.set_wrap .bundle_list table td .thum_box:hover .hover_box { opacity: 1; }

.set_wrap .bundle_list table td .hover_box { width: 80px; height: 80px; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.6); opacity: 0; display: flex; justify-content: center; align-items: center; transition: 0.35s; z-index: 5; }
.set_wrap .bundle_list table td .hover_box a { display:block; width: 40px; height: 40px; background-color: #fff; border: 2px solid var(--black); border-radius: 100px; overflow: hidden; margin: 0 3px; }
.set_wrap .bundle_list table td .hover_box a img { width: 100%; height: 100%; object-fit: contain; }

.set_wrap .bundle_list table td .qty_option { margin-bottom: 10px; }

.set_wrap .order_info { width: 100%; margin-top: 30px; } 
.set_wrap .order_info h3 { font-size: 22px; font-weight: 500; color: var(--accent); margin-bottom: 10px; }

.set_wrap .order_info .info_wrap .info_cont { width: 100%; height: 110px; border-radius: 15px; border: 1px solid var(--accent); padding: 0 30px; display: flex; justify-content: space-between; align-items: center; }
.set_wrap .order_info .info_wrap .info_cont > li { width: 25%; line-height: 26px; border-right: 1px solid var(--line-gray); text-align: center; }
.set_wrap .order_info .info_wrap .info_cont > li:nth-child(4) { width: 25%; border-right: none; }
.set_wrap .order_info .info_wrap .info_cont > li:last-child { border-right: none; }
.set_wrap .order_info .info_wrap .info_cont p { font-size: 14px; font-weight: 400; color: var(--dgray); }
.set_wrap .order_info .info_wrap .info_cont h5 { font-size: 18px; font-weight: 400; }
.set_wrap .order_info .info_wrap .info_cont h5 strong { font-weight: 900; }

.set_wrap .order_info .info_wrap .info_cont .disc_order span { color: var(--red); font-size: 15px; }
.set_wrap .order_info .info_wrap .info_cont .disc_order span:after { content: '↓'; font-size: 14px; vertical-align: top; }

.set_wrap .order_info .info_wrap .info_cont .payment_order h5 { color: var(--accent); }
.set_wrap .order_info .info_wrap .info_cont .payment_order h5 strong { color: var(--accent); }

.set_wrap .order_info .btn_box {margin-top: 30px; display: flex; justify-content: center; align-items: center;}
.set_wrap .order_info .btn_box > li:not(:first-child) {margin-left: 6px;}
.set_wrap .order_info .btn_box .btn {display: block; width: 220px; line-height: 56px; font-size: 18px; text-align: center; border-radius: 100px; color: #fff;}
.set_wrap .order_info .btn_box .res_btn {background-color: var(--black);}
.set_wrap .order_info .btn_box .order_btn {background-color: var(--accent);}
.set_wrap .order_info .btn_box .cart_btn {background-color: var(--white);border: 1px solid var(--black);color: var(--black)}

/* GNB > 장바구니 */
.list_wrap .prod_list .group { margin-bottom: 60px; } 
.list_wrap .prod_list .group .agent-txt { margin: 10px; font-size: 12px; color: var(--accent); }
.list_wrap .prod_list .cart_items { width: 100%; }
.list_wrap .prod_list .cart_items .seller { width: 100%; height: 40px; background-color: var(--black); color: var(--white); padding: 0 15px; position: relative; display: flex; align-items: center; }
.list_wrap .prod_list .cart_items .seller h3 { font-size: 17px; font-weight: 500; line-height: 40px; text-align: left; }
.list_wrap .prod_list .cart_items .seller .seller_name { font-size: 17px; font-weight: 500; height: 40px; line-height: 40px; text-align: left; }
.list_wrap .prod_list .cart_items .seller .seller_num { font-size: 13px; line-height: 40px; margin-left: 8px; }
.list_wrap .prod_list .cart_items .seller .seller_info { position: absolute; top: 0; right: 0; display: flex; }
.list_wrap .prod_list .cart_items .seller .seller_info dl { padding: 0 10px; }
.list_wrap .prod_list .cart_items .seller .seller_info .minimum_order { display: table; position: relative; }
.list_wrap .prod_list .cart_items .seller .seller_info .minimum_order:after { content: '|'; position: absolute; right: -2px; top: 10px; color: #ccc; }
.list_wrap .prod_list .cart_items .seller .seller_info .minimum_order dt { display: table-cell; font-size: 13px; font-weight: 400; line-height: 38px; }
.list_wrap .prod_list .cart_items .seller .seller_info .minimum_order dd { font-size: 13px; font-weight: 500; color: var(--white); line-height: 38px; margin-left: 6px; }
.list_wrap .prod_list .cart_items .seller .seller_info .delvy_date { display: table; }
.list_wrap .prod_list .cart_items .seller .seller_info .delvy_date dt { display: table-cell; font-size: 13px; font-weight: 400; line-height: 38px; }
.list_wrap .prod_list .cart_items .seller .seller_info .delvy_date dd { font-size: 13px; font-weight: 500; color: var(--white); line-height: 38px; margin-left: 6px; }

.list_wrap .prod_list .cart_items .seller .delvy_tip { font-size: 13px; font-weight: 400; color: var(--dgray); }

.list_wrap .prod_list .cart_items table { width: 100%; table-layout: fixed; }
.list_wrap .prod_list .cart_items table tr { border-bottom: 1px solid var(--line-gray); }
.list_wrap .prod_list .cart_items table th { height: 40px; background-color: var(--lgray); border-bottom: 1px solid var(--line-gray); border-right: 1px solid var(--line-gray); vertical-align: middle; font-size: 15px; font-weight: 500; text-align: center; } 
.list_wrap .prod_list .cart_items table th:last-child { border-right: none; } 
.list_wrap .prod_list .cart_items table td { padding: 15px; border-right: 1px solid var(--line-gray); } 
.list_wrap .prod_list .cart_items table td:first-child { border-right: none; } 
.list_wrap .prod_list .cart_items table td:last-child { border-right: none; vertical-align: middle; text-align: center; } 

.list_wrap .prod_list .cart_items .item .thum_box { width: 160px; } 
.list_wrap .prod_list .cart_items .item .thum_box label { padding-left: 18px; vertical-align: middle; } 
.list_wrap .prod_list .cart_items .item .thum_box .thumbnail { float: right; width: 80px; height: 80px; overflow: hidden; position: relative; vertical-align: top; } 
.list_wrap .prod_list .cart_items .item .thum_box .thumbnail img { width: 100%; height: 100%; object-fit: contain; } 
.list_wrap .prod_list .cart_items .item .thum_box .thumbnail:after { content: ''; display: block; clear: both; } 

.list_wrap .prod_list .cart_items .item .thum_box .thumbnail .soldout { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.6); } 
.list_wrap .prod_list .cart_items .item .thum_box .thumbnail .soldout p { line-height: 80px; font-size: 15px; font-weight: 400; color: #fff; text-align: center; } 

.list_wrap .prod_list .cart_items .item .thum_box .thumbnail .discontinue { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.8); } 
.list_wrap .prod_list .cart_items .item .thum_box .thumbnail .discontinue p { width: 80px; height: 80px; line-height: 80px; font-size: 18px; font-weight: 500; border: 1px solid currentColor; color: var(--red); text-align: center; border-radius: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 

.list_wrap .prod_list .cart_items .item .info_box { width: 236px; height: 111px; } 
.list_wrap .prod_list .cart_items .item .info_box .prod_name { font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.list_wrap .prod_list .cart_items .item .info_box .summary li { display: inline; font-size: 12px; font-weight: 400; color: var(--dgray); } 
.list_wrap .prod_list .cart_items .item .info_box .summary li:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #ccc; vertical-align: middle; margin: 0px 4px 3px 4px; } 
.list_wrap .prod_list .cart_items .item .info_box .summary li:last-child:after { display: none; } 

.list_wrap .prod_list .cart_items .item .info_box .align_end { width: 100%; height: 26px; } 
.list_wrap .prod_list .cart_items .item .info_box .tag_box { margin-top: 6px; } 
.list_wrap .prod_list .cart_items .item .info_box .tag_box .tag { width: 56px; line-height: 24px; font-size: 12px; font-weight: 400; text-align: center; background-color: #fff; display: inline-block;}
.list_wrap .prod_list .cart_items .item .info_box .tag_box .tag.disc { border: 1px solid currentColor; color: #364FC7; } 
.list_wrap .prod_list .cart_items .item .info_box .tag_box .tag.finished { border: 1px solid currentColor; color: var(--red); } 
.list_wrap .prod_list .cart_items .item .info_box .tag_box .tag.time_disc { border: 1px solid var(--red); background-color: var(--red); color: #fff; } 
.list_wrap .prod_list .cart_items .item .info_box .tag_box .tag.qty-disc { border: 1px solid currentColor; color: var(--accent); }

.list_wrap .prod_list .cart_items .item .info_box .info_msg { margin-top: 6px; font-size: 13px; font-weight: 400; color: var(--red); } 
.list_wrap .prod_list .cart_items .item .info_box .info_msg:before { display: none; }

.list_wrap .prod_list .cart_items .item .price { padding: 0; text-align: center; vertical-align: middle; } 
.list_wrap .prod_list .cart_items .item .price .selling { width: 100%; font-size: 16px; font-weight: 400; padding-right: 15px; text-align: right; } 
.list_wrap .prod_list .cart_items .item .price .selling strong { font-weight: 700; } 

.list_wrap .prod_list .cart_items .item .price .qty_option { height: 26px; display: table; margin: 0 auto; padding: 0; margin-top: 10px; } 
.list_wrap .prod_list .cart_items .item .price .qty_option p { text-align: right; padding-right: 10px; }
.list_wrap .prod_list .cart_items .item .price .qty_option a { width: 26px; height: 26px; background-color: #ccc; border: none; border-radius: 100px; display: table-cell; vertical-align: middle; }
.list_wrap .prod_list .cart_items .item .price .qty_option input[type=number] { width: 64px; height: 26px; font-size: 13px; font-weight: 400; text-align: center; border: 1px solid #ccc; border-radius: 100px; vertical-align: middle; } 

.list_wrap .prod_list .cart_items .item .price .total_qty { font-size: 11px; font-weight: 400; color: var(--dgray); letter-spacing: -0.5px; margin-top: 8px; } 
.list_wrap .prod_list .cart_items .item .price .total_qty span { color: var(--accent); } 

.list_wrap .prod_list .cart_items .item .price .btns { padding: 0 10px; margin-top: 10px; } 
.list_wrap .prod_list .cart_items .item .price .btns a { display: block; width: 100%; line-height: 28px; border: 1px solid var(--black); border-radius: 100px; font-size: 14px; text-align: center; } 
.list_wrap .prod_list .cart_items .item .price .btns a.notify span { font-weight: 400; background-color: #fff; color: var(--black); } 
.list_wrap .prod_list .cart_items .item .price .btns a.notify span:before { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/restocked_notify_icon.png) 50% no-repeat; width: 16px; height: 16px; vertical-align: middle; margin: 0px 2px 4px 0; } 

.list_wrap .prod_list .cart_items .item .order_price { font-size: 18px; font-weight: 400; text-align: right; vertical-align: middle; } 
.list_wrap .prod_list .cart_items .item .order_price strong { font-weight: 900; } 

.list_wrap .prod_list .cart_items .order_info { width: 100%; }
.list_wrap .prod_list .cart_items .order_info .unavailable { display: flex; border-bottom: 1px solid var(--line-gray); padding: 15px 0;  }
.list_wrap .prod_list .cart_items .order_info .unavailable .unable_badge { width: auto; height: 28px; line-height: 28px; font-size: 13px; color: #fff; padding: 0 7px; background-color: var(--dgray); border-radius: 2px; margin-left: 6px;}
.list_wrap .prod_list .cart_items .order_info .unavailable p { font-size: 13px; line-height: 28px; margin-left: 10px; }
.list_wrap .prod_list .cart_items .order_info  span { color: var(--accent); font-weight: 500; margin-left: 5px; font-size: 13px; }
.list_wrap .prod_list .cart_items .order_info .unavailable p span.info_msg { color: var(--red); }
.list_wrap .prod_list .cart_items .order_info .unavailable p span.info_msg:before { display: inline-block; content: ''; width: 13px; margin: 0 4px 2px 0; vertical-align: middle; height: 13px; background: url(/static/fo/u/asset/img/error_exclamation_icon.png) 50% no-repeat; background-size: contain; margin-bottom: 3px;}
.list_wrap .prod_list .cart_items .order_info .delvy_tip { width: 100%; font-size: 13px; color: var(--dgray); line-height: 59px; border-bottom: 1px solid var(--line-gray); padding: 0 15px; }
.list_wrap .prod_list .cart_items .order_info .delvy_tip strong { color: var(--accent); font-weight: 700; }

.list_wrap .prod_list .cart_items .order_info .delvy_date { width: 100%; height: 46px; border-bottom: 1px solid var(--line-gray); padding: 0 15px; } 
.list_wrap .prod_list .cart_items .order_info .delvy_date li { float: left; line-height: 46px; font-size: 15px; font-weight: 400; } 
.list_wrap .prod_list .cart_items .order_info .delvy_date li span { font-size: 14px; margin-right: 6px; } 
.list_wrap .prod_list .cart_items .order_info .delvy_date li span strong { font-weight: 700; } 
.list_wrap .prod_list .cart_items .order_info .delvy_date li:nth-of-type(odd) { font-size: 14px; color: #999; } 
.list_wrap .prod_list .cart_items .order_info .delvy_date li:nth-of-type(odd):after { display: inline-block; content: '|'; font-size: 11px; color: #999; vertical-align: top; margin: 0 6px; }

.list_wrap .prod_list .cart_items .order_info .groupTitle { font-size: 15px; font-weight: 300; height: 35px; line-height: 35px; padding: 0 15px; background: var(--gray);}
.list_wrap .prod_list .cart_items .order_info .groupTitle span { font-size: 15px; font-weight: 600; margin-left: 0; margin-right: 6px; color: var(--black); }

.list_wrap .prod_list .cart_items .order_info .sum_box { width: 100%; padding: 0 15px; border-bottom: 1px solid var(--line-gray); }
.list_wrap .prod_list .cart_items .order_info .sum_box > ul { width: 100%; height: 80px; display: flex; justify-content: space-between; align-items: center; }
.list_wrap .prod_list .cart_items .order_info .sum_box > ul li p { font-size: 14px; font-weight: 400; color: var(--dgray); margin-bottom: 6px; } 
.list_wrap .prod_list .cart_items .order_info .sum_box > ul li h5 { font-size: 18px; font-weight: 400; } 
.list_wrap .prod_list .cart_items .order_info .sum_box > ul li h5 strong { font-weight: 700; } 
.list_wrap .prod_list .cart_items .order_info .sum_box > ul li:last-child { width: 160px; text-align: right; } 
.list_wrap .prod_list .cart_items .order_info .sum_box > ul li:last-child h5 { color: var(--accent); } 
.list_wrap .prod_list .cart_items .order_info .sum_box > ul li:last-child h5 strong { font-weight: 900; color: var(--accent); } 
.list_wrap .prod_list .cart_items .order_info .sum_box > ul li.icon { overflow: hidden; } 
/* .list_wrap .prod_list .cart_items .order_info .sum_box > ul li.icon img { width: 100%; height: 100%; object-fit: scale-down; }  */


.list_wrap .prod_list .cart_items .cartGroup { width: 100%; height: 40px; padding: 0 15px; position: relative; display: flex; align-items: center; border-top: solid 1px var(--accent); background-color: var(--light-accent); }
.list_wrap .prod_list .cart_items .group .cartGroup:nth-of-type(2) { border-top: none; }
.list_wrap .prod_list .cart_items .cartGroup label { font-size: 15px; font-weight: 500; height: 40px; line-height: 40px; text-align: left; }
.list_wrap .prod_list .cart_items .cartGroup .closeGroup { position: absolute; right: 20px; cursor: pointer; color: var(--dgray); font-size: 14px; text-decoration: underline; }

.list_wrap .prod_list .cart_items .cartGroupItem tr td:first-child { border-right: 1px solid var(--line-gray); }
.list_wrap .prod_list .cart_items .cartGroupItem .item .title { display: flex; flex-wrap: wrap; justify-content: space-between; }
.list_wrap .prod_list .cart_items .cartGroupItem .item .title .prod_name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 333px; }
.list_wrap .prod_list .cart_items .cartGroupItem .item .title .prod_view { font-size: 14px; text-decoration: underline; color: var(--dgray); display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.list_wrap .prod_list .cart_items .cartGroupItem .item .title .prod_summary { flex-basis: 100%; font-size: 12px; color: var(--dgray); }
.list_wrap .prod_list .cart_items .cartGroupItem .item .title .info_msg { flex-basis: 100%; font-size: 12px; color: var(--red); }

.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr { border-bottom: 0; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr > td { border-bottom: 1px solid var(--line-gray); }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr td:nth-child(2) { padding: 0; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr td.closeProm { cursor: pointer; font-size: 14px; text-decoration: underline; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable tr th { font-size: 15px; font-weight: 400; height: 35px; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable tr td { font-size: 15px; font-weight: 400; padding: 10px 15px; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable tr.promItem:last-child { border-bottom: none; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable .promItem td { text-align: right; vertical-align: middle; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable .promItem td.info_box { display: grid; grid-template-columns: auto 1fr auto; gap: 0 5px; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable .promItem td.info_box div.saleDisabled { grid-column: 1; color: var(--red); }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable .promItem td.info_box .prod_name { grid-column: 2;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable .promItem td.info_box .error { grid-column: 2;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable .promItem td.info_box div.btns { grid-column: 3; }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable .promItem td.info_box div.btns a { display: block; width: 100%; line-height: 22px; border: 1px solid var(--black); border-radius: 100px; font-size: 10px; text-align: center; padding: 1px 5px;}
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable .promItem td.info_box div.btns a.notify span { font-weight: 400; background-color: #fff; color: var(--black); }
.list_wrap .prod_list .cart_items .cartGroupItem tr.promTr table.promTable .promItem td.info_box div.btns a.notify span:before { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/restocked_notify_icon.png) 50% no-repeat; width: 13px; height: 13px; vertical-align: middle; margin: 2px 2px 2px 2px; }

/* right layout */
.list_wrap .cart_detail { width: 470px; display: inline-block; vertical-align: top; float: right; margin-left: 30px; }
.list_wrap .cart_detail:after { content: ''; display: block; clear: both; }
.list_wrap .cart_detail.fixed { left: 0; top: 0; position: fixed; }
.list_wrap .cart_detail .tit { width: 100%; height: 60px; font-size: 15px; border-top: 1px solid var(--black); border-bottom: 1px solid var(--line-gray); position: relative; }
.list_wrap .cart_detail .tit h3 { width: 420px; height: 100%; line-height: 60px; font-size: 20px; font-weight: 500; text-align: left; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.list_wrap .cart_detail .tit h3 span { color: var(--accent); } 

.list_wrap .cart_detail .panel > ul { width: 100%; height: 46px; border-bottom: 1px solid var(--line-gray); } 
.list_wrap .cart_detail .panel > ul li { float: left; line-height: 46px; } 
.list_wrap .cart_detail .panel > ul li:nth-child(odd) { width: 40%; font-size: 17px; font-weight: 500; padding-left: 15px; } 
.list_wrap .cart_detail .panel > ul li:nth-child(even) { width: 60%; font-size: 17px; font-weight: 400; text-align: right; padding-right: 15px; } 
.list_wrap .cart_detail .panel > ul li:nth-child(even) strong { font-weight: 900; } 

.list_wrap .cart_detail .panel .disc_list { width: 100%; padding: 10px 0; } 
.list_wrap .cart_detail .panel .delvy_price { width: 100%; padding: 10px 0; } 
.list_wrap .cart_detail .panel table { width: 100%; } 
.list_wrap .cart_detail .panel table th { font-size: 16px; font-weight: 500; text-align: left; padding-left: 15px; height: 30px; vertical-align: middle; } 
.list_wrap .cart_detail .panel table th:last-child { font-weight: 700; text-align: right; padding-right: 15px; } 
.list_wrap .cart_detail .panel table td { font-size: 15px; font-weight: 400; text-align: left; padding-left: 15px; color: var(--dgray); height: 30px; vertical-align: middle; } 
.list_wrap .cart_detail .panel table td span { font-size: 14px; font-weight: 500; color: var(--red); } 
.list_wrap .cart_detail .panel table td:last-child { font-weight: 400; text-align: right; padding-right: 15px; color: var(--black); } 

.list_wrap .cart_detail .panel .total_sum { width: 100%; height: 50px; border-top: 1px solid var(--line-gray); border-bottom: 1px solid var(--line-gray); background-color: var(--lgray); } 
.list_wrap .cart_detail .panel .total_sum li { float: left; line-height: 50px; } 
.list_wrap .cart_detail .panel .total_sum li strong { font-weight: 900; color: var(--accent); } 
.list_wrap .cart_detail .panel .total_sum li:first-child { width: 40%; font-size: 18px; font-weight: 500; padding-left: 15px; } 
.list_wrap .cart_detail .panel .total_sum li:last-child { width: 60%; font-size: 22px; font-weight: 700; text-align: right; padding-right: 15px; } 

/* 선택상품 상세 정보 */
.list_wrap .cart_detail .panel > .guide_txt { width: 100%; height: auto; margin: 30px 0 15px 0; } 
.list_wrap .cart_detail .panel > .guide_txt:last-of-type { border-bottom: none; margin-bottom: 30px; } 
.list_wrap .cart_detail .panel > .guide_txt h5 { font-size: 16px; font-weight: 500; margin-bottom: 15px; padding-left: 15px; } 
.list_wrap .cart_detail .panel > .guide_txt table th { font-size: 14px; font-weight: 400; color: var(--dgray); vertical-align: top; } 
.list_wrap .cart_detail .panel > .guide_txt table td { height: 26px; font-size: 15px; font-weight: 400; line-height: 1.3; color: var(--accent); text-align: left; vertical-align: top; } 
.list_wrap .cart_detail .panel > .guide_txt p { font-size: 14px; font-weight: 400; color: var(--dgray); padding-left: 15px; } 
.list_wrap .cart_detail .panel > .guide_txt table td span { font-size: 12px; font-weight: 400; color: var(--dgray); } 

.list_wrap .cart_detail .panel > .guide_txt ol li { list-style: disc; font-size: 14px; font-weight: 400; color: var(--dgray); margin-left: 35px; line-height: 1.5; } 

.list_wrap .cart_detail .panel button { width: 100%; height: 50px; line-height: 50px; font-size: 18px; font-weight: 400; text-align: center; border: none; border-radius: 0; } 
.list_wrap .cart_detail .panel button.order { background-color: var(--black); color: #fff; }
.list_wrap .cart_detail .panel button.return { background-color: var(--black); color: #fff; } 

/* 약국매니저 반품요청 항목 */
.list_wrap .cart_detail .cart_list table { width: 100%; table-layout: fixed; border-bottom: 1px solid var(--line-gray); } 
.list_wrap .cart_detail .cart_list table thead { border-bottom: 1px solid var(--line-gray); } 
.list_wrap .cart_detail .cart_list table thead th { font-size: 16px; font-weight: 500; text-align: center; padding-left: 15px; height: 40px; vertical-align: middle; } 

.list_wrap .cart_detail .cart_list table tbody td { font-size: 15px; font-weight: 400; height: 40px; vertical-align: middle; border-right: 1px solid var(--line-gray); } 
.list_wrap .cart_detail .cart_list table tbody td:last-child { border-right: none; } 
.list_wrap .cart_detail .cart_list table tbody td.prod_name { width: 100%; text-align: left; padding: 0 15px; color: var(--dgray); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.list_wrap .cart_detail .cart_list table tbody td.qty { text-align: center; color: var(--accent); } 
.list_wrap .cart_detail .cart_list table tbody td.order_price { text-align: right; color: var(--black); padding-right: 10px; color: var(--dgray); } 
.list_wrap .cart_detail .cart_list table tbody td.order_price strong { font-weight: 700; } 
.list_wrap .cart_detail .cart_list table tbody td.list_del { width: 28px; text-align: center; padding: 0; } 
.list_wrap .cart_detail .cart_list table tbody td.list_del a { display: block; width: 28px; height: 28px; font-size: 0; background: url(/static/fo/u/asset/img/basket_list_circle_xmark.png) 50% no-repeat; } 
.list_wrap .cart_detail .cart_list table tbody td.nodata { line-height: 150px; font-size: 15px; font-weight: 400; text-align: center; border-bottom: 1px solid var(--line-gray); } 

.list_wrap .cart_detail .cart_list .total_sum { width: 100%; height: 50px; border-top: 1px solid var(--line-gray); border-bottom: 1px solid var(--line-gray); background-color: var(--lgray); } 
.list_wrap .cart_detail .cart_list .total_sum li { float: left; line-height: 50px; } 
.list_wrap .cart_detail .cart_list .total_sum li strong { font-weight: 900; color: var(--accent); } 
.list_wrap .cart_detail .cart_list .total_sum li:first-child { width: 40%; font-size: 18px; font-weight: 500; padding-left: 15px; } 
.list_wrap .cart_detail .cart_list .total_sum li:last-child { width: 60%; font-size: 22px; font-weight: 700; text-align: right; padding-right: 15px; } 

/* 선택상품 상세 정보 */
.list_wrap .cart_detail .cart_list .guide_txt { width: 100%; height: auto; margin: 30px 0 15px 0; } 
.list_wrap .cart_detail .cart_list .guide_txt:last-of-type { border-bottom: none; margin-bottom: 30px; } 
.list_wrap .cart_detail .cart_list .guide_txt h5 { font-size: 16px; font-weight: 500; margin-bottom: 15px; padding-left: 15px; } 
.list_wrap .cart_detail .cart_list .guide_txt ol li { list-style: disc; font-size: 14px; font-weight: 400; color: var(--dgray); margin-left: 35px; line-height: 1.5; } 

.list_wrap .cart_detail .cart_list button { width: 100%; height: 50px; line-height: 50px; font-size: 18px; font-weight: 400; text-align: center; border: none; border-radius: 0; background-color: var(--black); color: #fff; } 

/* 장바구니 담긴 상품 없을시 */
.cart .nodata { width: 100%; height: auto; border-top: 1px solid var(--black); padding: 100px 0; text-align: center; } 
.cart .nodata .icon_box { width: 76px; height: 68px; overflow: hidden; margin: 0 auto; } 
.cart .nodata .icon_box img { width: 100%; height: 100%; } 

.cart .nodata p { font-size: 17px; font-weight: 400; margin: 15px 0 40px 0; } 

.cart .nodata a { display: block; width: 200px; line-height: 46px; background-color: var(--black); color: #fff; font-size: 18px; font-weight: 400; text-align: center; border-radius: 100px; margin: 0 auto; } 

/* 주문 결제 : 주문리스트 */
.list_wrap .prod_list .order_items { width: 100%; } 
.list_wrap .prod_list .order_items .group { margin-bottom: 60px; } 
.list_wrap .prod_list .order_items table { width: 100%; table-layout: fixed; } 
.list_wrap .prod_list .order_items table tr { border-bottom: 1px solid var(--line-gray); } 
.list_wrap .prod_list .order_items table th { background-color: var(--gray); border-right: 1px solid var(--line-gray); vertical-align: middle; font-size: 15px; font-weight: 400; line-height: 1.4; }
.list_wrap .prod_list .order_items table th:last-child { border-right: none; } 
.list_wrap .prod_list .order_items table td { height: 110px; padding: 15px; border-right: 1px solid var(--line-gray); vertical-align: middle; } 
.list_wrap .prod_list .order_items table td:last-child { border-right: none; vertical-align: middle; text-align: center; } 

.list_wrap .prod_list .order_items .item .thum_box .thumbnail { display: inline-block; width: 80px; height: 80px; overflow: hidden; } 
.list_wrap .prod_list .order_items .item .thum_box .thumbnail img { width: 100%; height: 100%; object-fit: contain; } 

.list_wrap .prod_list .order_items .item .thum_box .info_box { display: inline-block; width: 190px; margin-left: 15px; vertical-align: top; position: relative; } 
.list_wrap .prod_list .order_items .item .thum_box .info_box .prod_name { width: 100%; line-height: 1.4; font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.list_wrap .prod_list .order_items .item .thum_box .info_box .summary { margin-top: 6px; } 
.list_wrap .prod_list .order_items .item .thum_box .info_box .summary li { display: inline; font-size: 12px; font-weight: 400; color: var(--dgray); } 
.list_wrap .prod_list .order_items .item .thum_box .info_box .summary li:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #ccc; vertical-align: middle; margin: 0px 4px 3px 4px; } 
.list_wrap .prod_list .order_items .item .thum_box .info_box .summary li:last-child:after { display: none; } 

.list_wrap .prod_list .order_items .item .info_box .tag_box { margin-top: 6px; } 
.list_wrap .prod_list .order_items .item .info_box .tag_box .tag { width: 56px; line-height: 24px; font-size: 12px; font-weight: 400; text-align: center; background-color: #fff; display: inline-block; }
.list_wrap .prod_list .order_items .item .info_box .tag_box .tag.disc { border: 1px solid currentColor; color: #364FC7; } 
.list_wrap .prod_list .order_items .item .info_box .tag_box .tag.finished { border: 1px solid currentColor; color: var(--red); } 
.list_wrap .prod_list .order_items .item .info_box .tag_box .tag.time_disc { border: 1px solid var(--red); background-color: var(--red); color: #fff; }
.list_wrap .prod_list .order_items .item .info_box .tag_box .tag.qty-disc { border: 1px solid currentColor; color: var(--accent);}

.list_wrap .prod_list .order_items .item .order_qty { font-size: 14px; font-weight: 400; text-align: center; padding: 15px 0; } 

.list_wrap .prod_list .order_items .item .order_disc { font-size: 14px; font-weight: 400; text-align: center; padding: 15px 0; } 
.list_wrap .prod_list .order_items .item .order_disc strong { font-weight: 700; } 

.list_wrap .prod_list .order_items .item .delvy_price { padding: 0; text-align: center; } 
.list_wrap .prod_list .order_items .item .delvy_price .txt_box { width: 100%; font-size: 14px; font-weight: 400; position: relative; } 
.list_wrap .prod_list .order_items .item .delvy_price .txt_box a { display: inline-block; width: 15px; height: 15px; overflow: hidden; vertical-align: top; } 
.list_wrap .prod_list .order_items .item .delvy_price .txt_box a img { width: 100%; height: 100%; } 

.list_wrap .prod_list .order_items .item .delvy_price .tooltip_box { display: none; width: 170px; padding: 10px; position: absolute; top: 26px; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #ccc; border-radius: 4px; z-index: 3; } 
.list_wrap .prod_list .order_items .item .delvy_price .tooltip_box p { line-height: 1.4; text-align: left; color: var(--dgray); } 
.list_wrap .prod_list .order_items .item .delvy_price .tooltip_box:after, .tooltip_box:before { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } 
.list_wrap .prod_list .order_items .item .delvy_price .tooltip_box:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } 
.list_wrap .prod_list .order_items .item .delvy_price .tooltip_box:before { border-color: transparent; border-bottom-color: #ccc; border-width: 9px; margin-left: -9px; } 

.list_wrap .prod_list .order_items .item .price { font-size: 15px; font-weight: 400; text-align: right; } 
.list_wrap .prod_list .order_items .item .price strong { font-weight: 700; }

.list_wrap .prod_list .order_items .promotion td { background-color: var(--lgray); text-align: left; height: 35px; padding: 5px 15px; }

/* 주문상품 더보기 버튼 */
.list_wrap .prod_list .order_items .btn_box { width: 180px; height: 46px; margin: 30px auto; position: relative; } 
.list_wrap .prod_list .order_items .btn_box .view_more { display: block; width: 100%; line-height: 45px; font-size: 16px; font-weight: 500; text-align: center; border-radius: 100px; border: 1px solid var(--black); padding-right: 10px; } 
.list_wrap .prod_list .order_items .btn_box .view_more:after { display: inline-block; content: ''; position: absolute; top: 18px; right: 25px; width: 6px; height: 6px; border-top: 2px solid var(--black); border-right: 2px solid var(--black); transform: rotate(135deg); } 

.list_wrap .prod_list .order_items .btn_box .view_more.active { font-weight: 400; background-color: var(--black); color: #fff; } 
.list_wrap .prod_list .order_items .btn_box .view_more.active:after { display: inline-block; content: ''; position: absolute; top: 22px; right: 25px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(315deg); } 

/* 주문 결제 : 배송지 정보 */
.list_wrap .prod_list .delvy_info { width: 100%; table-layout: fixed; margin: 60px 0 10px 0; } 
.list_wrap .prod_list .delvy_info table { width: 100%; table-layout: fixed; margin-bottom: 10px; } 
.list_wrap .prod_list .delvy_info table tr { border-bottom: 1px solid var(--line-gray); } 
.list_wrap .prod_list .delvy_info table th { font-size: 15px; font-weight: 500; text-align: left; padding-left: 15px; background-color: var(--lgray); border-right: 1px solid var(--line-gray); vertical-align: middle; } 
.list_wrap .prod_list .delvy_info table td { font-size: 15px; font-weight: 400; color: var(--dgray); text-align: left; padding: 8px 15px; border-right: 1px solid var(--line-gray); vertical-align: middle; position: relative; } 
.list_wrap .prod_list .delvy_info table td:last-child { border-right: none; } 

.list_wrap .prod_list .delvy_info .delvy_msg { position: absolute; top: 15px; right: 15px; font-size: 14px; } 
.list_wrap .prod_list .delvy_info .delvy_msg label { color: var(--dgray); line-height: 16px; } 

.list_wrap .prod_list .delvy_info table td p { width: 100%; color: var(--dgray); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; } 
.list_wrap .prod_list .delvy_info table td input { width: 100%; height: 40px; } 

.list_wrap .prod_list .delvy_info ul li { margin-bottom: 15px; } 
.list_wrap .prod_list .delvy_info ul li:last-child { margin-bottom: 0; } 
.list_wrap .prod_list .delvy_info ul li p { color: var(--black); font-weight: 500; } 

.list_wrap .prod_list .delvy_info .info_msg span { color: var(--accent); } 

/* 주문 결제 : 할인 선택 */
.list_wrap .prod_list .disc_select { margin-top: 60px; } 
.list_wrap .prod_list .disc_select table { width: 100%; table-layout: fixed; } 
.list_wrap .prod_list .disc_select table tr { border-bottom: 1px solid var(--line-gray); } 
.list_wrap .prod_list .disc_select table th { min-height: 46px; font-size: 15px; font-weight: 500; text-align: left; padding-left: 15px; background-color: var(--lgray); border-right: 1px solid var(--line-gray); vertical-align: middle; } 
.list_wrap .prod_list .disc_select table td { height: 60px; font-size: 13px; font-weight: 400; color: var(--dgray); text-align: left; padding-left: 15px; vertical-align: middle;} 
.list_wrap .prod_list .disc_select table td p { display: inline; line-height: 1.4; } 
.list_wrap .prod_list .disc_select table td > dl {display: inline-block; vertical-align: middle;} 
.list_wrap .prod_list .disc_select table td span { color: var(--accent); } 
.list_wrap .prod_list .disc_select table td span strong { font-weight: 700; color: var(--accent); } 
.list_wrap .prod_list .disc_select table td input { width: 200px; height: 40px; margin-right: 3px; } 
.list_wrap .prod_list .disc_select table td button { width: 100px; height: 40px; line-height: 38px; margin-right: 4px; background-color: var(--lgray); border: 1px solid var(--line-gray); font-size: 15px; cursor: pointer; border-radius: 0; } 

.list_wrap .prod_list .disc_select .hold_point { font-size: 12px; color: var(--dgray); } 

/* 주문 결제 : 결제방식 선택 */
/* tab menu */
.list_wrap .prod_list .paymethod { margin-top: 60px; } 
.list_wrap .prod_list .paymethod .tab-wrap { width: 100%; height: 46px; margin-top: 20px; border: 1px solid var(--line-gray); border-bottom: none; } 
.list_wrap .prod_list .paymethod .tab-wrap .tab-btns li { float: left; width: 33.3%; height: 46px; } 
.list_wrap .prod_list .paymethod .tab-wrap .tab-btns li a { display: block; width: 100%; line-height: 46px; font-size: 16px; font-weight: 400; text-align: center; color: var(--dgray); border-right: 1px solid var(--line-gray); border-bottom: 1px solid var(--accent); } 
.list_wrap .prod_list .paymethod .tab-wrap .tab-btns li:last-child a { border-right: none; } 

.list_wrap .prod_list .paymethod .tab-wrap .tab-btns li a.tab-on { color: var(--accent); border: 1px solid currentColor; border-bottom: #fff; } 

/* txt box */
.list_wrap .prod_list .paymethod .txtbox-wrap { width: 100%; min-height: 160px; margin-top: 30px; } 
.list_wrap .prod_list .paymethod .txtbox-wrap .payway { width: 100%; position: relative; } 

.list_wrap .prod_list .paymethod .pay_save { margin-top: 30px; } 
.list_wrap .prod_list .paymethod .pay_save label { font-size: 15px; font-weight: 400; line-height: 16px; color: var(--dgray); } 

/* DAP 간편결제 */
.list_wrap .prod_list .paymethod .dpay .dpaySwiper { width: 620px; height: 120px; margin: 0 auto; overflow: hidden; } 
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .swiper-slide { width: 200px; height: 120px; border-radius: 10px; cursor: pointer; } 

.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card { padding: 15px; position: relative; border: 1px solid #999;}
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card .card_co { font-size: 17px; font-weight: 500; color: var(--black); }
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card .card_info { width: 100%; padding: 0 15px; position: absolute; left: 0; bottom: 15px; } 
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card .card_info li { float: left; font-size: 14px; font-weight: 400; color: var(--black); }
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card .card_info li:after { display: inline-block; content: '|'; font-size: 12px; vertical-align: top; margin: 0 4px; }
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card .card_info li:last-child:after { display: none; } 

.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card.select { background-color: var(--red); border-color: var(--red); }
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card.select h3 { color: #fff; } 
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card.select ul li { color: #fff; } 
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .card.select ul li span { font-weight: 400; color: #fff; } 

.list_wrap .prod_list .paymethod .dpay .dpaySwiper .add { border: 1px dashed #999; text-align: center; }
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .add h3 { font-size: 15px; font-weight: 500; margin-top: 14px; } 
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .add h3:before { display: block; content: ''; width: 30px; height: 30px; background: url(/static/fo/u/asset/img/paymethod_card_add_icon.png) no-repeat; margin: 0 auto; padding-bottom: 8px; } 
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .add p { font-size: 12px; font-weight: 400; color: var(--dgray); line-height: 1.4; margin-top: 8px } 
.list_wrap .prod_list .paymethod .dpay .dpaySwiper .add p span { color: var(--accent); } 

.list_wrap .prod_list .paymethod .dpay .slide_btns { position: absolute; top: 65px; width: 12px; height: 26px; background-size: contain; } 
.list_wrap .prod_list .paymethod .dpay .swiper-button-prev { background-image: url(/static/fo/u/asset/img/paymethod_slide_prev_btn.png); left: 0; cursor: pointer; } 
.list_wrap .prod_list .paymethod .dpay .swiper-button-next { background-image: url(/static/fo/u/asset/img/paymethod_slide_next_btn.png); right: 0; cursor: pointer; }

.list_wrap .prod_list .paymethod .dpay .pay_installment { width: 620px; margin: 0 auto; padding-top: 15px; }
.list_wrap .prod_list .paymethod .dpay .pay_installment .selectric-items { height: 126px; }
.list_wrap .prod_list .paymethod .dpay .pay_installment .info_msg { padding-top: 10px; color: var(--red); }
.list_wrap .prod_list .paymethod .dpay .pay_installment .info_msg:before { background: url(/static/fo/u/asset/img/error_exclamation_icon.png) 50% no-repeat; background-size: contain; margin-bottom: 3px}
.list_wrap .prod_list .paymethod .dpay .pay_installment .guide_txt { font-size: 13px; font-weight: 400; color: var(--black); line-height: 1.6; background-color: var(--lgray); padding: 15px; border-radius: 10px; border: 1px solid var(--line-gray); margin-top: 10px;}
.list_wrap .prod_list .paymethod .dpay .pay_installment .guide_txt h5 { font-size: 13px; font-weight: 500; margin-bottom: 8px; color: #000; }
.list_wrap .prod_list .paymethod .dpay .pay_installment .guide_txt ol li { list-style: disc; font-size: 12px; font-weight: 400; color: var(--dgray); margin-left: 20px; line-height: 15px; }

/* 신용카드 결제 */
.list_wrap .prod_list .paymethod .credit_card { padding-top: 20px; } 
.list_wrap .prod_list .paymethod .credit_card .icon_box { width: 68px; height: 50px; overflow: hidden; margin: 0 auto; } 
.list_wrap .prod_list .paymethod .credit_card .icon_box img { width: 100%; height: 100%; object-fit: scale-down; } 

.list_wrap .prod_list .paymethod .credit_card p { font-size: 16px; font-weight: 400; text-align: center; line-height: 1.5; margin: 15px 0 30px 0; } 
.list_wrap .prod_list .paymethod .credit_card p span { color: var(--accent) } 

/* 실시간 계좌이체 */
.list_wrap .prod_list .paymethod .bank { padding-top: 20px; } 
.list_wrap .prod_list .paymethod .bank .icon_box { width: 50px; height: 60px; overflow: hidden; margin: 0 auto; } 
.list_wrap .prod_list .paymethod .bank .icon_box img { width: 100%; height: 100%; object-fit: scale-down; } 

.list_wrap .prod_list .paymethod .bank p { font-size: 16px; font-weight: 400; text-align: center; line-height: 1.5; margin: 15px 0 30px 0; } 
.list_wrap .prod_list .paymethod .bank p span { color: var(--accent) } 

.list_wrap .prod_list .paymethod .pay { width: 100%; height: 100%; } 
.list_wrap .prod_list .paymethod .pay .btn_wrap { text-align: center; } 
.list_wrap .prod_list .paymethod .pay .btn_wrap button { border: none; width: 186px; height: 50px; overflow: hidden; padding: 0; margin: 0 2px; } 
.list_wrap .prod_list .paymethod .pay .btn_wrap button img { width: 100%; height: 100%; object-fit: scale-down; } 

/* 주문결제 항목 */
.list_wrap .order_detail { width: 470px; display: inline-block; vertical-align: top; float: right; margin-left: 30px; }
.list_wrap .order_detail:after { content: ''; display: block; clear: both; }
.list_wrap .order_detail.fixed { left: 0; top: 0; position: fixed; }
.list_wrap .order_detail .tit { width: 100%; height: 60px; font-size: 15px; border-top: 1px solid var(--black); border-bottom: 1px solid var(--line-gray); position: relative; cursor: pointer; } 
.list_wrap .order_detail .tit h3 { width: 420px; height: 100%; line-height: 60px; font-size: 20px; font-weight: 500; text-align: left; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.list_wrap .order_detail .tit h3 span { color: var(--accent); } 

.list_wrap .order_detail .panel > ul { width: 100%; height: 46px; border-bottom: 1px solid var(--line-gray); } 
.list_wrap .order_detail .panel > ul li { float: left; line-height: 46px; } 
.list_wrap .order_detail .panel > ul li:nth-child(odd) { width: 40%; font-size: 17px; font-weight: 500; padding-left: 15px; } 
.list_wrap .order_detail .panel > ul li:nth-child(even) { width: 60%; font-size: 17px; font-weight: 400; text-align: right; padding-right: 15px; } 
.list_wrap .order_detail .panel > ul li:nth-child(even) strong { font-weight: 900; } 

.list_wrap .order_detail .panel .disc_list { width: 100%; padding: 10px 0; border-bottom: 1px solid var(--line-gray); } 
.list_wrap .order_detail .panel .delvy_price { width: 100%; padding: 10px 0; } 
.list_wrap .order_detail .panel table { width: 100%; } 
.list_wrap .order_detail .panel table th { font-size: 16px; font-weight: 500; text-align: left; padding-left: 15px; height: 30px; vertical-align: middle; } 
.list_wrap .order_detail .panel table th:last-child { font-weight: 700; text-align: right; padding-right: 15px; } 
.list_wrap .order_detail .panel table td { font-size: 15px; font-weight: 400; text-align: left; padding-left: 15px; color: var(--dgray); height: 30px; vertical-align: middle; } 
.list_wrap .order_detail .panel table td span { font-size: 14px; font-weight: 500; color: var(--red); } 
.list_wrap .order_detail .panel table td:last-child { font-weight: 400; text-align: right; padding-right: 15px; color: var(--black); } 

.list_wrap .order_detail .panel .total_sum { width: 100%; height: 50px; border-top: 1px solid var(--line-gray); border-bottom: 1px solid var(--line-gray); background-color: var(--lgray); } 
.list_wrap .order_detail .panel .total_sum li { float: left; line-height: 50px; } 
.list_wrap .order_detail .panel .total_sum li strong { font-weight: 900; color: var(--accent); } 
.list_wrap .order_detail .panel .total_sum li:first-child { width: 40%; font-size: 18px; font-weight: 500; padding-left: 15px; } 
.list_wrap .order_detail .panel .total_sum li:last-child { width: 60%; font-size: 22px; font-weight: 700; text-align: right; padding-right: 15px; } 

.list_wrap .order_detail .panel .order_agree { padding: 30px 15px; } 
.list_wrap .order_detail .panel .order_agree ul li { font-size: 15px; font-weight: 400; line-height: 1.4; } 
.list_wrap .order_detail .panel .order_agree ul li:first-child { margin-bottom: 10px; } 
.list_wrap .order_detail .panel .order_agree ul li label { color: var(--dgray); display: inline; } 
.list_wrap .order_detail .panel .order_agree ul li a { float: right; font-size: 14px; font-weight: 400; text-decoration: underline; } 
.list_wrap .order_detail .panel .order_agree ul li a::after { content: ''; display: block; clear: both; } 

.list_wrap .order_detail .panel button { width: 100%; height: 50px; line-height: 50px; font-size: 18px; font-weight: 400; text-align: center; border: none; } 
.list_wrap .order_detail .panel button.payment { background-color: var(--black); color: #fff; border-radius: 0; } 
.list_wrap .order_detail .panel button.payment strong { font-weight: 700; color: #fff; } 

/* 주문 완료 */
.order .complete { width: 100%; border-top: 1px solid var(--black); padding: 100px 0; text-align: center; } 
.order .complete .icon_box { width: 90px; height: 90px; overflow: hidden; margin: 0 auto; } 
.order .complete .icon_box img { width: 100%; height: 100%; } 

.order .complete p { font-size: 15px; font-weight: 400; margin: 15px 0 40px 0; line-height: 1.6; } 
.order .complete p span { font-size: 18px; font-weight: 500; } 
.order .complete p span strong { font-weight: 700; }

/* 이벤트 */
.event { padding-bottom: 60px; } 
.event .eve_tit { width: 100%; height: 120px; line-height: 120px; } 
.event .eve_tit h2 { font-size: 32px; font-weight: 700; text-align: center; } 

.event .eve_tab { width: 100%; height: 60px; } 
.event .eve_tab li { float: left; } 
.event .eve_tab li:after { content: '|'; font-size: 17px; font-weight: 400; color: #ccc; margin: 0 8px; vertical-align: text-top; } 
.event .eve_tab li:last-child:after { content: ''; clear: both; } 
.event .eve_tab li a { font-size: 20px; font-weight: 400; line-height: 50px; color: var(--dgray); } 

.event .eve_tab li.active a { color: var(--accent); } 
.event .eve_tab li.active:before { display: inline-block; content: ''; width: 22px; height: 21px; background: url(/static/fo/u/asset/img/list_checked_icon.png) 50% no-repeat; vertical-align: text-top; margin-right: 4px; } 

.event .eve_cont .board_detail td { padding: 30px 0; }

.event .eve_list { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; } 
.event .eve_list li { width: 585px; height: 300px; margin-bottom: 40px; position: relative; } 
.event .eve_list li a { display: block; width: 100%; height: 100%; } 

.event .eve_list li .eve_thum { width: 585px; height: 210px; border-radius: 18px; overflow: hidden; margin-bottom: 15px; } 
.event .eve_list li .eve_thum img { width: 100%; }

.event .eve_list li .eve_detail { width: 100%; }
.event .eve_list li .eve_detail .tit { width: 100%; font-size: 18px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.event .eve_list li .eve_detail .desc { width: 100%; line-height: 20px; font-size: 15px; font-weight: 400; color: var(--dgray); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 6px;}
.event .eve_list li .eve_detail .date { font-size: 14px; font-weight: 400; color: var(--accent); margin-top: 6px;}

.event .eve_list li .finish_eve { width: 585px; height: 210px; border-radius: 18px; background-color: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; } 
.event .eve_list li .finish_eve p { width: 140px; height: 140px; line-height: 140px; text-align: center; border-radius: 100px; border: 1px solid #fff; font-size: 22px; font-weight: 400; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 

.event .eve_list .paging { margin-top: 20px; } 

.event .eve_board { padding: 0; } 
.event .eve_board .paging { margin-top: 60px; } 

.event .eve_board .nodata { width: 100%; height: 200px; text-align: center; padding-top: 80px; } 
.event .eve_board .nodata .icon_box { width: 60px; height: 60px; overflow: hidden; margin: 0 auto; margin-bottom: 15px; } 
.event .eve_board .nodata .icon_box img { width: 100%; height: 100%; object-fit: scale-down; } 
.event .eve_board .nodata p { font-size: 18px; font-weight: 500; margin-bottom: 6px; } 


/* 고객센터, 마이페이지 공통 레이아웃 : SNB */
.aside_menu { width: 240px; border-radius: 15px; border: 1px solid var(--line-gray); padding: 10px 30px; margin-bottom: 60px; } 
.aside_menu > ul { width: 100%; } 
.aside_menu > ul > li { border-bottom: 1px solid var(--line-gray); padding: 20px 0; } 
.aside_menu > ul > li:last-child { border-bottom: none; } 
.aside_menu > ul > li > a { font-size: 20px; font-weight: 500; } 

.aside_menu .list { width: 100%; margin-top: 10px; } 
.aside_menu .list > li { height: 28px; line-height: 28px; } 
.aside_menu .list > li > a { display: block; width: 100%; height: 100%; font-size: 15px; font-weight: 400; color: var(--dgray); } 
.aside_menu .list > li > a:hover { color: var(--accent); } 
.aside_menu .list > li.active > a { color: var(--accent); } 

/* 오른쪽 레이아웃 */
.conts { width: 920px; margin-bottom: 60px; } 
.conts h3 { font-size: 24px; font-weight: 700; } 
.conts h3 span { color: var(--accent); } 
.conts .tit_box { width: 100%; margin-bottom: 10px; } 
.conts .tit_box > a { display: block; font-size: 15px; font-weight: 400; color: var(--dgray); text-align: right; } 

.conts .tit_box > ol { width: 100%; margin-top: 15px; } 
.conts .tit_box > ol > li { font-size: 16px; font-weight: 400; color: var(--dgray); line-height: 1.5; } 
.conts .tit_box > ol > li > a { font-weight: 500; } 
.conts .tit_box > ol > li:before { content: '\2022'; margin-right: 6px; } 

/* 이용안내 텍스트 박스 추가 240716 */
.mypage .use_guide {width: 100%; padding: 20px; border-radius: 4px; margin-top: 40px; border: 1px solid #ddd;}
.mypage .use_guide h5 {font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.mypage .use_guide li {font-size: 15px; font-weight: 400; margin-bottom: 5px; color: var(--dgray); }
.mypage .use_guide li > strong {font-weight: 500;}
.mypage .use_guide .info_msg {font-size: 15px;}
.mypage .use_guide .info_msg::before {display: none;}


/* 고객센터(CS Center) */
/* 메인 */
.cscenter { display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; } 
.cscenter .cs_tit { width: 100%; line-height: 120px; font-size: 32px; font-weight: 700; text-align: center; margin: 0 auto; } 
.cscenter .aside_menu { height: 455px; } 

.cscenter .top10 { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; margin: 20px 0 40px 0; } 
.cscenter .top10 li { width: 176px; height: 176px; overflow: hidden; border-radius: 15px; border: 1px solid var(--line-gray); margin-bottom: 10px; } 
.cscenter .top10 li a { display: block; width: 100%; height: 100%; padding: 15px; } 
.cscenter .top10 li a h5 { font-size: 24px; font-weight: 700; color: #ccc; margin-bottom: 15px; } 
.cscenter .top10 li a p { font-size: 15px; font-weight: 400; line-height: 1.4; } 

.cscenter .board_list td {color: var(--dgray);}

.cscenter .board_view .board_tit h3 { width: 620px; }
.cscenter .board_view .board_tit ul { display: flex; align-items: center; }
.cscenter .board_view .board_tit ul li { font-size: 15px; font-weight: 400; margin-left: 8px; } 
.cscenter .board_view .board_tit ul li:last-child { border-left: 1px solid var(--black); padding-left: 8px; } 

/* FAQ */
.cscenter .board_box { width: 100%; margin-top: 20px;}
.cscenter .board_box .radio_wrap { width: 680px;}
.cscenter .board_box .radio_wrap ul { width: 100%; display: flex; align-items: center; flex-flow: row wrap;}
.cscenter .board_box .radio_wrap ul li { margin-right: 12px; line-height: 1.6; }
.cscenter .board_box .radio_wrap ul li:last-child { margin-right: 0; } 

.cscenter .board_box .radio_wrap ul li label { font-size: 14px; line-height: 15px; color: var(--dgray); vertical-align: middle; } 
.cscenter .board_box .radio_wrap 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; } 
.cscenter .board_box .radio_wrap ul li input[type="radio"]+label { display: inline-block; position: relative; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; } 
.cscenter .board_box .radio_wrap ul li input[type="radio"]+label:before { content: ''; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; border: 1px solid var(--line-gray); border-radius: 100%; } 
.cscenter .board_box .radio_wrap ul li input[type="radio"]:checked+label:before { border-color: var(--accent); } 
.cscenter .board_box .radio_wrap ul li input[type="radio"]:checked+label:after { content: ''; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; background: var(--accent); border-radius: 100%; } 

.cscenter .accordion-wrap .accordion-title { width: 100%; height: 60px; font-size: 16px; border-bottom: 1px solid var(--line-gray); position: relative; cursor: pointer; } 
.cscenter .accordion-wrap .accordion-title:hover .ask-tit { color: var(--accent); } 
.cscenter .accordion-wrap .accordion-title:active .ask-tit { color: var(--accent); } 
.cscenter .accordion-wrap .accordion-title.open .ask-tit { color: var(--accent); } 
.cscenter .accordion-wrap .accordion-title::before { content: ""; position: absolute; top: 50%; right: 25px; width: 18px; height: 2px; transform: rotate(90deg); background: var(--accent); transition: all 0.2s ease-in-out; } 
.cscenter .accordion-wrap .accordion-title::after { content: ""; position: absolute; top: 50%; right: 25px; width: 18px; height: 2px; background: var(--accent); transition: all 0.2s ease-in-out; } 
.cscenter .accordion-wrap .accordion-title.open::before { transform: rotate(180deg); } 
.cscenter .accordion-wrap .accordion-title.open::after { opacity: 0; } 

.cscenter .accordion-wrap .icon_box { font-size: 17px; font-weight: 700; } 
.cscenter .accordion-wrap .accordion-title li { float: left; height: 60px; line-height: 60px; line-height: 62px; } 
.cscenter .accordion-wrap .accordion-title .classify { width: 120px; font-size: 16px; font-weight:400; color: var(--dgray); text-align: center; } 
.cscenter .accordion-wrap .accordion-title .ask-tit { width: 700px; font-size: 16px; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.cscenter .accordion-wrap .accordion-title .ask-tit > div { display: inline-block; color: var(--accent); } 

.cscenter .accordion-wrap .panel { display: none; width: 100%; background-color: var(--lgray); border-bottom: 1px solid var(--line-gray); padding: 30px 20px 30px 120px; } 
.cscenter .accordion-wrap .panel .icon_box { width: 24px; height: 100%; color: var(--red); display: table-cell; vertical-align: top;} 
.cscenter .accordion-wrap .panel .reply-txt { height: 100%; line-height: 1.4; font-size: 15px; font-weight: 400; display: table-cell; } 

/* 1:1 문의 */
.cscenter .write_tbl { width: 100%; table-layout: fixed; margin-top: 30px; } 
.cscenter .write_tbl tr:last-child { border-bottom: none; } 
.cscenter .write_tbl th { font-size: 16px; font-weight: 500; text-align: left; padding-left: 15px; vertical-align: middle; } 
.cscenter .write_tbl td { height: 60px; font-size: 16px; font-weight: 400; vertical-align: middle; padding: 10px 0; } 

.cscenter .write_tbl td input { width: 100%; height: 40px; } 
.cscenter .write_tbl td textarea { width: 100%; height: 280px; border: 1px solid var(--line-gray); padding: 15px; } 

.cscenter .write_tbl .upload_file .filebox { width: 100%; display: flex; justify-content: space-between; }
.cscenter .write_tbl .upload_file .filebox:not(:last-child) {margin-bottom: 10px;}
.cscenter .write_tbl .upload_file .filebox .file_upload { width: 79%; line-height: 40px; margin-right: 4px; vertical-align: middle; background-color: var(--lgray); border: 1px solid #ebebeb; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.cscenter .write_tbl .upload_file .filebox label { width: 20%; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; text-align: center; background-color: var(--black); color: #fff; border-radius: 2px; cursor: pointer; } 

.cscenter .btn_box { text-align: center; } 
.cscenter .btn_box a,button { display: inline-block; width: 180px; height: 46px; font-size: 18px; line-height: 46px; text-align: center; border-radius: 100px; }
.cscenter .btn_box .btn_white { font-weight: 500; background-color: #fff; color: var(--black); border: 1px solid var(--black); } 
.cscenter .btn_box .btn_black { font-weight: 400; background-color: var(--black); color: #fff; margin-left: 10px; } 


/* 마이페이지 */
/* 사용자(약국/약사)의 정보 */
.mypage { display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; } 
.mypage .my_tit { width: 100%; line-height: 120px; font-size: 32px; font-weight: 700; text-align: center; margin: 0 auto; } 
.mypage .infobox { width: 100%; height: 120px; border: 1px solid var(--black); border-radius: 15px; overflow: hidden; margin-bottom: 40px; } 
.mypage .infobox ul { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; } 
.mypage .infobox ul li { font-size: 15px; font-weight: 400; text-align: right; line-height: 1.5; border-right: 1px solid var(--line-gray); padding-right: 24px; } 
.mypage .infobox ul li:last-child { border-right: none; } 
.mypage .infobox ul li a { font-size: 20px; font-weight: 400; } 
.mypage .infobox ul li a.href_none { cursor: default; } 
.mypage .infobox ul li span:before { display: inline-block; width: 25px; height: 25px; content: ''; vertical-align: text-bottom; margin-right: 6px; } 

.mypage .infobox .user_info { width: 240px; height: 100%; background-color: var(--black); padding: 28px 0 0 20px; } 
.mypage .infobox .user_info h3 { font-size: 22px; font-weight: 500; color: #fff; line-height: 1.4; text-align: left; } 

.mypage .infobox .orderamt { min-width: 160px; } 

.mypage .infobox .mycoupon span:before { background: url(/static/fo/u/asset/img/mypage/mycoupon_icon.png) 50% no-repeat; } 

.mypage .infobox .mypoint span:before { background: url(/static/fo/u/asset/img/mypage/mypoint_icon.png) 50% no-repeat; } 

.mypage .infobox .mydeposit { width: 160px; } 
.mypage .infobox .mydeposit span:before { background: url(/static/fo/u/asset/img/mypage/mydeposit_icon.png) 50% no-repeat; } 
.mypage .infobox .mydeposit a { color: var(--accent); } 
.mypage .infobox .mydeposit a strong { color: var(--accent); } 


/* main 컨텐츠 레이아웃 */
.mypage .aside_menu { height: 877px; }

.mypage .conts { display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; } 
.mypage .conts form { width: 100%; } 

.mypage .conts .left_layout { width: 350px; height: 510px; } 
.mypage .conts .right_layout { width: 540px; height: 510px; } 
.mypage .conts .wide_layout { width: 100%; margin-top: 40px; position: relative; } 

.mypage .conts .tit { width: 100%; font-size: 24px; font-weight: 500; padding-bottom: 15px; position: relative; display: flex; justify-content: space-between; align-items: flex-start;}
.mypage .conts ol { width: 100%; } 
.mypage .conts ol li { font-size: 16px; font-weight: 400; color: var(--dgray); line-height: 1.5; } 
.mypage .conts ol li:before { content: '\2022'; margin-right: 6px; } 

/* 주문 및 배송관련 내용 현황 요약 */
.mypage .order_stat { display: block; width: 100%; height: 470px; } 
.mypage .order_stat ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; } 
.mypage .order_stat ul li { height: 110px; font-size: 16px; font-weight: 400; color: var(--dgray); line-height: 1.4; border-radius: 15px; border: 1px solid var(--line-gray); padding: 28px 0 0 15px; margin-bottom: 10px; } 
.mypage .order_stat ul li span { font-size: 20px; font-weight: 400; } 
.mypage .order_stat ul li strong { font-weight: 700 } 

.mypage .order_stat .point, .coupon { width: 170px; } 
.mypage .order_stat .order, .cancel, .return { width: 110px; } 

.mypage .order_stat .point span { color: var(--accent); } 
.mypage .order_stat .point span strong { color: var(--accent); } 

.mypage .order_stat .coupon span { color: var(--accent); } 
.mypage .order_stat .coupon span strong { color: var(--accent); } 

.mypage .order_stat .order span { color: var(--accent); } 
.mypage .order_stat .order span strong { color: var(--accent); } 
.mypage .order_stat .cancel span { color: var(--red); } 
.mypage .order_stat .cancel span strong { color: var(--red); } 
.mypage .order_stat .return { margin-bottom: 0; } 

/* 자주 구매하는 상품 */
.mypage .freq_buy { width: 100%; height: 280px; border-bottom: 1px solid var(--line-gray); } 
.mypage .freq_buy .tit span { display: inline-block; width: 20px; height: 20px; background: url(/static/fo/u/asset/img/mypage/mypage_question_icon.png) 50% no-repeat; vertical-align: bottom; cursor: pointer; } 

.mypage .freq_buy .tit .tooltip_box { display: none; width: 270px; padding: 10px; position: absolute; top: 36px; left: 71px; background: var(--lgray); border: 1px solid #ccc; border-radius: 4px; z-index: 3; } 
.mypage .freq_buy .tit .tooltip_box p { font-size: 13px; font-weight: 400; line-height: 1.4; color: var(--dgray); text-align: center; } 
.mypage .freq_buy .tit .tooltip_box:after, .tooltip_box:before { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } 
.mypage .freq_buy .tit .tooltip_box:after { border-color: transparent; border-bottom-color: var(--lgray); border-width: 8px; margin-left: -8px; } 
.mypage .freq_buy .tit .tooltip_box:before { border-color: transparent; border-bottom-color: #ccc; border-width: 9px; margin-left: -9px; } 

.mypage .freq_buy table td { height: 46px; } 

.mypage .freq_buy table td.subject { text-align: left; padding-left: 10px; } 
.mypage .freq_buy table td.subject a { font-size: 15px; font-weight: 400; line-height: 47px; } 

.mypage .freq_buy table td.freq_num { font-size: 15px; color: var(--accent); text-align: right; padding-right: 10px; } 
.mypage .freq_buy table td.freq_num strong { font-weight: 700; color: var(--accent); } 

.mypage .freq_buy table td .basket_btn { font-size: 15px; font-weight: 400; color: #999; padding: 0 10px; } 
.mypage .freq_buy table td .basket_btn:hover { color: var(--dgray); text-decoration: underline; } 

/* 구매내역 없었을 시 */
.mypage .freq_buy .nodata { width: 100%; height: 100%; height: 235px; text-align: center; padding-top: 60px; } 
.mypage .freq_buy .nodata h5 { font-size: 16px; font-weight: 500; } 
.mypage .freq_buy .nodata p { font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--dgray); margin: 10px 0; } 
.mypage .freq_buy .nodata p span { color: var(--accent); } 

.mypage .freq_buy .nodata > button { width: 110px; height: 36px; line-height: 33px; font-size: 15px; font-weight: 400; border-radius: 100px; border: 1px solid currentColor; color: var(--accent); background-color: #fff; } 
.mypage .freq_buy .nodata > button:after { display: inline-block; width: 20px; height: 20px; content: ''; background: url(/static/fo/u/asset/img/mypage/coupon_down_icon_color.png) 50% no-repeat; vertical-align: text-top; margin-left: 4px; } 

/* 1:1 문의내역 현황 */
.mypage .inq_stat { width: 100%; height: 190px; margin-top: 40px; border-bottom: 1px solid var(--line-gray); } 
.mypage .inq_stat table td { height: 76px; padding-left: 10px; border-bottom: 1px solid var(--line-gray);}
.mypage .inq_stat table td.subject { width: 445px; }
.mypage .inq_stat table td.subject a { font-weight: 400; line-height: 1.4; padding-top: 14px; } 
.mypage .inq_stat table td.subject a span { font-size: 13px; font-weight: 400; color: var(--dgray); } 

.mypage .inq_stat table td .answer_box { width: 80px; line-height: 34px; font-size: 14px; font-weight: 400; border-radius: 100px; display: inline-block; text-align: center }
.mypage .inq_stat table td .answer_box.wait { color: #999; border: 1px solid currentColor; } 
.mypage .inq_stat table td .answer_box.complete { color: var(--accent); border: 1px solid currentColor; } 

/* 문의내용 없을 시 */
.mypage .inq_stat .nodata { width: 100%; height: 100%; padding: 0; } 
.mypage .inq_stat .nodata p { font-size: 16px; font-weight: 500; text-align: center; margin-top: 45px; margin-bottom: 10px; } 
.mypage .inq_stat .nodata a { display: block; width: 110px; line-height: 36px; font-size: 15px; font-weight: 400; border-radius: 100px; color: #fff; background-color: var(--black); margin: 0 auto; } 

/* 진행중인 기획전, 이벤트 배너 슬라이드 */
.mypage .myeveSwiper { width: 100%; height: 230px; overflow: hidden; } 
.mypage .myeveSwiper .swiper-wrapper .swiper-slide { width: 920px; height: 230px; border-radius: 15px; overflow: hidden; } 
.mypage .myeveSwiper .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; } 

.mypage .wide_layout .controller { width: 54px; height: 24px; position: absolute; top: 6px; right: 0; } 
.mypage .wide_layout .controller .swiper-button-next { width: 24px; height: 24px; background: url(/static/fo/u/asset/img/mypage/mypage_slide_next_btn.png) 50% no-repeat; border-radius: 100%; border: 1px solid var(--black); top: 21px; right: 0; } 
.mypage .wide_layout .controller .swiper-button-prev { width: 24px; height: 24px; background: url(/static/fo/u/asset/img/mypage/mypage_slide_prev_btn.png) 50% no-repeat; border-radius: 100%; border: 1px solid var(--black); top: 21px; left: 0; } 


/* 마이페이지 subpage 컨텐츠 레이아웃 */
.mypage .myconts { display: unset; } 
.mypage .myconts .tit > a { font-size: 15px; font-weight: 400; text-align: center;}
.mypage .myconts .tit > a.move_btn { width: 100px; line-height: 36px; color: var(--dgray); background-color: var(--lgray); border-radius: 2px; border: 1px solid var(--line-gray); } 

/* 마이페이지 내 button style */
.mypage .btn_box { text-align: center; margin: 0 auto; margin-top: 40px; position: relative;}
.mypage .btn_box > button { display: inline-block; width: 160px; height: 42px; line-height: 37px; font-size: 16px; text-align: center; border-radius: 100px;}
.mypage .btn_box > a { display: inline-block; min-width: 160px; height: 42px; font-size: 16px; line-height: 40px; text-align: center; border-radius: 100px; padding: 0 20px; }

.mypage .btn_box .btn_white { font-weight: 400; background-color: #fff; color: var(--black); border: 1px solid var(--black); }
.mypage .btn_box .btn_black { font-weight: 400; background-color: var(--black); color: #fff; margin-left: 10px; }
.mypage .btn_box .disabled { font-weight: 400; background-color: #ccc; color: #fff; border: 1px solid #ccc; }

/* 반품신청 button group : 230327 반품 신청 목록 삭제 버튼 추가 */
.mypage .btn_box .btn_group { position: absolute; top: -28px; left: 0; }
.mypage .btn_box .btn_group .btn-del { display: inline-block; line-height: 26px; font-size: 12px; color: #999; border-radius: 2px; border: 1px solid var(--line-gray); padding: 0 8px;}
.mypage .btn_box .btn_group .select_all { background-color: #f4f4f4; }


/* 조회 내역이 없을 경우 */
.mypage .result_box .nodata { width: 100%; height: auto; text-align: center; padding: 60px 0; } 
.mypage .result_box .nodata .icon_box { width: 60px; height: 60px; overflow: hidden; margin: 0 auto; margin-bottom: 15px; } 
.mypage .result_box .nodata h5 { font-size: 17px; font-weight: 500; margin-bottom: 6px; } 
.mypage .result_box .nodata p { font-size: 13px; font-weight: 400; color: var(--dgray); line-height: 1.5; } 


/* 주문,배송 조회 */
/* 기간 및 검색 조건 설정 */
.mypage .mysearch { width: 100%; border-top: 1px solid var(--black); padding-top: 30px; } 
.mypage .mysearch.return { border-top: none; } 
.mypage .mysearch.return table.filter td input { width: 530px; margin-left: 10px; }
.mypage .mysearch h5 { font-size: 18px; font-weight: 500; text-align: left; margin-bottom: 10px; line-height: 26px; }

.mypage .mysearch .date_check_list { display: flex; justify-content: space-between; align-items: flex-start; align-items: center; margin-bottom: 30px; }
.mypage .mysearch .date_check_list > ul > li { width: 100px; height: 40px; margin-right: 8px; } 
.mypage .mysearch .date_check_list > ul > li:last-child { margin-right: 0; } 
.mypage .mysearch .date_picker input { width: 170px; min-width: 170px; height: 40px; }
.mypage .mysearch .month_picker { position: relative; }
.mypage .mysearch .month_picker input { width: 170px; min-width: 170px; height: 40px; }
.mypage .mysearch .month_picker .ui-monthpicker-trigger { opacity: 0; }
.mypage .mysearch .month_picker .ui-monthpicker-trigger:first-of-type { position: absolute; left: 0; width: 225px; height: 40px; }
.mypage .mysearch .month_picker .ui-monthpicker-trigger:last-of-type { position: absolute; right: 0; width: 225px; height: 40px; }

.mypage .mysearch .filter { width: 100%; table-layout: fixed; margin-bottom: 25px; } 
.mypage .mysearch .filter td { padding-right: 20px; }
.mypage .mysearch .filter td:last-child { padding-right: 0; } 
.mypage .mysearch .filter td:last-child .custom_select { float: left; width: 140px; } 
.mypage .mysearch .filter td:last-child .custom_select:after { content: ''; display: block; clear: both; } 
.mypage .mysearch .filter td:last-child input { width: 314px; height: 40px; margin-left: 6px;}
.mypage .mysearch .filter td.order_state .custom_select { width: 100%; }
.mypage .mysearch .filter td.search_type .custom_select { width: 140px; }
.mypage .mysearch .filter td.search_type input { width: 354px; }
.mypage .mysearch.order-mysearch .filter td { padding-right: 6px; }
.mypage .mysearch.order-mysearch .filter td:last-of-type { padding-right: 0; }

.mypage .mysearch ul.filter { width: 100%; display: flex; justify-content: space-between; } 
.mypage .mysearch ul.filter > li { width: 49%; } 
.mypage .mysearch ul.filter > li input { width: 100%; height: 40px; } 

.mypage .mysearch.small .date_check { width: 100%; table-layout: fixed; text-align: left; } 
.mypage .mysearch.small .date_check td { margin: 0; vertical-align: top; } 
.mypage .mysearch.small .date_check td.period_check_list > li { width: 70px; } 
.mypage .mysearch.small .date_check td .date_picker { padding: 0 10px; } 
.mypage .mysearch.small .date_check td .date_picker input { width: 150px; min-width: 150px; }

.mypage .mysearch.return.small .date_check td.date_check_list { padding-left: 10px; }
.mypage .mysearch.return.small .filter { margin-top: 30px; }

.mypage .mysearch .delvy_search { width: 100%; height: 40px; } 
.mypage .mysearch .delvy_search .custom_select { width: 680px; float: left; margin-right: 10px; } 
.mypage .mysearch .delvy_search .custom_select:after { content: ''; display: block; clear: both; } 
.mypage .mysearch .delvy_search button { width: 230px; height: 40px; line-height: 38px; border-radius: 2px; background-color: var(--black); color: #fff; font-size: 16px; font-weight: 400; }


/* 조회 결과 list */
.mypage .result_box { width: 100%; margin: 40px 0 60px 0; } 
.mypage .result_box .res_total {font-size: 16px; font-weight: 400; color: var(--dgray); margin-bottom: 10px; position: relative;}
.mypage .result_box .res_total strong { font-weight: 700; color: var(--accent); }
.mypage .result_box .res_total span { font-weight: 500; color: var(--black); } 
.mypage .result_box .res_total .btn_group {position: absolute; right: 0; bottom: 0;}
.mypage .result_box .res_total .btn_group > a {display: inline-block; width: 100px; line-height: 30px; border-radius: 2px; font-size: 14px; font-weight: 400; text-align: center;}
.mypage .result_box .res_total .btn_group .excel_btn {background-color: #999; color: #fff; }
.mypage .result_box .res_total .btn_group .charge_btn {background-color: var(--accent); color: #fff; }

.mypage .board_list .btn_group {position: relative; right: 0; bottom: 0; margin-top: 5px;}
.mypage .board_list .btn_group > a {display: inline-block; line-height: 20px; border-radius: 100px; font-size: 12px; font-weight: 400; text-align: center;}
.mypage .board_list .btn_group .cancel_btn {border: 1px solid var(--black); background-color: #fff; color: var(--black); }

.mypage .result_box .res_write { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; } 
.mypage .result_box .res_write li { width: 24%; height: 86px; line-height: 1.3; font-size: 15px; font-weight: 400; color: var(--accent); border: 1px solid var(--line-gray); border-radius: 15px; padding: 20px; } 
.mypage .result_box .res_write li span { font-size: 20px; color: var(--black); display: inline-block; width: 100%; text-align: right; }
.mypage .result_box .res_write li span strong { font-weight: 700; } 

.mypage .result_box .pscash_write { margin-bottom: 40px; }
.mypage .result_box .pscash_write li { width: 32.5%; }

.mypage .result_box .ledger_write { margin-bottom: 20px; }
.mypage .result_box .ledger_write li { width: 32.5%; }

.mypage .result_box .board_list { margin-bottom: 40px; overflow-x: auto; } 
.mypage .result_box .board_list table tr { cursor: pointer; } 
.mypage .result_box .board_list table tr:hover { background-color: rgba(0,157,197,5%); }
.mypage .result_box .board_list table th { height: 40px; font-size: 15px; border-right: 1px solid var(--line-gray); } 
.mypage .result_box .board_list table th:last-child { border-right: none; } 
.mypage .result_box .board_list table td { min-height: 46px; font-size: 14px; font-weight: 400; color: var(--black); background-color: transparent; border-right: 1px solid var(--line-gray); }
.mypage .result_box .board_list table td.t_red { color: var(--red); }
.mypage .result_box .board_list table td strong { font-weight: 700; }
.mypage .result_box .board_list table td:last-child { border-right: none; } 
.mypage .result_box .board_list table td > a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.mypage .result_box .board_list table td > a:hover { color: var(--accent); }

.mypage .result_box .board_list .prod_name { text-align: left; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.mypage .result_box .board_list .text-lg-right { text-align: right; padding-right: 10px; } 
.mypage .result_box .board_list .subject { text-align: left; padding: 0 15px; } 
.mypage .result_box .board_list .reply { color: #999; } 
.mypage .result_box .board_list .reply span { color: var(--accent); } 
.mypage .result_box .board_list .reply .delete_btn { display: inline-block; width: 56px; line-height: 24px; border-radius: 100px; border: 1px solid currentColor; color: #999; vertical-align: middle; } 

.mypage .result_box .board_list .nodata { border-bottom: 1px solid var(--line-gray); } 
/*안내박스*/
.mypage .result_box .info-box { border: 1px solid #dcdcdc; padding: 15px; background-color: #f9f9f9; border-radius: 8px; font-size: 14px; line-height: 1.6; list-style: none; color: #333; margin: 20px 0; }
.mypage .result_box .info-box li {margin-bottom: 8px; list-style: none; }
.mypage .result_box .info-box li:last-child {margin-bottom: 0;}
.mypage .result_box .info-box li strong {color: #e44d26;}

/* 주문/배송내역 list */
.mypage .result_box .board_list.order_list table th { height: 50px; font-size: 15px; line-height: 1.4; vertical-align: middle; border-right: 1px solid var(--line-gray); } 
.mypage .result_box .board_list.order_list table td { height: 60px; line-height: 1.4; vertical-align: middle; padding: 0 10px; } 

/* 주문정보 상세내용 */
.mypage .myconts .order_detail { margin-bottom: 60px; } 
.mypage .myconts .order_detail .info_msg { margin-top: 10px; } 
.mypage .myconts .order_detail .txt_red {color: var(--red);} 

.mypage .myconts .order_detail table { text-align: left; } 
.mypage .myconts .order_detail table th { width: 140px; height: 46px; font-size: 14px; font-weight: 500; border-right: 1px solid var(--line-gray); padding-left: 15px; } 
.mypage .myconts .order_detail table th.summary { font-weight: 400; background-color: rgba(0,157,197,5%); } 
.mypage .myconts .order_detail table td { width: 320px; height: 46px; font-size: 14px; font-weight: 400; padding: 4px 15px; line-height: 1.5;} 

.mypage .myconts .order_detail table thead td.supplier_name { color: var(--accent); border-right: 1px solid var(--line-gray); } 
.mypage .myconts .order_detail table thead td .slip { color: #999; margin-left: 6px; }
.mypage .myconts .order_detail table thead td .view_devy { color: #999; margin-left: 6px; } 
.mypage .myconts .order_detail table thead td dd { line-height: 30px; font-size: 14px; color: var(--dgray); } 
.mypage .myconts .order_detail table thead td dd span { display: inline-block; width: 90px; font-weight: 400; } 
.mypage .myconts .order_detail table thead td dd a { display: inline-block; width: 76px; line-height: 24px; border-radius: 100px; border: 1px solid var(--line-gray); background-color: var(--lgray); } 
.mypage .myconts .order_detail table thead td dd a.check_btn { font-size: 12px; text-align: center; color: var(--dgray); } 

.mypage .myconts .order_detail table tbody td { font-size: 14px; text-align: right; padding-right: 15px; color: var(--black) } 
.mypage .myconts .order_detail table tbody td strong { font-weight: 900; } 

.mypage .myconts .order_detail table .order_payment th { background-color: var(--accent); color: #fff; } 
.mypage .myconts .order_detail table .order_payment td { text-align: right; padding-right: 15px; color: var(--accent); } 
.mypage .myconts .order_detail table .order_payment td strong { font-weight: 900; color: var(--accent); } 

/* 선택 상품 장바구니 담기 */
.mypage .myconts .add_cart {border-top: none;} 
.mypage .myconts .add_cart .cart_items:not(:last-child) {margin-bottom: 20px;} 
.mypage .myconts .add_cart .cart_items .site_neme { font-size: 18px; font-weight: 500; line-height: 46px; border-bottom: 1px solid var(--black); } 
.mypage .myconts .add_cart .cart_items .site_neme span { color: var(--black); } 

.mypage .myconts .add_cart .cart_items table { table-layout: fixed; text-align: center; } 
.mypage .myconts .add_cart .cart_items table th { height: 46px; font-size: 16px; font-weight: 500; background-color: rgba(0,157,197,5%); border-right: 1px solid var(--line-gray); border-bottom: 1px solid var(--line-gray); vertical-align: middle; }
.mypage .myconts .add_cart .cart_items table th.set { background-color: var(--lgray); }
.mypage .myconts .add_cart .cart_items table th:first-child { text-align: left; padding-left: 15px; }
.mypage .myconts .add_cart .cart_items table th:last-child { border-right: none; } 
.mypage .myconts .add_cart .cart_items table td { height: 60px; font-size: 15px; font-weight: 400; border-right: 1px solid var(--line-gray); border-bottom: 1px solid var(--line-gray); vertical-align: middle; color: var(--black); } 
.mypage .myconts .add_cart .cart_items table td:last-child { border-right: none; } 

.mypage .myconts .add_cart .cart_items .prod_name { font-size: 15px; font-weight: 500; text-align: left; padding: 0 15px; } 
.mypage .myconts .add_cart .cart_items .prod_name label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.mypage .myconts .add_cart .cart_items dl { padding-left: 24px; } 
.mypage .myconts .add_cart .cart_items dl dd { display: inline; font-size: 13px; font-weight: 400; color: var(--dgray); } 
.mypage .myconts .add_cart .cart_items dl dd:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #ccc; vertical-align: middle; margin: 0px 4px 3px 4px; } 
.mypage .myconts .add_cart .cart_items dl dd:last-child:after { display: none; }

.mypage .myconts .add_cart .cart_items table td.dely_check {text-align: left; padding: 0 15px;}

.mypage .myconts .add_cart .cart_items table .order_payment th { height: 46px; font-size: 17px; font-weight: 400; text-align: center; background-color: var(--accent); color: #fff; } 
.mypage .myconts .add_cart .cart_items table .order_payment td { height: 46px; color: var(--accent);}
.mypage .myconts .add_cart .cart_items table .order_payment td strong { color: var(--accent);}

/* 부분취소 list */
.mypage .myconts .partial_cancel { margin-top: 60px; } 
.mypage .myconts .partial_cancel h3 { font-size: 18px; font-weight: 500; margin-bottom: 15px; } 

.mypage .myconts .partial_cancel table th { height: 46px; font-size: 15px; font-weight: 500; vertical-align: middle; border-right: 1px solid var(--line-gray); } 
.mypage .myconts .partial_cancel table th:last-child { border-right: none; } 
.mypage .myconts .partial_cancel table td { height: 60px; font-size: 14px; font-weight: 400; color: var(--black); vertical-align: middle; border-right: 1px solid var(--line-gray); } 
.mypage .myconts .partial_cancel table td:last-child { border-right: none; }
.mypage .myconts .partial_cancel table .order_payment th { height: 46px; font-size: 15px; background-color: var(--accent); color: #fff; } 
.mypage .myconts .partial_cancel table .order_payment td { height: 46px; font-size: 15px; text-align: right; padding-right: 10px; color: var(--accent); } 
.mypage .myconts .partial_cancel table .order_payment td strong { font-weight: 900; color: var(--accent); }
.mypage .myconts .partial_cancel table td.dely_check { text-align: left; padding: 0 15px;}

.mypage .myconts .partial_cancel table td.prod_name { font-weight: 500; line-height: 1.4; } 
.mypage .myconts .partial_cancel table td.prod_name dl dd { display: inline; font-size: 12px; font-weight: 400; color: var(--dgray); } 
.mypage .myconts .partial_cancel table td.prod_name dl dd:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #ccc; vertical-align: middle; margin: 0px 4px 3px 4px; } 
.mypage .myconts .partial_cancel table td.prod_name dl dd:last-child:after { display: none; }

.mypage .myconts .partial_cancel .cancel_detail { margin-bottom: 40px;}
.mypage .myconts .partial_cancel .cancel_detail table td {font-size: 15px; padding: 4px 15px; line-height: 1.5; vertical-align: middle;}
.mypage .myconts .partial_cancel .cancel_detail .info_msg {margin-top: 10px;}

/* 주문취소 상세 내역 */
.mypage .myconts .cancel_list { border-top: 1px solid var(--black); } 
.mypage .myconts .cancel_list .site_neme { font-size: 18px; font-weight: 500; line-height: 60px; border-bottom: 1px solid var(--black); } 
.mypage .myconts .cancel_list .site_neme span { color: var(--black); } 

.mypage .myconts .cancel_list .cancel_tbl { border-top: none; overflow-x: auto; } 
.mypage .myconts .cancel_list .cancel_tbl th { font-size: 15px; height: 46px; } 
.mypage .myconts .cancel_list .cancel_tbl td { font-size: 14px; color: var(--black); height: 46px; } 
.mypage .myconts .cancel_list .cancel_tbl td.prod_name { font-weight: 500; } 
.mypage .myconts .cancel_list .cancel_tbl td.canc { color: var(--red); } 
.mypage .myconts .cancel_list .cancel_tbl td.canc strong { color: var(--red); } 

/* 부분취소 */
.mypage .myconts .cancel_list table { table-layout: fixed; } 
.mypage .myconts .cancel_list table th { height: 46px; font-size: 16px; font-weight: 500; background-color: var(--lgray); border-right: 1px solid var(--line-gray); border-bottom: 1px solid var(--line-gray); vertical-align: middle; } 
.mypage .myconts .cancel_list table th:last-child { border-right: none; } 
.mypage .myconts .cancel_list table td { height: 110px; font-size: 15px; font-weight: 400; color: var(--black); border-right: 1px solid var(--line-gray); border-bottom: 1px solid var(--line-gray); vertical-align: middle; } 
.mypage .myconts .cancel_list table td:last-child { border-right: none; } 

.mypage .myconts .cancel_list .item .thum_box { border-right: none; padding: 0 15px; } 
.mypage .myconts .cancel_list .item .thum_box .thumbnail { width: 80px; height: 80px; overflow: hidden; position: relative; } 
.mypage .myconts .cancel_list .item .thum_box .thumbnail img { width: 100%; height: 100%; object-fit: contain; } 

.mypage .myconts .cancel_list .item .info_box { padding-left: 0; text-align: left; padding-left: 15px; } 
.mypage .myconts .cancel_list .item .info_box .prod_name { font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.mypage .myconts .cancel_list .item .info_box .summary { margin-top: 6px; } 
.mypage .myconts .cancel_list .item .info_box .summary li { display: inline; font-size: 13px; font-weight: 400; color: var(--dgray); } 
.mypage .myconts .cancel_list .item .info_box .summary li:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #ccc; vertical-align: middle; margin: 0px 4px 3px 4px; } 
.mypage .myconts .cancel_list .item .info_box .summary li:last-child:after { display: none; } 

/* 카드결제 내역 */
.mypage .myconts .card_payment_list { overflow-x: unset; } 
.mypage .myconts .card_payment_list table tr { cursor: default; } 
.mypage .myconts .card_payment_list table tr:hover { background-color: transparent; } 
.mypage .myconts .card_payment_list table th { font-size: 15px; } 
.mypage .myconts .card_payment_list table td { font-size: 15px; } 
.mypage .myconts .card_payment_list table td span { color: var(--accent); } 
.mypage .myconts .card_payment_list table td strong { font-weight: 700; color: var(--accent); }

/* 반품 조회, 신청 */
.mypage .tab-wrap { width: 100%; height: 46px; border-bottom: 1px solid var(--accent); position: relative; } 
.mypage .tab-wrap .tab-btns li { float: left; width: 180px; height: 46px; background-color :#fff; border: 1px solid var(--line-gray); border-bottom: 1px solid var(--accent); } 
.mypage .tab-wrap .tab-btns li:after { content: ''; display: block; clear: both; } 
.mypage .tab-wrap .tab-btns li a { display: block; width: 100%; line-height: 46px; font-size: 16px; font-weight: 400; text-align: center; color: var(--dgray); } 

.mypage .tab-wrap .tab-btns li.current_page { border: 1px solid var(--accent); border-bottom: #fff; } 
.mypage .tab-wrap .tab-btns li.current_page a { color: var(--accent); }

.mypage .tab-wrap .rtninfo_btn { position: absolute; right: 0; bottom: 15px; }
.mypage .tab-wrap .rtninfo_btn li { width:170px; height: 38px; line-height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center; border: 1px solid var(--black); border-radius: 4px; color: var(--black); font-size: 12px; }
.mypage .tab-wrap .rtninfo_btn li.return_info::before { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/circle_exclamation.png) 50% no-repeat; background-size: contain; width: 14px; height: 14px; vertical-align: middle; margin: 0 5px 0 0; }

.mypage .result_box .request_tbl {overflow: visible;} 
.mypage .result_box .supplier_request dl {width: 100%; text-align: left; padding-left: 8px;}
.mypage .result_box .supplier_request dl dt {display: inline-block; line-height: 20px; font-size: 13px; font-weight: 400; color: var(--accent); vertical-align: middle;}
.mypage .result_box .supplier_request dl dt:after {content: ':'; margin: 0 2px;}
.mypage .result_box .supplier_request dl dd {display: inline-block; line-height: 20px; font-size: 13px; font-weight: 400;}
.mypage .result_box .supplier_request dl dd:not(:last-child):after {content: '|'; margin: 0 10px; font-size: 11px; color: #999;}

.mypage .result_box .request_tbl table td {vertical-align: top;}
.mypage .result_box .request_tbl table tr { cursor: default; } 
.mypage .result_box .request_tbl table tr:hover { background-color: transparent; } 
.mypage .result_box .request_tbl table th { line-height: 1.4; font-size: 15px; vertical-align: middle; } 
.mypage .result_box .request_tbl table th:first-child { padding-left: 7px; } 
.mypage .result_box .request_tbl table td { min-height: 46px; line-height: 1.4; font-size: 14px; vertical-align: middle; padding: 0 10px; } 
.mypage .result_box .request_tbl table td:first-child { padding: 0 0 0 7px; } 
.mypage .result_box .request_tbl table td input { width: 100%; height: 28px; } 
.mypage .result_box .request_tbl table td input[type="number"] { text-align: center; } 

.mypage .result_box .request_tbl table td.prod_name span { display: block; width: 100%; font-size: 13px; color: var(--dgray); } 
.mypage .result_box .request_tbl table td.request_qty { padding: 0 15px; } 
.mypage .result_box .request_tbl table td.request_qty input { width: 100%; height: 28px; text-align: center; padding: 0;} 
.mypage .result_box .request_tbl table td.custom_select { height: 28px; } 
.mypage .result_box .request_tbl table td.custom_select .selectric { height: 28px; text-align: left; } 
.mypage .result_box .request_tbl table td.custom_select .selectric-items li { text-align: left; line-height: 28px; padding-left: 10px; } 
.mypage .result_box .request_tbl table td.custom_select .selectric .label { line-height: 24px; margin-left: 10px; } 

.mypage .result_box .request_tbl table .canc { color: var(--red); } 
.mypage .result_box .request_tbl table .canc strong { color: var(--red); } 

.mypage .result_box .request_tbl .nodata { padding-bottom: 0; border-bottom: none; }

/* 반품 승인 대기 */
.mypage .myconts .retnotify_box {width: 100%; height: auto; padding: 30px; border-radius: 15px; border: 1px dashed var(--dgray);  margin: 20px 0 20px 0}
.mypage .myconts .retnotify_box > h5 { font-size: 20px; font-weight: 500; color: var(--black); margin-bottom: 10px; }
.mypage .myconts .retnotify_box > p { font-size: 16px; font-weight: 400; color: var(--dgray); }
.mypage .myconts .retnotify_box > ol > li { padding-left: 9px; }
.mypage .myconts .retnotify_box > ol > li > strong {font-weight: 500; color: var(--dgray);}

.mypage .result_box .status_tbl .list_tit { width: 100%; height: 60px; border-top: 1px solid var(--black); border-bottom: 1px solid var(--line-gray); display: flex; justify-content: space-between; align-items: center; }
.mypage .result_box .status_tbl .title { line-height: 60px; font-size: 18px; font-weight: 500; }
.mypage .result_box .status_tbl .delete_btns li { float: left; padding: 0 7px; background-color: var(--lgray); border: 1px solid var(--line-gray); border-radius: 2px; margin-left: 6px; }
.mypage .result_box .status_tbl .delete_btns li a { display: block; width: 100%; line-height: 28px; font-size: 13px; color: var(--dgray); }

.mypage .result_box .status_tbl .item_tbl th:first-child { text-align: left; padding-left: 15px; }

.mypage .result_box .status_tbl .total_tbl tr { border-top: 1px solid var(--black); border-bottom: 1px solid var(--black); }
.mypage .result_box .status_tbl .total_tbl th { text-align: center; font-size: 18px; font-weight: 500 }
.mypage .result_box .status_tbl .total_tbl td { text-align: right; font-size: 18px; font-weight: 500; color: var(--accent); }

/* 반품 진핸 현황 */
.mypage .result_box .status_tbl table tr { cursor: default; } 
.mypage .result_box .status_tbl table tr:hover { background-color: transparent; } 
.mypage .result_box .status_tbl table th { height: 50px; line-height: 1.4; font-size: 15px; vertical-align: middle; } 
.mypage .result_box .status_tbl table td { height: 60px; line-height: 1.4; font-size: 14px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 8px; } 
.mypage .result_box .status_tbl table td.reason_note { overflow: unset; text-overflow: unset; white-space: break-spaces; text-align: left; }
.mypage .result_box .status_tbl table td span { color: var(--accent); }
.mypage .result_box .status_tbl table td button { width: 80px; height: 34px; line-height: 30px; font-size: 13px; background-color: transparent; border: 1px solid currentColor; color: var(--accent); } 
.mypage .result_box .status_tbl table td button.inactive { border: 1px solid currentColor; color: #999; cursor: default; } 

.mypage .result_box .status_tbl table td.prod_name span { display: block; width: 100%; font-size: 13px; color: var(--dgray); } 
.mypage .result_box .status_tbl table td.canc { color: var(--red); } 
.mypage .result_box .status_tbl table td.canc span { color: var(--red); font-size: 13px; } 

.mypage .result_box .status_tbl table td.memo { text-overflow: unset; white-space: unset; padding: 6px; } 

.mypage .result_box .status_tbl table td.col_style .price_box {width: 100%; height: 30px; line-height: 30px; padding: 0 10px;}
.mypage .result_box .status_tbl table td.col_style .price_box:nth-of-type(2) {border-top: 1px dashed #ddd;}

.mypage .result_box .status_tbl table .request_qty { padding: 0 15px; }
.mypage .result_box .status_tbl table .request_qty input { width: 100%; height: 28px; text-align: center; padding: 0; } 

.mypage .result_box .not_scroll { overflow-x: unset; } 
.mypage .result_box .not_scroll table tr { cursor: default; } 
.mypage .result_box .not_scroll table tr:hover { background-color: transparent; } 


/* 거래원장 */
.mypage .result_box .ledger_tbl table tr { cursor: default; } 
.mypage .result_box .ledger_tbl table tr:hover { background-color: transparent; }
.mypage .orderledger ol { margin-bottom: 15px; }
.mypage .orderledger .mysearch .month_picker input { width: 225px; }

/* 마이페이지 : 나의 혜택 */
/* 쿠폰 */
.mypage .coupon { border-top: none; } 

/* 프로모션 등록 */
.mypage .promotion { width: 100%; margin-top: 30px; display: flex; justify-content: space-between; align-items: flex-start; } 
.mypage .promotion input { width: 740px; height: 46px; border-radius: 100px; padding-left: 20px; font-size: 16px; } 
.mypage .promotion button { width: 170px; height: 46px; background-color: var(--black); font-size: 16px; color: #fff; } 

.mypage .result_box .coupon_tbl table tr { cursor: default; } 
.mypage .result_box .coupon_tbl table tr:hover { background-color: transparent; } 

.mypage .result_box .coupon_tbl table td { padding: 0 10px; } 
.mypage .result_box .coupon_tbl table td.coupon_name { text-align: left; line-height: 1.4; } 
.mypage .result_box .coupon_tbl table td.prod_name { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.mypage .result_box .coupon_tbl table td.catg_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.mypage .result_box .pscash_tbl table tr { cursor: default; } 
.mypage .result_box .pscash_tbl table tr:hover { background-color: transparent; } 

.mypage .result_box .benefit_tbl .nodata { width: 100%; min-height: 300px; padding-top: 110px; } 
.mypage .result_box .benefit_tbl .nodata .icon_box { width: 40px; height: 40px; overflow: hidden; margin: 0 auto; margin-bottom: 10px; } 
.mypage .result_box .benefit_tbl .nodata .icon_box img { width: 100%; height: 100%; } 
.mypage .result_box .benefit_tbl .note { padding: 0 10px; text-align: left;} 

.mypage .result_box .benefit_tbl td.add { color: var(--accent); } 
.mypage .result_box .benefit_tbl td.use { color: var(--red); } 


/* 마이페이지 : 나의 상품 */
/* 정기배송 */
.mypage .regular_delvy { width: 100%; border-top: 1px solid var(--line-gray); margin-top: 30px; padding-top: 30px; display: flex; justify-content: space-between; align-items: flex-start; } 

.mypage .regular_delvy > ul { width: 440px; } 
.mypage .regular_delvy > ul li { float: left; } 
.mypage .regular_delvy > ul li:after { content: ''; display: block; clear: both; } 

.mypage .regular_delvy .thum_box { width: 130px; height: 130px; border-radius: 15px; overflow: hidden; background-color: #f4f4f4; } 
.mypage .regular_delvy .thum_box img { width: 100%; height: 100%; object-fit: contain; } 

.mypage .regular_delvy .info_box { width: 284px; margin-left: 24px; padding-top: 10px; } 
.mypage .regular_delvy .info_box h3 { font-size: 17px; font-weight: 500; line-height: 1.4; margin-bottom: 4px; } 
.mypage .regular_delvy .info_box dl dd { display: inline; font-size: 13px; font-weight: 400; color: var(--dgray); } 
.mypage .regular_delvy .info_box dl dd:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #ccc; vertical-align: middle; margin: 0px 4px 3px 4px; } 
.mypage .regular_delvy .info_box dl dd:last-child:after { display: none; } 
.mypage .regular_delvy .info_box p { font-size: 18px; font-weight: 400; margin-top: 10px; } 
.mypage .regular_delvy .info_box p strong { font-weight: 900; } 

.mypage .regular_delvy > table { width: 440px; table-layout: fixed; text-align: center; border: 1px solid var(--accent); } 
.mypage .regular_delvy > table th { height: 40px; vertical-align: middle; font-size: 15px; font-weight: 400; background-color: var(--accent); color: #fff; border-right: 1px solid #fff; } 
.mypage .regular_delvy > table th:last-child { border-right: none; } 
.mypage .regular_delvy > table td { height: 40px; vertical-align: middle; font-size: 15px; font-weight: 400; border-right: 1px solid var(--line-gray); } 
.mypage .regular_delvy > table td:last-child { border-right: none; } 
.mypage .regular_delvy > table td.dday { border-top: 1px solid var(--line-gray); } 

.mypage .result_box .myprod_tbl table tr { cursor: default; } 
.mypage .result_box .myprod_tbl table tr:hover { background-color: transparent; } 
.mypage .result_box .myprod_tbl table td a:hover { text-decoration: underline; color: #999; transition: 0.25s; } 
.mypage .result_box .myprod_tbl table td button { width: 80px; height: 34px; line-height: 30px; font-size: 13px; background-color: transparent; border: 1px solid currentColor; color: var(--accent); } 
.mypage .result_box .myprod_tbl table td button.inactive { border: 1px solid currentColor; color: #999; cursor: default; }

/* 예약결제 */
.mypage .respay_box { margin: 0; }
.mypage .respay_box .respay_tbl table tr:hover { background-color: transparent; cursor: auto; }
.mypage .respay_box .btn_box > li > a {width: 200px; height: 46px; line-height: 44px; border-radius: 100px; display: block;}

.mypage .respay_tit { position: relative; width: 100%; }
.mypage .respay_tit .resinfo_btn { position: absolute; right: 0; bottom: 15px; }
.mypage .respay_tit .resinfo_btn li { width:140px; height: 38px; line-height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center; border: 1px solid var(--black); border-radius: 4px; color: var(--black); font-size: 12px; }
.mypage .respay_tit .resinfo_btn li.respay_info::before { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/circle_exclamation.png) 50% no-repeat; background-size: contain; width: 14px; height: 14px; vertical-align: middle; margin: 0 5px 0 0; }
.mypage .respay_tit .resinfo_btn li.respay_list { width: 120px; height: 36px; font-size: 16px; background-color: var(--lgray); border: 1px solid var(--line-gray); }
.mypage .respay_tit .resinfo_btn li.respay_list a { color: var(--dgray); font-weight: 400; display: block; height: 36px; width: 100%; text-align: center; }

.mypage .result_box .respay_tbl table th { height: 60px; }
.mypage .result_box .respay_tbl table td { padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mypage .result_box .board_list table td.txt-red { color: var(--red); }

.mypage .result_box .bundle_list { width: 100%; margin-bottom: 20px; }
.mypage .result_box .bundle_list table tr:hover { background-color: transparent; cursor: auto; }
.mypage .result_box .bundle_list table { width: 100%; table-layout: fixed; }
.mypage .result_box .bundle_list table th { font-weight: 500; height: 46px; border-right: 1px solid var(--line-gray); }
.mypage .result_box .bundle_list table th:last-child { border-right: none; }
.mypage .result_box .bundle_list table td { height: 110px; padding: 10px; border-right: 1px solid var(--line-gray); }
.mypage .result_box .bundle_list table td:last-child { border-right: none; }
.mypage .result_box .bundle_list table td p { font-size: 14px; color: var(--black); }
.mypage .result_box .bundle_list table td.prod_thum { border: none; }
.mypage .result_box .bundle_list table td.text-right { text-align: right }
.mypage .result_box .bundle_list table td.prod_info { text-align: left; vertical-align: top; padding-top: 15px; }
.mypage .result_box .bundle_list table td.prod_info .prod_name { padding: 0; color: var(--black); line-height: 1.5; font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mypage .result_box .bundle_list table td.prod_info .summary li { display: inline; font-size: 12px; font-weight: 400; color: var(--dgray); }
.mypage .result_box .bundle_list table td.prod_info .summary li:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #999; vertical-align: text-top; margin: 0px 2px 0 8px}
.mypage .result_box .bundle_list table td.prod_info .summary li:last-of-type:after { display: none; }
.mypage .result_box .bundle_list table td.prod_info .minimum { font-size: 12px; font-weight: 400; color: var(--dgray); }
.mypage .result_box .bundle_list table td.prod_price { color: var(--black); font-weight: 500; font-size: 14px; text-align: right; }
.mypage .result_box .bundle_list table td.prod_price span { color: var(--red); font-size: 14px; font-weight: 400; }
.mypage .result_box .bundle_list table td.order_price { color: var(--black); font-weight: 500; font-size: 14px; }
.mypage .result_box .bundle_list table td.order_price span { color: #999; font-size: 14px; font-weight: 400; }
.mypage .result_box .bundle_list table td.total_price { font-size: 14px; }
.mypage .result_box .bundle_list table td .thum_box { width: 80px; height: 80px; overflow: hidden; position: relative; }
.mypage .result_box .bundle_list table td .thum_box img { width: 100%; height: 100%; object-fit: contain; }
.mypage .result_box .bundle_list table td .thum_box:hover .hover_box { opacity: 1; }
.mypage .result_box .bundle_list table td .hover_box { width: 80px; height: 80px; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.6); opacity: 0; display: flex; justify-content: center; align-items: center; transition: 0.35s; z-index: 5; }
.mypage .result_box .bundle_list table td .hover_box a { display:block; width: 40px; height: 40px; background-color: #fff; border: 2px solid var(--black); border-radius: 100px; overflow: hidden; margin: 0 3px; }
.mypage .result_box .bundle_list table td .hover_box a img { width: 100%; height: 100%; object-fit: contain; }
.mypage .result_box .bundle_list table td .qty_option { margin-bottom: 10px; }

.mypage .result_box .total_list { border: 2px solid var(--black); border-radius: 20px; margin-bottom: 40px; }
.mypage .result_box .total_list table th { font-size: 16px; font-weight: 400; line-height: 28px; color: var(--dgray); padding-top: 17px; border-right: 1px solid var(--line-gray); }
.mypage .result_box .total_list table td { position: relative; font-size: 18px; line-height: 28px; text-align: center; padding-bottom: 17px; border-right: 1px solid var(--line-gray); }
.mypage .result_box .total_list table tr:hover { background-color: transparent; }
.mypage .result_box .total_list table th:last-of-type { border: none;}
.mypage .result_box .total_list table td:last-of-type { border: none;}
.mypage .result_box .total_list table td strong { font-weight: 700; }
.mypage .result_box .total_list table td.total_pay { font-size: 21px; color: var(--accent); }
.mypage .result_box .total_list table td.total_order::after { position:absolute; top: -15px; right: -16px; content: ''; display: inline-block; width: 32px; height: 32px; background: url(/static/fo/u/asset/img/mypage/circle-minus.png) 50% no-repeat; background-size: contain; }
.mypage .result_box .total_list table td.total_disc::after { position:absolute; top: -15px; right: -16px; content: ''; display: inline-block; width: 32px; height: 32px; background: url(/static/fo/u/asset/img/mypage/circle-equals.png) 50% no-repeat; background-size: contain; }

.mypage .result_box .shipment_info { display: flex; line-height: 33px; font-weight: 500; font-size: 15px; margin: 30px 0 15px 0; }
.mypage .result_box .shipment_info > li:not(:last-child):after {content: '/'; margin: 0 6px;}
.mypage .result_box .shipment_info .total_shipment span { color: var(--accent); }
.mypage .result_box .shipment_info .remain span { color: var(--red); }

.mypage .result_box .shipment_list { width: 100%; margin-bottom: 15px; }
.mypage .result_box .shipment_list table { width: 100%; table-layout: fixed; font-size: 14px; }
.mypage .result_box .shipment_list table tr.complete { opacity: 0.5; }
.mypage .result_box .shipment_list table tr.shipment_price { border-bottom: 1px solid var(--line-gray); }
.mypage .result_box .shipment_list table tr.shipment_date { border-bottom: 1px solid #ccc; }
.mypage .result_box .shipment_list table th { font-size: 15px; height: 60px; border-right: 1px solid var(--line-gray);}
.mypage .result_box .shipment_list table th:last-child { border-right: none; }
.mypage .result_box .shipment_list table td { height: 50px; padding: 0 10px; }

.mypage .result_box .shipment_list table td:last-child { border-right: none; }
.mypage .result_box .shipment_list table td.prod_name { height: 86px; }
.mypage .result_box .shipment_list table td.prod_name ul li { color: var(--black); line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mypage .result_box .shipment_list table td.prod_quantity { padding: 10px; }
.mypage .result_box .shipment_list table td.prod_quantity input { width: 60px; height: 30px; text-align: center; }
.mypage .result_box .shipment_list table td.prod_quantity.one_prod input { width: 120px; }
.mypage .result_box .shipment_list table td.prod_quantity li { width: 100%; line-height: 34px; font-size: 13px; }
.mypage .result_box .shipment_list table td.prod_quantity li:not(:last-child) {margin-bottom: 6px;}
.mypage .result_box .shipment_list table td.order_price { color: var(--black); font-weight: 500; }
.mypage .result_box .shipment_list table td.order_price span { color: var(--dgray); font-weight: 400; }
.mypage .result_box .shipment_list table td.total_price { color: var(--accent); }
.mypage .result_box .shipment_list table td.text-right { text-align: right; }
.mypage .result_box .shipment_list table tr.shipment_date td { height: 46px; padding: 0 10px;}
.mypage .result_box .shipment_list table tr.shipment_date td ul { display: flex; justify-content: left; }
.mypage .result_box .shipment_list table tr.shipment_date td ul li { font-size: 13px; color: var(--dgray); padding: 0 15px; border-right: 1px solid var(--line-gray); }
.mypage .result_box .shipment_list table tr.shipment_date td ul li:first-of-type { padding-left: 0; }
.mypage .result_box .shipment_list table tr.shipment_date td ul li:last-of-type { border: none; }
.mypage .result_box .shipment_list table tr.shipment_date td ul li span { color: var(--black); margin-left: 6px; }
.mypage .result_box .shipment_list table tr.shipment_date .date_picker input {width: 140px; height: 30px; font-size: 13px; background-color: #fff;}
.mypage .result_box .shipment_list table tr.shipment_date .date_picker input[disabled] {background-color: var(--lgray); color: #999; cursor: default;}
.mypage .result_box .shipment_list table tr.shipment_date .date_picker span {margin: 0;}

.mypage .result_box .shipment_list table tr.shipment_price.error_list { background: rgba(240, 62, 62, 0.05); }
.mypage .result_box .shipment_list table .shipment_price.error_list td.state span { color: var(--red); }
.mypage .result_box .shipment_list table tr.shipment_date.error_list { background: rgba(240, 62, 62, 0.05); }
.mypage .result_box .shipment_list table .shipment_date.error_list li span { color: var(--red); }
.mypage .result_box .shipment_list table tr.shipment_date.error_list .date_picker input {color: var(--red);}

.mypage .result_box .shipment_total { border: 2px solid var(--accent); }
.mypage .result_box .shipment_total table td.total_order::after { background: url(/static/fo/u/asset/img/mypage/circle-minus-blue.png) 50% no-repeat; background-size: contain; }
.mypage .result_box .shipment_total table td.total_disc::after { background: url(/static/fo/u/asset/img/mypage/circle-equals-blue.png) 50% no-repeat; background-size: contain; }

.mypage .result_box .btn_box li {display: inline-block;}
.mypage .result_box .btn_box li button {width: 200px; height: 46px; line-height: 44px; border-radius: 100px;}

.mypage .result_box .delvy_info { width: 100%; }
.mypage .result_box .delvy_info > h5 { font-size: 14px; line-height: 20px; font-weight: 400; color: var(--dgray); margin: 30px 0 4px 0; }
.mypage .result_box .delvy_info p { font-size: 15px; line-height: 22px; font-weight: 500; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--black); }
.mypage .result_box .delvy_info p span { color: var(--accent); }
.mypage .result_box .payment_info .payment_cont { display: flex; }
.mypage .result_box .payment_info .payment_cont > div { width: 50%; }
.mypage .result_box .payment_info > h5 { font-size: 14px; line-height: 20px; font-weight: 400; color: var(--dgray); margin: 15px 0 7px 0; }
.mypage .result_box .payment_info .custom_select { width: 440px; padding-bottom: 10px; }
.mypage .result_box .payment_info .custom_select:last-of-type { padding-bottom: 10px; }
.mypage .result_box .payment_info .payment_cont.inactive .custom_select .selectric { background: var(--lgray); pointer-events: none; }
.mypage .result_box .payment_info .payment_cont.inactive .custom_select .selectric-hover .selectric { border-color: #e7e7e7; }
.mypage .result_box .payment_info .payment_cont.inactive .custom_select .selectric span { color: #999; }
.mypage .result_box .payment_info .payment_cont.inactive input[type="checkbox"] ~ label { background: url(/static/fo/u/asset/img/checkbox_disabled_path.png) 0% no-repeat; background-size: 18px; }

.mypage .result_box .payment_info .info_msg { height: 20px; padding-bottom: 10px; color: var(--red); }
.mypage .result_box .payment_info .info_msg:before { background: url(/static/fo/u/asset/img/error_exclamation_icon.png) 50% no-repeat; background-size: contain; }

.mypage .result_box .payment_info .guide_txt { background-color: var(--lgray); border: 1px solid var(--line-gray); border-radius: 2px; padding: 15px;}
.mypage .result_box .payment_info .guide_txt > h5 { font-size: 15px; font-weight: 500; color: var(--black); margin-bottom: 6px;}
.mypage .result_box .payment_info .guide_txt ol li { font-size: 13px; font-weight: 500; }
.mypage .result_box .payment_info .guide_txt p { font-size: 12px; font-weight: 400; color: var(--dgray); padding-left: 20px; }

.mypage .result_box .payment_info .order_agree { padding-left: 20px; }
.mypage .result_box .payment_info .order_agree ul li { font-size: 14px; font-weight: 400; line-height: 1.6; }
.mypage .result_box .payment_info .order_agree ul li:first-child { margin-bottom: 7px; }
.mypage .result_box .payment_info .order_agree ul li label { color: var(--dgray); display: inline; padding-left: 28px; line-height: 23px; }
.mypage .result_box .payment_info .order_agree ul li a { float: right; font-size: 14px; font-weight: 400; text-decoration: underline; }
.mypage .result_box .payment_info .order_agree ul li a::after { content: ''; display: block; clear: both; }

.mypage .error_info { border: 1px solid var(--red); border-radius: 15px; display: flex; align-items: center; margin-bottom: 42px; }
.mypage .error_info .icon_wrap { width: 340px; text-align: center; padding: 32px 0; }
.mypage .error_info .icon_wrap .icon_box { width: 42px; margin: 0 auto; padding-bottom: 8px; }
.mypage .error_info .icon_wrap .icon_box img { width: 100%; object-fit: contain; }
.mypage .error_info .icon_wrap p { font-size: 18px; font-weight: 500; color: var(--red); line-height: 28px; }
.mypage .error_info ol { width: 580px; height: 100px; margin: 20px 0; border-left: 1px solid var(--line-gray); display: flex; flex-direction: column; justify-content: center; }
.mypage .error_info ol li { font-size: 14px; color: var(--black); line-height: 26px; padding-left: 30px; }

/* 입고알림 */
.mypage .restock_tbl { width: 100%; table-layout: fixed; } 
.mypage .restock_tbl th { height: 40px; font-size: 15px; border-right: 1px solid var(--line-gray); } 
.mypage .restock_tbl th:last-child { border-right: none; } 
.mypage .restock_tbl td { font-size: 15px; font-weight: 400; color: var(--black); border-right: 1px solid var(--line-gray); } 
.mypage .restock_tbl td:last-child { border-right: none; } 
.mypage .restock_tbl td button { width: 100px; height: 36px; line-height: 34px; font-size: 15px; font-weight: 400; color: var(--dgray); border-radius: 2px; background-color: var(--lgray); border: 1px solid var(--line-gray); } 


/* 마이페이지 : 나의 활동 */
/* 전체 문의내역 현황 노출 */
.mypage .inquiry .stat_all { width: 100%; height: 86px; border-radius: 15px; border: 1px solid var(--line-gray); margin-top: 15px; display: flex; justify-content: space-between; align-items: center; } 
.mypage .inquiry .stat_all li { width: 33.3%; line-height: 40px; font-size: 18px; text-align: center; } 
.mypage .inquiry .stat_all li:not(:last-child) { border-right: 1px solid var(--line-gray); } 
.mypage .inquiry .stat_all li span { color: var(--accent); } 
.mypage .inquiry .stat_all li strong { font-weight: 700; } 

.mypage .inquiry .mysearch { border-top: none; } 
.mypage .inquiry .result_box .custom_select { width: 160px; height: 36px; margin-bottom: 10px; } 

.mypage .inquiry .list_tbl { overflow-x: unset; } 
.mypage .inquiry .list_tbl table tr { cursor: default; } 
.mypage .inquiry .list_tbl table tr:hover { background-color: transparent; } 
.mypage .inquiry .list_tbl table th { border-right: none; } 
.mypage .inquiry .list_tbl table td { border-right: none; } 
.mypage .inquiry .list_tbl table td a { font-weight: 500; } 

.mypage .inquiry .board_view { width: 920px; margin-top: 30px; } 
.mypage .inquiry .board_view .board_tit { padding: 0; background-color: transparent; } 
.mypage .inquiry .board_view .board_tit ul { width: 100%; } 
.mypage .inquiry .board_view .board_tit ul li { font-size: 15px; font-weight: 400; display: inline-block; vertical-align: middle;} 
.mypage .inquiry .board_view .board_tit ul li:nth-of-type(1) { width: 120px; line-height: 20px; border-right: 1px solid #ccc; text-align: center; padding-right: 10px;} 
.mypage .inquiry .board_view .board_tit ul li:nth-of-type(2) { width: 585px; line-height: 20px; font-size: 17px; font-weight: 500; overflow: hidden; padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mypage .inquiry .board_view .board_tit ul li:nth-of-type(3) { width: 100px; line-height: 20px; text-align: right; } 
.mypage .inquiry .board_view .board_tit ul li:nth-of-type(4) { width: 100px; line-height: 20px; text-align: center; } 

.mypage .inquiry .board_view table { width: 920px; table-layout: fixed; } 
.mypage .inquiry .board_view table .state { color: #999; } 

.mypage .inquiry .board_view .board_detail td { color: var(--dgray); } 
.mypage .inquiry .board_view .board_detail .attached_file {height: auto; overflow: hidden; margin-top: 30px;} 
.mypage .inquiry .board_view .board_detail .attached_file img {max-width: 600px;} 

.mypage .inquiry .board_view .answer td { padding: 30px 20px; line-height: 1.4; background-color: var(--lgray); } 
.mypage .inquiry .board_view .answer .tag { width: 76px; line-height: 26px; border-radius: 100px; border: 1px solid var(--accent); color: var(--accent); background-color: #fff; text-align: center; margin-bottom: 10px; } 

/* 알림내역 */
.mypage .inquiry .noti_wrap { width: 100%; border-top: 1px solid var(--black); margin-top: 30px; padding-top: 20px; position: relative; } 
.mypage .inquiry .noti_wrap button { position: absolute; top: -46px; right: 0; width: 86px; height: 35px; line-height: 34px; color: var(--dgray); background-color: var(--lgray); border-radius: 2px; border: 1px solid var(--line-gray); } 
.mypage .inquiry .noti_wrap button.delete_all { font-size: 15px; font-weight: 400; text-align: center; } 

.mypage .inquiry .noti_wrap .noti_box li { width: 100%; margin-bottom: 20px; } 
.mypage .inquiry .noti_wrap .noti_box li .date { font-size: 17px; font-weight: 500; margin-bottom: 10px; } 
.mypage .inquiry .noti_wrap .noti_box li .date span { display: inline-block; width: 20px; height: 22px; background: url(/static/fo/u/asset/img/mypage/mynotify_icon.png) 50% no-repeat; vertical-align: sub; margin-right: 6px; } 

.mypage .inquiry .noti_wrap .noti_box li .txt { width: 100%; height: auto; padding: 15px 20px; border-radius: 15px; border: 1px solid var(--line-gray); margin-bottom: 15px; } 
.mypage .inquiry .noti_wrap .noti_box li .txt h5 { width: 100%; font-size: 16px; font-weight: 400; color: var(--accent); margin-bottom: 6px; position: relative;} 
.mypage .inquiry .noti_wrap .noti_box li .txt .del {display: block; width: 16px; height: 16px; font-size: 0; background: url(/static/fo/u/asset/img/close_button_xsmall.png) 50% no-repeat; position: absolute; top: 0; right: 0;}

.mypage .inquiry .noti_wrap .noti_box li .txt p { font-size: 14px; font-weight: 400; color: var(--dgray); line-height: 1.4; } 

.mypage .inquiry .noti_wrap .noti_box li .txt dl { margin: 8px 0 20px 0; } 
.mypage .inquiry .noti_wrap .noti_box li .txt dl dd { float: left; font-size: 13px; font-weight: 400; color: #999; margin-right: 8px; } 
.mypage .inquiry .noti_wrap .noti_box li .txt dl dd:after { content: ''; display: block; clear: both; } 


/* 마이페이지 : 나의 정보 */
/* 본인확인(비민번호 확인) */
.mypage .confirm_box { width: 100%; border-top: 1px solid var(--black); margin-top: 30px; padding-top: 30px; }
.mypage .confirm_box table { width: 500px; table-layout: fixed; margin: 0 auto; }
.mypage .confirm_box table th { font-size: 16px; font-weight: 500; text-align: left; padding-top: 10px; }
.mypage .confirm_box table td { height: 60px; }
.mypage .confirm_box table td input { width: 100%; height: 40px; vertical-align: middle; margin-bottom: 4px; }

/* 매니저 서비스 */
.mypage .myconts .rep_info { font-size: 16px; font-weight: 400; color: var(--dgray); line-height: 1.5; }
.mypage .myconts .agree_cont { padding: 30px 0 40px 0; margin-top: 15px; border-top: 1px solid var(--black); }
.mypage .myconts .agree_cont .service_cont { width: 100%; height: 400px; overflow-y: auto; padding: 25px; margin-top: 30px; color: var(--black); border-top: 1px solid var(--black); border-bottom: 1px solid #eee; }
.mypage .myconts .agree_cont .service_cont ol li { font-size: 13px; color: var(--black); }
.mypage .myconts .agree_check { width: 100%; display: flex; justify-content: space-between; }
.mypage .myconts .rep_btn { width: 100%; margin-top: 40px; text-align: center; }
.mypage .myconts .rep_btn button { display: inline-block; width: 160px; height: 42px; line-height: 37px; font-size: 16px; font-weight: 400; text-align: center; border-radius: 100px; background-color: var(--black); color: #fff; }
.mypage .myconts .rep_btn button.rep_cancel { font-weight: 500; background-color: #fff; color: var(--black); border: 1px solid var(--black); margin-right: 10px; }
.mypage .myconts .agree_check { margin-bottom: 15px; }
.mypage .myconts .agree_check input[type=checkbox] ~ label { display: inline-block; height: 23px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_off.png) 0% no-repeat; background-size: auto; padding-left: 35px; padding-top: 2px; }
.mypage .myconts .agree_check input[type=checkbox]:checked ~ label { display: inline-block; height: 23px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_on.png) 0% no-repeat; background-size: auto; padding-left: 35px; padding-top: 2px; }
.mypage .myconts .agree_check label { font-size: 17px; font-weight: 500; line-height: 20px; }
.mypage .myconts .agree_check label span { color: var(--red); }
.mypage .myconts .service_cont .service_tit { font-size: 17px; font-weight: 600; color: var(--black); text-align: left; margin-bottom: 30px; }
.mypage .myconts .verify_info { margin-top: 15px; width: 100%; padding-top: 100px; text-align: center; border-top: 1px solid var(--black); }
.mypage .myconts .verify_info h2 { font-size: 20px; font-weight: 700; margin-top: 20px; color: var(--black); }
.mypage .myconts .verify_info p { font-size: 15px; font-weight: 400; color: var(--dgray); line-height: 1.4; margin-top: 20px; }
.mypage .myconts .verify_info .btn_box button { margin-left: 0; }

/* 탈퇴 및 회원정보 수정 전 안내사항 */
.mypage .myconts .mynotify_box { width: 100%; height: auto; padding: 30px; border-radius: 15px; border: 1px solid var(--red); margin-bottom: 20px; } 
.mypage .myconts .mynotify_box > h5 { font-size: 20px; font-weight: 500; color: var(--red); margin-bottom: 10px; }
.mypage .myconts .mynotify_box > h5:before { content: ''; display: inline-block; width: 24px; height: 24px; background: url(/static/fo/u/asset/img/mypage/circle_exclamation_icon_red.png) 50% no-repeat; vertical-align: sub; margin-right: 6px; }
.mypage .myconts .mynotify_box > p { font-size: 16px; font-weight: 400; color: var(--dgray); }
.mypage .myconts .mynotify_box > ol > li { padding-left: 9px; }
.mypage .myconts .mynotify_box > ol > li > strong {font-weight: 500; color: var(--red);}

/* 회원정보 수정 */
.mypage .myconts .modify_form .tbl_wrap { width: 100%; margin-top: 40px; }
.mypage .myconts .modify_form .tbl_wrap > ul { width: 100%; height: 34px; border-bottom: 1px solid var(--black); display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 14px; }
.mypage .myconts .modify_form .tbl_wrap > ul li { font-size: 13px; font-weight: 400; text-align: right; color: var(--dgray); }
.mypage .myconts .modify_form .tbl_wrap > ul li.tbl_tit { font-size: 22px; font-weight: 500; color: var(--black); }
.mypage .myconts .modify_form .tbl_wrap > ul li span { font-size: 18px; color: var(--accent); }

.mypage .myconts .modify_form table { width: 100%; table-layout: fixed; }
.mypage .myconts .modify_form table tr { border-bottom: 1px solid var(--line-gray); }
.mypage .myconts .modify_form table th { font-size: 15px; font-weight: 400; text-align: left; vertical-align: middle; }
.mypage .myconts .modify_form table th.required:after { display: inline-block; content: '*'; font-size: 18px; font-weight: 500; color: var(--accent); padding-left: 6px; }
.mypage .myconts .modify_form table td { font-size: 15px; color: var(--dgray); padding: 12px 0; }

.mypage .myconts .modify_form table td input { width: 100%; height: 40px; }
.mypage .myconts .modify_form table td input:disabled { color: var(--dgray); }

.mypage .myconts .modify_form table td button { height: 40px; line-height: 40px; font-size: 14px; font-weight: 400; text-align: center; background-color: var(--black); color: #fff; border-radius: 2px; }
.mypage .myconts .modify_form table td .certi_btn { background-color: var(--accent); }

.mypage .myconts .modify_form table .enter_num { position: relative; }
.mypage .myconts .modify_form table .enter_num .time { color: var(--accent); position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }

.mypage .myconts .modify_form table .custom_radio label { font-size: 14px; color: var(--dgray); vertical-align: middle; margin-right: 20px; }
.mypage .myconts .modify_form table .custom_radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.mypage .myconts .modify_form table .custom_radio 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; }
.mypage .myconts .modify_form table .custom_radio input[type="radio"]+label:before { content: ''; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; border: 1px solid var(--line-gray); border-radius: 100%; }
.mypage .myconts .modify_form table .custom_radio input[type="radio"]:checked+label:before { border-color: var(--accent); }
.mypage .myconts .modify_form table .custom_radio input[type="radio"]:checked+label:after { content: ''; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; background: var(--accent); border-radius: 100%; }

/* 회원정보 수정 신청 form 내 input 사이즈 */
.mypage .myconts .modify_form table .inputset {display: flex; justify-content: space-between; align-items: flex-start;}
.mypage .myconts .modify_form table .inputset li {flex: 1 auto; width: 100%;}
.mypage .myconts .modify_form table .inputset li:not(:first-child) {margin-left: 10px;}
.mypage .myconts .modify_form table .info_msg,
.mypage .myconts .modify_form table .info_msg_red { margin-top: 8px; }

.mypage .myconts .modify_form table .upload_file .filebox .file_upload { line-height: 40px; background-color: var(--lgray); color: #999; border: 1px solid #ebebeb; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.mypage .myconts .modify_form table .upload_file .filebox .file_upload.error {border-color: var(--red); color: var(--red);}
.mypage .myconts .modify_form table .upload_file .filebox label { display: inline-block; width: 165px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; text-align: center; background-color: var(--black); color: #fff; border-radius: 2px; cursor: pointer; }

.mypage .myconts .modify_form table .bank_name input { width: 100%; } 
.mypage .myconts .modify_form table .bank_name .custom_select { width: 100%; float: right; } 
.mypage .myconts .modify_form table .bank_name .custom_select:after { content: ''; display: block; clear: both; }

.mypage .myconts .modify_form table .email .w-auto {line-height: 40px; }

.mypage .myconts .modify_form table .location_list > ul { width: 100%; padding: 10px 0; }
.mypage .myconts .modify_form table .location_list > ul > li { float: left; width: calc(100% / 3); margin-bottom: 15px; }
.mypage .myconts .modify_form table .location_list > ul > li:after { content: ''; display: block; clear: both; }
.mypage .myconts .modify_form table .location_list > ul > li > label { font-size: 14px; font-weight: 400; line-height: 16px; color: var(--dgray); line-height: 17px; }

.mypage .myconts .modify_form table .location_list.medical > ul > li:last-child { width: 100%; display: flex; justify-content: space-between; align-items: center; } 
.mypage .myconts .modify_form table .location_list.medical > ul > li:last-child input { width: 90%; }

.mypage .myconts .modify_form table .agree-wrap { height: 50px; vertical-align: middle; }
.mypage .myconts .modify_form table .agree-wrap > ul > li { float: left; margin-right: 8px; }
.mypage .myconts .modify_form table .agree-wrap > ul > li { float: left; margin-right: 8px; }
.mypage .myconts .modify_form table .agree-wrap > ul > li > label { font-size: 14px; font-weight: 400; line-height: 16px; color: var(--dgray); line-height: 17px; }

.mypage .myconts .modify_form .enter-selection {margin: 25px 0;}
.mypage .myconts .modify_form .enter-selection h5 {font-size: 18px; font-weight: 500; color: var(--black); margin-bottom: 15px;}

.mypage .myconts .modify_form .enter-selection > table {border-top: 1px solid var(--line-gray);}
.mypage .myconts .modify_form .enter-selection > table tr {border-bottom: 1px solid var(--line-gray);}
.mypage .myconts .modify_form .enter-selection > table th {font-size: 14px; font-weight: 500; color: var(--black); text-align: center; line-height: 1; padding: 8px 10px; background-color: var(--lgray);}


.mypage .myconts .modify_form .enter-selection > table th:not(:first-child) {border-left: 1px solid var(--line-gray);}
.mypage .myconts .modify_form .enter-selection > table td {font-size: 14px; font-weight: 400; color: var(--dgray); text-align: center; line-height: 1.4; padding: 8px 10px; vertical-align: middle;}
.mypage .myconts .modify_form .enter-selection > table td:not(:first-child) {border-left: 1px solid var(--line-gray);}

.mypage .myconts .modify_form .consent {margin-top: 15px;}
.mypage .myconts .modify_form .consent input[type=checkbox] ~ label { display: inline-block; height: 20px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_off.png) 0% no-repeat; background-size: contain; padding-left: 30px; }
.mypage .myconts .modify_form .consent input[type=checkbox]:checked ~ label { display: inline-block; height: 20px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_on.png) 0% no-repeat; background-size: contain; padding-left: 30px; }
.mypage .myconts .modify_form .consent label { font-size: 17px; font-weight: 500; line-height: 20px; }
.mypage .myconts .modify_form .consent {width: 100%; position: relative;}
.mypage .myconts .modify_form .consent:not(:last-child) {margin-bottom: 8px;}
.mypage .myconts .modify_form .consent label {font-size: 15px; font-weight: 400; color: var(--dgray);}

.mypage .myconts .modify_form .consent .more {font-size: 13px; font-weight: 400; color: var(--dgray); text-decoration: underline;}

.mypage .myconts .modify_form .consent .child { position: absolute; top: 0; right: 0; }
.mypage .myconts .modify_form .consent .child li {display: inline-block;}
.mypage .myconts .modify_form .consent .child li:first-child { margin-right: 15px; }
.mypage .myconts .modify_form .consent .child input[type=checkbox] ~ label { display: inline-block; height: 18px; cursor: pointer; background: url(/static/fo/u/asset/img/checkbox_path.png) 0% no-repeat; background-size: 18px; padding-left: 24px; }
.mypage .myconts .modify_form .consent .child input[type=checkbox]:checked ~ label { display: inline-block; height: 18px; cursor: pointer; background: url(/static/fo/u/asset/img/checkbox_check.png) 0% no-repeat; background-size: 18px; padding-left: 24px; }
.mypage .myconts .modify_form .consent .child label { font-size: 14px; font-weight: 400; color: var(--dgray); line-height: 14px; }

.mypage .myconts .modify_form .guide-txt {font-size: 13px; font-weight: 400; color: var(--dgray); padding-left: 30px; margin-top: 6px; line-height: 1.4;}
.mypage .myconts .modify_form .info_msg {margin: 10px 0 0 0;}

/* 간편결제 관리 */
.mypage .mypay { width: 100%; min-width: 922px; position: relative; border-top: 1px solid var(--black); padding-top: 50px; } 
.mypage .mypay .mypaySwiper { width: 830px; height: 160px; overflow: hidden; margin: 0 auto; } 
.mypage .mypay .mypaySwiper .swiper-slide {width: 267px;height: 160px;border-radius: 10px;cursor: pointer;margin-right: 10px;} 
.mypage .mypay .mypaySwiper .swiper-slide:last-child {margin-right: 0;} 

.mypage .mypay .mypaySwiper .card { padding: 15px; position: relative; background-color: var(--lgray); border: 1px solid var(--line-gray); } 
.mypage .mypay .mypaySwiper .card .card_co { font-size: 17px; font-weight: 500; color: #999; } 
.mypage .mypay .mypaySwiper .card .card_info { width: 100%; padding: 0 15px; position: absolute; left: 0; bottom: 15px; } 
.mypage .mypay .mypaySwiper .card .card_info li { float: left; font-size: 14px; font-weight: 400; color: #999; } 
.mypage .mypay .mypaySwiper .card .card_info li span { font-weight: 500; color: #999; } 
.mypage .mypay .mypaySwiper .card .card_info li:after { display: inline-block; content: '|'; font-size: 12px; vertical-align: top; margin: 0 4px; } 
.mypage .mypay .mypaySwiper .card .card_info li:last-child:after { display: none; } 

.mypage .mypay .mypaySwiper .card.select { background-color: var(--red); } 
.mypage .mypay .mypaySwiper .card.select h3 { color: #fff; } 
.mypage .mypay .mypaySwiper .card.select ul li { color: #fff; } 
.mypage .mypay .mypaySwiper .card.select ul li span { font-weight: 400; color: #fff; } 

.mypage .mypay .mypaySwiper .add { border: 1px dashed #999; text-align: center; } 
.mypage .mypay .mypaySwiper .add h3 { font-size: 15px; font-weight: 500; margin-top: 32px; } 
.mypage .mypay .mypaySwiper .add h3:before { display: block; content: ''; width: 30px; height: 30px; background: url(/static/fo/u/asset/img/paymethod_card_add_icon.png) no-repeat; margin: 0 auto; padding-bottom: 8px; } 
.mypage .mypay .mypaySwiper .add p { font-size: 12px; font-weight: 400; color: var(--dgray); line-height: 1.4; margin-top: 8px } 
.mypage .mypay .mypaySwiper .add p span { color: var(--accent); } 

.mypage .mypay .swiper-button-prev { background-image: url(/static/fo/u/asset/img/paymethod_slide_prev_btn.png); background-size: 18px; left: 0; cursor: pointer; } 
.mypage .mypay .swiper-button-next { background-image: url(/static/fo/u/asset/img/paymethod_slide_next_btn.png); background-size: 18px; right: 0; cursor: pointer; } 

.mypage .mypay .pay_checked { height: 20px; margin-top: 30px; } 
.mypage .mypay .pay_checked li { float: left; margin-right: 15px; } 
.mypage .mypay .pay_checked li:after { content: ''; display: block; clear: both; } 
.mypage .mypay .pay_checked li label { font-size: 15px; font-weight: 400; line-height: 16px; color: var(--dgray); } 

.mypage .mypay .pay_checked .custom_radio label { font-size: 14px; color: var(--dgray); vertical-align: middle; } 
.mypage .mypay .pay_checked .custom_radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.mypage .mypay .pay_checked .custom_radio input[type="radio"]+label { display: inline-block; line-height: 14px; position: relative; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.mypage .mypay .pay_checked .custom_radio input[type="radio"]+label:before { content: ''; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; border: 1px solid var(--line-gray); border-radius: 100%; } 
.mypage .mypay .pay_checked .custom_radio input[type="radio"]:checked+label:before { border-color: var(--accent); } 
.mypage .mypay .pay_checked .custom_radio input[type="radio"]:checked+label:after { content: ''; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; background: var(--accent); border-radius: 100%; }

.mypage .pay_notice {margin-top: 40px;}
.mypage .pay_notice h3 {font-size: 17px; font-weight: 500; margin-bottom: 10px;}
.mypage .pay_notice p {font-size: 14px; font-weight: 400; line-height: 1.5; }

/* 회원탈퇴 */
.mypage .myconts .userinfo_stat { width: 100%; margin-bottom: 40px; } 
.mypage .myconts .userinfo_stat ul { width: 100%; height: 110px; padding: 0 30px; border-radius: 15px; border: 1px solid var(--accent); display: flex; justify-content: space-around; align-items: center; } 
.mypage .myconts .userinfo_stat ul li { font-size: 15px; font-weight: 400; color: var(--dgray); padding-right: 20px; border-right: 1px solid var(--line-gray); line-height: 1.5; } 
.mypage .myconts .userinfo_stat ul li:last-child { border-right: none; padding-right: 0; } 
.mypage .myconts .userinfo_stat ul li span { font-size: 20px; color: var(--accent); } 
.mypage .myconts .userinfo_stat ul li span strong { font-weight: 900; color: var(--accent); } 
.mypage .myconts .userinfo_stat ul li span.basic_color { color: var(--black); } 
.mypage .myconts .userinfo_stat ul li span.basic_color strong { color: var(--black); } 

.mypage .myconts .userinfo_stat ol { width: 100%; height: auto; margin-top: 10px; } 
.mypage .myconts .userinfo_stat ol li { font-size: 14px; } 
.mypage .myconts .userinfo_stat ol li:before { content: ''; } 

.mypage .myconts .notice { width: 100%; border-top: 1px solid var(--black); padding-top: 20px; } 
.mypage .myconts .notice h3 { font-size: 22px; font-weight: 500; margin-bottom: 14px; } 

.mypage .myconts .notice ol li { font-size: 15px; font-weight: 400; margin-bottom: 4px; padding-left: 5px; } 

.mypage .myconts .notice .agree { margin-top: 20px; } 
.mypage .myconts .notice .agree input[type=checkbox] ~ label { display: inline-block; height: 22px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_off.png) 0% no-repeat; background-size: auto; padding-left: 30px; } 
.mypage .myconts .notice .agree input[type=checkbox]:checked ~ label { display: inline-block; height: 22px; cursor: pointer; background: url(/static/fo/u/pc/img/contents/checkbox_cicle_on.png) 0% no-repeat; background-size: auto; padding-left: 30px; } 
.mypage .myconts .notice .agree label { font-size: 16px; font-weight: 500; line-height: 20px; } 
.mypage .myconts .notice .agree label span { color: var(--red); } 

/* 회원탈퇴 완료, 회원정보 수정 신청 완료 */
.mypage .myconts .done_info { width: 100%; padding-top: 100px; text-align: center; border-top: 1px solid var(--black); } 
.mypage .myconts .done_info h3 { font-size: 28px; font-weight: 500; margin-bottom: 30px; } 
.mypage .myconts .done_info p { font-size: 15px; font-weight: 400; color: var(--dgray); line-height: 1.4; margin-top: 20px; } 

.mypage .myconts .done_info .icon_box { width: 130px; height: 130px; overflow: hidden; margin: 0 auto; } 
.mypage .myconts .done_info .icon_box img { width: 100%x; height: 100%; object-fit: scale-down; } 

.mypage .myconts .done_info .cs_call { width: 100%; text-align: center; margin-top: 20px; font-size: 18px; font-weight: 400; color: var(--accent); line-height: 1.4; } 
.mypage .myconts .done_info .cs_call strong { font-size: 22px; font-weight: 700; } 


/* 약국매니저 추천 */
/* 주문대기, 반품요청 선택 tab menu */
.pharm_manager .tab-wrap { width: 100%; height: 46px; border: 1px solid var(--line-gray); border-bottom: none; } 
.pharm_manager .tab-wrap .tab-btns li { float: left; width: 50%; height: 46px; } 
.pharm_manager .tab-wrap .tab-btns li a { display: block; width: 100%; line-height: 46px; font-size: 16px; font-weight: 400; text-align: center; color: var(--dgray); border-right: 1px solid var(--line-gray); border-bottom: 1px solid var(--accent); }
.pharm_manager .tab-wrap .tab-btns li a span {background-color: var(--dgray); color: #fff; display: inline-block; width: 23px; height: 23px; line-height: 23px; font-size: 11px; text-align: center; border-radius: 100px; vertical-align: text-bottom;}
.pharm_manager .tab-wrap .tab-btns li:last-child a { border-right: none; }

.pharm_manager .tab-wrap .tab-btns li.current_page a { color: var(--accent); border: 1px solid currentColor; border-bottom: #fff; }
.pharm_manager .tab-wrap .tab-btns li.current_page a span { background-color: var(--accent); color: #fff; display: inline-block; width: 23px; height: 23px; line-height: 23px; font-size: 11px; text-align: center; border-radius: 100px; vertical-align: text-bottom;}

.pharm_manager form { width: 100%; margin-top: 30px; } 
.pharm_manager form .date_check .date_check_list { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; } 
.pharm_manager form .date_check .date_check_list > ul > li { width: 70px; height: 36px; margin-right: 8px; } 
.pharm_manager form .date_check .date_check_list > ul > li:last-child { margin-right: 0; } 

.pharm_manager form .date_check .date_picker input { width: 140px; min-width: 140px; } 

.pharm_manager form .inquiry_btn { width: 180px; height: 46px; border-radius: 100px; overflow: hidden; margin: 0 auto; } 
.pharm_manager form .inquiry_btn button { width: 100%; height: 100%; font-size: 17px; font-weight: 400; background-color: var(--black); color: #fff; } 

.pharm_manager .buy_items { width: 100%; /*margin-top: 40px;*/ }
.pharm_manager .buy_items .group { margin-bottom: 60px; } 
.pharm_manager .buy_items .group:last-of-type { margin-bottom: 0; }

.pharm_manager .buy_items .group .list_tit .tit_cont { display: flex; }
.pharm_manager .buy_items .group .list_tit .tit_cont .site_neme { padding-right: 15px; position: relative; }
.pharm_manager .buy_items .group .list_tit .tit_cont .site_neme::after { content: '|'; position: absolute; right: -3px; top: -2px; color: #ccc;}
.pharm_manager .buy_items .group .list_tit .tit_cont .minimum_order { font-size: 13px; font-weight: 400; color: var(--dgray); line-height: 60px; padding-left: 15px; }
.pharm_manager .buy_items .group .list_tit .tit_cont .minimum_order span { font-size: 13px; font-weight: 500; color: var(--accent); line-height: 38px; margin-left: 6px; }

.pharm_manager .buy_items table { width: 100%; table-layout: fixed; } 
.pharm_manager .buy_items table tr { border-bottom: 1px solid var(--line-gray); } 
.pharm_manager .buy_items table th { height: 46px; background-color: var(--lgray); border-bottom: 1px solid var(--line-gray); border-right: 1px solid var(--line-gray); vertical-align: middle; font-size: 16px; font-weight: 400; } 
.pharm_manager .buy_items table th:first-child { text-align: left; padding-left: 15px; } 
.pharm_manager .buy_items table th:last-child { border-right: none; } 
.pharm_manager .buy_items table td { padding: 15px; border-right: 1px solid var(--line-gray); vertical-align: middle;} 
.pharm_manager .buy_items table td:first-child { border-right: none; } 
.pharm_manager .buy_items table td:last-child { border-right: none; text-align: center; } 

.pharm_manager .buy_items .item .thum_box { vertical-align: top; } 
.pharm_manager .buy_items .item .thum_box .thumbnail { float: right; width: 80px; height: 80px; overflow: hidden; position: relative; } 
.pharm_manager .buy_items .item .thum_box .thumbnail img { width: 100%; height: 100%; object-fit: contain; } 

.pharm_manager .buy_items .item .thum_box .thumbnail .soldout { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.6); } 
.pharm_manager .buy_items .item .thum_box .thumbnail .soldout p { line-height: 80px; font-size: 15px; font-weight: 400; color: #fff; text-align: center; } 

.pharm_manager .buy_items .item .info_box { width: 236px; padding: 13px 15px 0 0; vertical-align: top; position: relative;} 
.pharm_manager .buy_items .item .info_box .prod_name { font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.pharm_manager .buy_items .item .info_box .summary li { display: inline; font-size: 12px; font-weight: 400; color: var(--dgray); } 
.pharm_manager .buy_items .item .info_box .summary li:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #ccc; margin: 0px 4px 3px 4px; } 
.pharm_manager .buy_items .item .info_box .summary li:last-child:after { display: none; } 

.pharm_manager .buy_items .item .info_box .tag_box { margin-top: 6px; }
.pharm_manager .buy_items .item .info_box .tag_box .tag { width: 56px; line-height: 24px; font-size: 12px; font-weight: 400; text-align: center; background-color: #fff; display: inline-block; }
.pharm_manager .buy_items .item .info_box .tag_box .tag.disc { border: 1px solid currentColor; color: #364FC7; }
.pharm_manager .buy_items .item .info_box .tag_box .tag.finished { border: 1px solid currentColor; color: var(--red); }
.pharm_manager .buy_items .item .info_box .tag_box .tag.time_disc { border: 1px solid var(--red); background-color: var(--red); color: #fff; }
.pharm_manager .buy_items .item .info_box .tag_box .tag.qty-disc { border: 1px solid currentColor; color: var(--accent);}

.pharm_manager .buy_items .item .price { text-align: right;}
.pharm_manager .buy_items .item .price .selling { width: 100%; font-size: 16px; font-weight: 400; margin-bottom: 6px; text-align: right; } 
.pharm_manager .buy_items .item .price .selling strong { font-weight: 700; } 

.pharm_manager .buy_items .item .price .qty_option { width: 100%; height: 26px; margin: 0 auto; } 
.pharm_manager .buy_items .item .price .qty_option a { width: 26px; height: 26px; background-color: #ccc; border: none; border-radius: 100px; display: table-cell; vertical-align: middle; } 
.pharm_manager .buy_items .item .price .qty_option input[type=number] { width: 64px; height: 26px; font-size: 13px; font-weight: 400; text-align: center; border: 1px solid #ccc; border-radius: 100px; vertical-align: middle; } 

.pharm_manager .buy_items .item .price .qty_number span {font-size: 13px; font-weight: 400; color: var(--dgray);} 
.pharm_manager .buy_items .item .price .qty_number span::after {content: ':'; margin: 0 4px;} 
.pharm_manager .buy_items .item .price .qty_number input{display: inline-block; font-size: 13px; font-weight: 400; color: var(--dgray); padding: 0; border: none; width: 38px; text-align: right;}

.pharm_manager .buy_items .item .price .total_qty { line-height: 28px; font-size: 11px; font-weight: 400; color: var(--dgray); letter-spacing: -0.5px; margin-top: 4px; } 
.pharm_manager .buy_items .item .price .total_qty span {color: var(--accent);}

.pharm_manager .buy_items .item .price .btns { margin-top: 10px; } 
.pharm_manager .buy_items .item .price .btns a { display: block; width: 100%; line-height: 28px; border: 1px solid var(--black); border-radius: 100px; font-size: 14px; text-align: center; } 
.pharm_manager .buy_items .item .price .btns a.notify span { font-weight: 400; background-color: #fff; color: var(--black); } 
.pharm_manager .buy_items .item .price .btns a.notify span:before { display: inline-block; content: ''; background: url(/static/fo/u/asset/img/restocked_notify_icon.png) 50% no-repeat; width: 16px; height: 16px; vertical-align: middle; margin: 0px 4px 4px 0; } 

.pharm_manager .buy_items .item .info_box .info_msg {margin-top: 6px; font-size: 11px; font-weight: 400; color: var(--red);}
.pharm_manager .buy_items .item .info_box .info_msg:before {display: none;}

.pharm_manager .buy_items .item .order_price { font-size: 18px; font-weight: 400; text-align: right;} 
.pharm_manager .buy_items .item .order_price strong { font-weight: 900; } 


/* 동아plus */
.plus_cont { padding-bottom: 60px; } 
.plus_cont .tit { width: 100%; height: 120px; line-height: 120px; } 
.plus_cont .tit h2 { font-size: 32px; font-weight: 700; text-align: center; } 

.plus_cont .board_wrap { width: 100%; } 
.plus_cont .board_wrap .board_top { width: 100%; height: 40px; display: flex; justify-content: flex-end; align-items: flex-end; } 
.plus_cont .board_wrap .board_top .custom_select { width: 120px; margin-right: 8px; } 

.plus_cont .board_wrap .video_list { border-top: 1px solid var(--black); padding-top: 30px; margin-top: 15px; } 
.plus_cont .board_wrap .video_list ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; } 
.plus_cont .board_wrap .video_list ul li { width: 580px; height: 420px; margin-right: 37px; margin-bottom: 40px; } 
.plus_cont .board_wrap .video_list ul li:nth-of-type(2n) { margin-right: 0; } 
.plus_cont .board_wrap .video_list ul li a { display: block; width: 100%; height: 100%; } 

.plus_cont .board_wrap .video_list ul li .thumbnail { width: 580px; height: 328px; border-radius: 18px; overflow: hidden; position: relative; margin-bottom: 14px; } 
.plus_cont .board_wrap .video_list ul li .thumbnail img { width: 100%; height: 100%; object-fit: contain; } 

.plus_cont .board_wrap .video_list ul li h3 { width: 100%; font-size: 18px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.plus_cont .board_wrap .video_list ul li p { width: 100%; font-size: 15px; font-weight: 400; color: var(--accent); line-height: 28px; } 
.plus_cont .board_wrap .video_list ul li dl { margin-top: 10px; float: right; } 
.plus_cont .board_wrap .video_list ul li dl:after { content: ''; display: block; clear: both; } 
.plus_cont .board_wrap .video_list ul li dl dd { display: inline; font-size: 13px; font-weight: 400; color: var(--dgray); } 
.plus_cont .board_wrap .video_list ul li dl dd:after { display: inline-block; content: '|'; font-size: 11px; font-weight: 500; color: #ccc; vertical-align: middle; margin: 0px 4px 5px 8px; } 
.plus_cont .board_wrap .video_list ul li dl dd:last-child:after { display: none; } 

.plus_cont .video_view { width: 100%; margin-bottom: 20px; border-bottom: 1px solid var(--line-gray); } 
.plus_cont .video_view video { width: 920px; height: 520px; } 

.plus_cont .move_btn { margin-top: 40px; } 

.plus_cont .nodata { width: 100%; height: 200px; text-align: center; padding-top: 30px; } 
.plus_cont .nodata .icon_box { width: 60px; height: 60px; overflow: hidden; margin: 0 auto; margin-bottom: 15px; } 
.plus_cont .nodata .icon_box img { width: 100%; height: 100%; object-fit: scale-down; } 
.plus_cont .nodata p { font-size: 18px; font-weight: 500; margin-bottom: 6px; } 

.plus_cont .board_wrap .display_list { border-top: 1px solid var(--black); padding-top: 30px; margin-top: 15px; } 
.plus_cont .board_wrap .display_list ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; } 
.plus_cont .board_wrap .display_list ul li { width: 280px; height: 480px; padding: 20px; margin: 0 26px 40px 0; border-radius: 18px; background-color: #fafafa; overflow: hidden; } 
.plus_cont .board_wrap .display_list ul li:nth-of-type(4n) { margin-right: 0; } 

.plus_cont .board_wrap .display_list .thumbnail { width: 240px; height: 240px; overflow: hidden; margin: 0 auto; } 
.plus_cont .board_wrap .display_list .thumbnail img { width: 100%; height: 100%;} 

.plus_cont .board_wrap .display_list .info_box { width: 100%; margin-top: 20px; } 
.plus_cont .board_wrap .display_list .info_box h3 { width: 100%; height: 50px; line-height: 1.4; font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.plus_cont .board_wrap .display_list .info_box p { width: 100%; line-height: 1.4; font-size: 15px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.plus_cont .board_wrap .display_list .info_box table { width: 100%; height: 60px; table-layout: fixed; margin-top: 10px; } 
.plus_cont .board_wrap .display_list .info_box table th { width:46px; height: 28px; vertical-align: top; font-size: 13px; font-weight: 400; color: var(--dgray); } 
.plus_cont .board_wrap .display_list .info_box table td { height: 28px; vertical-align: top; font-size: 13px; font-weight: 400; color: var(--dgray); letter-spacing: -0.5px; } 

.plus_cont .board_wrap .display_list .info_box .btns { width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; } 
.plus_cont .board_wrap .display_list .info_box .btns a { display: block; width: 115px; line-height: 40px; font-size: 17px; text-align: center; border-radius: 2px; border: 1px solid var(--black); } 
.plus_cont .board_wrap .display_list .info_box .btns a.preview { font-weight: 500; color: var(--black); background-color: #fff; } 
.plus_cont .board_wrap .display_list .info_box .btns a.apply { font-weight: 400; color: #fff; background-color: var(--black); } 


/* 위드동아 */
.donga_cont { padding-bottom: 60px; } 
.donga_cont .tit { width: 100%; height: 120px; line-height: 120px; } 
.donga_cont .tit h2 { font-size: 32px; font-weight: 700; text-align: center; } 

.donga_cont .with_tab { width: 100%; } 
.donga_cont .with_tab li { float: left; } 
.donga_cont .with_tab li:after { content: '|'; font-size: 17px; font-weight: 400; color: #ccc; margin: 0 8px; vertical-align: text-top; } 
.donga_cont .with_tab li:last-child:after { content: ''; clear: both; } 
.donga_cont .with_tab li a { font-size: 20px; font-weight: 400; line-height: 30px; color: var(--dgray); } 

.donga_cont .board_top .with_tab li.active a { color: var(--accent); } 
.donga_cont .board_top .with_tab li.active:before { display: inline-block; content: ''; width: 22px; height: 21px; background: url(/static/fo/u/asset/img/withdonga_checked_icon.png) 50% no-repeat; vertical-align: text-top; margin-right: 4px; } 

.donga_cont .board_wrap { width: 100%; } 
.donga_cont .board_wrap .board_top { width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: flex-end; } 

.donga_cont .board_wrap .board_top .filter { width: 290px; display: flex; justify-content: space-between; align-items: center; } 
.donga_cont .board_wrap .board_top .filter .custom_select { width: 160px; } 

.donga_cont .board_wrap .board_top .filter .subscribe { position: relative; } 
.donga_cont .board_wrap .board_top .filter .subscribe .app_btn { display: block; width: 126px; line-height: 40px; font-size: 16px; text-align: center; background-color: var(--accent); color: #fff; border-radius: 2px; } 
.donga_cont .board_wrap .board_top .filter .subscribe .arrow_box { position: absolute; top: -76px; left: -64px; width: 260px; height: 57px; font-size: 13px; text-align: center; color: var(--dgray); background: #fff; box-shadow: 0px 3px 14px rgba(0,0,0,0.2); border-radius: 8px; padding-top: 12px; line-height: 1.3; } 
.donga_cont .board_wrap .board_top .filter .subscribe .arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } 
.donga_cont .board_wrap .board_top .filter .subscribe .arrow_box:after { border-top-color: #fff; border-width: 10px; margin-left: -10px; } 
.donga_cont .board_wrap .board_top .filter .subscribe .arrow_box:before { border-color: rgba(0, 0, 0, 0); border-width: 18px; margin-left: -18px; } 

.donga_cont .board_wrap .board_box { border-top: 1px solid var(--black); padding-top: 30px; margin-top: 15px; } 
.donga_cont .board_wrap .board_box ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; } 
.donga_cont .board_wrap .board_box ul li { width: 250px; height: 426px; margin-right: 66px; margin-bottom: 30px; } 
.donga_cont .board_wrap .board_box ul li:nth-of-type(4n) { margin-right: 0; } 

.donga_cont .board_wrap .board_box ul li .book_cover { width: 250px; height: 350px; overflow: hidden; border: 1px solid var(--line-gray); } 
.donga_cont .board_wrap .board_box ul li .book_cover img { width: 100%; height: 100%; } 
.donga_cont .board_wrap .board_box ul li p { width: 100%; font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 12px 0; } 

.donga_cont .board_wrap .board_box ul li .btn_box { width: 100%; height: 36px; display: table; } 
.donga_cont .board_wrap .board_box ul li .btn_box a { display: block; width: 120px; height: 36px; line-height: 33px; font-size: 15px; font-weight: 500; text-align: center; border-radius: 2px; border: 1px solid var(--black); } 
.donga_cont .board_wrap .board_box ul li .btn_box .btn_download { float: left; background-color: #fff; color: var(--black); } 
.donga_cont .board_wrap .board_box ul li .btn_box .btn_download:after { display: inline-block; content: ''; clear: both; width: 20px; height: 22px; background: url(/static/fo/u/asset/img/pdf_down_icon.png) 50% no-repeat; background-size: contain; margin-left: 6px; vertical-align: text-top; } 
.donga_cont .board_wrap .board_box ul li .btn_box .btn_preview { float: right; background-color: var(--black); color: #fff; font-weight: 400; margin-left: 10px; } 
.donga_cont .board_wrap .board_box ul li .btn_box .btn_preview:after { display: inline-block; content: ''; clear: both; width: 18px; height: 16px; background: url(/static/fo/u/asset/img/pdf_preview_icon.png) 50% no-repeat; background-size: contain; margin-left: 6px; vertical-align: middle; } 

.donga_cont .board_wrap .story_list { border-top: 1px solid var(--black); padding-top: 30px; margin-top: 15px; } 
.donga_cont .board_wrap .story_list ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; } 
.donga_cont .board_wrap .story_list ul li { width: 365px; height: 340px; margin-right: 52px; margin-bottom: 30px; } 
.donga_cont .board_wrap .story_list ul li:nth-of-type(3n) { margin-right: 0; } 
.donga_cont .board_wrap .story_list ul li a { display: block; width: 100%; height: 100%; } 

.donga_cont .board_wrap .story_list ul li .thumbnail { width: 365px; height: 246px; border-radius: 18px; overflow: hidden; } 
.donga_cont .board_wrap .story_list ul li .thumbnail img { width: 100%; height: 100%; } 
.donga_cont .board_wrap .story_list ul li h3 { width: 100%; height: 46px; line-height: 1.4; font-size: 16px; font-weight: 500; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.donga_cont .board_wrap .story_list ul li p { width: 100%; padding-top: 10px; font-size: 14px; font-weight: 400; color: var(--dgray); border-top: 1px solid var(--line-gray); } 

.donga_cont .board_wrap .board_view { margin-top: 15px; }


/* DAP Form (답폼) */
.dap_form {padding-bottom: 60px;}

.dap_form .tit_area {margin-top: 60px;}
.dap_form .tit_area .form_bnr {width: 1200px; overflow: hidden;}
.dap_form .tit_area .form_bnr img {width: 100%; height: auto; object-fit: contain;}

.dap_form .tit_area .tit {margin-top: 20px; font-size: 22px; font-weight: 500;}
.dap_form .tit_area .days {margin-top: 10px; font-size: 15px; font-weight: 400; color: var(--accent);}
.dap_form .tit_area .days > span {color: var(--dgray);}
.dap_form .tit_area .days > em {color: var(--dgray); font-style: normal; margin: 0 4px;}

.dap_form .tit_area .form_paging {display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.dap_form .tit_area .form_paging .circle { width: 50px; height: 50px; line-height: 44px; text-align: center; color: #999; font-size: 20px; font-weight: 500; border-radius: 100px; background: #fff; border: 4px solid #ddd; position: relative;}
.dap_form .tit_area .form_paging .circle:not(:first-child) {margin-left: 120px;}
.dap_form .tit_area .form_paging .circle:not(:first-child)::before {content: url(/static/fo/u/asset/img/line_lightgray.png); display: block; width: 120px; height: 2px; overflow: hidden; background-color: #ddd; position: absolute; top: 50%; left: -124px;}
.dap_form .tit_area .form_paging .circle.active { border-color: var(--accent); color: var(--accent); } 
.dap_form .tit_area .form_paging .circle.active:not(:first-child)::before {content: url(/static/fo/u/asset/img/line_accent.png);} 

.dap_form .tit_area .tit_desc {margin-top: 40px; width: 100%; line-height: 1.6}

.dap_form .form_area {margin-top: 60px;}
.dap_form .form_area .cont {width: 100%; padding: 30px 30px 15px 30px; border-radius: 10px; border: 1px solid #ddd;}
.dap_form .form_area .cont:not(:last-child) {margin-bottom: 30px;}
.dap_form .form_area .cont.not_entered {border-color: var(--red);}

/* checkbox style */
.dap_form .form_area input {width: 16px; height: 16px; accent-color: var(--accent);}
.dap_form .form_area input {display: unset;}
.dap_form .form_area input ~ label {line-height: 1.3; background: unset; background-size: unset; padding: 1px 0 0 0; vertical-align: top; font-size: 15px; color: var(--black); cursor: pointer;}
.dap_form .form_area input:checked ~ label {line-height: 1.3; background: unset; padding: 1px 0 0 0;}
.dap_form .form_area input:disabled ~ label {line-height: 1.3; background: unset; padding: 1px 0 0 0; vertical-align: top; color: #999; cursor: not-allowed;}
.dap_form .form_area input:disabled {background-color: var(--lgray);}
.dap_form .form_area input::placeholder {font-size: 14px; font-weight: 400; color: #999;}

.dap_form .form_area textarea {width: 100%; height: 125px; padding: 15px; background-color: var(--lgray); border-radius: 4px; border: none; color: var(--black);}
.dap_form .form_area textarea:disabled {cursor: not-allowed;}

.dap_form .form_area .cont .txt_box .ask_tit {font-size: 19px; font-weight: 500; color: var(--black); line-height: 1.6}
.dap_form .form_area .cont .txt_box .multi_ch {color: var(--accent); margin-left: 6px;}
.dap_form .form_area .cont .txt_box .multi_ch::before {content: '(';}
.dap_form .form_area .cont .txt_box .multi_ch::after {content: ')';}
.dap_form .form_area .cont .txt_box .desc {font-size: 15px; font-weight: 400; color: var(--dgray); margin-top: 20px;}
.dap_form .form_area .cont .txt_box .msg {font-size: 13px; font-weight: 400; color: var(--accent); margin-top: 8px;}

.dap_form .form_area .cont .answer {margin-top: 20px;}
.dap_form .form_area .cont .answer li {border-radius: 4px; border: 1px solid #ddd; padding: 20px; margin-bottom: 15px;}
.dap_form .form_area .cont .answer li.item {border-color: var(--accent);}
.dap_form .form_area .cont .answer .etc {flex-flow: column;}
.dap_form .form_area .cont .answer .etc .chk {width: 100%;}
.dap_form .form_area .cont .answer .img_box {border-radius: 4px; overflow: hidden;}
.dap_form .form_area .cont .answer .img_box img {width: 100%; object-fit: contain;}
.dap_form .form_area .cont .answer .video_box video {max-width: 800px;}

.dap_form .form_area .cont .basic_layout > li {padding: 15px 20px;}
.dap_form .form_area .cont .basic_layout textarea {margin-top: 10px;}

.dap_form .form_area .cont .layout1 > li {width: 100%;}
.dap_form .form_area .cont .layout1 > li .img_box {margin: 10px 0 0 26px;}

.dap_form .form_area .cont .layout2 {display: flex; justify-content: space-between; flex-flow: row wrap;}
.dap_form .form_area .cont .layout2 > li {width: 49%; height: 200px; display: flex; justify-content: space-between; align-items: flex-start;}
.dap_form .form_area .cont .layout2 > li label {width: calc(100% - 200px); font-size: 15px; line-height: 1.3; color: var(--black); text-align: justify; cursor: pointer;}

.dap_form .form_area .cont .layout5 {display: flex; justify-content: space-between; flex-flow: row wrap;}
.dap_form .form_area .cont .layout5 > li {width: 19%;}

.dap_form .btn_area {margin-top: 40px; text-align: center;}
.dap_form .btn_area button {width: 210px; height: 56px; font-size: 18px; border-radius: 100px; margin: 0 2px;}

.quick_btn {width: 80px; height: 80px; position: absolute; top: 0; right: 11%; transition: all 0.3s ease;}
.quick_btn button {width: 100%; height: 100%; line-height: normal; border: 1px solid #ddd; border-radius: 0; text-align: center; background-color: #fff; font-size: 13px; color: var(--black);}
.quick_btn .icon_box {display: block; width: 40px; height: 40px; overflow: hidden; margin: 0 0 4px 15px;}
.quick_btn .icon_box > img {width: 100%; height: 100%; object-fit: contain;}
.quick_btn.fixed {position: fixed; top: 0; right: 11%;}


/* ECT : error / 점검중 / 로딩 */
.etc_wrap { width: 100%; text-align: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 15px;} 
.etc_wrap > h1 { font-size: 1.4rem; font-weight: 700; line-height: 1.3; letter-spacing: -1px; margin: 20px 0 10px 0; } 
.etc_wrap > h1 > span { color: var(--red); } 
.etc_wrap > p { font-size: 0.9rem; font-weight: 400; line-height: 1.4; margin-bottom: 20px; } 

.etc_wrap .cs_info { font-size: 0.8rem; font-weight: 400; color: var(--dgray); margin-top: 20px; margin-bottom: 0px; } 
.etc_wrap .cs_info > span { font-weight: 500; color: var(--black); } 

.etc_wrap .pictogram { width: 12rem; height: 125px; overflow: hidden; margin: 0 auto; } 
.etc_wrap .pictogram.loading { width: 5rem; height: 5rem; overflow: hidden; margin: 0 auto; } 
.etc_wrap .pictogram img { width: 100%; height: 100%; object-fit: contain; } 

.etc_wrap .time_info { width: 36rem; height: 110px; text-align: center; background-color: var(--lgray); border: 1px solid var(--line-gray); border-radius: 10px; margin: 0 auto; } 
.etc_wrap .time_info h3 { font-size: 1.2rem; font-weight: 500; margin-top: 20px; line-height: 1.8; color: var(--accent); } 
.etc_wrap .time_info h3 > strong { font-weight: 700; color: var(--black); } 
.etc_wrap .time_info p { font-size: 1rem; font-weight: 400; } 

.etc_wrap .migrate_btn { display: none; width: 12rem; line-height: 2.8rem; background-color: var(--black); color: #fff; font-size: 0.9rem; font-weight: 400; text-align: center; border-radius: 100px; margin-top: 20px; } 

.etc_wrap .loading-cicle { display: inline-block; width: 80px; height: 80px; border: 4px solid rgba(0,157,197,.2); border-radius: 50%; border-top-color: var(--accent); margin: 20px 0; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 2s ease-in-out infinite; } 
@keyframes spin { to { -webkit-transform: rotate(360deg); } 
 }
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } 
 }

.loading_wrap h1 span { color: var(--accent); } 
.loading_wrap p span { color: var(--accent); } 
.loading_wrap p strong { display: inline-block; font-size: 13px; font-weight: 400; color: var(--accent); margin-top: 10px; }

.loading_wrap h1 span { color: var(--accent); } 
.loading_wrap p span { color: var(--accent); } 
.loading_wrap p strong { display: inline-block; font-size: 13px; font-weight: 400; color: var(--accent); margin-top: 10px; }
