/* CSS Document */      
/* 배송안내 popup style CSS 1908 :: bom */
body {padding:0; margin:0; width:940px; overflow:hidden;}
.delv_header {width:900px; padding:0 20px; height:80px; display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #d8d8d8; position:fixed; background-color:#fff; z-index:9999; top:0; left:0;}
.delv_header > h2 {font-size:22px; font-family:'noto-B'; color:#1a1a1a; margin:0; text-align:left;}
.delv_header > ul {display:flex; gap:12px; height:100%;}
.delv_header > ul.tab_menu li {display:flex; align-items: center;}
.delv_header > ul.tab_menu li > a {display: flex; align-items: center; width:100%; height:100%; padding:0 8px; font-size:16px; font-family:'noto-R';}
.delv_header > ul.tab_menu li > a:hover {color:#135dba;  font-weight:bold;}
.delv_header > ul.tab_menu li > a.on {color:#135dba; border-bottom:3px solid #135dba; font-weight:bold;}

/* 강조부분 표현 CSS */
b {font-weight:normal; color:#1a1a1a; background-color:#d3f7ff; padding:0 1px; display:inline-block; font-family:'noto-R';}
b.b_pink {background-color:#ffdcf5;}
strong {font-weight:normal; color:#1a1a1a; }
.point_box {display:inline-block; padding:10px 15px; background-color:#f3f6f8; margin:5px 0;}
.point_box.w100 {display:block; text-align:center; padding:30px 20px; }
.box_tit { font-size:16px; font-family:'noto-R'; color:#1a1a1a; text-decoration:underline; margin-bottom:15px;}
em.red_txt { color: #da0d31; font-family: 'noto-R';}
em.red_txt a{ color: #da0d31; font-family: 'noto-R'; text-decoration: underline;} 

/* detail 공통 */
#section {width:940px; height:calc(100vh - 86px); margin-top:80px; padding:0 20px 50px; overflow-x:hidden; box-sizing: border-box; }
#section::-webkit-scrollbar{width: 4px;}
#section::-webkit-scrollbar-thumb{ background:#d8d8d8; border-radius: 10px;}
#section::-webkit-scrollbar-track{background:#f9f9f9;}

.title_area {width:100%; display:flex;  align-items: center; height:90px; gap:16px;}
.title_area h2 {font-size:20px; font-family:'noto-M'; color:#353535; display:inline-block; margin:0;}
.title_area .sub {display:inline-block; color:#6c6c6c; font-family:'noto-R'; font-size:15px;}
.title_area .sub strong {color:#da0d31; font-family:'noto-R';}

/* 섹션 타이틀 */
h3 {display: flex; align-items: center; gap:4px; font-size:20px; color:#135dba; font-family:'noto-B'; margin:40px 0 10px 0; width:100%; }
h3 > i {font-size:16px;}
/* 서브타이틀 */ 
.sec_box .tit {font-family:'noto-M'; color:#1a1a1a; font-size:16px; margin:20px 0 12px;}
/* 텍스트박스 */ 
.sec_box .textbox {font-size:14px; color:#777; font-family:'noto-R'; line-height:18px; padding-left:15px; display:block; margin-bottom:5px;}
.sec_box .textbox .sub_tit {color:#000; font-size:16px; margin-bottom:5px; display:inline-block; width:100%; letter-spacing:-.5px;}
/* 텍스트-list */
.sec_box .list > ul {padding-left:0; margin:0 0 20px 0;}
.sec_box td.list > ul {margin:0}
.sec_box .list > ul > li {list-style:none; padding-left:12px; display:block; text-align:left; background:url('//image5.compuzone.co.kr/img/images/indepage/popup_tax_listIco.png') no-repeat 0 -5px; margin:5px 0}
.sec_box .list.liNone > ul > li {background:none; padding:0; margin:5px 0 10px 0;}
/* 안내 텍스트박스 */
.info_box {border:1px solid #f0f0f0; padding:15px 20px; display:block; font-size:13px; margin-top:10px;}
.info_box.list > ul {margin-bottom:0;}
/* 주의사항 텍스트 */
.sec_box .list > dl {padding:0; left:0; position:relative; border:3px double #f0f0f0; padding:10px 20px}
.sec_box .list > dl > dt {position:absolute; color:#da0d31; font-family:'noto-R'; font-size:15px; line-height:18px; top:50%; margin-top:-10px;}
.sec_box .list > dl > dt > i {font-size:12px; width:15px; height:15px; line-height:14px; display:inline-block; border-radius: 50%; border:1px solid #da0d31; margin-right:3px; font-style:normal; text-align:center; vertical-align:bottom; }
.sec_box .list > dl > dd {display:block; padding-left:20px; margin-left:130px; border-left:1px solid #f0f0f0; line-height:22px}

.tableST {width:100%; display:inline-block; }
.tableST > table {border-top:1px solid #f0f0f0; width:100%;}
.tableST > table > thead >  tr > th {padding:10px 0; font-size:15px; font-family:'noto-R'; color:#1a1a1a; text-align:center; font-weight:normal;  border-bottom:3px double #e5e8e9;}
.tableST > table > tbody > tr > th {width:120px; padding:10px 0; padding-left:15px; font-size:15px; font-family:'noto-R'; color:#1a1a1a; text-align:left; font-weight:normal; background-color:#f3f6f8; border-bottom:1px solid #e5e8e9;}
.tableST > table > tbody > tr > td {padding:10px 0; padding-left:15px; font-size:14px; font-family:'noto-R'; color:#6c6c6c; text-align:left; font-weight:normal; border-bottom:1px solid #f0f0f0; line-height:20px;}
.tableST.td_border > table > tbody > tr > td {border-left:1px solid #f0f0f0; text-align:center; padding:10px;}
.tableST.td_border > table > thead > tr > th , .tableST.td_border > table > tbody > tr > th {border-left:1px solid #e5e8e9; border-right:1px solid #e5e8e9; text-align:center; padding-left:0; background-color:#f3f6f8;}
.tableST > table > thead >  tr > th:first-child {border-left:none;}
.tableST > table > thead >  tr > th:last-child, 
.tableST > table > thead >  tr > td:last-child, 
.tableST > table > tbody >  tr > th:last-child, 
.tableST > table > tbody >  tr > td:last-child {border-right:none;}
.tableST .info_txt > li {font-size:12px; font-family: '맑은고딕', 'malgun gothic';}

/* 배송안내 탭 */
.tableST .sec_tab {padding-top:30px; display:inline-block; width:100%; margin-bottom:20px; border-bottom:1px solid #d8d8d8;}
.tableST .sec_tab li {display:inline-block; margin-right:5px; margin-bottom:-1px; padding:5px 10px; width:120px; border:1px solid #135dba; color:#135dba; background-color:#fff; position:relative; font-size:14px; font-family:'noto-R'; border-radius: 3px; text-align:center; border-radius: 3px 3px 0 0;  border-bottom:1px solid #fff; }
.tableST .sec_tab li > a {position:absolute; display:inline-block; padding:5px 10px; width:120px; border:1px solid #d8d8d8; color:#6c6c6c; background-color:#fff; font-size:14px; font-family:'noto-R'; border-radius: 3px 3px 0 0;  border-bottom:none; top:-10px; left:-1px;}
.tableST .sec_tab li > a:hover {text-decoration:none; border:1px solid #135dba; color:#135dba; border-bottom:1px solid #fff;}
.tableST .sec_tit {width:100%; position:relative; }
.tableST .sec_tit > h3 {font-size:16px; font-family:'noto-R'; color:#1a1a1a; font-weight:normal; display:block; text-decoration:underline}
.tableST .sec_tit > .sub {font-size:14px; font-family:'noto-R'; color:#6c6c6c; display:inline-block; margin:3px 0; padding-bottom:15px;}
.tableST .sec_tit > .sub strong {color:#da0d31; font-family:'noto-R';}
.tableST .sec_tit .top_btn {position:absolute; width:35px; line-height:35px; text-align:center;display:inline-block; border-radius: 50%; font-size:13px; font-family:noto-B; background-color:#d2d2d2; color:#fff; right:0; top:5px;}
.tableST .sec_tit .top_btn:hover {text-decoration:none; background-color:#3a3a3a;}
.text_box {width:100%; display:inline-block; margin-top:20px; font-family:'noto-R'; color:#6c6c6c; font-size:14px; line-height:20px; }
.text_box:last-child {margin-top: 10px;}

/* 가로형 table */
.tableST_2 {display:inline-block; }
.tableST_2 > table {border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; }
.tableST_2 > table  > tbody > tr > th {border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; line-height:25px; font-size:13px; font-family:'noto-R'; color:#1a1a1a; text-align:center; padding:5px; background-color:#f3f6f8}
.tableST_2 > table > tbody > tr > td {border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; line-height:18px; font-size:13px; text-align:center; padding:5px 10px; font-family:'noto-R';}
.tableST_2 > table > tbody > tr > td.grbg {background: #F9F9F9;}

/* 당일택배 - 서울지역 당일택배 : 입금 마감시간 */
.delv_info1 {display:inline-block; width:; padding:10px 20px; background-color:#f3f6f8; margin-bottom:10px;}
.delv_info1 .innerBx {display:block; height:30px;}
.delv_info1 .innerBx .time { line-height:30px; display:inline-block; padding-right:35px; background:url('//image5.compuzone.co.kr/img/images/deliveryinfo/icon_arrow.png') right center no-repeat; margin-right:10px;}
.delv_info1 .innerBx .txt {color:#6c6c6c;}
.delv_info1 .innerBx .txt .b {font-family:spoqa R; color:#da0d31; }

/* 130229 1시간픽업 수정 */
.point_box .quick_pick_txt {color: var(--co1F); font-size: 14px;font-family: noto-B;font-style: italic;padding-left: 20px;display: inline-block;position: relative;line-height: 20px; margin: 0 4px; background-color: transparent;}
.point_box .quick_pick_txt::before {content: ''; position: absolute; width: 20px; height: 20px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_timer.svg) center / contain no-repeat;display: inline-block;left: 0;top: 2px;}
.point_box > em {color: #e43938; font-style: normal;}
.point_box .word_balloon {margin: 0 4px;}

/* 117561 토요일배송 */
.tableST .sat_icon, .sat_deli_pop .sat_icon {width: 92px; height: 14px; display: inline-block;}
.tableST .sat_icon.small > b, .sat_deli_pop .sat_icon.small > b{background: none; line-height: 17px;}
.sat_deli_pop li,.sat_deli_pop p, .sat_deli_pop a, .sat_deli_pop ul, .sat_deli_pop div, .sat_deli_pop h2 {list-style: none; margin: 0; padding: 0; text-decoration: none;}
.sat_deli_pop .top {width: 100%; height: 395px; position: relative; background: url('//image5.compuzone.co.kr/img/images/popup/sat_deli_pop.png')center center/cover no-repeat; padding-top: 40px; box-sizing: border-box;}
.sat_deli_pop .bltxt {color: #1C8FED;}
.sat_deli_pop .pptxt {color: #7A45C6;}
.sat_deli_pop .grtxt {color: #6C6C6C;}
.sat_deli_pop .mb30 {margin-bottom: 30px;}
.sat_deli_pop .top .tit {text-align: center;}
.sat_deli_pop .top .tit p {margin: 0 0 8px;}
.sat_deli_pop .tab {display: flex; justify-content: center;}
.sat_deli_pop .tab li {width: 435px; height: 60px; line-height: 60px; text-align: center; list-style: none; background: #F9F9F9; border: 1px solid #E8E8E8; border-bottom: none; }
.sat_deli_pop .tab li a {width: 100%; display: block; text-decoration: none; font-family: 'noto-R'; font-size: 16px; color:#949494;}
.sat_deli_pop .tab li:nth-child(1) {border-right: none;}
.sat_deli_pop .tab li.on {background: #fff;}
.sat_deli_pop .tab li.on a {color:#1A1A1A;}
.sat_deli_pop .tab li:nth-child(1).on a span{color:#1C8FED;}
.sat_deli_pop .tab li:nth-child(2).on a span{color:#7A45C6;}
.sat_deli_pop .tabcon {padding: 30px 35px 35px; box-sizing: border-box; display: none;}
.sat_deli_pop .tabcon.on {display: block;}
.sat_deli_pop .tabcon .tit {margin-bottom: 30px;}
.sat_deli_pop .tabcon .con {display: flex; flex-direction: column; gap: 20px;}
.sat_deli_pop .tabcon .con p:nth-child(1) {margin-bottom: 10px;}
.sat_deli_pop .tabcon .noti {display: flex; flex-direction: column; gap: 6px; }
.sat_deli_pop .tabcon .noti li {font-size: 13px; font-family: 'noto-R'; color: #6C6C6C; position: relative; padding-left: 5px; box-sizing: border-box;}
.sat_deli_pop .tabcon .noti li::before {content: '·'; width: 2px; height: 2px; position: absolute; top: 0px; left: 0; color: #6C6C6C;}
.sat_deli_pop .tabcon .noti li:nth-child(1) {font-family: 'noto-M'; padding-left: 0;}
.sat_deli_pop .tabcon .noti li:nth-child(1)::before {display: none;}
.sat_deli_pop .tabcon .info_txt li {font-size: 13px; font-family: 'noto-R'; color: #6C6C6C; margin-bottom: 6px;}
.sat_deli_pop .tabcon .info_txt li:last-child {margin-bottom: 0px;}
.sat_deli_pop .tabcon .con2 {width: 100%; display: flex; gap: 20px; flex-wrap: wrap;}
.sat_deli_pop .tabcon .con2 li{width: calc(50% - 10px); height: 174px; border: 1px solid #D8D8D8; border-radius: 10px; display: block; padding: 20px; box-sizing: border-box;}
.sat_deli_pop .tabcon .con2 li p:nth-child(2) {margin:10px 0 6px;}
.sat_deli_pop .tabcon .con2 li a {width: 106px; height: 40px; line-height: 40px; border-radius: 20px; border: 1px solid #e8e8e8; display: block; text-align: center; margin-top: 15px;}