@charset "utf-8";

/* **************************************** *
 * COMMON
 * **************************************** */
.m0 { margin:0 !important; } 
.p0 { padding:0 !important; } 
.w100 { width:100% !important; } 
.w50 { width:50% !important; } 
.w30 { width:30% !important; } 
.w20 { width:20% !important; } 
.w10 { width:10% !important; } 

.contL { float:left !important; } 
.contR { float:right !important; } 
.clear { clear:both !important; } 
.taL { text-align:left !important; } 
.taR { text-align:right !important; } 
.fixed { position:fixed; top:0px !important; } 
.headFixd { padding:5px 0 !important; } 
.lh70 { line-height:70px !important; } 
.lh120 { line-height:120px !important; } 
.pt50_b20 { padding:50px 0 20px 0; } 
.pt0_b20 { padding:0 0 20px 0; } 
.pl5 { padding-left:5px !important; } 

.pc { display:block !important; } 
.mobile { display:none !important; } 
.mobile-touch { display:none; } 
.mobile-visual { display:none; } 

/* 상담창 */
#wrap .kakao-cs { position: relative; bottom:263px; width:100%; height:auto; padding:16px 0; text-align:center; background:#ffe500; transition: top 0.2s ease-in-out; z-index:99999; } 
#wrap .kakao-cs.kakaoFixd { position:fixed; left:0; bottom:0; width:100%; z-index:9999; } 
#wrap .kakao-cs.nav-down { position: fixed; bottom: 0px; } 
#wrap .kakao-cs.nav-up { position: relative; bottom: 0px; } 

/* PAGE */
.page { display: block; overflow: hidden; clear: both; font-size: 0; text-align: center; padding: 50px 0 30px 0; } 
.page .p { display: inline-block; overflow: hidden; width: 33px; height: 33px; line-height: 33px; font-size: 15px; font-weight: 400; color: #707070; text-align: center; background: none; margin: 0 1px; } 
.page .p.prev { position: relative; text-indent: -9999px; } 
.page .p.prev:before { position: absolute; right: 50%; margin-right: -5px; top: 50%; margin-top: -3px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 2px solid #fff; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(45deg); } 
.page .p.prev.end:before { margin-right: -2px; } 
.page .p.prev.end:after { position: absolute; right: 50%; margin-right: -9px; top: 50%; margin-top: -3px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 2px solid #fff; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(45deg); } 
.page .p.next { position: relative; text-indent: -9999px; } 
.page .p.next:before { position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -3px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 2px solid #fff; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } 
.page .p.next.end:before { margin-left: 0; } 
.page .p.next.end:after { position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -3px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 2px solid #fff; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } 
.page .p.on { color: #fff; font-weight: 500; border-color: #21c19b; background: #21c19b; } 
.page .p.off {background: #fff; border: 1px solid #21c19b; color: #21c19b;} 

.pageNext { display:block; overflow:hidden; clear:both; width:100%; font-size:0; text-align:center; padding:30px 0; } 
.pageNext a { display: block; overflow: hidden; width:86px; height:42px; margin:0 auto; opacity: 0.4; background: url('../../images/common/arrow_bottom.png') no-repeat center top; transition: all 0.3s; text-indent: -9999px; } 

/* ui-pagenate */
.page .ui-pagenate { display: block; overflow: hidden; clear: both; font-size: 0; text-align: center; /*padding: 50px 0 30px 0; */ } 
.page .ui-pagenate strong, .page .ui-pagenate a { display: inline-block; overflow: hidden; width: 33px; height: 33px; line-height: 33px; font-size: 12px; font-weight: 400; color: #5e5959; text-align: center; background: #21c19b; margin: 0 1px; } 
.page .prev1 { position: relative; text-indent: -9999px; } 
.page .prev1:before { position: absolute; right: 50%; margin-right: -5px; top: 50%; margin-top: -3px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #999; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(45deg); } 
.page .prev2:before { margin-right: -2px; } 
.page .prev2:after { position: absolute; right: 50%; margin-right: -7px; top: 50%; margin-top: -3px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #999; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(45deg); } 
.page .next1 { position: relative; text-indent: -9999px; } 
.page .next1:before { position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -3px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #999; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } 
.page .next2:before { margin-left: -2px; } 
.page .next2:after { position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -3px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #999; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } 
.page .ui-pagenate strong { color: #000; font-weight: 500; border-color: #000; } 
.page .ui-pagenate .p.prev,.page .ui-pagenate .p.next {background: #21c19b; border: 1px solid #fff;}
.page .ui-pagenate .p.prev::before,.page .ui-pagenate .p.next::before {border-color: #fff;}
.page .ui-pagenate .p.prev::after,.page .ui-pagenate .p.next::after {border-color: #fff;}
.page_div {display: inline-block; margin: 0 0.3rem;}
/* STIKER */
.wrap-stiker { overflow:hidden; text-align:left; width:100%; height:40px; padding:15px 0 0 0; box-sizing:border-box; } 
.pt-list .wrap-stiker { width:92%; margin:0 auto; } 
.stiker-new:before { content:'NEW'; position:relative; top:-2px; left:3px; margin-right:0; display:inline-block; padding:1px 10px; vertical-align:middle; font-weight:500; text-align:center; font-size:0.8rem; color:#fff; background:#f6395f; border-radius:40px; } 
.stiker-best:before { content:'BEST'; position:relative; top:-2px; left:3px; margin-right:0; display:inline-block; padding:1px 10px; vertical-align:middle; font-weight:500; text-align:center; font-size:0.8rem; color:#fff; background:#0270d8; border-radius:40px; } 
.stiker-sale:before { content:'SALE'; position:relative; top:-2px; left:3px; margin-right:0; display:inline-block; padding:1px 10px; vertical-align:middle; font-weight:500; text-align:center; font-size:0.8rem; color:#fff; background:#ffa200; border-radius:40px; } 
.stiker-soldOut:before { content:'SOLD OUT'; position:relative; top:-2px; left:3px; margin-right:0; display:inline-block; padding:1px 10px; vertical-align:middle; font-weight:500; text-align:center; font-size:0.8rem; color:#fff; background:#000; border-radius:40px; } 

/* BUTTON */
.btn-check { display:inline-block; width:130px; height:45px; line-height:45px; margin:0 auto; text-align:center; font-size:1.1rem; color:#fff; background:#4d4d4d; } 
.btn-cancell { display:inline-block; width:130px; height:45px; line-height:45px; margin:0 auto; text-align:center; font-size:1.1rem; color:#fff; background:#4d4d4d; } 
.btn-app { display:inline-block; width:130px; height:45px; line-height:45px; margin:0 auto; text-align:center; font-size:1.1rem; color:#fff; background:#21c19b; } 
.btn-price { display:inline-block; width:auto; height:45px; line-height:45px; margin:0 10px 0 0; padding:0 30px; text-align:center; font-size: 1.133rem; color:#fff; background:#21c19b; } 
.btn-price:last-child { margin:0 0 0 0; } 

/* 전체 탑 버튼 */
.btn-top { position:fixed; right:20px; bottom:20px; width:40px; height:40px; z-index:100000; -webkit-transition: all 0.3s; transition: all 0.3s; border:0; outline:0; background:rgba(0,0,0,0.3) url('../../images/common/ico_top.png') no-repeat center center; background-size:30px auto; border-radius:50%; cursor:pointer; text-indent:-9999px; } 

/* TITLE */
.bodyTit { position:relative; display:block; width:100%; /*margin-bottom:20px; */overflow:hidden; } 
.bodyTit h3 { display:block; width:100%; overflow:visible; margin-bottom:50px; font-weight:700; text-align:center; font-size:3rem; color:#171717; } 
.bodyTit h3 .subTit { font-weight:500; text-align:center; font-size:1.2rem; color:#171717; } 
.bodyTit .titDesc { display:block; font-weight:300; text-align:left; font-size:1.2rem; color:#969696; } 
.bodyTit .titDesc .totalCnt { color:red; } 
.bodyTit .color_text { color: #21c19b; } 

/* SEARCH */
.searchFind { float:right; position:relative; } 
.searchFind #searchNm { display:inline-block; width:300px; height:33px; padding : 0 0.5rem; background:#fff; vertical-align:middle; border: none; border-bottom: 1px solid #333; margin-right: 20px; }
.searchFind #searchNm::placeholder { color: #acacac; } 
.searchFind #searchNm:focus { outline: none } 
.searchFind .btn-search { position:absolute; right:0px; top:0; width:20px; height:25px; border:0; background:url('../../images/common/ico_search_bk.png') right center / 100% no-repeat; cursor:pointer; text-indent:-9999px; filter: invert(62%) sepia(55%) saturate(612%) hue-rotate(115deg) brightness(93%) contrast(81%); }
.searchFind select { max-width:200px; vertical-align:middle; } 
.searchFind.totalPro { float:left; margin:-15px 0 10px 0; } 

/* TABLE - LEFT */
.table-write { position:relative; clear:both; width:100%; border-top:2px solid #171717; margin-bottom:50px; } 
.table-write li { overflow:hidden; width:100%; padding:10px 0; border-bottom:1px solid #e6e6e6; } 
.table-write li dt { float:left; width:18%; line-height:40px; padding-left:5px; text-align:left; font-size:1.2rem; color:#171717; } 
.table-write li dt span { display:block; height:60px; line-height:60px; text-align:left; vertical-align:middle; } 
.table-write li dt em.checkd,
.table-write li dt span em.checkd { color:#ff6600; } 
.table-write li .file_input input { display: none; } 
.table-write li .file_input input + label { display: inline-block; width: 180px; height: 40px; line-height: 40px; font-size: 1rem; padding: 0 10px; border: 1px solid #e6e6e6; box-sizing: border-box; } 
.table-write li .content.file_content { display: flex; align-items: center; } 
.table-write li .content.file_content .btn_wrap { margin-left: 25px; } 
.table-write li .content.file_content button { padding: 4px 10px; } 
.table-write li .content.file_content .find_btn { background: #777; color: #fff; font-weight: 500; border: none; } 
.table-write li .content.file_content .add_btn { border: 1px solid #e1e1e1; background: #fff; } 

.table-write li dd { float:left; position:relative; width:82%; text-align:left; } 
.table-write li dd select { width:180px; vertical-align:middle; } 
.table-write li dd span select.xs { width:90px; } 
.table-write li dd select.md,
.table-write li dd span input.md { width:300px; } 
.table-write li dd span input.sm { width:180px; } 
.table-write li dd span input.xs { width:116px; } 
.table-write li dd span input.xl { width:95%; } 
.table-write li dd span textarea { width:95%; height:350px; margin-bottom:10px; } 
.table-write li dd > span { display:inline; height:auto; line-height:40px; vertical-align:middle; } 
.table-write li dd span img { vertical-align:middle; } 
.table-write li dd span input,
.table-write li dd span select { vertical-align:middle; } 
.table-write li dd span input[type="checkbox"] { display:none; } 
.table-write li dd span label { padding:2px 30px; cursor:pointer; } /*padding:1px 30px; */
.table-write li dd .btn-post { display:inline-block; height:40px; text-align:center; font-size:1.133rem; color:#fff; background:#4d4d4d; padding:0 20px; vertical-align:middle; } 
.table-write li dd .btn-post2 { display:inline-block; height:40px; text-align:center; font-size:1.133rem; color:#fff; background:#4d4d4d; padding:0 20px; vertical-align:middle; } 
.table-write li dd .check-sanggle { padding-top:10px } 
.table-write li dd .check-sanggle input[type="checkbox"] { display:none; } 
.table-write li dd .check-sanggle label { padding-left:30px } 
.table-write li dd span.ex-file label { display:inline-block; height:40px; text-align:center; font-size:1.133rem; color:#fff; background:#4d4d4d; padding:0 20px; vertical-align:middle; } 
.table-write li dd .checkBox > label { padding-right:20px; } 
.table-write li dd .infoTxt { display:block; margin:5px 0 10px 0; font-weight:300; text-align:left; font-size:1rem; color:#969696; } 
.table-write li dd i { display:inline-block; padding:5px 0 0 20px; } 
.table-write li dd i label { display:inline-block; padding-left:25px; margin-right:30px; line-height:22px; cursor:pointer; } 
.table-write li dd .moneyPlan { position:absolute; right:0; top:3px; width:150px; height:35px; line-height:35px; border:1px solid #e6e6e6; text-align:center; font-size:1rem; } 
.table-write li dd > p { color:#666; line-height: 1.2em; font-size:0.85rem; display:block; margin:5px 0 0; } 

input[type="checkbox"].green_check { display: none; } 
input[type="checkbox"].green_check + label { display: inline-block; width: 15px; height: 15px; background: url(../../images/common/bg_checkBox.png) no-repeat left top / 100%; } 
input[type="checkbox"].green_check:checked + label { background-position: left bottom; } 

#container .table-write li dd .checkBox { position:relative; width:100%; height:auto; margin:0; text-align:left; } 
#container .table-write li dd .checkBox input[type="radio"] { display:none; } 
#container .table-write li dd .checkBox label { display:inline-block; padding-left:30px; width:auto; height:22px; line-height:22px; cursor:pointer; text-align:left; font-size:1.133rem; color:#171717; background:url('../../images/common/checkd_img.png') no-repeat left bottom; } 
#container .table-write li dd .checkBox input[type="radio"]:checked + label { background:url('../../images/common/checkd_img.png') no-repeat left top; } 

/* TABLE LIST */
.noticeTable-list { clear:both; position:relative; overflow:hidden; border-top:2px solid #171717; margin-top:10px; } 
.noticeTable-list li { display:block; overflow:hidden; border-bottom:1px solid #e6e6e6; } 
.noticeTable-list li.th { background:#fafafa; } 
.noticeTable-list li.th .row { border-top:1px solid #fff; border-bottom:1px solid #fff; } 
.noticeTable-list li.th .row .cell { text-align:center; font-size:1.2rem; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; } 

.noticeTable-list li.tr .row:hover .cell { color:#000; } 
.noticeTable-list li.tr .row .cell .noti { display:inline-block; width:64px; height:32px; line-height:32px; text-align:center; font-size:1rem; color:#fff; background:#171717; border-radius:20px; } 
.noticeTable-list li.tr .row .cell .fileDown { display:inline-block; width:21px; height:27px; margin-left:5px; background: url('../../../../../404.html') no-repeat center center; vertical-align:middle; } 

.noticeTable-list li .row { position:relative; display:table; overflow:hidden; width:100%; } 
.noticeTable-list li .row .cell { display:table-cell; overflow:hidden; padding:15px 0; text-align:center; font-size:1.133rem; vertical-align:middle; } 
.noticeTable-list li .row .cell.tl { text-align:left; } 
.noticeTable-list li .row .cell p { display:inline-block; width:auto; max-width:90%; text-align:left; font-size:1.133rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; } 
.noticeTable-list li .row .cell i.icon_new { display:inline-block; margin-left:5px; width:21px; height:21px; text-align:center; font-size:12px; color:#fff; font-weight: 400; line-height:21px; background:#21c19b; border-radius:50%; } 

.noticeTable-list li .row .cell.xl { width:80%; min-width:320px; max-width:740px; } 
.noticeTable-list li .row .cell.lg { width:50%; } 
.noticeTable-list li .row .cell.md { width:20%; } 
.noticeTable-list li .row .cell.sm { width:10%; min-width:100px; max-width:120px; } 

/* TABLE VIEW */
.noticeTable-view { clear:both; position:relative; overflow:hidden; width:100%; } 
.noticeTable-view > li { float:left; position:relative; width:100%; padding:20px 0; } 
.noticeTable-view > li.head { padding-left:20px; text-align:left; font-size:1.333rem; color:#171717; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } 
.noticeTable-view > li.txt { width:100%; padding:10px 0; text-align:right; } 
.noticeTable-view > li.txt .date { padding-left:20px; font-size:1rem; color:#171717; background: url('../../images/common/icon_today.svg') no-repeat left 4px; background-size:16px auto; } 
.noticeTable-view > li.txt .hit { margin-left:15px; padding-left:20px; font-size:1rem; color:#171717; background: url('../../images/common/icon_view.svg') no-repeat left 4px; background-size:16px auto; } 

.noticeTable-view > li.body { width:100%; padding:30px 5% 30px 5%; text-align:left; font-size:1.133rem; color:#171717; border-bottom:1px solid #e6e6e6; } 
.noticeTable-view > li.body > img { width:100%; } 
.noticeTable-view > li.btn { display: flex; align-items: center; justify-content: center; padding-bottom:50px; gap: 10px; }
.noticeTable-view > li.btn .btn-list { display:block; width:100px; height:40px; line-height:40px; text-align:center; font-size:1.133rem; color:#fff; background:#21c19b; } 
.noticeTable-view > li.btn .arrow_btn { border: 1px solid #21c19b; color: #fff; background: #21c19b; box-sizing: border-box; } 

.noticeTable-view li.tablePrev { overflow:hidden; } 
.noticeTable-view li.tablePrev dl.tableTr-prev dt { float:left; width:12.5%; padding:0px 0; text-align:center; font-size:1.2rem; color: #010101; background: url('../../../../../404.html') no-repeat right center; } 
.noticeTable-view li.tablePrev dl.tableTr-prev dd { float:left; width:87.5%; padding:0px 0 0 10px; text-align:left; font-size:1.133rem; color: #969696; } 

.noticeTable-view li.tableNext { overflow:hidden; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } 
.noticeTable-view li.tableNext dl.tableTr-next dt { float:left; width:12.5%; padding:0 0; text-align:center; font-size:1.2rem; color: #171717; background: url('../../../../../404.html') no-repeat right center; } 
.noticeTable-view li.tableNext dl.tableTr-next dd { float:left; width:87.5%; padding:0 0 0 10px; text-align:left; font-size:1.133rem; color: #969696; } 

/* 상품, 도서 검색 */
/*.pro-search { position:relative; width:100%; padding:30px 37px; background:#fafafa; text-align:center; } */
.pro-search:after { content: ''; display: block; clear: both; } 
.pro-search .pro-find { width:100%; margin:0 auto; } 
.pro-search .pro-find strong { display:inline-block; width:9.5%; padding-right:2%; height:40px; line-height:40px; text-align:left; font-size:1.333rem; color:#171717; vertical-align:middle; } 
.pro-search .serch-input { display:inline-block; width:75%; padding-left:10px; vertical-align:middle; } 
.pro-search .btn-find { min-width:120px; height:40px; line-height:40px; margin-left:6px; padding-left:15px; border:0; text-align:left; font-size:1.333rem; color:#fff; background:#21c19b; vertical-align:middle; } 
.pro-search .btn-find img { width:35px; height:35px; vertical-align:top; } 
.pro-search .find-desc { padding:10px 0 5px 0; font-weight:300; text-align:center; font-size:1rem; color:#969696; } 

/* 상품 서브 카피 */
.pro-tableTxt { float:left; width:60%; padding-bottom:15px; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
.pro-tableTxt .txt-point { color:#ff6600; } 

/* 리뷰 작성 팝업 */
.review-btn { position:absolute; right:0; top:20px; width:150px; height:45px; line-height:45px; background:#21c19b; text-align:center; color:#fff; } 
.shop-btn { position:absolute; right:0; bottom:10px; width:150px; height:45px; line-height:45px; background:#21c19b; text-align:center; color:#fff; } 

.pop_review { display:none; position:fixed; left:50%; top:50%; width:600px; height:450px; margin:-225px 0 0 -300px; background:#fff; z-index:99999; } 
.pop_review .pop_header { position:relative; width:100%; height:50px; line-height:50px; padding-left:20px; background:linear-gradient(30deg,#21c19b,#006cdb); text-align:left; font-size:1.333rem; color:#fff; } 
.pop_review .pop_header .pop-close { position:absolute; right:10px; top:25px; width:30px; height:30px; } 
.pop_review .pop_header .pop-close span { position:absolute; right:0; top:0; display:block; width:30px; height:2px; background:#fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
.pop_review .pop_header .pop-close span:before { content:''; position:absolute; right:0px; top:0px; width:30px; height:2px; background:#fff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } 
.pop_review .area_write { padding:20px; } 
.pop_review .area_write select { margin-bottom:10px; } 
.pop_review .area_write textarea { width:100%; height:200px; } 
.pop_review .area_write .count { text-align:right; } 
.pop_review .area_write .count .current { color:#ff9000; } 
.pop_review .area_write .count .slash { color:#171717; padding:0 2px; } 
.pop_review .area_write .count .limit { color:#171717; } 
.pop_review .button_wrap { text-align:center; margin-bottom:20px; } 
.pop_review .button_wrap .btn_regist { display:inline-block; width:150px; height:45px; line-height:45px; background:#21c19b; text-align:center; color:#fff; } 
.pop_review .button_wrap .btn_cancel { display:inline-block; width:150px; height:45px; line-height:45px; background:#4d4d4d; text-align:center; color:#fff; } 
.review-dim { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99998; } 

/* 결제 */
.item-payment { width:100%; padding:70px 0 100px 0; } 
.item-payment .payment-tit { clear:both; width:100%; padding-bottom:10px; font-weight:500; text-align:left; font-size:1.5rem; color:#000; } 
.item-payment .payment-table { position:relative; width:100%; margin-bottom:50px; border-top:2px solid #171717; } 
.item-payment .payment-table thead th { font-weight:300; text-align:center; font-size:1.133rem; padding:15px 0; background:#fafafa; border-bottom:1px solid #e6e6e6; border-left:0; } 
.item-payment .payment-table thead th.last { border-right:0; } 
.item-payment .payment-table tbody tr { border-bottom: 1px solid #e6e6e6; } 
.item-payment .payment-table tbody td { font-weight:300; text-align:center; font-size:1.133rem; padding:10px 0; border-left:0; } 

.item-payment .payment-table tbody td.last { border-right:0; } 
.item-payment .payment-table tbody td.txt_l { text-align:left; } 
.item-payment .payment-table tbody td span { display:inline-block; vertical-align:middle; padding-left:30px; width:calc(100% - 160px); } 
.item-payment .payment-table tbody td span strong { display:block; } 
.item-payment .payment-table tbody td img { max-width:152px; max-height:100px; vertical-align:middle; padding-left:20px; } 
.item-payment .payment-table tbody td.last.taL { padding-left:15px; } 
.item-payment .payment-table tbody td.last a { display:inline-block; margin:10px; width:auto; height:45px; line-height:45px; padding:0 30px; text-align:center; font-size: 1.133rem; color:#fff; background:#ff9000; } 
.item-payment .payment-table tbody tr.lastBorder-no td { border-bottom:0; } 
.item-payment .payment-table tbody td input[type="checkbox"] { display:none; } 
.item-payment .payment-table tbody td label { display:block; height:22px; line-height:22px; vertical-align:middle; } 
.item-payment .payment-table tbody td input[type="checkbox"] + label { background-position:center top; } 
.item-payment .payment-table tbody td input[type="checkbox"]:checked+label { background-position:center bottom; } 

.item-payment .payment-amount { clear:both; width:300px; margin-bottom:10px; float:right; } 
.item-payment .payment-amount p { overflow:hidden; float:right; clear:both; width:100%; padding:0 0 10px 0; } 
.item-payment .payment-amount p span:first-child { float:left; width:100px; text-align:left; font-size:1.133rem; padding-top:5px; } 
.item-payment .payment-amount p span:last-child { float:right; width:150px; text-align:right; font-size:1.133rem; } 
.item-payment .payment-amount p span { vertical-align:middle; } 
.item-payment .payment-amount .price_txt strong { font-weight:500; text-align:center; font-size:1.5rem; color:#21c19b; } 
.item-payment .payment-amount p.line { border-bottom:1px solid #e6e6e6; margin-bottom:10px; } 


.item-payment .oderInfo-img { position:relative; width:100%; padding:5% 0 10% 0; } 
.item-payment .oderInfo-img p.infoText { position:relative; text-align:center; font-size:1.8rem; padding-top:20px; } 

.item-payment .payment-dl { position:relative; overflow:hidden; clear:both; width:100%; border-top:2px solid #171717; margin-bottom:50px; } 
.item-payment .payment-dl li { float:left; width:50%; border-bottom:1px solid #e6e6e6; } 
.item-payment .payment-dl li dt { float:left; width:130px; padding:15px 0; text-align:center; font-size:1.2rem; color:#171717; background:#fafafa; } 
.item-payment .payment-dl li dd { float:left; position:relative; width:60%; padding:15px 0 15px 10px; font-weight:300; text-align:left; font-size:1.133rem; } 
.item-payment .payment-dl2 li:last-child { width:100%; } 
.item-payment .payment-dl2 li:last-child dd.address { width:82%; } 

.item-payment .payment-checkBox { position:relative; width:100%; height:auto; margin:0 auto 50px; text-align:left; } 
.item-payment .payment-checkBox input[type="checkbox"] { display:none; } 
.item-payment .payment-checkBox label { display:inline-block; padding-left:30px; width:auto; height:22px; line-height:22px; cursor:pointer; text-align:left; font-size:1.133rem; color:#171717; background:url('../../../../../404.html') no-repeat left top; } 
.item-payment .payment-checkBox input[type="checkbox"]:checked + label { background:url('../../../../../404.html') no-repeat left bottom; } 

.glores-A-half { display:flex; align-items:center; justify-content:center; } 
.glores-A-half .btn-app { margin:0; } 
.glores-A-half .btn-app:first-child { margin-right: 10px; } 

/* 완료 페이지 */
.payment_complete .text {font-size: 30px;font-weight: 700;}
.payment_complete .img_wrap {width: 270px;margin: 50px auto 50px;}
.payment_complete .img_wrap img {width: 100%;}
.payment_complete .btn_group {margin: 0 auto;font-size: 1.2rem;}
.payment_complete .btn {display: flex;align-items: center;justify-content: center;margin: 0 auto;width: 360px;height: 50px;background: #21c19b;color: #fff;}
.payment_complete .btn:first-child {margin-bottom: 10px;}


/* 문의 작성 팝업 */
.pop_content { display:none; position:fixed; left:50%; top:50%; width:600px; height:470px; margin:-235px 0 0 -300px; background:#fff; z-index:99999; } 
.pop_content .pop_header { width:100%; height:50px; line-height:50px; padding-left:20px; background:linear-gradient(30deg,#21c19b,#006cdb); text-align:left; font-size:1.333rem; color:#fff; } 
.pop_content .pop_header .pop-close { position:absolute; right:0; top:0; width:30px; height:30px; } 
.pop_content .pop_header .pop-close span { position:absolute; right:10px; top:25px; display:block; width:30px; height:2px; background:#fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
.pop_content .pop_header .pop-close span:before { content:''; position:absolute; right:0px; top:0px; width:30px; height:2px; background:#fff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } 
.pop_content .area_write { padding:20px; } 
.pop_content .area_write textarea { width:100%; height:200px; } 
.pop_content .area_write .count { text-align:right; } 
.pop_content .area_write .count .current { color:#ff9000; } 
.pop_content .area_write .count .slash { color:#171717; padding:0 2px; } 
.pop_content .area_write .count .limit { color:#171717; } 
.pop_content .area_write .checkBox { width:100%; text-align:left; } 
.pop_content .area_write .checkBox label { padding-left:30px; margin-right:20px; } 
.pop_content .pop_info { position:relative; margin-bottom:20px; padding:10px 10px 0 45px; text-align:left; border-top:1px solid #e6e6e6; } 
.pop_content .pop_info:before { content: ''; position:absolute; left:20px; top:10px; width:18px; height:18px; background: url('../../../../../404.html') no-repeat left center; background-size: 18px 18px; } 
.pop_content .pop_info .link { color:#ff9000; } 
.pop_content .button_wrap { text-align:center; margin-bottom:20px; } 
.pop_content .button_wrap .btn_regist { display:inline-block; width:150px; height:45px; line-height:45px; background:#21c19b; text-align:center; color:#fff; } 
.pop_content .button_wrap .btn_cancel { display:inline-block; width:150px; height:45px; line-height:45px; background:#4d4d4d; text-align:center; color:#fff; } 
.inquiry-dim { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99998; } 

/* **************************************** *
 * INTRO
 * **************************************** */
.intro-wrap { position:fixed; left:0%; top:0%; width:100%; height:100%; } 
.intro-wrap .btn-home { position:absolute; top:40px; right:185px; width:auto; height:30px; line-height:30px; padding:0 20px; text-align:center; font-size:0.8rem; color:#000; background:rgba(255,255,255,1); border-radius:30px; -webkit-transition: all 0.3s; transition:0.3s; } 
.intro-wrap .btn-home:hover { color:#fff; background:#21c19b; } 

.intro-wrap .btn-close { position:absolute; top:40px; right:30px; width:auto; height:30px; line-height:30px; padding:0 20px; text-align:center; font-size:0.8rem; color:#000; background:rgba(255,255,255,1); border-radius:30px; -webkit-transition: all 0.3s; transition:0.3s; } 
.intro-wrap .btn-close:hover { color:#fff; background:#000; } 
input[type="checkbox"] { display:inline-block; height:20px; margin:0 3px 0 0; vertical-align:middle; } 
.intro-wrap .btn-close span { display:block; position:absolute; top:0px; right:-20px; width:80px; height:2px; margin:40px 20px 0 0; background:rgba(255,255,255,1); -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.intro-wrap .btn-close span:before { content: ''; position:absolute; top:0px; right:0px; width:80px; height:2px; background:rgba(255,255,255,1); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 

/*
.intro-wrap .btn-close { display:block; position:absolute; top:10px; right:10px; width:80px; height:80px; } 
.intro-wrap .btn-close span { display:block; position:absolute; top:0px; right:-20px; width:80px; height:2px; margin:40px 20px 0 0; background:rgba(255,255,255,1); -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.intro-wrap .btn-close span:before { content: ''; position:absolute; top:0px; right:0px; width:80px; height:2px; background:rgba(255,255,255,1); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 
*/
.intro-wrap .hk-text { position:absolute; left:50%; top:45%; width:720px; height:120px; line-height:28px; margin:-50px 0 0 -360px; padding-top:35px; font-weight:300; text-align:center; font-size:4.5rem; color:#fff; letter-spacing:0.25em; z-index:-1; } 
.intro-wrap .hk-text strong { font-weight:500; } 
.intro-wrap .hk-text span { display:block; padding-top:40px; text-align:center; font-size:2rem; color:rgba(255,255,255,0.6); letter-spacing:0.5em; } 


/* **************************************** *
 * HEADER
 * **************************************** */
.header { position:fixed; left:0; top:0; width:100%; height:auto; padding-top:10px; background:#fff; /*border-bottom:1px solid #ccc; */box-sizing:border-box; -webkit-transition: all 0.3s; transition:0.3s; z-index:99; } 
.header h1.logo { position:relative; width:100%; text-align:center; } 
.header h1.logo > a { display:block; width:360px; height:auto; margin:0 auto; text-align:center; font-weight:500; font-size:2rem; color:#171717; -webkit-transition: all 0.5s; transition:0.5s; /*background: url('/img_up/shop_pds/hankyung1/images/common/hk_logo.svg') no-repeat left center; background-size:100% auto; text-indent:-9999px; */ } 

.header .marquee { position:absolute; left:30px; top:38px; overflow:hidden; width:200px; height:25px; } 
.header .marquee div { display:block; position:absolute; overflow:hidden; width:400%; height:30px; animation: marquee 5s linear infinite; } 
.header .marquee span { float:left; width:50%; text-align:left; font-size:1rem; } 
@keyframes marquee { 
 0% { left: -80%; } 
 100% { left: -280%; } 
 }

.personalArea { position:absolute; right:30px; top:37px; z-index:99; -webkit-transition: all 0.3s; transition:0.3s; } 
.personalArea .personaList { position:relative; } 
.personalArea .personaList li { float:left; padding-left:5px; } 
.personalArea .personaList li a { display:inline-block; height:25px; line-height:23px; padding:0 15px; text-align:center; font-size:0.8rem; color:#171717; } 
.personalArea .personaList li .hk-home { padding:0 5px; color:#171717; } 
.personalArea .personaList li .btn-login { border:1px solid rgba(0,0,0,0.2); border-radius:20px; box-sizing:border-box; } 
.personalArea .personaList li .btn-membership { border:1px solid rgba(0,0,0,0.2); border-radius:20px; box-sizing:border-box; } 

.header .gnb { position:relative; width:100%; margin-top:9px; text-align:center; border-top:1px solid rgba(230,230,230,0.4); /*background: url('/img_up/shop_pds/hankyung1/images/common/bg_gnb_hover_line.png') repeat-x left 20px; background-size:1px 40px; */-webkit-transition: all 0.5s; transition:0.5s; } 
.header .gnb .nav { position:relative; overflow:hidden; max-width:1100px; margin:0 auto; padding:10px 0; -webkit-transition: all 1s; transition:1s; } 
.header .gnb .nav > li { position:relative; float:left; width:20%; text-align:center; } 
.header .gnb .nav > li:nth-child(2) { padding:0 15px; } 
.header .gnb .nav > li > a { display:block; position:relative; width:100%; height:40px; line-height:40px; text-align:center; font-size:1.2rem; color:#171717; z-index:9; } 
.header .gnb .nav > li > a > span:before { content:""; display:block; position:absolute; left:50%; bottom:-8px; width:0%; height:2px; background:#171717; -webkit-transition: all 0.3s; transition:0.3s; opacity:0; z-index:-1; } 
.header .gnb .nav > li > a.on { } 
.header .gnb .nav > li > a.on > span:before { width:100%; opacity:1; margin-left:-50%; } 

.header .gnb .nav > li.active { position:relative; float:left; width:20%; text-align:center; } 
.header .gnb .nav > li.active > a { color:#171717; } 
.header .gnb .nav > li.active > a > span:before { width:100%; opacity:1; margin-left:-50%; } 

.header .gnb .nav > li > .subMenu { height:0; opacity:0; position:relative; width:100%; -webkit-transition: all 0.3s; transition:0.3s; } 
.header .gnb .nav > li > .subMenu:before { content:''; display:block; padding:20px 0 0 20px; } 
.header .gnb .nav > li > .subMenu:after { content:''; display:block; padding-bottom:40px; } 
.header .gnb .nav > li > .subMenu > li { width:100%; } 
.header .gnb .nav > li > .subMenu > li > a { position:relative; display:block; padding:3px 0 3px 30px; text-align:left; font-size:1.133rem; color:#171717; } 
.header .gnb .nav > li > .subMenu > li > a:before { content:''; position:absolute; left:20px; top:17px; width:2px; height:2px; background:#171717; } 

/*
.header .gnb .nav > li:first-child.active > .subMenu { height:180px; } 
.header .gnb .nav > li:nth-child(2).active > .subMenu { height:240px; } 
.header .gnb .nav > li:nth-child(3).active > .subMenu { height:180px; } 
.header .gnb .nav > li:last-child.active > .subMenu { height:180px; } 
*/
.header .gnb .nav > li.active > .subMenu { opacity:1; height:215px; } 
.header .gnb .nav > li:last-child.active > .subMenu { height:215px; } 

.header a.btn_allMenu { float:right; display:block; position:relative; width:25px; height:26px; margin:15px 30px 0 0; z-index:999; } 
.header a.btn_allMenu > span { position:absolute; left:0; top:0; width:25px; height:3px; background:#171717; } 
.header a.btn_allMenu > span:before { content:''; position:absolute; left:0; top:7px; width:25px; height:3px; background:#171717; } 
.header a.btn_allMenu > span:after { content:''; position:absolute; left:0; top:14px; width:20px; height:3px; background:#171717; } 

/* SCROLL HEADER */
.header.headFixd { /*background:#009b76; */background: linear-gradient( 30deg, #21c19b, #006cdb ); padding-top:0px; } 
.header.headFixd h1.logo > a { font-size:1.9rem; color:#fff; /*background: url('/img_up/shop_pds/hankyung1/images/common/hk_logo_white.svg') no-repeat left center; background-size:100% auto; */ } 
.header.headFixd h1.logo { display:none; } 
.header.headFixd .gnb { position:fixed; left:0; top:0; margin-top:0; padding:6px 0; border-top:1px solid rgba(255,255,255,0); background: linear-gradient( 30deg, #21c19b, #006cdb ); } 
.header.headFixd .gnb .nav > li > a { color:#fff; } 
.header.headFixd .gnb .nav > li > a:hover { color:#fff; } 
.header.headFixd .gnb .nav > li > a > span:before { bottom:-5px; background:rgba(255,255,255,1); } 
.header.headFixd .gnb .nav > li > .subMenu > li > a { color:#fff; } 
.header.headFixd .gnb .nav > li > .subMenu > li > a:before { content:''; position:absolute; left:20px; top:17px; width:2px; height:2px; background:rgba(255,255,255,0.4); } 

.header.headFixd .personalArea { position:absolute; top:-30px; display:none !important; } 
.header.headFixd .personalArea .personaList li a { color:#fff; } 
.header.headFixd .personalArea .personaList li .hk-home { color:#fff; } 
.header.headFixd .personalArea .personaList li .btn-login { border:1px solid rgba(255,255,255,0.2); } 
.header.headFixd .personalArea .personaList li .btn-login:hover { background:#fff; color:#21c19b; } 
.header.headFixd .personalArea .personaList li .btn-membership { border:1px solid rgba(255,255,255,0.2); } 
.header.headFixd .personalArea .personaList li .btn-membership:hover { background:#fff; color:#21c19b; } 


/* **************************************** *
 * FOOTER
 * **************************************** */
#footer-cs { position:relative; overflow:hidden; width:100%; padding:20px 0; background:linear-gradient(30deg, #21C19A, #006cdb); } 
#footer-cs .csArea { position:relative; width:100%; } 
#footer-cs .csArea .csTit { width:100%; text-align:left; font-size:1.667rem; color:rgba(255,255,255,1); } 
#footer-cs .csArea .csTel { float:left; display:inline-block; margin-top:-10px; font-weight:500; text-align:left; font-size:3rem; color:rgba(255,255,255,1); } 
#footer-cs .csArea .csTel .csTime { display:inline-block; padding-left:20px; font-weight:300; font-size:0.933rem; color:rgba(255,255,255,0.3); } 

#footer-cs .csArea .csCenter { position:absolute; right:0; top:10px; overflow:hidden; width:270px; padding-top:20px; } 
#footer-cs .csArea .csCenter .csBtn { float:left; } 
#footer-cs .csArea .csCenter .csBtn li { float:left; width:auto; margin-right:10px; } 
#footer-cs .csArea .csCenter .csBtn li:last-child { margin-right:0; } 
#footer-cs .csArea .csCenter .csBtn li a { display:block; text-align:center; padding:7px 33px; font-size:0.933rem; color:rgba(255,255,255,1); border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; -webkit-transition: all 0.5s; transition:0.5s; } 
#footer-cs .csArea .csCenter .csBtn li a:hover { border:1px solid rgba(255,255,255,0.7); } 

#footer-address { clear:both; position:relative; width:100%; padding:20px 0; background:#595959; } 
#footer-address .inner { display: flex; justify-content: space-between; } 
#footer-address .snsTit { width:270px; text-align:left; font-size:1.667rem; color:rgba(255,255,255,1); } 
#footer-address .snsTit .dropdown { position:relative; width:270px; height:45px; } 
#footer-address .snsTit .dropdown .btn-dropdown { display:block; width:270px; height:38px; background:url('../../images/common/icon_selectarrow_footer.png') no-repeat 92% 50%; border:1px solid rgba(255,255,255,0.2); padding-left:10px; text-align:left; font-size:1rem; color:#fff; outline:none; } 
#footer-address .snsTit .dropdown .dropdown-menu { display:none; position:absolute; left:0; bottom:43px; width:100%; padding:5px 0; height:140px; overflow-x:auto; background:#171717; border:1px solid rgba(255,255,255,0.2); z-index:99998; } 
#footer-address .snsTit .dropdown .dropdown-menu li { width:100%; padding:5px 5px; } 
#footer-address .snsTit .dropdown .dropdown-menu li a { display:block; text-align:left; font-size:1rem; color:#888; } 

#footer-address .snsTit .dropdown.open { position:relative; width:270px; height:45px; } 
#footer-address .snsTit .dropdown.open .btn-dropdown { background:#171717 url('../../images/common/icon_selectarrow_footer_on.png') no-repeat 92% 50%; color: #fff; } 
#footer-address .snsTit .dropdown.open .dropdown-menu { display:block; } 

#footer-address .address { display:block; width:100%; padding-bottom:10px; font-weight:300; text-align:left; font-size:0.8rem; letter-spacing:0.02em; color:#fff; word-break: keep-all; } 
#footer-address .address span { display:inline-block; margin:0 3px 3px 5px; width:1px; height:10px; background:rgba(255,255,255,0.1); vertical-align:middle; } 
#footer-address .address a { display:inline-block; color:rgba(255,255,255,0.8); } 
#footer-address .copyright { display:block; overflow:hidden; width:100%; padding-bottom:20px; text-align:left; font-size:0.8rem; color:rgba(255,255,255,0.4); } 


/* **************************************** *
 * CONTAINER
 * **************************************** */

/* SUB LAYOUT */
#wrap { position:relative; width:100%; overflow-x:hidden; } 
#container { position:relative; width:100%; margin-top:160px; background:#fff; z-index:8; } 

/* MAIN - VISUAL */
div.main .visual-main { position:relative; display:block; overflow:hidden; width:100%; height:450px; text-align:center; } 
div.main .visual-main .item { display: inline-block; overflow: hidden; width: 100%; height:450px; } 
div.main .visual-main .item img { display: block; overflow: hidden; height: 400px; margin: 0 auto; } 

div.main .visual-main .pager { position:absolute; bottom:20px; right:60px; overflow:hidden; width:60px; height:40px; z-index:99; } 
div.main .visual-main .pager p { display:inline-block; float:left; width:30px; height:40px; line-height:40px; font-weight:500; text-align:center; font-size:1.133rem; color:#f1f1f1; letter-spacing:0.2em; } 
div.main .visual-main .pager .bt { float:right; } 
div.main .visual-main .pager button { display:none; background:none; border:0; outline:0; text-indent:-9999px; } 
div.main .visual-main .pager .bt.ico.stop:before { position: absolute; left: 50%; top: 50%; content: ""; display: block; overflow: hidden; margin:-24px 0 0 -24px; width: 48px; height: 48px; background: url('../../images/common/ico_kv_pause.png') no-repeat center center; background-size:34px 34px; cursor:pointer; } 

div.main .visual-main .pager .bt.ico.play:before { position: absolute; left: 50%; top: 50%; content: ""; display: block; overflow: hidden; margin:-24px 0 0 -24px; width: 48px; height: 48px; background: url('../../images/common/ico_kv_play.png') no-repeat center center; background-size:34px 34px; cursor:pointer; } 

div.main .visual-main .nextArrow { display:block; width:90px; height:25px; background: url('../../images/common/next.png') center center no-repeat; position:absolute; top:50%; right:5%; text-indent:-999em; z-index:999; border:0; outline:none; -moz-transition: all 0.5s; -webkit-transition: all 0.8s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; cursor:pointer; } 
div.main .visual-main .nextArrow:hover { right: 4%; width: 120px; background: url('../../images/common/next_h.png') right center no-repeat; } 

div.main .visual-main .prevArrow { display:block; width:90px; height:25px; background: url('../../images/common/prev.png') center center no-repeat; position:absolute; top:50%; left:5%; text-indent:-999em; z-index:999; border:0; outline:none; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; cursor:pointer; } 
div.main .visual-main .prevArrow:hover { left: 4%; width: 120px; background: url('../../images/common/prev_h.png') left center no-repeat; } 

/* 2019-12-10 추가 */
div.main .visual-main .slick-dots { position:inherit; display:table; margin-left:auto; margin-right:auto; width:auto; margin:-80px auto; } 
div.main .visual-main .slick-dots li { float:left; padding:0 15px; } 
div.main .visual-main .slick-dots li button { width:23px; height:23px; border:0; outline:0; cursor:pointer; background: url('../../images/common/btn_nm.png') center center no-repeat; transition: all 0.5s; text-indent:-9999px; } 
div.main .visual-main .slick-dots li.slick-active button { width:23px; height:23px; background: url('../../images/common/btn_on.png') center center no-repeat; transition: all 0.5s; -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); } 

div.main .visual-main .pager { display:none; } 


/* MAIN - PRODUCTS */
div.main .membersBenefit { position:relative; display:block; overflow:hidden; width:100%; height:auto; padding:100px 0; background:#f2f5f6 url('../../../../../404.html') no-repeat center center; background-size:cover; } 
div.main .membersBenefit .mb-tit { width:100%; margin-bottom:65px; font-weight:300; text-align:center; font-size:3rem; color:#000; line-height:1.3; letter-spacing:-0.1em; } 
div.main .membersBenefit .mb-tit > strong { font-weight:500; } 
div.main .membersBenefit .mb-tabs { overflow:hidden; width:300px; margin:0 auto 50px; background:#fff; border:1px solid #e6e6e6; border-radius:50px; } 
div.main .membersBenefit .mb-tabs > li { float:left; width:45%; } 
div.main .membersBenefit .mb-tabs > li.active { width:55%; } 
div.main .membersBenefit .mb-tabs > li span { display:inline-block; width:100%; height:60px; line-height:60px; font-weight:300; text-align:center; font-size:1.133rem; color:#171717; border-radius:50px; cursor:pointer; } 
div.main .membersBenefit .mb-tabs > li.active span { color:#fff; background:#000; } 

div.main .membersBenefit .tab-container { clear:both; position:relative; width:100%; } 
div.main .membersBenefit .tab-container .location-area { width:1200px; margin:0 auto; } 
div.main .membersBenefit .tab-container .location-area .kind-tab { position:relative; width:100%; height:600px; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li { float:left; width:25%; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li > p { display:block; position:relative; width:100%; height:100%; max-width:290px; max-height:210px; padding:30px 35px; box-sizing:border-box; cursor:cell; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li > p .type-tit { display:block; padding-bottom:5px; font-weight:500; text-align:left; font-size:1.333rem; color:#000; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li > p .type-price { display:block; text-align:left; font-size:1.333rem; color:#21c19b; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li > p .type-btn { display:block; position:absolute; left:50%; bottom:25px; width:80%; margin-left:-40%; padding:7px 0; font-weight:300; text-align:center; font-size:1.133rem; color:#171717; border:1px solid rgba(230,230,230,0.5); background: url('../../images/common/btn_type_arrow.png') no-repeat 160px center; background-size:20px 18px; } 

div.main .membersBenefit .tab-container .location-area .kind-tab > li > .typeA { background:#fff url('../../images/main/bg_product_01_off.png') no-repeat center center; background-size:cover; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li > .typeB { background:#fff url('../../images/main/bg_product_02_off.png') no-repeat center center; background-size:cover; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li > .typeC { background:#fff url('../../images/main/bg_product_03_off.png') no-repeat center center; background-size:cover; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li > .typeD { background:#fff url('../../images/main/bg_product_04_off.png') no-repeat center center; background-size:cover; } 

div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > .typeA { background:#fff url('../../images/main/bg_product_01_on.png') no-repeat center center; background-size:cover; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > .typeB { background:#fff url('../../images/main/bg_product_02_on.png') no-repeat center center; background-size:cover; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > .typeC { background:#fff url('../../images/main/bg_product_03_on.png') no-repeat center center; background-size:cover; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > .typeD { background:#fff url('../../images/main/bg_product_04_on.png') no-repeat center center; background-size:cover; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p .type-tit { color:#fff; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p .type-price { color:#fff; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p .type-btn { color:#fff; border:1px solid rgba(255,255,255,0.2); background: url('../../images/common/btn_type_arrow_white.png') no-repeat 160px center; -webkit-transition: all 0.3s; transition: all 0.3s; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p .type-btn:hover { color:#fff; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.1) url('../../images/common/btn_type_arrow.png') no-repeat 160px center; } 
div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p:after { content:''; position:absolute; left:50%; bottom:-4px; width:8px; height:8px; margin-left:-4px; background:#21c19b; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 

div.main .membersBenefit .tab-container .location-area .kind-tab-cont,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 { position:absolute; left:0; top:220px; height:399px; background:#fff; } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc { position:absolute; left:0; top:0; width:300px; height:399px; background:#fff; } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap { width:275px; height:330px; margin:25px 20px 25px 30px; padding:10px 20px 10px 10px; overflow-x: hidden; overflow-y: auto; } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap::-webkit-scrollbar,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap::-webkit-scrollbar { width:4px; height:0; } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap::-webkit-scrollbar-track,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap::-webkit-scrollbar-track { background:rgba(242,242,242,1); } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap::-webkit-scrollbar-thumb,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap::-webkit-scrollbar-thumb { background:rgba(33,193,155,0.2); } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .headTit,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .headTit { display:block; width:100%; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .title,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .title { display:block; position:relative; width:100%; margin:15px 10px 5px 0; padding-left:8px; text-align:left; font-size:1.133rem; color:#171717; } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .title:before,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .title:before { content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#171717; } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .desc,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .desc { display:block; margin:0 10px; font-weight:300; text-align:left; font-size:1rem; color:#969696; } 
div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .desc_no,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .desc_no { display:block; margin:10px 10px 0 0; font-weight:300; text-align:left; font-size:1rem; color:#969696; } 

div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-img,
div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-img { text-align:right; margin-left:0; width:1190px; padding:20px; background:#fff; } 

div.main .membersBenefit .tab-container .location-area .kind-tab02 { position:relative; width:100%; height:600px; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li { float:left; width:33.333333%; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > p { display:block; position:relative; width:100%; height:100%; max-width:390px; max-height:210px; padding:30px 35px; box-sizing:border-box; cursor:cell; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > p .type-tit { display:block; padding-bottom:5px; font-weight:500; text-align:left; font-size:1.333rem; color:#000; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > p .type-price { display:block; text-align:left; font-size:1.333rem; color:#21c19b; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > p .type-btn { display:block; position:absolute; left:50%; bottom:25px; width:80%; margin-left:-40%; padding:7px 0; font-weight:300; text-align:center; font-size:1.133rem; color:#171717; border:1px solid rgba(230,230,230,0.5); background: url('../../images/common/btn_type_arrow.png') no-repeat 200px center; background-size:20px 18px; } 

div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > .typeB { background:#fff url('../../images/main/bg_product_02_off.png') no-repeat right center; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > .typeC { background:#fff url('../../images/main/bg_product_03_off.png') no-repeat right center; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > .typeD { background:#fff url('../../images/main/bg_product_04_off.png') no-repeat right center; } 

div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > .typeB { background:#21c19b url('../../images/main/bg_product_02_on.png') no-repeat right center; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > .typeC { background:#21c19b url('../../images/main/bg_product_03_on.png') no-repeat right center; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > .typeD { background:#21c19b url('../../images/main/bg_product_04_on.png') no-repeat right center; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p .type-tit { color:#fff; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p .type-price { color:#fff; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p .type-btn { color:#fff; border:1px solid rgba(255,255,255,0.2); background: url('../../images/common/btn_type_arrow_white.png') no-repeat 200px center; -webkit-transition: all 0.3s; transition: all 0.3s; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p .type-btn:hover { color:#fff; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.1) url('../../images/common/btn_type_arrow.png') no-repeat 160px center; } 
div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p:after { content:''; position:absolute; left:50%; bottom:-4px; width:8px; height:8px; margin-left:-4px; background:#21c19b; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 

/* 메인 팝업 */
div.main .main_pop { background:#fff; z-index:98; } 
div.main .main_pop .mainPop-imgArea { width:100%; overflow:hidden; font-size:0; } 
div.main .main_pop .mainPop-imgArea > img { width:100%; height:auto; } 
div.main .main_pop .mainPop-imgArea a > img { width:100%; height:auto; } 
div.main .main_pop .mainPop-textArea { width:100%; overflow:hidden; padding:20px; text-align:left; font-size:1rem; } 
div.main .main_pop .mainPop-textArea strong { font-weight:500; text-align:left; font-size:1.133rem; } 
div.main .main_pop .layerBottom { position:relative; width:100%; padding:5px 10px; background:#171717; overflow:hidden; } 
div.main .main_pop .layerBottom .check { float:left; cursor:pointer; } 
div.main .main_pop .layerBottom .check input[type="checkbox"] { vertical-align:middle; } 
div.main .main_pop .layerBottom .check label { margin:0; background-image:none; text-align:left; font-size:0.9rem; color:rgba(255,255,255,0.7); } 
div.main .main_pop .layerBottom a { float:right; text-align:left; font-size:0.9rem; color:rgba(255,255,255,0.4); } 
/*
div.main .mainPop-dim { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99998; } 
*/

/* 메인 추천상품 리스트 */
.productMain-table { clear:both; position:relative; overflow:hidden; width:100%; margin:100px 0; } 
.productMain-table .pt-tit { font-family: 'Montserrat', sans-serif; font-weight:700; text-align:center; font-size:1.133rem; color:#000; } 
.productMain-table .pt-subTxt { margin-top:-5px; text-align:center; font-weight:500; font-size:2.5rem; color:#000; text-transform: uppercase; /*letter-spacing:-0.05em; */ } 
.productMain-table .pt-desc { font-weight:300; text-align:center; font-size:1rem; color:#969696; margin-bottom:50px; } 

.productMain-table > ul { position:relative; width:100%; padding:0 20px 50px 20px; } 
.productMain-table > ul > li { position:relative; float:left; width:22%; margin:0 4% 0 0; } 
.productMain-table > ul > li:nth-child(4n+4) { margin-right:0%; } 
.productMain-table > ul > li a { display:block; width:100%; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.productMain-table > ul > li:hover a { margin-top:-5px; padding-bottom:5px; } 
.productMain-table > ul > li a .proVisual-img { position:relative; width:100%; height:0; padding-bottom: 129.25%; } 
/* .productMain-table > ul > li a .proVisual-img .proTxt { display:block; position:absolute; left:0; top:0; width:100%; height:100%; padding:14% 5%; opacity:0; -webkit-transition: all 0.3s; transition: all 0.3s; } */
.productMain-table > ul > li:hover a .proVisual-img .proTxt { opacity:1; background:rgba(33,193,155,0.9); } 
.productMain-table > ul > li:hover a .proVisual-img .proTxt i { display:block; position:absolute; left:0; top:50%; width:100%; height:50%; margin-top:-25%; padding:0 5%; text-align:center; font-size:1.133rem; color:#fff; } 
.productMain-table > ul > li:hover a .proVisual-img .proTxt i em { position:absolute; left:50%; bottom:0px; width:50%; height:40px; line-height:40px; margin-left:-25%; text-align:center; font-size:1rem; color:#fff; background:rgba(0,0,0,0); border:1px solid rgba(255,255,255,0.7); box-sizing:border-box; } 
.productMain-table > ul > li a .proVisual-img img { width:100%; max-width:260px; height:auto; } 

.productMain-table > ul > li a .proTit { height:30px; margin-top:10px; font-weight:600; text-align:left; font-size:1.333rem; color:#171717; overflow:hidden; word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap; }
.productMain-table > ul > li a .proDesc { overflow:hidden; height:30px; margin:10px 0; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; text-overflow: ellipsis; white-space: nowrap; }
.productMain-table > ul > li a .proPrice { font-weight:600; text-align:left; font-size:1.5rem; color:#171717; }

/* MAIN - ROLLRING EVENT */
div.main .rollringEvent { position:relative; width:100%; } 
div.main .rollringEvent .slick-list { width:100%; } 
div.main .rollringEvent .slick-list .swiper-slide { position:relative; display:block; width:100%; height:60px; } 
div.main .rollringEvent .slick-list .swiper-slide a { display:block; } 
div.main .rollringEvent .slick-list .swiper-slide a img { display:block; margin:0 auto; } 
div.main .rollringEvent .slick-list .swiper-slide .slick-slide { width:100%; height:100%; } 
div.main .rollringEvent .slick-list .swiper-slide .slick-slide > div { font-size:0; } 

div.main .rollringEvent .slick-dots { position:absolute; top:50%; right:5%; transform:translate(-50%, -50%); } 
div.main .rollringEvent .slick-dots li { width:100%; text-align:right; font-size:0; } 
div.main .rollringEvent .slick-dots li button { width:5px; height:5px; border:0; margin:3px 1px 3px 0; background:rgba(255,255,255,0.5); vertical-align:middle; text-indent:-9999px; } 
div.main .rollringEvent .slick-dots li.slick-active button { width:7px; height:7px; margin:3px 0; background:rgba(255,255,255,1); } 

/* MAIN - HK GOOS */
div.main .hk-goos { position:relative; display:block; overflow:hidden; width:100%; height:auto; padding:100px 0; } 
div.main .hk-goos .pt-tit { font-family: 'Montserrat', sans-serif; font-weight:700; text-align:center; font-size:1.133rem; color:#000; } 
div.main .hk-goos .pt-subTxt { margin-top:-5px; font-weight:500; text-align:center; font-size:2.5rem; color:#000; text-transform: uppercase; /*letter-spacing:-0.05em; */ } 
div.main .hk-goos .pt-desc { font-weight:300; text-align:center; font-size:1rem; color:#969696; margin-bottom:50px; } 
div.main .hk-goos .sliderGoos { text-align:center; } 
div.main .hk-goos .sliderGoos .item { display: inline-block; width: 100%; height:auto; padding-bottom:10px; text-align:center; text-align:-webkit-center; } 
div.main .hk-goos .sliderGoos .item .goos-tit { width:100%; font-weight:500; text-align:center; font-size:1.5rem; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
div.main .hk-goos .sliderGoos .item .goos-price { width:100%; padding-bottom:5px; font-weight:300; text-align:center; font-size:1.133rem; color:red; } 
div.main .hk-goos .sliderGoos .item .goos-price > span { text-decoration:line-through; } 
div.main .hk-goos .sliderGoos .item .goos-dc { display:inline; width:100%; padding:1px 20px 2px 20px; font-weight:300; text-align:center; font-size:1.133rem; color:#fff; background:#21c19b; border-radius:20px; } 
div.main .hk-goos .sliderGoos .item > img { margin:0 auto; } 
div.main .hk-goos .sliderGoos .item .slick-slide { width:100%; min-width:250px; min-height:350px; } 

div.main .hk-goos .hkgoos-nextArrow { position:absolute; top:55%; right:0%; width:100px; height:100px; margin-top:-50px; border:0; outline:0; background:rgba(33,193,155,0.3) url('../../../../../404.html') no-repeat center center; background-size:20px 36px; cursor:pointer; text-indent:-9999px; z-index:99; } 
div.main .hk-goos .hkgoos-prevArrow { position:absolute; top:55%; left:0%; width:100px; height:100px; margin-top:-50px; border:0; outline:0; background:rgba(33,193,155,0.3) url('../../../../../404.html') no-repeat center center; background-size:20px 36px; cursor:pointer; text-indent:-9999px; z-index:99; } 

* 한경굿즈 리스트 */
div.main .hk-goos .goosLine-table { clear:both; position:relative; width:100%; } 
div.main .hk-goos .goosLine-table > ul { position:relative; overflow:hidden; width:100%; padding:0 20px 20px 20px; } 
div.main .hk-goos .goosLine-table > ul > li { position:relative; float:left; text-align:center; width:33.333333%; margin:0 0 0 0; padding-top:50px; } 
div.main .hk-goos .goosLine-table > ul > li:nth-child(1),
div.main .hk-goos .goosLine-table > ul > li:nth-child(2),
div.main .hk-goos .goosLine-table > ul > li:nth-child(3) { padding-top:0px; } 
div.main .hk-goos .goosLine-table > ul > li:nth-child(1),
div.main .hk-goos .goosLine-table > ul > li:nth-child(4) { text-align:left; } 
div.main .hk-goos .goosLine-table > ul > li:nth-child(3),
div.main .hk-goos .goosLine-table > ul > li:nth-child(6) { text-align:right; } 
div.main .hk-goos .goosLine-table > ul > li a { display:block; width:100%; -webkit-transition: all 0.3s; transition: all 0.3s; } 
div.main .hk-goos .goosLine-table > ul > li:hover a { margin-top:-5px; padding-bottom:5px; } 
div.main .hk-goos .goosLine-table > ul > li a .proVisual-img { position:relative; width:100%; } 
div.main .hk-goos .goosLine-table > ul > li a .proVisual-img img { width:100%; max-width:340px; height:auto; } 
 
div.main .hk-goos .goosLine-table > ul > li a .proTit { width:90%; height:58px; margin:10px 5% 0 5%; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; /*white-space:nowrap; text-overflow:ellipsis; */ } 
div.main .hk-goos .goosLine-table > ul > li a .proDesc { width:90%; overflow:hidden; height:50px; margin:5px 5% 10px 5%; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
div.main .hk-goos .goosLine-table > ul > li a .proPrice { width:90%; margin:10px 5% 0 5%; padding-bottom:5px; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
div.main .hk-goos .goosLine-table > ul > li a .proPrice span { float:right; text-decoration:line-through; } 
div.main .hk-goos .goosLine-table > ul > li a .proDc { position:relative; width:90%; margin:0 5%; font-weight:300; text-align:left; font-size:1.133rem; color:#000; } 
div.main .hk-goos .goosLine-table > ul > li a .proDc span { float:right; display:inline; margin-top:3px; padding:1px 10px 2px 10px; font-weight:300; text-align:center; font-size:0.8rem; color:#fff; background:#21c19b; border-radius:20px; } 

/* MAIN - HK BOOK */
div.main .hk-book { position:relative; display:block; overflow:inherit; width:100%; height:auto; /*padding-bottom:100px; */ } 
div.main .hk-book .pt-tit { font-family: 'Montserrat', sans-serif; font-weight:700; text-align:center; font-size:1.133rem; color:#000; } 
div.main .hk-book .pt-subTxt { margin-top:-5px; font-weight:500; text-align:center; font-size:2.5rem; color:#000; text-transform: uppercase; /*letter-spacing:-0.05em; */ } 
div.main .hk-book .pt-desc { font-weight:300; text-align:center; font-size:1rem; color:#969696; margin-bottom:50px; } 
div.main .hk-book .sliderBook { text-align:center; width:80%; max-width:1100px; margin:0 auto; } 
div.main .hk-book .sliderBook .item { display: inline-block; width: 100%; height:auto; padding-bottom:10px; text-align:center; text-align:-webkit-center; } 
div.main .hk-book .sliderBook .item .book-tit { width:84%; height:60px; line-height:1.3; margin:0 8%; padding:10px 0 5px 0; font-weight:500; text-align:left; font-size:1.333rem; color:#000; overflow:hidden; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; /*white-space:nowrap; text-overflow:ellipsis; */ } 
div.main .hk-book .sliderBook .item .book-price { width:84%; margin:0 8%; padding-bottom:5px; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
div.main .hk-book .sliderBook .item .book-price span { float:right; text-decoration:line-through; } 
div.main .hk-book .sliderBook .item .book-dc { position:relative; width:84%; margin:0 8%; font-weight:300; text-align:left; font-size:1.133rem; color:#000; } 
div.main .hk-book .sliderBook .item .book-dc span { float:right; display:inline; margin-top:3px; padding:1px 10px 2px 10px; font-weight:300; text-align:center; font-size:0.8rem; color:#fff; background:#21c19b; border-radius:20px; } 
div.main .hk-book .sliderBook .item > img { width:100%; max-width:190px; margin:0 auto; } 
div.main .hk-book .sliderBook .item .slick-slide { width:100%; min-width:250px; min-height:350px; } 

div.main .hk-book .hkbook-nextArrow { position:absolute; top:55%; right:0px; width:100px; height:100px; margin-top:-90px; border:0; outline:0; background:rgba(33,193,155,0.3) url('../../images/common/btn_visual_booknext.png') no-repeat center center; background-size:20px 36px; cursor:pointer; text-indent:-9999px; z-index:99; } 
div.main .hk-book .hkbook-prevArrow { position:absolute; top:55%; left:0px; width:100px; height:100px; margin-top:-90px; border:0; outline:0; background:rgba(33,193,155,0.3) url('../../images/common/btn_visual_bookprev.png') no-repeat center center; background-size:20px 36px; cursor:pointer; text-indent:-9999px; z-index:99; } 

/* INNER */
@media(max-width:720px){
 .inner { clear:both; overflow:visible; position:relative; width:100%; max-width:1100px; margin:0 auto; }
}
@media(min-width:721px){
 .inner { clear:both; overflow:visible; position:relative; width:100%; max-width:1100px; margin:0 auto; text-align:center; }
}

/* VISUAL */
#container .visual { clear:both; position:relative; width:100%; height:380px; overflow:hidden; } 
#container .visual.shop { background:url('../../images/sub/sub_visual_shop.png') no-repeat center top; } 
#container .visual.subscribe { background:url('../../images/sub/sub_visual_subscribe.png') no-repeat center top; } 
#container .visual.hkMembers { background:url('../../images/sub/sub_visual_hkmembers.png') no-repeat center top; } 
#container .visual.reader { background:url('../../images/sub/sub_visual_reader.png') no-repeat center top; } 
#container .visual.myHk { background:url('../../images/sub/sub_visual_myhk.png') no-repeat center top; } 

#container .visual .visualTxt-tit { position:absolute; left:50%; top:50%; width:1100px; margin:-40px 0 0 -550px; line-height:1.3; font-weight:500; text-align:center; font-size:2.5rem; color:#fff; } 
#container .visual .visualTxt-tit > span { display:block; margin-top:10px; text-align:center; font-size:1.333rem; color:rgba(255,255,255,0.8); } 

/* LOCATION */
#container .lnb-location { width:100%; height:50px; border-bottom:1px solid #e6e6e6; box-sizing:border-box; } 
#container .lnb-location .subnav { position:relative; } 
#container .lnb-location .subnav .wrapper { } 
#container .lnb-location .subnav .wrapper .home { float:left; width:180px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; box-sizing:border-box; } 
#container .lnb-location .subnav .wrapper .home a { display:block; height:50px; line-height:50px; padding-left:35px; text-align:left; font-size:1rem; color:#171717; background:url('../../images/common/icon_home_location.png') no-repeat 20px center; background-size:10px 11px; } 

#container .lnb-location .subnav .wrapper .depth1 { float:left; position:relative; border-right:1px solid #ccc; } 
#container .lnb-location .subnav .wrapper .depth1 .item { width:200px; height:50px; line-height:50px; } 
#container .lnb-location .subnav .wrapper .depth1 .item.current { cursor: pointer; position: relative; } 
#container .lnb-location .subnav .wrapper .depth1 .item.current.on a i { -webkit-transition:rotate(90deg); transform: rotate(90deg); } 
#container .lnb-location .subnav .wrapper .depth1 .item a { display:block; position:relative; padding-left:20px; text-align:left; font-size:1.133rem; color:#171717; } 
#container .lnb-location .subnav .wrapper .depth1 .item a i.material-icons { position:absolute; right:10px; top:14px; transition: 0.5s ease; -webkit-transition: 0.5s ease; } 

#container .lnb-location .subnav .wrapper .depth1 .list { display:none; position:absolute; left:-1px; top:49px; width:202px; max-height:255px; background:#fff; border:1px solid #ccc; border-top:none; box-sizing:border-box; -webkit-transition: all 0.5s; transition: all 0.5s; z-index:9; } 
#container .lnb-location .subnav .wrapper .depth1 .list .item { height:0px; line-height:40px; padding:0; opacity:0; -webkit-transition: all 0.6s; transition: all 0.6s; } 
#container .lnb-location .subnav .wrapper .depth1 .list .item a { width:100%; padding-left:20px; text-align:left; font-size:1.133rem; color:#171717; opacity:0; } 
#container .lnb-location .subnav .wrapper .depth1 .list .item a:hover { color:#171717; } 
/*
#container .lnb-location .subnav .wrapper .depth1:hover .list { display:block; overflow:hidden; height:auto; padding-bottom:20px; } 
#container .lnb-location .subnav .wrapper .depth1:hover .list .item { height:40px; padding:5px 0; opacity:1; } 
#container .lnb-location .subnav .wrapper .depth1:hover .list .item a { opacity:1; } 
#container .lnb-location .subnav .wrapper .depth1:hover .item a i.material-icons { -webkit-transition:rotate(90deg); transform: rotate(90deg); transition: 0.5s ease; -webkit-transition: 0.5s ease; } 
*/

#container .lnb-location .subnav .wrapper .depth2 { float:left; position:relative; border-right:1px solid #ccc; } 
#container .lnb-location .subnav .wrapper .depth2 .item { width:200px; height:50px; line-height:50px; } 
#container .lnb-location .subnav .wrapper .depth2 .item.current { cursor: pointer; position: relative; } 
#container .lnb-location .subnav .wrapper .depth2 .item.current.on a i { -webkit-transition:rotate(90deg); transform: rotate(90deg); } 
#container .lnb-location .subnav .wrapper .depth2 .item a { display:block; position:relative; padding-left:20px; text-align:left; font-size:1.133rem; color:#171717; vertical-align: middle; } 
#container .lnb-location .subnav .wrapper .depth2 .item a i.material-icons { position:absolute; right:10px; top:12px; transition: 0.5s ease; -webkit-transition: 0.5s ease; } 

#container .lnb-location .subnav .wrapper .depth2 .list { display:none; position:absolute; left:-1px; top:49px; width:202px; height:0; max-height:265px; background:#fff; border:1px solid #ccc; border-top:none; box-sizing:border-box; -webkit-transition: all 0.5s; transition: all 0.5s; z-index:9; } 
#container .lnb-location .subnav .wrapper .depth2 .list .item { height:40px; line-height:40px; padding:0; } 
#container .lnb-location .subnav .wrapper .depth2 .list .item a { width:100%; padding-left:20px; text-align:left; font-size:1.133rem; color:#171717; } 
#container .lnb-location .subnav .wrapper .depth2 .list .item a:hover { color:#171717; } 
/*
#container .lnb-location .subnav .wrapper .depth2:hover .list { display:block; overflow-y:auto; overflow-x:hidden; height:auto; padding-bottom:20px; } 
#container .lnb-location .subnav .wrapper .depth2:hover .list .item { height:40px; padding:5px 0; } 
#container .lnb-location .subnav .wrapper .depth2:hover .list .item a { } 
#container .lnb-location .subnav .wrapper .depth2:hover .item a i.material-icons { -webkit-transition:rotate(90deg); transform: rotate(90deg); transition: 0.5s ease; -webkit-transition: 0.5s ease; } 
*/

#container .lnb-location .subnav .wrapper .depth3 { float:left; position:relative; border-right:1px solid #ccc; } 
#container .lnb-location .subnav .wrapper .depth3 .item { width:200px; height:50px; line-height:50px; } 
#container .lnb-location .subnav .wrapper .depth3 .item.current { cursor:pointer; position: relative; } 
#container .lnb-location .subnav .wrapper .depth3 .item.current.on a i { -webkit-transition:rotate(90deg); transform: rotate(90deg); } 
#container .lnb-location .subnav .wrapper .depth3 .item a { display:block; position:relative; padding-left:20px; text-align:left; font-size:1.133rem; color:#171717; vertical-align: middle; white-space: nowrap; } 
#container .lnb-location .subnav .wrapper .depth3 .item a i.material-icons { position:absolute; right:10px; top:12px; transition: 0.5s ease; -webkit-transition: 0.5s ease; } 

#container .lnb-location .subnav .wrapper .depth3 .list { display:none; position:absolute; left:-1px; top:49px; width:202px; max-height:255px; background:#fff; border:1px solid #ccc; border-top:none; box-sizing:border-box; -webkit-transition: all 0.5s; transition: all 0.5s; z-index:9; } 
#container .lnb-location .subnav .wrapper .depth3 .list .item { height:0px; line-height:40px; padding:0; opacity:0; -webkit-transition: all 0.6s; transition: all 0.6s; } 
#container .lnb-location .subnav .wrapper .depth3 .list .item a { display:block; width:100%; padding-left:20px; text-align:left; font-size:1.133rem; color:#171717; opacity:0; } 
#container .lnb-location .subnav .wrapper .depth3 .list .item a:hover { color:#171717; } 
/*
#container .lnb-location .subnav .wrapper .depth3:hover .list { display:block; overflow:hidden; height:auto; padding-bottom:20px; } 
#container .lnb-location .subnav .wrapper .depth3:hover .list .item { height:40px; padding:0; opacity:1; } 
#container .lnb-location .subnav .wrapper .depth3:hover .list .item a { opacity:1; } 
#container .lnb-location .subnav .wrapper .depth3:hover .item a i.material-icons { -webkit-transition:rotate(90deg); transform: rotate(90deg); transition: 0.5s ease; -webkit-transition: 0.5s ease; } 
*/

 /* **************************************** *
 * SUBSCRIBE : 구독신청
 * **************************************** */

#subscribe { padding:70px 0 50px 0; }

/* 구독신청 - 한국경제신문 소개 */
#subscribe .bodyTit {position:relative;font-family:NotoCJkrB;font-size:3rem;color:#171717;}
/*#subscribe .bodyTit span:before {content:""; position:absolute;left:50%;bottom:3px;width:150px;height:20px;margin-left:-75px;background:#fff000;z-index:-1;} */

/* 20220721 수정 */

#subscribe .about-area div{
    position:relative;
    width:100%;
    display: grid; 
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px;
    margin-bottom: 30px;
}
#subscribe .about-area div:first-child{
    display: block;
    margin-bottom: 70px;
}
#subscribe .about-area div:first-child p{
    margin-bottom: 30px;
}

#subscribe .about-area img{
    max-width: 100%;
    max-height: 300px;
    align-self: center;
    justify-self: center;
    transition: ease 0.3s;
}

#subscribe .about-area img:hover{
    transform: scale(1.04);
}

/* 공통 */
#subscribe .about-area .aboutTxt {width:100%;word-break: keep-all;align-self: center;}
#subscribe .about-area .aboutTxt .aboutTit {display:block;margin-bottom:20px;font-weight:700;text-align:left;font-size:1.8rem;}
#subscribe .about-area .aboutTxt .aboutTit > em {color:#21c19b;}
#subscribe .about-area .aboutTxt .aboutDesc {display:block;font-family: NotoCJkrR;text-align:left;font-size:1.2rem;color:#555;}
#subscribe .about-area .aboutTxt .aboutDesc > em {display:block;color:#21c19b;}

#subscribe .about-area .btn-certified {clear:both;display:block;width:300px;height:45px;line-height:45px;margin:50px auto;text-align:center;font-size:1.333rem;color:#fff;background:#21c19b;}

/* 구독신청 */
#subscribe .productInfo-view { display: flex; width:100%; padding: 60px 40px 60px 10px; border-top:2px solid #171717; box-sizing:border-box; }
#subscribe .productInfo-view .left {width:40%;  margin-right: 6rem;}
#subscribe .productInfo-view .right {display:flex; flex-direction: column; justify-content: space-between; flex: 1;}
#subscribe .productInfo-view .img-wrap { flex: 0 0 auto; width: 100%; height: auto;} 
#subscribe .productInfo-view .img-wrap img { width: 100%; height: 100%; object-fit: contain; } 
#subscribe .productInfo-view .pv-txt { width:100%; text-align: left;} 
#subscribe .productInfo-view .pv-txt .pv-tit { display:block; width:100%; font-weight:500; font-size:1.667rem; } 
#subscribe .productInfo-view .pv-txt .pv-desc {display: inline-block; width:100%; margin-top: 1.2rem; font-weight:300; font-size:1.133rem; color: #969696; } 
#subscribe .productInfo-view .pv-txt .shipping{display: inline-block; margin-top: 1.5rem; font-weight: 700; color: #171717; }
#subscribe .productInfo-title { padding:100px 0 10px 0; font-weight:500; text-align:left; font-size:2rem; color:#171717; } 
#subscribe .productInfo-title .txt-point { color:#006cdb; } 
#subscribe .productInfo-desc { position:relative; width:100%; padding:0 0 20px 0; } 
#subscribe .productInfo-desc .one-txt { padding-right:50px; font-weight:300; text-align:left; font-size:1.133rem; color:#171717; } 
#subscribe .productInfo-desc .one-year { position:absolute; right:0; top:0; text-align:left; font-size:1.133rem; color:#ff9000; } 
#subscribe .productInfo-desc .one-year input[type="checkbox"] { display:none; } 
#subscribe .productInfo-desc .one-year label { display:inline-block; height:22px; line-height:22px; padding-left:30px; vertical-align:middle; } 

#subscribe .productInfo-gift { position:relative; width:100%;margin-top: 1.2rem;text-align: right; } 
#subscribe .productInfo-gift > ul { overflow:hidden; width:100%; border-top:2px solid #171717; border-bottom:1px solid #e6e6e6; padding-bottom:50px; } 
#subscribe .productInfo-gift > ul > li { position:relative; float:left; width:23.65%; margin:0 1.8% 0 0; padding-top:50px; } 
#subscribe .productInfo-gift > ul > li:nth-child(4n+4) { margin-right:0%; } 
#subscribe .productInfo-gift > ul > li .proVisual-img { position:relative; width:100%; } 
#subscribe .productInfo-gift > ul > li .proVisual-img .proTxt { display:none; } 
#subscribe .productInfo-gift > ul > li .proVisual-img img { width:100%; max-width:260px; height:auto; } 

#subscribe .productInfo-gift > ul > li .proTit { margin-top:15px; text-align:left; overflow:hidden; width:100%; } 
#subscribe .productInfo-gift > ul > li .proTit input[type="radio"] { display:none; } 
#subscribe .productInfo-gift > ul > li .proTit label { display:inline-block; width:100%; height:22px; line-height:22px; padding-left:30px; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; vertical-align:middle; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; } 

#subscribe .productInfo-gift > ul > li .proDesc { overflow:hidden; height:50px; margin:10px 0 20px 0; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
#subscribe .productInfo-gift > ul > li .proPrice { font-weight:500; text-align:left; font-size:1rem; color:#171717; } 

#subscribe .productInfo-gift .productInfo-txt { display:block; padding:10px; margin-bottom:50px; font-weight:300; text-align:left; font-size:0.933rem; color:#171717; } 
#subscribe .productInfo-gift .btn-subscription { display:block; width:250px; height:45px; line-height:45px; margin-left: auto; text-align:center; font-size:1.333rem; color:#fff; background:#21c19b; overflow:hidden; } 

#subscribe .productInfo-gift .diary-img { position: relative; left: 20px; top: 25px; width: 100%; height: auto; } 
#subscribe .productInfo-view ul { padding: 25px 0 0; } 

#subscribe select { width: 100%; color: #666; } 
#subscribe li input { width: 100%; } 
#subscribe input::placeholder { color: #ACACAC; } 
#subscribe .staff_wrap { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } 
#subscribe .staff_wrap label { width: 100%; margin: 20px 0 10px; text-align: left; } 
#subscribe .staff_wrap input { width: 49%; } 
#subscribe .productInfo-view .price { text-align:right; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 700; color: #21c19b; }

#subscribe .productInfo-view .option_wrap li {margin-bottom: 10px;}

/* 구독신청 - 일반구독 */

/* 구독신청 - 대학생구독 */

/* 구독신청 - 이달의 주목상품 */

/* 구독신청 - 전체상품 리스트 */
.tableTab { float:right; width:58px; margin-bottom:0px; } 
.tableTab li { float:left; width:50%; border:1px solid #e6e6e6; border-left:0px; } 
.tableTab li a { display:block; width:27px; height:25px; text-indent:-99999px; } 
.tableTab li:first-child { border-left:1px solid #e6e6e6; } 
.tableTab li:first-child a { background:url('../../images/common/btn_list_pro.png') no-repeat center top; } 
.tableTab li:last-child a { background:url('../../images/common/btn_line_pro.png') no-repeat center top; } 
.tableTab li.active a { background-position:center bottom; } 

.tabCont { clear:both; margin-top: 20px; }
.tabCont .cont .button_wrap { text-align:right; margin-bottom:30px; } 
.tabCont .cont .button_wrap .btn_account { display:inline-block; width:150px; height:45px; line-height:45px; background:#21c19b; text-align:center; color:#fff; } 
.tabCont .cont .button_wrap .btn_card { display:inline-block; width:150px; height:45px; line-height:45px; background:#21c19b; text-align:center; color:#fff; } 

/* 상품 한줄 리스트 */
.productList-table { clear:both; position:relative; width:100%; } 
.productList-table > ul { width:100%; border-top:2px solid #171717; } 
.productList-table > ul > li { position:relative; float:left; width:100%; overflow:hidden; padding:30px 2.5%; border-bottom:1px solid #e6e6e6; } 
.productList-table > ul > li .proVisual-img { float:left; position:relative; width:140px; height:auto; margin-left:10px; } 
.productList-table > ul > li .proVisual-img .proTxt { display:none; } 
.productList-table > ul > li .proVisual-img:hover .proTxt { display:block; position:absolute; left:0; top:0; width:100%; height:100%; padding:15% 5%; text-align:center; font-size:1.133rem; color:#fff; background:rgba(0,74,141,0.9); } 
.productList-table > ul > li .proVisual-img:hover .proTxt em { position:absolute; left:50%; bottom:50px; width:50%; height:40px; line-height:40px; margin-left:-25%; text-align:center; font-size:1rem; color:#fff; background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.7); box-sizing:border-box; border-radius:3px; } 
.productList-table > ul > li .proVisual-img img { width:100%; max-width:260px; height:auto; } 

.productList-table > ul > li .proTxt-area { position:absolute; left:220px; top:0; width:80%; } 
.productList-table > ul > li .proTxt-area .proTit { display:block; height:58px; margin-top:30px; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } 
.productList-table > ul > li .proTxt-area .proDesc { display:block; overflow:hidden; height:50px; margin:10px 0; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
.productList-table > ul > li .proTxt-area .proPrice { display:block; font-weight:500; text-align:left; font-size:1rem; color:#171717; } 
.productList-table > ul > li .proTxt-area .proPrice span { } 

/* 상품 사각형태 리스트 */
.productLine-table { clear:both; position:relative; width:100%; } 
.productLine-table > ul { position:relative; overflow:hidden; width:100%; padding:0 20px 50px 20px; border-top:2px solid #171717; } 
.productLine-table > ul > li { position:relative; float:left; width:22%; margin:0 4% 0 0; padding-top:50px; } 
.productLine-table > ul > li:nth-child(4n+4) { margin-right:0%; } 
.productLine-table > ul > li a { display:block; width:100%; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.productLine-table > ul > li:hover a { margin-top:-5px; padding-bottom:5px; } 
.productLine-table > ul > li a .proVisual-img { position:relative; width:100%; } 
.productLine-table > ul > li a .proVisual-img .proTxt { display:block; position:absolute; left:0; top:0; width:100%; height:100%; padding:14% 5%; opacity:0; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.productLine-table > ul > li:hover a .proVisual-img .proTxt { opacity:1; background:rgba(33,193,155,0.9); } 
.productLine-table > ul > li:hover a .proVisual-img .proTxt i { display:block; position:absolute; left:0; top:50%; width:100%; height:50%; margin-top:-25%; padding:0 5%; text-align:center; font-size:1.133rem; color:#fff; } 
.productLine-table > ul > li:hover a .proVisual-img .proTxt i em { position:absolute; left:50%; bottom:50%; width:50%; height:40px; line-height:40px; margin-left:-25%; text-align:center; font-size:1rem; color:#fff; background:rgba(0,0,0,0); border:1px solid rgba(255,255,255,0.7); box-sizing:border-box; } 
.productLine-table > ul > li a .proVisual-img img { width:100%; max-width:260px; height:auto; } 

.productLine-table > ul > li a .proTit { height:58px; margin-top:10px; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } 
.productLine-table > ul > li a .proDesc { overflow:hidden; height:50px; margin:10px 0 20px 0; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
.productLine-table > ul > li a .proPrice { font-weight:500; text-align:left; font-size:1rem; color:#171717; } 
.productLine-table > ul > li a .proPrice span { } 

/* 한경도서 리스트 */
.bookLine-table { clear:both; position:relative; width:100%; } 
.bookLine-table .noData { position:relative; width:100%; border-top:2px solid #171717; margin-top:100px; padding:100px 0; background: #fafafa; text-align:center; font-size:1.333rem; } 
.bookLine-table > ul { position:relative; overflow:hidden; width:100%; padding:0 20px 50px 20px; border-top:2px solid #171717; } 
.bookLine-table > ul > li { position:relative; float:left; width:22%; margin:0 4% 0 0; padding-top:50px; } 
.bookLine-table > ul > li:nth-child(4n+4) { margin-right:0%; } 
.bookLine-table > ul > li a { display:block; width:100%; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.bookLine-table > ul > li:hover a { margin-top:-5px; padding-bottom:5px; } 
.bookLine-table > ul > li a .proVisual-img { position:relative; width:100%; } 
.bookLine-table > ul > li a .proVisual-img .proTxt { display:block; position:absolute; left:0; top:0; width:100%; height:100%; padding:14% 5%; opacity:0; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.bookLine-table > ul > li:hover a .proVisual-img .proTxt { opacity:1; background:rgba(33,193,155,0.9); } 
.bookLine-table > ul > li:hover a .proVisual-img .proTxt i { display:block; position:absolute; left:0; top:50%; width:100%; height:50%; margin-top:-25%; text-align:center; font-size:1.133rem; color:#fff; } 
.bookLine-table > ul > li:hover a .proVisual-img .proTxt i em { position:absolute; left:50%; bottom:0px; width:50%; height:40px; line-height:40px; margin-left:-25%; text-align:center; font-size:1rem; color:#fff; background:rgba(0,0,0,0); border:1px solid rgba(255,255,255,0.7); box-sizing:border-box; } 
.bookLine-table > ul > li a .proVisual-img img { width:100%; max-width:240px; height:auto; } 

.bookLine-table > ul > li a .proTit { position:relative; height:58px; margin-top:10px; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; /*white-space:nowrap; text-overflow:ellipsis; */ } 

/*
.bookLine-table > ul > li a .proDesc { overflow:hidden; height:50px; margin:5px 0 10px 0; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
.bookLine-table > ul > li a .proPrice { font-weight:500; text-align:left; font-size:1rem; color:#171717; } 
.bookLine-table > ul > li a .proPrice span { } 
*/
.bookLine-table > ul > li a .proDesc { width:100%; padding-bottom:5px; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
.bookLine-table > ul > li a .proDesc span { float:right; text-decoration:line-through; } 
.bookLine-table > ul > li a .proPrice { position:relative; width:100%; font-weight:300; text-align:left; font-size:1.133rem; color:#000; } 
.bookLine-table > ul > li a .proPrice span { float:right; display:inline; padding:1px 18px 2px 18px; font-weight:300; text-align:center; font-size:1rem; color:#fff; background:#21c19b; border-radius:20px; } 

/* 구독신청 - 신청 */
#subscribe .cs-title { width:100%; height:28px; line-height:28px; padding:20px 0 48px 35px; text-align:left; font-size:1.667rem; color:#171717; background: url('../../images/common/bullet-circle.png') no-repeat left center; background-size:28px 28px; } 
#subscribe .cs-privacy { width:100%; height:300px; overflow-y:auto; padding:30px; text-align:left; font-size:1.133rem; color:#969696; line-height:1.6; border:1px solid #efefef; } 

#subscribe .checkBox { overflow:hidden; position:relative; width:100%; height:22px; margin:25px 0 65px 0; text-align:left; } 
#subscribe .radio.yes { position:absolute; left:0; } 
#subscribe .radio.no { position:absolute; left:150px; } 
#subscribe .radio input[type="radio"] { display:none; } 
#subscribe .radio label { display:block; padding-left:30px; width:auto; height:22px; line-height:22px; cursor:pointer; text-align:left; font-size:1.133rem; color:#171717; background:url('../../images/common/checkd_img.png') no-repeat left bottom; } 
#subscribe .radio input[type="radio"]:checked + label { background:url('../../images/common/checkd_img.png') no-repeat left top; } 

#subscribe .checkBox2 { overflow:hidden; position:relative; width:100%; height:150px; margin:25px 0 65px 0; text-align:left; }
.checkBox2 .check-box { padding-top:10px } 
.checkBox2 .check-box input[type="checkbox"] { display:none; } 
.checkBox2 .check-box label { padding-left:30px } 

/* **************************************** *
 * HKMEMBERS : 한경멤버스
 * **************************************** */

#hkMembers { padding-top:70px; padding-bottom: 100px; } 

/* 한경멤버스 - 한경멤버스 소개 */
/* 한경멤버스 - 한경멤버스 소개 */
/* 20220721 수정 */
#hkMembers .members-area div{
    position:relative;
    width:100%;
    display: grid; 
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px;
    margin-bottom: 30px;
}

#hkMembers .members-area img{
    max-width: 100%;
    max-height: 300px;
    align-self: center;
    justify-self: center;
    transition: ease 0.3s;
}
#hkMembers .members-area img:hover{
    transform: scale(1.04);
}


/* 공통 */ 
/* 한경멤버스 - 한경멤버스 소개 */
/* 20220721 수정 */
#hkMembers .members-area div{
    position:relative;
    width:100%;
    display: grid; 
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px;
    margin-bottom: 30px;
}

#hkMembers .members-area img{
    max-width: 100%;
    max-height: 300px;
    align-self: center;
    justify-self: center;
    transition: ease 0.3s;
}
#hkMembers .members-area img:hover{
    transform: scale(1.04);
}


/* 공통 */ 
#hkMembers .members-area .membersTxt {width:100%;word-break: keep-all;align-self: center;}
#hkMembers .members-area .membersTxt .membersTit {display:block;margin-bottom:20px;font-weight: 600;text-align:left;font-size:1.5rem;}
#hkMembers .members-area .membersTxt .membersTit > em {color:#21c19b;}
#hkMembers .members-area .membersTxt .membersDesc {display:block;font-family: NotoCJkrR;text-align:left;font-size:1.133rem;color:#555;}
#hkMembers .members-area .membersTxt .membersDesc > em {display:block;color:#21c19b;}

.membersBottom{width: 100%;margin:70px 0; transition: ease 0.5s;overflow: hidden;}
.membersBottom img{
    width: 100%;
}
.membersBottom p{font-size: 1.5rem;margin-top: 20px;font-family:NotoCJkrB;}
.membersBottom:hover{
    transform: translateY(-10px);
}
#hkMembers .members-area .ma-last-txt {padding:30px 0 70px 0;font-family:NotoCJkrR;text-align:center;font-size:1.667rem;}
#hkMembers .btn-certified {display:block;width:300px;height:45px;line-height:45px;margin:0 auto;font-family:NotoCJkrR;text-align:center;font-size:1.333rem;color:#fff;background:#21c19b;}/* 20220721 수정 끝 */
/* 한경멤버스 - 한경도서 */

/* 한경멤버스 - 한경굿즈 */
#hkMembers .pro-tableBox { clear:both; position:relative; overflow:hidden; padding-top:20px; } 

/* 3단으로 수정 */
#hkMembers .pro-tableBox .pt-list { position:relative; display:flex; flex-wrap: wrap; width:100%; padding:0 20px 50px 20px; } 
#hkMembers .pro-tableBox .pt-list > li { position:relative; text-align:center; width:32.6%; margin:0 1.1% 0 0; padding-top:50px; } 
#hkMembers .pro-tableBox .pt-list > li:nth-child(1),
#hkMembers .pro-tableBox .pt-list > li:nth-child(2),
#hkMembers .pro-tableBox .pt-list > li:nth-child(3) { padding-top:0; } 
#hkMembers .pro-tableBox .pt-list > li:nth-child(1n+3) { text-align:left; } 
#hkMembers .pro-tableBox .pt-list > li:nth-child(3n+3) { /* text-align:right; */margin-right:0; } 

#hkMembers .pro-tableBox .pt-list > li a { display:block; width:100%; -webkit-transition: all 0.3s; transition: all 0.3s; } 
#hkMembers .pro-tableBox .pt-list > li a img { width:100%; max-width:340px; overflow:hidden; border:1px solid #e6e6e6; box-sizing:border-box; } 
#hkMembers .pro-tableBox .pt-list > li:hover a { margin-top:-5px; padding-bottom:5px; } 
#hkMembers .pro-tableBox .pt-list > li a .ptl-title { width:90%; height:auto; margin:10px 5% 0 5%; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; overflow:hidden; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis; }
#hkMembers .pro-tableBox .pt-list > li a .ptl-desc { width:90%; overflow:hidden; height:50px; margin:5px 5% 10px 5%; font-weight:300; text-align:left; font-size:1.133rem; color:#000; } 
#hkMembers .pro-tableBox .pt-list > li a .ptl-price { width:90%; margin:10px 5% 0 5%; padding-bottom:5px; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; }
#hkMembers .pro-tableBox .pt-list > li a .ptl-price span { float:right; text-decoration:line-through; } 
#hkMembers .pro-tableBox .pt-list > li a .ptl-dc { position:relative; width:90%; margin:0 5%; font-weight:300; text-align:left; font-size:1.133rem; color:#000; } 
#hkMembers .pro-tableBox .pt-list > li a .ptl-dc span { float:right; display:inline; padding:1px 18px 2px 18px; font-weight:300; text-align:center; font-size:1.30rem; color:#fff; background:#21c19b; border-radius:20px; }
#hkMembers .soldout_img { position: absolute; top: 0; left:0; z-index: 0; width:100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0,0,0,.3); color:#fff; font-size: 1.6rem; font-weight:700; } 
#hkMembers .soldout_img::before { position:absolute; top:50%; left: 0; z-index: -1; content: ""; width: 100%; height: 50%; transform: translateY(-50%); background: rgba(0,0,0,.3); } 
#hkMembers .soldout_img span:first-child { font-size: 2.433rem; }
#myHk .soldout_img { position: absolute; top: 0; left:0; z-index: 0; width:100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0,0,0,.3); color:#fff; font-size: 1.6rem; font-weight:700; }
#myHk .soldout_img::before { position:absolute; top:50%; left: 0; z-index: -1; content: ""; width: 100%; height: 50%; transform: translateY(-50%); background: rgba(0,0,0,.3); }
#myHk .soldout_img span:first-child { font-size: 2.433rem; }

#hkMembers .pro-view { width:100%; border-top:2px solid #171717; } 
#hkMembers .pro-view .pro-layer { display:block; position:relative; overflow:hidden; width:100%; } 
#hkMembers .pro-view .pro-layer li { float:left; width:50%; min-height:480px; max-height:480px; padding:50px; text-align:center; border:1px solid #efefef; box-sizing:border-box; } 
#hkMembers .pro-view .pro-layer li:first-child { border-right:0px; box-sizing:border-box; } 
#hkMembers .pro-view .pro-layer li .pro-table { display:table; width:100%; height:100%; min-height:380px; } 
#hkMembers .pro-view .pro-layer li .pro-table .pro-table-cell { display:table-cell; height:100%; text-align:center; vertical-align:middle } 
#hkMembers .pro-view .pro-layer li .pro-table .pro-table-cell img { width:100%; max-width:500px; max-height:380px } 

#hkMembers .pro-view .pro-layer li .pro-tit { padding:0 0 50px 0; text-align:center; font-weight:bold; font-size:1.667rem; color:#010101; } 
#hkMembers .pro-view .pro-layer li .pro-desc { overflow:hidden; overflow-y:auto; max-height:200px; padding:30px 0; border-top:1px solid #efefef; border-bottom:1px solid #efefef; text-align:left; font-size:1.286rem; line-height:1.6; } 
#hkMembers .pro-view .pro-layer li .btn-shopping-go { width:300px; height:50px; line-height:50px; margin:50px auto; padding-left:50px; text-align:center; font-weight:bold; font-size:1.467rem; color:#fff; background:#026d9e url('../../../../../404.html') no-repeat 40px center; background-size:50px 50px; border-radius:30px; } 

#hkMembers .pro-list { position:relative; width:100%; margin:50px 0 70px 0; } 
#hkMembers .pro-list dt { width:100%; height:28px; line-height:28px; padding:20px 0 48px 40px; text-align:left; font-weight:bold; font-size:1.333rem; color:#010101; border-bottom:1px solid #efefef; background: url('../../images/common/bullet-circle.png') no-repeat left center; background-size:28px 28px; } 
#hkMembers .pro-list dd { width:100%; line-height:1.6; padding:30px 30px 0 40px; text-align:left; font-size:1.133rem; color:#969696; } 

/* 한경멤버스 - 쇼핑몰상세 */
#hkMembers .item-preview { overflow:hidden; position:relative; width:100%; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #e6e6e6; } 
#hkMembers .item-thumb { float:left; width:500px; height:464px; padding:50px; border:1px solid #e6e6e6; box-sizing:border-box; } 
#hkMembers .item-thumb > img.thumb_img { width:100%; height: 100%; object-fit: contain; } 
/* #hkMembers .item-preview.klay .item-thumb::after { content: ''; display: block; position: absolute; top: 20px; left: 7px; width: 114px; height: 40px; background: url('/../img/klay_icon.png') no-repeat center/ cover; } */

#hkMembers .order-box { float:right; width:50%; max-width:600px; /*height:100%; */padding:0 20px; } 
#hkMembers .order-box .item-num { font-weight:300; text-align:left; font-size:1rem; color:#969696; } 
#hkMembers .order-box .item-tit { width:100%; padding:10px 0; text-align:left; font-size:1.5rem; } 
#hkMembers .order-box .payment_info { position:relative; width:100%; border-top:1px solid #e6e6e6; } 
#hkMembers .order-box .payment_info .quantity { display: flex; overflow:hidden; position:relative; width:100%; margin: 0 0 5px; /*padding:10px 0; border-bottom:1px solid #e6e6e6;*/ } 
#hkMembers .order-box .payment_info .quantity dt { width:25%; /*padding:5px 0;*/ text-align:left; font-size:1.133rem; } 
#hkMembers .order-box .payment_info .quantity dd { width:75%;/* padding:5px 0;*/ text-align:left; font-size:1.133rem; } 
#hkMembers .order-box .payment_info .quantity dd .btn-cardPlan { display:inline-block; padding:2px 10px; text-align:center; font-size:0.8rem; border:1px solid #e6e6e6; cursor:pointer; } 

#hkMembers .order-box .payment_info .quantity dd input.xl { width:100%; } 
#hkMembers .order-box .payment_info .quantity dd input.xs { width:29.4%; } 
#hkMembers .order-box .payment_info .quantity dd .btn-post { display:inline-block; width:37%; height:40px; line-height:40px; font-weight:300; text-align:center; font-size:1.133rem; color:#fff; background:#4d4d4d; vertical-align:top; } 
#hkMembers .order-box .payment_info .quantity.full { flex-wrap: wrap; margin: 30px 0 5px; }
#hkMembers .order-box .payment_info .quantity.full dt { width: 100%; margin: 0 0 10px; }
#hkMembers .order-box .payment_info .quantity.full dd { display: flex; align-items: center; width: 100%; }
#hkMembers .order-box .payment_info .quantity.full select { width: 100%; font-size: 1.1rem; }


#hkMembers .order-box .payment_info .quantity .ipt_txt { width:50px; height:23px; line-height:21px; vertical-align: middle; } 
#hkMembers .order-box .payment_info .quantity .ea { display: inline-block; width: 21px; height: 21px; background: url(https://img-shop.pstatic.net/storefarm/front/simple/normal/sp_skin_170703.png) no-repeat -70px -60px; vertical-align: middle; } 
#hkMembers .order-box .payment_info .quantity .ea a { float: left; overflow: hidden; width: 21px; height: 11px; text-indent: 100%; } 
#hkMembers .order-box .payment_info .quantity .eat { display: inline-block; margin:-5px 0 0 4px; vertical-align: middle; } 
#hkMembers .order-box .payment_info .quantity .bar { padding: 0 3px 0 2px; color: #e2e2e2; } 
#hkMembers .order-box .payment_info .quantity .txt { display:inline-block; margin:0 0 -3px; word-wrap: break-word; word-break: break-all; } 

#hkMembers .order-box .payment_info .total-amount { position: relative; width:100%; padding:20px 0 30px 0; text-align:right; } 
/* #hkMembers .item-preview.klay .payment_info .total-amount::before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 114px; height: 40px; background: url('/../img/klay_icon.png') no-repeat center/ cover; } */
#hkMembers .order-box .payment_info .total-amount .total-txt { text-align:right; font-size:2rem; } 
#hkMembers .order-box .payment_info .total-amount .total-price { padding-left:5px; font-weight:500; text-align:right; font-size:2rem; color:#fd3780; } 
#hkMembers .order-box .payment_info .item-inquiry { display:inline-block; width:48.5%; height:45px; line-height:43px; margin-right:2%; text-align:center; font-size:1.2rem; color:#21c19b; background:#fff; border:1px solid #21c19b; } 
#hkMembers .order-box .payment_info .item-purchase { display:inline-block; width:48.5%; height:45px; line-height:45px; text-align:center; font-size: 1.2rem; color:#fff; background:#21c19b; } 

/* 카드할인 팝업 */
#hkMembers .order-box .payment_info .cardPop_nofee { display:none; position:absolute; top:50px; left:0; padding:20px; z-index:10000; min-width:320px; max-height:296px; overflow-y:auto; background:#fff; border:1px solid #e6e6e6; box-sizing:border-box; } 
#hkMembers .order-box .payment_info .cardPop_nofee::-webkit-scrollbar { width:4px; height:0; } 
#hkMembers .order-box .payment_info .cardPop_nofee::-webkit-scrollbar-track { background:rgba(242,242,242,1); } 
#hkMembers .order-box .payment_info .cardPop_nofee::-webkit-scrollbar-thumb { background:rgba(220,220,220,0.7); } 
#hkMembers .order-box .payment_info .cardPop_nofee .cardPop-close { position:absolute; right:10px; top:30px; display:block; width:20px; height:2px; background:#171717; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); cursor:pointer; } 
#hkMembers .order-box .payment_info .cardPop_nofee .cardPop-close:before { content: ''; position:absolute; right:0px; top:0px; width:20px; height:2px; background:#171717; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } 
#hkMembers .order-box .payment_info .cardPop_nofee .title { display:block; font-weight:bold; text-align:left; font-size:1.333rem; } 
#hkMembers .order-box .payment_info .cardPop_nofee .list_card { position:relative; } 
#hkMembers .order-box .payment_info .cardPop_nofee .list_card .item_card { position:relative; margin-top:20px; padding-left:73px; text-align:left; } 
#hkMembers .order-box .payment_info .cardPop_nofee .list_card .item_card .brand { position:absolute; top:50%; left:0; margin-top:-8px; } 
#hkMembers .order-box .payment_info .cardPop_nofee .list_card .item_card .area_terms .months { text-align:left; font-size:0.9rem; } 
#hkMembers .order-box .payment_info .cardPop_nofee .list_card .item_card .area_terms .terms { text-align:left; font-size:0.9rem; } 

#hkMembers .shopTab { display:none; clear:right; overflow:hidden; position:relative; width:100%; margin:50px 0; } 
#hkMembers .shopTab li { float:left; width:25%; border:1px solid #e6e6e6; border-left:0; } 
#hkMembers .shopTab li:first-child { border-left:1px solid #e6e6e6; } 
#hkMembers .shopTab li a { display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:1.2rem; color:#171717; } 
#hkMembers .shopTab li.active { border:1px solid #171717; } 
#hkMembers .shopTab li.active a { color:#fff; background:#171717; } 

/* 샵 - 리뷰 */
.cont { overflow:hidden; } 
.cont .review { position:relative; width:100%; } 
.cont .review .review-tit { font-weight: 700; text-align:left; font-size:1.667rem; } 
.cont .review .review-desc { padding:5px 0 10px 0; font-weight:300; text-align:left; font-size:1rem; } 
.cont .review .score_area { overflow:hidden; display:block; width:100%; padding:15px 0; border-top:2px solid #171717; border-bottom:1px solid #e6e6e6; } 
.cont .review .score_area dl { float:left; width:14%; padding:5px 0; } 
.cont .review .score_area dl dt { width:100%; padding-bottom:10px; } 
.cont .review .score_area dl dd { width:100%; } 

.cont .review .score_area dl.all { float:left; width:30%; } 
.cont .review .score_area dl.all dt { width:100%; } 
.cont .review .score_area dl.all dd { width:100%; } 

.cont .star { height:20px; display:inline-block } 
.cont .star span { height:100%; vertical-align:middle; display:inline-block } 
.cont .star .graph { width:100%; text-indent:-1000em; overflow:hidden; background:url('../../images/common/star_m_off.png') no-repeat } 
.cont .star .graph:before { width:0; height:100%; vertical-align:middle; background:url('../../images/common/star_m_on.png') no-repeat; display:block; content:'' } 
.cont .star.size_s { height:18px; color:#111; line-height:18px; white-space:nowrap } 
.cont .star.size_s .graph { width:78px; background:url('../../images/common/star_s_off.png') left center no-repeat } 
.cont .star.size_s .graph:before { background:url('../../images/common/star_s_on.png') left center no-repeat } 
.cont .star.size_s .score { font-weight:500 } 
.cont .star.size_b { height:29px } 
.cont .star.size_b .graph { width:171px; margin-right:14px; background:url('../../images/common/star_big_off.png') no-repeat } 
.cont .star.size_b .graph:before { background:url('../../images/common/star_big_on.png') no-repeat } 
.cont .star.score_5 .graph:before { width:100% } 
.cont .star.score_4 .graph:before { width:80% } 
.cont .star.score_3 .graph:before { width:60% } 
.cont .star.score_2 .graph:before { width:40% } 
.cont .star.score_1 .graph:before { width:20% } 

.cont .review-list { position:relative; border-top:2px solid #21c19b; } 
.cont .review-list tr { width:100%; } 
.cont .review-list tr.review-title { position:relative; display:block; width:100%; padding:15px 0; font-size:1.133rem; border-bottom:1px solid #e6e6e6; } 
.cont .review-list tr.review-title span { display:inline-block; text-align:center; font-size:1.133rem; } 
.cont .review-list tr.review-title .review-num { width:10%; display: inline-block; } 
.cont .review-list tr.review-title .review-score { width:15%; display: inline-block; } 
.cont .review-list tr.review-title .review-tit { width:43%; text-align:left; display: inline-block; } 
.cont .review-list tr.review-title .review-name { width:15%; display: inline-block; } 
.cont .review-list tr.review-title .review-date { width:15%; display: inline-block; } 

.cont .review-list tr.review_content_wrap { position:relative; display:block; }
.cont .review-list tr.review_content_wrap .review-content_text { padding:20px; font-weight:300; text-align:left; font-size:1.133rem; } 
.cont .review-list tr.review_content_wrap .review-content_text > img { width:100%; } 

/* 샵 - 상품문의 */
.cont .shop-qna { position:relative; width:100%; } 
.cont .shop-qna .shop-tit { font-weight:700; text-align:left; font-size:1.667rem; } 
.cont .shop-qna .shop-desc { padding:5px 0 10px 0; font-weight:300; text-align:left; font-size:1rem; } 

.cont .shop-list { position:relative; border-top:2px solid #21c19b; } 
.cont .shop-list tr { width:100%; } 
.cont .shop-list tr.shop-title { position:relative; display:block; width:100%; padding:15px 0; font-size:1.133rem; border-bottom:1px solid #e6e6e6; } 
.cont .shop-list tr.shop-title span { display:inline-block; text-align:center; font-size:1.133rem; } 
.cont .shop-list tr.shop-title .shop-num { width:10%; display: inline-block; } 
.cont .shop-list tr.shop-title .shop-tit { width:58%; text-align:left; display: inline-block } 
.cont .shop-list tr.shop-title .shop-name { width:15%; display: inline-block } 
.cont .shop-list tr.shop-title .shop-date { width:15%; display: inline-block } 
.cont .shop-list tr.shop-title .shop-answer { width:15%; color:#ff9000; } 
.cont .shop-list tr.shop-title .shop-answerReady { width:15%; color:#006cdb; } 

.cont .shop-list tr.shop_content_wrap { position:relative; display:block; border-bottom:1px solid #e6e6e6; } 
.cont .shop-list tr.shop_content_wrap .shop-content_text { padding:20px; font-weight:300; text-align:left; font-size:1.133rem; } 
.cont .shop-list tr.shop_content_wrap .shop-content_text .admin-answer { clear:both; width:100%; margin-top:20px; padding:20px; border-top:1px solid #e6e6e6; background:#fafafa; font-weight:300; text-align:left; font-size:1.133rem; } 
.cont .shop-list tr.shop_content_wrap .shop-content_text > img { width:100%; } 

/* 샵 - 배송/교환/반품 */
.cont .after-service { position:relative; width:100%; } 
.cont .after-service .after-tit { padding-bottom:10px; font-weight:500; text-align:left; font-size:1.667rem; } 

.cont .after-txt { clear:both; overflow:hidden; position:relative; width:100%; border-bottom:1px solid #e6e6e6; } 
.cont .after-txt dt { float:left; width:200px; padding:20px 0; text-align:center; font-size:1.333rem; } 
.cont .after-txt dd { float:left; width:80%; padding:20px 0; text-align:left; font-size:1rem; } 
.cont .after-txt dd ol li { padding:5px 0; text-align:left; font-size:1rem; } 

/* 한경멤버스 - 진행이벤트 */
#hkMembers .eventList { clear:both; position:relative; width:100%; border-top:2px solid #171717; padding-top:50px; } 
#hkMembers .eventList::after { content: ''; display: block; clear: both; } 
#hkMembers .eventList > li { float:left; position:relative; width:48%; margin:0 4% 50px 0; } 
#hkMembers .eventList > li:nth-child(even) { margin-right:0; } 
#hkMembers .eventList > li .eventImg {display:block; position: relative; overflow: hidden;    border: 1px solid #e8e6e3} 
#hkMembers .eventList > li .eventImg::before {content: ""; display: block; width: 100%; height: 100%; padding-bottom: 50%; }
#hkMembers .eventList > li.end_event .eventImg::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4) } 
#hkMembers .eventList > li .eventImg > img {position:absolute;left: 0; top:0; width:100%; height: 100%; object-fit: cover;} 
#hkMembers .eventList > li .tit { padding:15px 10px 15px 10px; text-align:left; font-size:1.333rem; color:#171717; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
#hkMembers .eventList > li .desc { padding:15px 10px 15px 10px; text-align:left; font-size:1rem; color:#969696; } 
#hkMembers .eventList > li .btn-progress { position: absolute; bottom:0; right:0; display:block; width:100px; height:40px; line-height:40px; text-align:center; font-size:1.133rem; color:#fff; background:#006cdb; } 
#hkMembers .eventList > li .btn-termination { position: absolute; bottom:0; right:0; display:block; width:100px; height:40px; line-height:40px; border: none; text-align:center; font-size:1.133rem; color:#fff; background:#bdbdbd; cursor:default; } 
#hkMembers .eventList > li .btn-winner { position: absolute; bottom:0; right:0; display:block; width:100px; height:40px; line-height:40px; text-align:center; font-size:1.133rem; color:#fff; background:#21c19b; } 
#hkMembers .tab_area { display: none; } 
#hkMembers .tab_area.active { display: block; } 
.event_title_wrap { display: flex; align-items: center; justify-content: space-between; } 
.tab_btn_wrap { display: flex; align-items: center; flex: 0 0 auto; margin-right: 15px; } 
.tab_btn_wrap p { position: relative; display: flex; align-items: center; font-size: 15px; font-weight: 500; cursor: pointer; } 
.tab_btn_wrap p::after { content: ''; position: absolute; right: -15px; width: 1px; height: 18px; background: #dfdfdf; } 
.tab_btn_wrap p:last-child::after { display: none; } 
.tab_btn_wrap p.active { font-size: 15px; color: #21c19b; border-bottom: 1px solid #21c19b; } 

#hkMembers .eventView { clear:both; position:relative; overflow:hidden; width:100%; } 
#hkMembers .eventView > li { float:left; position:relative; width:100%; padding:20px 0; } 
#hkMembers .eventView > li.head { padding-left:20px; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } 
#hkMembers .eventView > li.txt { width:100%; padding:10px 0; text-align:right; } 
.date { padding-left:20px; font-size:1rem; color:#171717; background: url('../../images/common/icon_today.svg') no-repeat left 4px; background-size:16px auto; } 
.hit { margin-left:15px; padding-left:20px; font-size:1rem; color:#171717; background: url('../../images/common/icon_view.svg') no-repeat left 4px; background-size:16px auto; } 
#hkMembers .eventView > li.txt .date { padding-left:20px; font-size:1rem; color:#171717; background: url('../../images/common/icon_today.svg') no-repeat left 4px; background-size:16px auto; } 
#hkMembers .eventView > li.txt .hit { margin-left:15px; padding-left:20px; font-size:1rem; color:#171717; background: url('../../images/common/icon_view.svg') no-repeat left 4px; background-size:16px auto; } 
#hkMembers .eventView > li.body { width:100%; padding:30px 5% 30px 5%; text-align:left; font-size:1.133rem; color:#171717; border-bottom:1px solid #e6e6e6; } 
#hkMembers .eventView > li.body > img { width:100%; } 
#hkMembers .eventView > li.body .btn-write { position:relative; bottom:0; left:50%; display:block; width:100px; height:40px; line-height:40px; margin:50px 0 0 -50px; text-align:center; font-size:1.133rem; color:#fff; background:#0270d8; } 
#hkMembers .eventView > li.btn { display: flex; align-items: center; justify-content: space-between; padding-bottom:50px; } 
#hkMembers .eventView > li.btn .btn-list { display:block; width:100px; height:40px; line-height:40px; text-align:center; font-size:1.133rem; color:#fff; background:#21c19b; } 
#hkMembers .eventView > li.btn .arrow_btn { border: 1px solid #21c19b; color: #21c19b; background: #fff; box-sizing: border-box; } 
.hkMembers_title_wrap { display: flex; align-items: center; justify-content: space-between; } 
/* 한경멤버스 - 당첨자발표 */


/* **************************************** *
 * READER : 독자센터
 * **************************************** */

#reader { padding:70px 0 100px 0; } 

/* 독자센터 - 공지사항 */

/* 독자센터 - FAQ */
#reader .questions-title { position:relative; width:100%; margin-bottom:50px; } 
#reader .questions-title .qt-teb { overflow:hidden; } 
#reader .questions-title .qt-teb li { float:left; width:20%; border:1px solid #e6e6e6; border-left:0; } 
#reader .questions-title .qt-teb li:first-child { border-left:1px solid #e6e6e6; } 
#reader .questions-title .qt-teb li a { display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:1.2rem; color:#171717; } 
#reader .questions-title .qt-teb li.active { border:1px solid #171717; } 
#reader .questions-title .qt-teb li.active a { color:#fff; background:#171717; } 

#reader .faq-list { border-top:2px solid #171717; margin-top:10px; } 
#reader .faq-list li { width:100%; border-bottom:1px solid #e6e6e6; } 
#reader .faq-list li .faq-tit { position:relative; display:block; padding:30px 0; cursor: pointer; } 
#reader .faq-list li .faq-tit .faq-q { position:absolute; left:0; top:25px; width:40px; height:40px; line-height:40px; background:#21c19b; text-align:center; font-size:1.2rem; color:#fff; border-radius:50%; } 
#reader .faq-list li .faq-tit .faq-title { display:block; padding:0 40px 0 60px; text-align:left; font-size:1.2rem; } 
#reader .faq-list li .faq-tit .faq-control { position:absolute; right:10px; top:20px; } 
#reader .faq-list li .faq-tit .faq-control .material-icons { position:absolute; right:10px; top:14px; color:#21c19b; transition: 0.5s ease; -webkit-transition: 0.5s ease; -webkit-transition:rotate(90deg); transform: rotate(90deg); } 
#reader .faq-list li .faq-tit.active .faq-control .material-icons { -webkit-transition:rotate(-90deg); transform: rotate(-90deg); } 

#reader .faq-list li .faq_content_wrap { position:relative; display:block; border-top:1px solid #e6e6e6; } 
#reader .faq-list li .faq_content_wrap .faq-a { position:absolute; left:0; top:25px; width:40px; height:40px; line-height:40px; background:#e6e6e6; text-align:center; font-size:1.2rem; color:#fff; border-radius:50%; } 
#reader .faq-list li .faq_content_wrap .faq-content_text { padding:30px 30px 30px 60px; font-weight:300; text-align:left; font-size:1.2rem; } 

/* 독자센터 - 지국찾기 */
#reader .findBranch-search { position:relative; width:100%; } 
#reader .findBranch-search dl { overflow:hidden; position:relative; width:100%; border-top:2px solid #171717; border-bottom:1px solid #e6e6e6; } 
#reader .findBranch-search dl dt { float:left; width:15%; font-weight:300; text-align:center; font-size:1.133rem; padding:15px 0; background:#fafafa; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; } 
#reader .findBranch-search dl dt:first-child { border-left:0 } 
#reader .findBranch-search dl dd { float:left; width:25%; font-weight:300; text-align:center; font-size:1.133rem; padding:7px 0; background:#fff; } 
#reader .findBranch-search dl dd input[type="text"] { vertical-align:middle; } 
#reader .findBranch-search .btn-soup { position:absolute; right:0; top:2px; display:block; width:120px; padding:14px 0; text-align:center; font-size: 1.2rem; color:#fff; background:#ff9000; } 

#reader .findBranch-table { position:relative; width:100%; border-top:2px solid #171717; } 
#reader .findBranch-table thead th { font-weight:300; text-align:center; font-size:1.133rem; padding:15px 0; background:#fafafa; border:1px solid #e6e6e6; border-left:0; } 
#reader .findBranch-table thead th.last { border-right:0; } 
#reader .findBranch-table thead td { font-weight:300; text-align:center; font-size:1.133rem; border:1px solid #e6e6e6; border-left:0; } 
#reader .findBranch-table thead td.last { border-right:0; border-left:0; } 
#reader .findBranch-table thead td.last { background:#ff9000; } 
#reader .findBranch-table thead td a { display:block; width:100%; height:100%; padding:20px 0; text-align:center; font-size: 1.133rem; color:#fff; } 
#reader .findBranch-table tbody th { font-weight:300; text-align:center; font-size:1.133rem; padding:15px 0; border:1px solid #e6e6e6; border-left:0; } 
#reader .findBranch-table tbody td { font-weight:300; text-align:center; font-size:1.133rem; padding:15px 0; border:1px solid #e6e6e6; border-left:0; } 
#reader .findBranch-table tbody td.last { border-right:0; } 
#reader .findBranch-table tbody td.last.taL { padding-left:15px; } 
#reader .findBranch-table tbody td.last a { display:inline-block; margin:10px; width:auto; height:45px; line-height:45px; padding:0 30px; text-align:center; font-size: 1.133rem; color:#fff; background:#ff9000; } 

#reader .findBranch-subtitle { padding:50px 0 10px 0; font-weight:500; text-align:left; font-size:1.667rem; color:#171717; } 

/* 독자센터 - 1:1문의 */
#reader .inquiry-teb { overflow:hidden; width:300px; margin:-2px auto 50px; background:#fff; border:1px solid #e6e6e6; border-radius:50px; } 
#reader .inquiry-teb > li { float:left; width:45%; } 
#reader .inquiry-teb > li.active { width:55%; } 
#reader .inquiry-teb > li a { display:inline-block; width:100%; height:60px; line-height:60px; font-weight:300; text-align:center; font-size:1.133rem; color:#171717; border-radius:50px; cursor:pointer; } 
#reader .inquiry-teb > li.active a { color:#fff; background:#21c19b; } 

#reader .inquiryTab { clear:both; overflow:hidden; position:relative; width:100%; margin:50px 0 0 0; border-bottom:2px solid #21c19b; } 
#reader .inquiryTab li { float:left; width:20%; border:1px solid #e6e6e6; border-left:0; border-bottom:0; } 
#reader .inquiryTab.tabFour li { width:20%; } 
#reader .inquiryTab.tabFour2 li { width:25%; } 
#reader .inquiryTab li:first-child { border-left:1px solid #e6e6e6; } 
#reader .inquiryTab li a { display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:1.2rem; color:#171717; } 
#reader .inquiryTab li.active { border-color: transparent; } 
#reader .inquiryTab li.active a { color:#fff; background:#21c19b; } 

#reader .contact-tableTxt { position:relative; width:100%; padding:50px 0 10px 0; text-align:left; font-size:1.133rem; } 
#reader .contact-tableTxt span { display:inline-block; font-weight:300; font-size:1rem; } 

/* 독자센터 - 한경멤버스 인증 */
#reader .hmi-infoTxt { position:relative; width:100%; padding:40px 80px; border-top:2px solid #171717; background:#fafafa; } 
#reader .hmi-infoTxt .tit { display:block; padding-bottom:5px; font-weight:500; text-align:left; font-size:1.333rem; } 

#reader .hmi-infoTxt .tit strong { display:inline-block; text-align:left; font-size:1.333rem; } 
#reader .hmi-infoTxt span { display:block; font-weight:500; text-align:left; font-size:1.2rem; color:#171717 } 
#reader .hmi-infoTxt span i { color:#ff9000; } 

#reader .btn-subscription { display:block; width:250px; height:45px; line-height:45px; margin:0 auto; text-align:center; font-size:1.333rem; color:#fff; background:#21c19b; } 

#reader .certifiedTab { float:left; width:400px; margin:50px 0 -2px 0; z-index:99; } 
#reader .certifiedTab li { float:left; width:50%; border:1px solid #e6e6e6; background:#fafafa; } 
#reader .certifiedTab li a { display:block; width:100%; height:60px; line-height:60px; font-weight:300; text-align:center; font-size:1.333rem; color:#969696; } 
#reader .certifiedTab li.active { border:2px solid #171717; border-bottom:0; background:#171717; } 
#reader .certifiedTab li.active a { color:#fff; } 
#reader .table-write { border-top: 2px solid #21c19b; } 

/* **************************************** *
 * MYHK : MY한경
 * **************************************** */

#myHk { padding:70px 0 100px 0; } 

/* 구독신청 - 한국경제신문 소개 */
#myHk .bodyTit { position:relative; font-weight:500; font-size:3rem; color:#171717; } 
#myHk .bodyTit span:before { content:""; position:absolute; left:50%; bottom:3px; width:150px; height:20px; margin-left:-75px; background:#fff000; z-index:-1; } 

/* MY한경 - 구독조회 */
#myHk .myhk-view { position:relative; width:100%; height:auto; background:#fafafa; border:1px solid #e6e6e6; border-top:2px solid #171717; box-sizing:border-box; padding-bottom: 50px; }
#myHk .myhk-view > img { position:absolute; left:25px; top:25px; width:300px; height:auto; }
#myHk .myhk-view .mv-txt { float:left; width:100%; padding-left:380px; }
#myHk .myhk-view .mv-txt .mv-tit { display:block; width:93%; padding:50px 0 20px 0; font-weight:500; text-align:left; font-size:1.667rem; } 
#myHk .myhk-view .mv-txt .mv-tit i { font-weight:300; text-align:left; font-size:1.667rem; } 
#myHk .myhk-view .mv-desc { clear:both; overflow:hidden; width:100%; padding-left:380px; } 
#myHk .myhk-view .mv-desc li { display: flex; align-items: center; width:100%; padding:5px 0; font-weight:300; text-align:left; font-size:1.133rem; } 
#myHk .myhk-view .mv-desc li strong { position:relative; padding-left:10px; } 
#myHk .myhk-view .mv-desc li strong:before { content:''; position:absolute; left:0; top:13px; width:2px; height:2px; background:#171717; } 
#myHk .myhk-view .mv-desc li a.btn-members { display:block; margin-top:70px; width:240px; height:60px; line-height:60px; text-align:center; font-size:1.133rem; color:#fff; background:#21c19b; } 

#myHk .myhk-subtitle { padding:50px 0 10px 0; font-weight:500; text-align:left; font-size:1.667rem; color:#171717; } 
#myHk .myhk-subtitle .txt-point { color:#006cdb; } 
#myHk .myhk-subtitle .searchDate { float:right; position:relative; font-weight:300; font-size:1.133rem; } 
#myHk .myhk-subtitle .searchDate #searchNm { display:inline-block; width:300px; height:40px; padding-left:15px; background:#fff; vertical-align:middle; } 
#myHk .myhk-subtitle .searchDate .btn-search { display:inline-block; width:45px; height:40px; border:0; background:#006cdb url('../../images/common/ico_search.png') no-repeat center center; background-size:30px; vertical-align:middle; cursor:pointer; text-indent:-9999px; } 
#myHk .myhk-subtitle .searchDate select { max-width:200px; vertical-align:middle; } 

/* 마이페이지 메인(멤버스샵) */
.mypage_main .info_box { display: flex; align-items: center; background: #fafafa; border: 1px solid #ececec; border-top-width: 2px; border-top-color: #000; } 
.mypage_main .info_box .left { width: 50%; display: flex; align-items: center; padding: 40px 28px; border-right: 1px solid #ececec; } 
.mypage_main .info_box .right { width: 50%; padding: 40px 28px; } 
.mypage_main .info_box .rating { display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; padding: 13px; margin-right: 20px; flex-shrink: 0; border-radius: 50%; line-height: 1.2; font-size: 1.2rem; font-weight: 700; word-break: keep-all; color: #21c19b; }
.mypage_main .info_box p { text-align: left; font-size: 1.3rem; line-height: 1.8; } 
.mypage_main .info_box .name { font-size: 1.6rem; font-weight: 700; } 
.mypage_main .info_box .klay_txt { color: #f0b029; } 
.mypage_main .info_box .right div { display: flex; align-items: center; justify-content: space-between; } 
.mypage_main .info_box .right div:first-child { margin-bottom: 10px; } 
.mypage_main .info_box .right a { display: flex; align-items: center; justify-content: center; width: 135px; height: 3rem; border: 1px solid #21c19b; font-weight: 500; color: #21c19b; background: #fff; } 
.mypage_main .tab_wrap { padding: 48px 20px; } 
.mypage_main .my_tab { display: flex; align-items: center; justify-content: space-between; } 
.mypage_main .my_tab li { width: 17%; padding: 20px 0; border: 1px solid #21c19b; font-size: 1em; font-weight: 500; color: #21c19b; cursor: pointer; } 
.mypage_main .my_tab li.active { background: #fafafa; } 
.mypage_main .my_tab li a { color: #21c19b; } 
.mypage_main .order_list { border-bottom: 2px solid #000; } 
.mypage_main .order_list .top_wrap { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 10px; } 
.mypage_main .title_text { font-size: 1.8rem; font-weight: 700; } 
.mypage_main .order_list .more_btn { color: #b6b6b6; } 
.mypage_main .order_list .col_1 { width: 7%; } 
.mypage_main .order_list .col_2 { width: 7%; } 
.mypage_main .order_list .col_3 { width: 8%; } 
.mypage_main .order_list .col_4 { width: 25%; } 
.mypage_main .order_list .col_5 { width: 8%; } 
.mypage_main .order_list .col_6 { width: 12%; } 
.mypage_main .order_list .col_7 { width: 10%; } 
.mypage_main .order_list .col_8 { width: 16%; } 
.mypage_main .order_list .list_head { display: flex; align-items: center; padding: 5px 0; border-bottom: 2px solid #ececec;border-top: 2px solid #000;  } 
.mypage_main .order_list  .num { font-size: 0.8rem; font-weight: 500; } 
.mypage_main .order_list .list_body li { width: 100%; display: flex; align-items: center; padding: 15px 0; line-height: 1.2; border-bottom: 1px solid #ececec;}
.mypage_main .order_list .list_body li:not(:last-of-type) { margin-bottom: 15px;}
.mypage_main .order_list .list_body li:last-child { border-bottom: none;}

.mypage_main .order_list .prd_title span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; color: #999; font-weight: 700; }
.mypage_main .order_list .price span { display: block; } 
.mypage_main .order_list .price .small { font-size: 0.8rem; } 
.mypage_main .order_list .prd_img { width: 50px; height: 50px; flex-shrink: 0; margin: 0 auto; border: 1px solid #ececec; } 
.mypage_main .order_list .prd_img img {width: 100%; height: 100%; object-fit: cover;}
.mypage_main .order_list .detail_btn { padding: 3px 8px; background: #21c19b; color: #fff; } 
.mypage_main .order_list .btn_group button:first-child { margin-bottom: 10px; } 
.mb_only { display: none !important; } 

.mypage_main .filter_wrap .top_wrap { display: flex; align-items: center; justify-content: space-between; margin: 40px 0 30px; } 
.mypage_main .filter_wrap .filter_box { display: flex; align-items: center; justify-content: space-around; padding: 25px 10%; margin-bottom: 50px; background: #fafafa; border: 1px solid #ececec; } 
.mypage_main .filter_wrap .filter_box .month { } 
.mypage_main .filter_wrap .filter_box .month button { width:55px; height: 22px; background: #fff; border: 1px solid #bebebe; } 
.mypage_main .filter_wrap .date_wrap input { width:110px; height: 22px; border-color: #bebebe; font-size: 12px; padding: 0 5px; color: #333; } 
.mypage_main .filter_wrap .date_wrap { display: flex; align-items: center; } 
.mypage_main .filter_wrap .date_wrap span { margin: 0 10px; } 

/* 일대일 문의 */
.mypage_main .btn { min-width: 100px; padding: 5px 4px; background: #21c19b; color: #fff; }
.mypage_main .btn.btn_line { background: #fff; border: 1px solid #21c19b; color: #21c19b; } 
.qna_list .list_head { display: flex; align-items: center; padding: 10px 0; border-top: 2px solid #000; border-bottom: 2px solid #ececec; font-size: 1.3rem; } 
.qna_list .list_body li { position: relative; display: flex; padding: 8px 20px; border-bottom: 1px solid #bebebe; } 
.qna_list .list_body li.active { background: #fafafa; } 
.qna_list .list_head li:nth-child(1) { width: 25%; } 
.qna_list .list_head li:nth-child(2) { width: 75%; } 
.qna_list .list_body .dt { width:25%; padding:10px 0; font-size: 1.1rem; } 
.qna_list .list_body .dd { width:75%; } 
.qna_list .list_body .que { display: flex; align-items: center; justify-content: space-between; padding: 5px 0; cursor: pointer; } 
.qna_list .list_body li.active .que { border-bottom: 1px solid #bebebe; } 
.qna_list .list_body .que .btn { min-width: 64px; } 
.qna_list .list_body .que .wrap { display: flex; align-items: flex-end; width: 100%; text-align: left; } 
.qna_list .list_body .ans { display: none; padding: 8px 0; text-align: left; font-size: 0.9rem; } 
.qna_list .list_body li.active .ans { display: block; } 
.qna_list .list_body .date_text { flex-shrink: 0; padding: 0 5px; border-right: 1px solid #bebebe; font-size: 0.8rem; } 
.qna_list .list_body .title { width: 80%; margin-left: 20px; font-size: 1.1rem; font-weight: 500; } 
.qna_list .list_body .ans h3 { font-size: 0.9rem; font-weight: 500; } 
.qna_list .list_body .ans p { margin-bottom: 15px; } 
.qna_list .state { padding: 1px 3px; border: 1px solid #21c19b; font-size: 11px; color: #21c19b; } 

/* 장바구니 shop_cart_list.html */
#myHk.cart .cart_table { border-top: 2px solid #171717; } 
#myHk.cart .cart_table ul { display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #e6e6e6; } 
#myHk.cart .cart_table .head_list { background: #FAFAFA; } 
#myHk.cart .cart_table li { font-size: 1.2rem; } 
#myHk.cart .cart_table ul li:first-child { width: 56px; } 
#myHk.cart .cart_table ul li:nth-child(2) { width: 307px; } 
#myHk.cart .cart_table ul li:nth-child(3) { width: 120px; font-weight: 700; } 
#myHk.cart .cart_table ul li:nth-child(4) { width: 120px; word-break: break-all; } 
#myHk.cart .cart_table ul li:nth-child(5) { width: 129px; word-break: break-all; } 
#myHk.cart .cart_table ul li:nth-child(6) { width: 162px; } 
#myHk.cart .cart_table ul li:nth-child(7) { width: 126px; word-break: break-all; } 
#myHk.cart .cart_table ul li:nth-child(8) { width: 80px; } 
#myHk.cart .cart_table .cart_list li:nth-child(2) { display: flex; position: relative; } 
#myHk.cart .cart_table .prd_img { flex: 0 0 auto; width: 100px; height: 100px; margin-right: 20px; } 
#myHk.cart .cart_table .prd_img img { width: 100%; height: 100%; object-fit: cover; }
#myHK.cart .cart_table .cart_list .prd_text { padding: 10px 0 0; text-align: left; } 
#myHk.cart .cart_table .cart_list li:nth-child(2) p { width: 100%; font-size: 1.1rem; font-weight: 700; } 
#myHk.cart .cart_table .cart_list li:nth-child(6) { display: flex; align-items: center; justify-content: center; } 
#myHk.cart .cart_table .cart_list li input { width : 30%; border: none; font-size: 1.2rem; text-align:center; } 
#myHk.cart .cart_table .cart_list li:nth-child(6) button { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; font-size: 1.5rem; } 
#myHk.cart .cart_table button { height: 30px; padding: 0 10px; border: none; background: #EEE; } 
#myHk.cart .glores-A-btn-wrap .btn-app { margin: 0 5px 0 0; } 

/* #myHk .myhk-table { position:relative; width:100%; border-top:2px solid #171717; } 
#myHk .myhk-table thead th { font-weight:300; text-align:center; font-size:1.133rem; padding:15px 0; background:#fafafa; border:1px solid #e6e6e6; border-left:0; } 
#myHk .myhk-table thead th.last { border-right:0; } 
#myHk .myhk-table tbody td { font-weight:300; text-align:center; font-size:1.133rem; padding:10px 0; border-left:0; } 
#myHk .myhk-table tbody td.last { border-right:0; } 
#myHk .myhk-table tbody td.last.taL { padding-left:15px; } 
#myHk .myhk-table tbody td.last a { display:inline-block; margin:3px; width:auto; height:35px; line-height:35px; padding:0 15px; text-align:center; font-size: 0.9rem; color:#fff; background:#ff9000; } 
#myHk .myhk-table tbody td.last a.glores-A-small {color: #666; background: #eee; display: inline-block; font-size: 12px; padding: 0 10px; } 
#myHk .myhk-table tbody td.count div {display: flex;align-items: center; } 
#myHk .myhk-table tbody td.count input {border: none;width: 50px; } 
#myHk .myhk-table tbody td.count button {width: 35px;height: 35px;border: none;background: #eee; } 
#myHk .myhk-table tbody tr.lastBorder-no td { border-bottom:0; } 
#myHk .myhk-table tbody td input[type="checkbox"] { display:none; } 
#myHk .myhk-table tbody td label { display:block; height:22px; line-height:22px; vertical-align:middle; } 
#myHk .myhk-table tbody td input[type="checkbox"] + label { background-position:center top; } 
#myHk .myhk-table tbody td input[type="checkbox"]:checked+label { background-position:center bottom; } 
#myHk .myhk-table tbody td img { padding: 0; } */

#myHk .total-amount { width:100%; padding:20px 0 80px 0; text-align:right; } 
#myHk .total-amount .total-txt { font-size:1.5rem; } 
#myHk .total-amount .total-price { padding-left:5px; font-weight:700; text-align:right; font-size:2rem; color:#21c19b; } 
#myHk .glores-A-btn-wrap { display: flex; align-items: center; justify-content: center; } 
#myHk .glores-A-btn-wrap .btn-app { margin: 0 10px 0 0; } 
#myHk .glores-A-btn-wrap > .btn-app { margin: 0; } 

/* MY한경 - 주문관리 */

/* MY한경 - 문의내역 확인 */

/* 팝업 결제창 */
#wrap .payMent { position:relative; width:100%; } 
#wrap .payMent .payMent-tit { width:100%; height:60px; line-height:60px; padding-left:20px; text-align:left; font-weight:bold; font-size:1.333rem; color:#fff; background:#006cdb; } 
#wrap .payMent .payMent-desc { width:100%; height:540px; } 
#wrap .payMent .payMent-desc .txtEdit { position:absolute; left:0; top:50%; width:100%; height:30px; line-height:30px; margin-top:-15px; text-align:center; font-weight:bold; font-size:1.333rem; } 


/* 1024 대응 */
@media all and (max-width: 1200px) {.inner {max-width : 90%; }
 /* MAIN - ROLLRING EVENT */
 div.main .rollringEvent .slick-dots { right:3%; } 
 div.main .rollringEvent .slick-list { height: 110px; } 
 div.main .rollringEvent .slick-list .swiper-slide { width: 100%; height: 110px; display: inline-block; } 
 div.main .rollringEvent .slick-list .swiper-slide a img { height:100%; } 
 }

/* 1024 대응 */
@media all and (max-width: 980px) { /* COMMON */
 .pc { display:none !important; } 
 .mobile { display:block !important; } 
 .headFixd { padding:6px 0 !important; } 
 .lh70 { line-height:40px !important; } 
 .lh120 { line-height:40px !important; } 
 .pt_0 { padding-top:0 !important; } 
 .pt50_b20 { padding:25px 0; } 
 .pt0_b20 { padding:0 0 10px 0; } 
 .inner {max-width: unset; } 

 /* CONTAINER */
 #container { margin-top:50px; } 

 #subscribe { padding:40px 16px 50px; } 
 #hkMembers { padding: 30px 16px 50px; } 
 #reader { padding:40px 16px 50px; } 
 #myHk { padding: 70px 16px 50px; } 
 
 /* BUTTON */
 .btn-check { width:100px; } 
 .btn-cancell { width:100px; } 
 .btn-app { width:50%; } 
 .btn-price { width:auto; }
 .btn-top { right: 16px;bottom: 15%;z-index: 8;}

 /* SEARCH */
 .searchFind { float:left; width:100%; margin:0; padding:5px 25px 5px 0; text-align:right; }
 .searchFind #searchNm { width: 200px; font-size: 1rem; height: 30px; margin-right: 0;}
 .searchFind .btn-search { top:5px; width:20px; height:20px; }
 .searchFind select { width:100%; padding:0 20px 0 10px; } 
 .searchFind.totalPro { float:left; width:150px; margin:0 0 5px 0; } 

 .searchFind.eventWinner select { width:25%; height:40px; } 
 .searchFind.eventWinner input[type="text"] { width:73% !important; } 

 /* INTRO */
 .intro-wrap .hk-text { position:absolute; left:0; top:45%; width:100%; height:120px; line-height:28px; margin:-50px 0 0 0; padding-top:35px; font-size:3.2rem; letter-spacing:0em; z-index:-1; } 
 .intro-wrap .hk-text span { padding-top:20px; font-size:1.667rem; letter-spacing:0em; } 

 /* 메인 팝업 */
 div.main .main_pop { display:none !important; } 
 /* 메인 팝업 2019-10-30 모바일 히든
 div.main .main_pop { position:fixed; left:3%; top:50%; width:94%; height:auto; margin:-25% 0 0 0; background:#fff; z-index:99999; } 
 div.main .main_pop .mainPop-imgArea { width:100%; } 
 div.main .main_pop .mainPop-imgArea > img { width:100%; height:auto; } 
 div.main .main_pop .mainPop-textArea { padding:10px; } 
 */

 /* MAIN - VISUAL */
 div.main .visual-main { height:auto; padding-bottom:96px; } 
 div.main .visual-main .item { height:auto; } 
 div.main .visual-main .item img { width:100%; height: auto; } 

 div.main .visual-main .pager { right:15px; } 
 div.main .visual-main .nextArrow { display:none !important; right:10px; } 
 div.main .visual-main .prevArrow { display:none !important; right:80px; } 
 div.main .visual-main .slick-dots { margin-top:-40px; } 

 /* MAIN - PRODUCTS */
 div.main .membersBenefit { padding:30px 0 20px 0; } 
 div.main .membersBenefit .mb-tit { margin-bottom:20px; } 
 div.main .membersBenefit .mb-tabs { overflow:hidden; width:200px; margin:0 auto 30px; } 
 div.main .membersBenefit .mb-tabs > li { float:left; width:45%; } 
 div.main .membersBenefit .mb-tabs > li.active { width:55%; } 
 div.main .membersBenefit .mb-tabs > li span { height:45px; line-height:45px; } 

 div.main .membersBenefit .tab-container { clear:both; position:relative; width:100%; } 
 div.main .membersBenefit .tab-container .location-area { width:100%; margin:0 auto; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 { position:relative; overflow:hidden; width:100%; height:auto; padding:0 3%; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li { float:left; width:49%; margin:0 2% 5px 0; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li:nth-child(2n+2),
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li:nth-child(2n+2) { margin-right:0%; } 

 div.main .membersBenefit .tab-container .location-area .kind-tab > li > p,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > p { height:165px; padding:10px 15px; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li > p > img,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > p > img { width:100%; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li > p .type-tit,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > p .type-tit { letter-spacing:-0.08em; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li > p .type-price,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > p .type-price { display:block; text-align:left; font-size:1.333rem; color:#21c19b; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li > p .type-btn,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > p .type-btn { display:block; position:absolute; left:50%; bottom:25px; width:80%; margin-left:-40%; padding:7px 0; font-weight:300; text-align:center; font-size:1.133rem; color:#171717; border:1px solid rgba(230,230,230,0.5); background: url('../../images/common/btn_type_arrow.png') no-repeat 160px center; background-size:20px 18px; } 

 div.main .membersBenefit .tab-container .location-area .kind-tab > li > .typeA,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > .typeA { background:#fff url('../../images/main/bg_product_01_off.png') no-repeat right center; background-size:cover; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li > .typeB,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > .typeB { background:#fff url('../../images/main/bg_product_02_off.png') no-repeat right center; background-size:cover; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li > .typeC,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > .typeC { background:#fff url('../../images/main/bg_product_03_off.png') no-repeat right center; background-size:cover; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li > .typeD,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li > .typeD { background:#fff url('../../images/main/bg_product_04_off.png') no-repeat right center; background-size:cover; } 

 div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > .typeA,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > .typeA { background:#fff url('../../images/main/bg_product_01_on.png') no-repeat right center; background-size:cover; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > .typeB,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > .typeB { background:#fff url('../../images/main/bg_product_02_on.png') no-repeat right center; background-size:cover; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > .typeC,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > .typeC { background:#fff url('../../images/main/bg_product_03_on.png') no-repeat right center; background-size:cover; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > .typeD,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > .typeD { background:#fff url('../../images/main/bg_product_04_on.png') no-repeat right center; background-size:cover; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p .type-tit,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p .type-tit { color:#fff; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p .type-price,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p .type-price { color:#fff; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p .type-btn,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p .type-btn { color:#fff; border:1px solid rgba(255,255,255,0.2); background: url('../../images/common/btn_type_arrow_white.png') no-repeat 160px center; -webkit-transition: all 0.3s; transition: all 0.3s; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p .type-btn:hover,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p .type-btn:hover { color:#fff; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.1) url('../../images/common/btn_type_arrow.png') no-repeat 160px center; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab > li.active > p:after,
 div.main .membersBenefit .tab-container .location-area .kind-tab02 > li.active > p:after { content:''; display:none; } 

 div.main .membersBenefit .tab-container .location-area .kind-tab-cont,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 { display:none !important; position:absolute; left:0; top:220px; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc { position:absolute; left:0; top:0; width:290px; height:auto; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap { width:270px; height:350px; margin:25px 10px; padding:10px; overflow-x: hidden; overflow-y: auto; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap::-webkit-scrollbar,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap::-webkit-scrollbar { width:4px; height:0; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap::-webkit-scrollbar-track,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap::-webkit-scrollbar-track { background:rgba(242,242,242,1); } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap::-webkit-scrollbar-thumb,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap::-webkit-scrollbar-thumb { background:rgba(33,193,155,0.2); } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .headTit,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .headTit { display:block; width:100%; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .title,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .title { display:block; position:relative; width:100%; margin:15px 10px 5px 0; padding-left:8px; text-align:left; font-size:1.133rem; color:#171717; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .title:before,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .title:before { content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#171717; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .desc,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .desc { display:block; margin:0 10px; font-weight:300; text-align:left; font-size:1rem; color:#969696; } 
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-desc .ktc-desc-wrap .desc_no,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-desc .ktc-desc-wrap .desc_no { display:block; margin:10px 10px 0 0; font-weight:300; text-align:left; font-size:1rem; color:#969696; } 

 div.main .membersBenefit .tab-container .location-area .kind-tab-cont .ktc-img,
 div.main .membersBenefit .tab-container .location-area .kind-tab-cont02 .ktc-img { margin-left:300px; width:890px; padding:20px; background:#fff; } 

 /* 메인 추천상품 리스트 */
 .productMain-table { margin:35px 0 10px 0; } 
 .productMain-table > img { width:100%; } 
 .productMain-table > a > img { width:100%; } 
 .productMain-table .pt-subTxt { margin:0 0 10px 0; font-size:2.3rem; line-height:1; } 
 .productMain-table .pt-desc { margin-bottom:25px; } 

 .productMain-table > ul { padding: 0 0 50px 0; } 
 .productMain-table > ul > li { width:48.5%; margin:0 3% 20px 0; } 
 .productMain-table > ul > li:nth-child(2n+2) { margin:0; } 

 .productMain-table > ul > li a .proVisual-img .proTxt { display:block; position:absolute; left:0; top:0; width:100%; height:100%; padding:14% 5%; opacity:0; -webkit-transition: all 0.3s; transition: all 0.3s; } 
 .productMain-table > ul > li a .proTit { margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
 .productMain-table > ul > li a .proDesc { overflow:hidden; height:30px; margin:5px 0 10px 0; text-overflow: ellipsis; white-space: nowrap; }
 .productMain-table > ul > li a .proPrice { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right: 10px;}

 /* MAIN - HK GOOS */
 div.main .hk-goos { padding:50px 0 0 0; } 
 div.main .hk-goos .pt-desc { margin-bottom:25px; } 
 div.main .hk-goos .sliderGoos .item { display: inline-block; text-align:center; width:100%; height:auto; } 
 div.main .hk-goos .sliderGoos .item > img { width:85%; height:auto; margin:0 auto; } 

 div.main .hk-goos .hkgoos-nextArrow { top:50%; right:0%; width:60px; height:60px; margin-top:0px; } 
 div.main .hk-goos .hkgoos-prevArrow { top:50%; left:0%; width:60px; height:60px; margin-top:0px; } 

 /* 한경굿즈 리스트 */
 div.main .hk-goos .goosLine-table { margin:35px 0; } 
 div.main .hk-goos .goosLine-table > ul { padding: 0 0 0 0; } 
 div.main .hk-goos .goosLine-table > ul > li { width:48.5%; margin:0 3% 10px 0; padding:0; } 
 div.main .hk-goos .goosLine-table > ul > li:nth-child(2n+2) { margin:0; } 
 div.main .hk-goos .goosLine-table > ul > li a { display:block; width:100%; -webkit-transition: all 0.3s; transition: all 0.3s; } 
 div.main .hk-goos .goosLine-table > ul > li:hover a { margin-top:-5px; padding-bottom:5px; } 
 div.main .hk-goos .goosLine-table > ul > li a .proVisual-img { position:relative; width:100%; } 
 div.main .hk-goos .goosLine-table > ul > li a .proVisual-img img { width:100%; max-width:340px; height:auto; } 
 div.main .hk-goos .goosLine-table > ul > li a .proDc span { margin-top:1px; } 
 div.main .hk-goos .goosLine-table > ul > li a .proTit { height:47px; margin-top:10px; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */ } 
 div.main .hk-goos .goosLine-table > ul > li a .proDesc { overflow:hidden; height:45px; margin:5px 0 10px 0; display:-webkit-box; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; text-overflow: ellipsis; } 
 div.main .hk-goos .goosLine-table > ul > li a .proPrice { padding-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
 
 /* MAIN - HK BOOK */
 div.main .hk-book { padding-bottom:50px; } 
 div.main .hk-book .pt-desc { margin-bottom:25px; } 
 div.main .hk-book .sliderBook .item { display: inline-block; text-align:center; width:100%; height:auto; } 
 div.main .hk-book .sliderBook .item > img { width:85%; height:auto; margin:0 auto; } 
 div.main .hk-book .sliderBook .item .book-dc span { margin-top:1px; padding:1px 5px 2px 5px; } 

 div.main .hk-book .sliderBook .item .book-tit { height:55px; line-height:1.4; /*white-space:nowrap; text-overflow:ellipsis; */ } 


 div.main .hk-book .hkbook-nextArrow { top:40%; right:0%; width:60px; height:60px; margin-top:0px; } 
 div.main .hk-book .hkbook-prevArrow { top:40%; left:0%; width:60px; height:60px; margin-top:0px; } 
 div.main { padding-bottom: 70px; } 
 
 /* 상품, 도서 검색 */
 .pro-search .pro-find strong { width:20%; padding-right:0%; } 
 .pro-search .serch-input { width:50%; padding-left:5px; } 
 .pro-search .btn-find { min-width:70px; height:35px; line-height:35px; margin-left:0px; padding-left:3px; } 
 .pro-search .btn-find img { width:30px; height:30px; vertical-align:top; } 

 
 /* 상품, 도서 검색 */
 .pro-search { width: 100%; padding: 0; } 
 .pro-search .pro-find strong { width:20%; padding-right:0%; } 
 .pro-search .serch-input { width:50%; padding-left:5px; } 
 .pro-search .btn-find { min-width:70px; height:35px; line-height:35px; margin-left:0px; padding-left:3px; } 
 .pro-search .btn-find img { width:30px; height:30px; vertical-align:top; } 


 /*상품리뷰*/
 .cont .review-list tr.review-title .review-score { display:none; }

 /* 상품 서브 카피 */
 .pro-tableTxt { width:100%; } 

 /* TITLE */
 .bodyTit { margin-bottom:0; } 
 .bodyTit h3 { margin-bottom:30px; font-size:2rem; text-align: left; margin-left: 10px;}

 /* INNER */
 .inner { width:100%; padding:0 16px; } 

 /* HEADER */
 .header { padding:8px 0 0 0; } 
 .header h1.logo > a { width:200px; } 
 .header h1.logo > a > img { width:100%; margin:0 atuo; } 
 .header a.btn_allMenu { position:absolute; right:0; top:0; margin:18px 10px 0 0; } 
 
 .header.headFixd h1.logo { display:block; } 
 .header.headFixd h1.logo .blueLogo { display:none !important; } 
 .header.headFixd h1.logo .whiteLogo { display:block !important; } 
 .header.headFixd a.btn_allMenu { margin:15px 10px 0 0; } 
 .header.headFixd a.btn_allMenu > span { background:#fff; } 
 .header.headFixd a.btn_allMenu > span:before { background:#fff; } 
 .header.headFixd a.btn_allMenu > span:after { background:#fff; } 

 /* FOOTER */
 #footer-cs { padding:10px 0; overflow: unset; } 
 #footer-cs .csArea .csCenter { position:relative; right:0; top:0px; width:100%; padding-top:10px; } 
 #footer-address { width:100%; padding:10px 0; margin-bottom: 70px; } 
 #footer-address .inner { flex-direction: column; } 
 #footer-address .snsTit { position:relative; right:0; top:0; width:270px; text-align:left; font-size:1.667rem; color:rgba(255,255,255,1); } 
 #footer-address .snsTit .dropdown { position:relative; width:100%; height:45px; } 
 #footer-address .snsTit .dropdown .btn-dropdown { width:100%; height:38px; } 
 #footer-address .snsTit .dropdown .dropdown-menu { display:none; position:absolute; bottom:43px; width:100%; padding:5px 0; height:120px; } 
 #footer-address .snsTit .dropdown .dropdown-menu li { width:100%; padding:5px 5px; } 
 #footer-address .snsTit .dropdown.open { position:relative; width:100%; height:45px; } 

 #footer-address .address { display:block; width:100%; padding-bottom:10px; font-weight:300; text-align:left; font-size:0.8rem; letter-spacing:0.02em; color:rgba(255,255,255,0.5); } 
 #footer-address .address span { display:inline-block; margin:0 3px 3px 5px; width:1px; height:10px; background:rgba(255,255,255,0.1); vertical-align:middle; } 
 #footer-address .address a { display:inline-block; color:rgba(255,255,255,0.8); } 
 #footer-address .copyright { display:block; overflow:hidden; width:100%; padding-bottom:20px; text-align:left; font-size:0.8rem; color:rgba(255,255,255,0.4); } 

 /* FULLMENU */
 .total-menu-wrap { position:fixed; right:-50%; top:0; width:50%; height:100%; -webkit-overflow-scrolling:touch; opacity:1; background: linear-gradient( 5deg, #21c19b, #006cdb ); -webkit-transition: all 0.5s; transition: all 0.5s; z-index:998; } 
 .total-menu-wrap.on { position:fixed; right:0; top:0%; bottom:0; width:70%; height:100%; background: linear-gradient( 5deg, #21c19b, #006cdb ); opacity:1; } 

 .total-menu-wrap .personaList { position:relative; padding:20px 0 0 20px; } 
 .total-menu-wrap .personaList li { float:left; padding-left:5px; } 
 .total-menu-wrap .personaList li a { display:inline-block; height:25px; line-height:22px; padding:0 15px; text-align:center; font-size:1rem; color:rgba(255,255,255,1); } 
 .total-menu-wrap .personaList li .btn-login { border:1px solid rgba(255,255,255,0.2); border-radius:20px; box-sizing:border-box; } 
 .total-menu-wrap .personaList li .btn-membership { border:1px solid rgba(255,255,255,0.2); border-radius:20px; box-sizing:border-box; } 

 .total-menu-wrap .total-menu { position:relative; width:100%; height:auto; } 
 .total-menu-wrap .total-menu .btn_allMenuClose { position:absolute; right:15px; top:30px; width:30px; height:30px; z-index:999; } 
 .total-menu-wrap .total-menu .btn_allMenuClose span { display:block; width:28px; height:3px; background: rgba(255,255,255,1); -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
 .total-menu-wrap .total-menu .btn_allMenuClose span:before { content: ''; position:absolute; top:0; left:0; width:28px; height:3px; background:rgba(255,255,255,1); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 

 .total-menu-wrap .total-menu .totalMenu-list { position:absolute; left:10%; top:80px; width:90%; height:auto; } 
 .total-menu-wrap .total-menu .totalMenu-list .totalMenu-title { position:relative; display:block; width:100%; padding:5px 0; font-weight:500; text-align:left; font-size:1.3rem; color:rgba(255,255,255,0.7); } 
 .total-menu-wrap .total-menu .totalMenu-list .totalMenu-title.on { color:rgba(255,255,255,1); } 
 .total-menu-wrap .total-menu .totalMenu-list .totalMenu-title i { display:block; position:absolute; right:10%; top:18px; width:14px; height:3px; background:rgba(255,255,255,0.7); } 
 .total-menu-wrap .total-menu .totalMenu-list .totalMenu-title i:before { content:''; position:absolute; right:0px; top:0px; width:14px; height:3px; background:#ccc; -webkit-transition:rotate(-90deg); transform:rotate(-90deg); transition:0.5s ease; -webkit-transition:0.5s ease; } 
 .total-menu-wrap .total-menu .totalMenu-list .totalMenu-title.on i { background:rgba(255,255,255,0.7); } 
 .total-menu-wrap .total-menu .totalMenu-list .totalMenu-title.on i:before { background:rgba(255,255,255,1); -webkit-transition:rotate(0deg); transform: rotate(0deg); } 

 .total-menu-wrap .total-menu .totalMenu-list .sub-menu { display:none; padding-bottom:15px; } 
 .total-menu-wrap .total-menu .totalMenu-list .sub-menu a { display:block; padding:5px 0 5px 10px; text-align:left; font-size:1.1rem; color:#fff; }

 .dim { position:absolute; right:0; top:0; width:100%; height:100%; opacity:0; -webkit-transition: all 1s; transition: all 1s; z-index:-1; } 
 .dim.on { position:fixed; right:0; top:0; width:100%; height:100%; opacity:1; background:rgba(0,0,0,0.8); z-index:997; } 

 /* VISUAL */
 #container .visual { height: 260px; } 
 #container .visual .visualTxt-tit { top:45%; width:90%; line-height:1.3; margin:-10% 0 0 -45%; font-size:2rem; } 
 #container .visual .visualTxt-tit > span { margin-top:5px; font-size:1.133rem; } 

 #container .visual > img { width:100%; height: 100%; object-fit: cover; } 

 /* 구독신청 - 전체상품 리스트 */
 .tableTab { margin-bottom:0px; padding-top:15px; } 

 #subscribe .about-area .aboutLayer01 { width:100%; } 
 #subscribe .about-area .aboutLayer01 .al01-img { max-width:100%; } 
 #subscribe .about-area .aboutLayer01 .al01-text { width:100%; max-width:100%; } 

 #subscribe .about-area .aboutLayer02 { position:relative; overflow:hidden; width:100%; margin:0 auto 0; } 
 #subscribe .about-area .aboutLayer02 .al02-img { width:100%; max-width:100%; margin-top:20px; } 
 #subscribe .about-area .aboutLayer02 .al02-img > img { width:100%; } 
 #subscribe .about-area .aboutLayer02 .al02-text { position:relative; top:20px; width:100%; max-width:100%; } 

 #subscribe .about-area .aboutLayer020 { width:100%; flex-direction: column-reverse; } 
 #subscribe .about-area .aboutLayer020 .al020-img { max-width:100%; } 
 #subscribe .about-area .aboutLayer020 .al020-img > img { width:100%; } 
 #subscribe .about-area .aboutLayer020 .al020-text { max-width:100%; } 

 #subscribe .about-area .aboutLayer03 { width:100%; margin:35px auto 50px; } 

 /* 공통 */
 #subscribe .about-area .aboutTxt { max-width:100%; margin-bottom:25px; } 
 #subscribe .about-area .aboutTxt .aboutTit { margin-bottom:10px; } 


 /* 한경멤버스 - 한경멤버스 소개 */
 #hkMembers .pro-search { width: 50%; margin: 0; } 
 #hkMembers .recommended_title_wrap {padding-bottom: 1.5rem;}
 #hkMembers .members-area .membersLayer01 { width:100%; display:block; } 
 #hkMembers .members-area .membersLayer01 .ml01-img { max-width:100%; } 
 #hkMembers .members-area .membersLayer01 .ml01-img > img { width:100%; } 
 #hkMembers .members-area .membersLayer01 .ml01-text { max-width:100%; margin-top:20px; } 

 #hkMembers .members-area .membersLayer010 { width:100%; display:block; margin:35px auto 0; } 
 #hkMembers .members-area .membersLayer010 .ml010-img { max-width:100%; } 
 #hkMembers .members-area .membersLayer010 .ml010-img > img { width:100%; } 
 #hkMembers .members-area .membersLayer010 .ml010-text { max-width:100%; margin-top:20px; } 

 #hkMembers .members-area .membersLayer02 { width:100%; display:block; margin:35px auto 0; } 
 #hkMembers .members-area .membersLayer02 .ml02-img { top:0; width:100%; max-width:100%; } 
 #hkMembers .members-area .membersLayer02 .ml02-img > img { width:100%; } 
 #hkMembers .members-area .membersLayer02 .ml02-text { max-width:100%; margin-top:20px; } 

 #hkMembers .members-area .membersLayer03 { width:100%; margin:35px auto 0; } 

 #hkMembers .members-area .membersLayer04 { width:100%; margin:0 auto; } 
 #hkMembers .members-area .membersLayer04 .ml04-img { max-width:100%; } 
 #hkMembers .members-area .membersLayer04 .ml04-img > img { width:100%; } 

 #hkMembers .members-area{
    gap: 0 20px;
 }
/* 공통 */
#hkMembers .members-area .membersTxt{width:100%;max-width:100%;margin-bottom:25px;}
#hkMembers .members-area .membersTxt .membersTit {margin-bottom:10px;}

#hkMembers .members-area .ma-last-txt {padding:30px 0 50px 0;}

#hkMembers .pro-tableBox .pt-list li a .ptl-price {width:95%;margin:0 5% 0 0;}
#hkMembers .pro-tableBox .pt-list li a .ptl-dc{width:95%;margin:0 5% 0 0;}

 /* 상품 한줄 리스트 */
 .productList-table > ul > li { width:100%; padding:5px 0 20px 0; } 
 .productList-table > ul > li .proVisual-img { position:absolute; top:15px; left:0; width:110px; margin-left:5px; } 
 .productList-table > ul > li .proVisual-img .proTxt { display:none; } 
 .productList-table > ul > li .proVisual-img img { width:100%; max-width:260px; height:auto; } 

 .productList-table > ul > li .proTxt-area { position:relative; left:130px; top:0; width:80%; } 
 .productList-table > ul > li .proTxt-area .proTit { margin-top:10px; } 
 .productList-table > ul > li .proTxt-area .proDesc { height:45px; margin:5px 0 10px 0; display:-webkit-box; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; text-overflow: ellipsis; } 

 /* 상품 사각형태 리스트 */
 .productLine-table > ul { padding: 0; } 
 .productLine-table > ul > li { width:44%; margin:0 3%; padding-top:15px; } 
 .productLine-table > ul > li:nth-child(4n+4) { margin:0 2%; } 

 .productLine-table > ul > li a .proVisual-img .proTxt { display:block; position:absolute; left:0; top:0; width:100%; height:100%; padding:14% 5%; opacity:0; -webkit-transition: all 0.3s; transition: all 0.3s; } 
 .productLine-table > ul > li a .proVisual-img img { width:100%; max-width:260px; height:auto; } 

 .productLine-table > ul > li a .proTit { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
 .productLine-table > ul > li a .proDesc { overflow:hidden; height:45px; margin:5px 0 10px 0; display:-webkit-box; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; text-overflow: ellipsis; } 
 .productLine-table > ul > li a .proPrice { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 

 /* 구독신청 */
 #subscribe .productInfo-view { flex-direction: column; align-items: center; justify-content: center; padding: 2rem 1rem; }
 #subscribe .productInfo-view .left {width: 100%; margin-right: 0; } 
 #subscribe .productInfo-view .img-wrap {width:50%; margin: 0 auto;}
 #subscribe .productInfo-view .right {width: 100%;}
 #subscribe .productInfo-view .pv-txt { padding: 0; border: none; } 
 #subscribe .productInfo-view .pv-txt .pv-tit { padding:20px 0 10px 0; text-align: left; } 
#subscribe .productInfo-view .pv-txt .pv-desc { display: none; }

 #subscribe .productInfo-title { clear:both; position:relative; overflow:hidden; padding:40px 0 10px 0; } 

 #subscribe .productInfo-desc { position:relative; width:100%; padding:0 0 20px 0; }
 #subscribe .productInfo-desc .one-txt { padding-right:0; } 
 #subscribe .productInfo-desc .one-year { position:absolute; right:0; top:-40px; } 

 #subscribe .productInfo-gift > ul { padding-bottom:25px; } 
 #subscribe .productInfo-gift > ul > li { width:44%; margin:0 3%; padding-top:30px; } 
 #subscribe .productInfo-gift > ul > li:nth-child(4n+4) { margin:0 2%; } 

 #subscribe .productInfo-gift > ul > li .proVisual-img .proTxt { display:none; } 
 #subscribe .productInfo-gift > ul > li .proVisual-img img { width:100%; max-width:260px; height:auto; } 

 #subscribe .productInfo-gift > ul > li .proTit { text-align:center; } 
 #subscribe .productInfo-gift > ul > li .proTit input[type="radio"] { display:none; } 
 #subscribe .productInfo-gift > ul > li .proTit label { display:inline-block; height:22px; line-height:22px; padding-left:30px; font-weight:500; text-align:left; font-size:1.333rem; color:#171717; vertical-align:middle; } 

 #subscribe .productInfo-gift > ul > li .proDesc { overflow:hidden; height:50px; margin:10px 0 20px 0; font-weight:300; text-align:left; font-size:1.133rem; color:#969696; } 
 #subscribe .productInfo-gift > ul > li .proPrice { font-weight:500; text-align:left; font-size:1rem; color:#171717; } 
 #subscribe .productInfo-gift > ul > li .proPrice span { } 

 #subscribe .productInfo-gift .productInfo-txt { padding:10px; margin-bottom:20px; } 
 
 #subscribe .staff_wrap label { margin: 10px 0; } 
 #subscribe .staff_wrap input { width: 100%; margin: 0 0 10px; } 
 #subscribe .productInfo-view .price {font-size: 2rem;}
 #subscribe .productInfo-view .price span { font-size: 15px; } 
 #subscribe .productInfo-gift .btn-subscription {width: 59%; margin: 0 auto; height: 3.2rem;line-height: 3.2rem;}
 #subscribe .productInfo-view .share_list {justify-content: center;}

 /* 구독신청 - 신청 */
 #subscribe .cs-title { padding:11px 0 40px 35px; } 
 #subscribe .cs-privacy { height:250px; padding:10px; } 

 #subscribe .checkBox { padding:0 5px; margin:15px 0 30px 10px; } 

 /* 리뷰 작성 팝업 */
 .review-btn { position:absolute; right:0; bottom:0px; width:100px; height:30px; line-height:30px; } 
 .shop-btn { position:absolute; right:0; bottom:0px; width:100px; height:30px; line-height:30px; } 

 .cont .shop-qna .shop-desc { width: 62%; margin-bottom: 10px; } 
 
 /* 완료페이지 */
 .payment_complete .text {
    font-size: 18px;
}
.payment_complete .img_wrap {
    width: 80%;
}
.payment_complete .btn {
    width: 80%;
    height: 40px;
}

 /* 문의 작성 팝업 */
 .pop_review { left:3%; top:50%; width:94%; height:auto; margin:-225px 0 0 0px; } 
 .pop_content { left:3%; top:50%; width:94%; height:auto; margin:-235px 0 0 0px; } 

 /* TABCONT */
 .tabCont .cont .button_wrap { text-align:center; } 

 /* TABLE - LEFT */
 .table-write { margin-bottom:25px; border-top:0; } 
 .table-write li { overflow:hidden; width:100%; padding:0; /* border: none; */ } 
 /* .table-write li dt { width:100%; line-height:40px; padding-left:10px; text-align:center; background:#fafafa; border-top:2px solid #171717; border-bottom:1px solid #e6e6e6; } */
 /* .table-write li dt { display: none; } */
 .table-write li dt span { height:40px; line-height:40px; } 
.table-write li dt { width: 100%; padding: 0; font-size: 1.4rem; } 
 .table-write li dd { width:100%; padding: 0 5px 10px; } 
 .table-write li dd select { width:30%; } 
 .table-write li dd select.xl { width:100%; } 
 .table-write li dd select.sm { width:49%; } 
 .table-write li dd select.md,
 .table-write li dd span input.md { width:300px; } 
 .table-write li dd span input.m-sm { width:99%; margin-top:4px; } 
 .table-write li dd span input.xs { width:31%; } 
 .table-write li dd span input.xl { width:100%; } 
 .table-write li dd span textarea { width:100%; height:200px; margin-bottom:10px; } 
 .table-write li dd > span { display:inline; height:auto; line-height:25px; vertical-align:middle; } 
 .table-write li dd span img { vertical-align:middle; } 
 .table-write li dd span input,
 .table-write li dd span select { width: 100%; vertical-align:middle; } 
 .table-write li dd span label { padding:2px 30px; padding-right: 0; line-height: normal; font-size: 1.2rem; } 
 .table-write li dd span label.userAdd { padding:3px 30px; } 
 .table-write li dd .btn-post { height:35px; line-height:35px; padding:0 15px; } 
 .table-write li dd a.btn-post { height:35px; line-height:35px; padding:0 10px; margin-left: 5px; } 
 .table-write li dd .check-sanggle { padding-top:10px } G
 .table-write li dd .check-sanggle input[type="checkbox"] { display:none; } 
 .table-write li dd .check-sanggle label { padding-left:30px; line-height: 20px; } 
 .table-write li dd span.ex-file label { height:35px; line-height:35px; } 
 .table-write li dd .checkBox > label { padding-right:20px; } 
 .table-write li dd .infoTxt { display:block; margin:5px 0 10px 0; font-weight:300; text-align:left; font-size:1.2rem; color:#969696; } 
 .table-write li dd i { padding:5px 0; } 
 .table-write li dd i label { margin-right:20px; } 
 #reader .ex-file input { width: 100% !important; } 

 /* 한경도서 리스트 */
 .bookLine-table .noData { margin-top:50px; padding:50px 0; } 
 .bookLine-table > ul { padding: 0; } 
 .bookLine-table > ul > li { position:relative; float:left; width:44%; margin:0 3%; padding-top:15px; } 
 .bookLine-table > ul > li a .proVisual-img img { width:100%; max-width:240px; height:auto; } 
 .bookLine-table > ul > li img { width:100% } 

 .bookLine-table > ul > li a .proTit { height:50px; margin-top:10px; /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */ } 
 .bookLine-table > ul > li a .proDesc { width:100%; margin:5px 0 0 0; } 
 .bookLine-table > ul > li a .proPrice { width:100%; margin:0; } 

 /* 한경멤버스 - 한경굿즈 */
 #hkMembers .pro-tableBox { padding-top: 0; } 
 #hkMembers .pro-tableBox .pt-list { width:100%; padding:0; justify-content: space-between; } 
 #hkMembers .pro-tableBox .pt-list li { width:48%; margin:0; padding-bottom:20px; padding-top:0; } 
 #hkMembers .pro-tableBox .pt-list li:nth-child(odd) { text-align:left; } 
 /* #hkMembers .pro-tableBox .pt-list li:nth-child(even) { text-align:right; } */
 #hkMembers .pro-tableBox .pt-list li a { width: 100%; margin: 0; } 

 #hkMembers .pro-tableBox .pt-list li a .ptl-title { width: 100%; padding:0 7px 0 0; margin:0; overflow:hidden; /*white-space:nowrap; text-overflow:ellipsis; */ }
 #hkMembers .pro-tableBox .pt-list li a .ptl-desc { height:45px; margin:5px 0; display:-webkit-box; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; text-overflow: ellipsis; } 
 #hkMembers .pro-tableBox .pt-list li a img { max-width:100%; } 

 /* 한경멤버스 - 쇼핑몰상세 */
 #hkMembers .item-thumb { width:100%; max-width:100%; min-height:auto; padding:20px; } 
 #hkMembers .item-thumb > img.thumb_img { width:auto; max-width: 100%; } 

 #hkMembers .order-box { float:right; width:100%; max-width:600px; height:auto; padding:20px 0 0 0; } 
 #hkMembers .order-box .item-tit { width:100%; padding:5px 0 20px 0; text-align:left; font-size:1.333rem; } 
#hkMembers .sort { height: auto; } 
 #hkMembers .order-box .payment_info .total-amount { width:100%; padding:20px 0 30px 0; text-align:right; } 
 #hkMembers .order-box .payment_info .quantity dt { font-size: 1.3rem; }
 #hkMembers .order-box .payment_info .quantity dd { text-align:right; font-size: 1.3rem; } 
 #hkMembers .order-box .payment_info .total-amount { width:100%; padding:15px 0 25px 0; text-align:right; } 
 #hkMembers .order-box .payment_info .btn_group { display: flex; align-items: center; } 
 #hkMembers .item-preview { padding-bottom:25px; } 
 
 #hkMembers .order-box .payment_info .quantity dd input.xs { width:25%; } 
 #hkMembers .order-box .payment_info .quantity dd .btn-post { width:44%; height:35px; line-height:35px; padding:0 5px; } 
 #hkMembers .order-box .payment_info .item-purchase { font-size: 1.4rem; }

 /* 카드할인 팝업 */
 #hkMembers .order-box .payment_info .cardPop_nofee { padding:15px; max-height:268px; } 
 #hkMembers .order-box .payment_info .cardPop_nofee img { width:100%; } 
 #hkMembers .order-box .payment_info .cardPop_nofee .list_card .item_card { margin-top:10px; padding-left:73px; } 

 #hkMembers .shopTab-box { overflow-y:auto; width:100%; } 
 #hkMembers .shopTab { width:100%; margin:20px 0 30px 0; } 
 #hkMembers .shopTab li { float:left; width:25%; } 
 #hkMembers .shopTab li a { display:block; height:auto; min-height:45px; line-height:20px; vertical-align:middle; } 

 /* 샵 - 사아품리뷰 */
 .cont img { max-width:100%; } 
 .cont .review { margin-bottom:0px; } 
 .cont .review .review-tit { font-weight:700; text-align:left; font-size:1.667rem; } 
 .cont .review .review-desc { padding:5px 0 10px 0; font-weight:300; text-align:left; width: 60%; }
 .cont .review .score_area { overflow:hidden; display:block; width:100%; padding:15px 0; border-top:2px solid #171717; border-bottom:1px solid #e6e6e6; } 
 .cont .review .score_area dl { float:left; width:14%; padding:5px 0; } 
 .cont .review .score_area dl dt { width:100%; padding-bottom:10px; } 
 .cont .review .score_area dl dd { width:100%; } 

 .cont .review .score_area dl.all { float:left; width:30%; } 
 .cont .review .score_area dl.all dt { width:100%; } 
 .cont .review .score_area dl.all dd { width:100%; } 

 .cont .review-list li .review-title .review-num { float:left; width:45px; } 
 .cont .review-list li .review-title .review-score { float:left; width:100px; } 
 .cont .review-list li .review-title .review-tit { width:95%; text-align:left; padding-top:10px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; } 
 .cont .review-list li .review-title .review-name { position:absolute; right:80px; top:15px; width:60px; } 
 .cont .review-list li .review-title .review-date { position:absolute; right:0px; top:15px; width:75px; } 

 /* 샵 - 상품문의 */
 .cont .shop-list li .shop-title .shop-num { float:left; width:45px; } 
 .cont .shop-list li .shop-title .shop-tit { width:95%; text-align:left; padding-top:10px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; } 
 .cont .shop-list li .shop-title .shop-name { position:absolute; left:60px; top:15px; width:60px; } 
 .cont .shop-list li .shop-title .shop-date { position:absolute; left:130px; top:15px; width:75px; } 
 .cont .shop-list li .shop-title .shop-answer { position:absolute; right:0px; top:15px; width:70px; } 
 .cont .shop-list li .shop-title .shop-answerReady { position:absolute; right:0px; top:15px; width:70px; } 

 /* 샵 - 배송/교환/반품 */
 .cont .after-txt dt { float:left; width:100%; padding:15px 0; background:#fafafa; border-bottom:1px solid #e6e6e6; } 
 .cont .after-txt dd { float:left; width:100%; padding:15px 0; } 

 /* 한경멤버스 - 진행이벤트 */
 #hkMembers .eventList { margin-top:0; padding-top:15px; } 
 #hkMembers .eventList > li { width:100%; margin:0 0 30px 0; } 
 #hkMembers .eventList > li:last-child { margin:0 0 0 0; } 
 #hkMembers .eventList > li .eventImg > img { width:95%; } 
 #hkMembers .eventList > li .tit { padding:10px 5px 10px 10px; } 
 #hkMembers .eventList > li .desc { padding:0 10px 15px 10px; } 
 #hkMembers .eventList > li .btn-progress { bottom:10px; right:2.5%; height:35px; line-height:35px; } 
 #hkMembers .eventList > li .btn-termination { bottom:10px; right:2.5%; height:35px; line-height:35px; } 
 #hkMembers .eventList > li .btn-winner { bottom:10px; right:2.5%; height:35px; line-height:35px; } 

 #hkMembers .eventView > li { padding:15px 0; } 
 #hkMembers .eventView > li.head { padding-left:0px; } 
 #hkMembers .eventView > li.body { padding:20px 0; } 
 #hkMembers .eventView > li.body .btn-write { margin:20px 0 0 -50px; } 

 #hkMembers .eventView > li.btn { padding-bottom:50px; } 
 /*#hkMembers .eventView > li.btn .btn-list { right:50%; margin-right:-50px; } */

 /* 독자센터 - FAQ */
 #reader .questions-title { overflow-x:auto; margin-bottom:25px; } 
 #reader .questions-title .qt-teb { width:563px; } 
 #reader .questions-title .qt-teb li { width:auto; box-sizing:border-box; } 
 #reader .questions-title .qt-teb li:first-child { border-left:1px solid #e6e6e6; } 
 #reader .questions-title .qt-teb li a { height:45px; line-height:45px; padding:0 30px; } 

 #reader .faq-list li .faq-tit { padding:20px 0; } 
 #reader .faq-list li .faq-tit .faq-q { position:absolute; left:0; top:11px; } 
 #reader .faq-list li .faq-tit .faq-control { position:absolute; right:10px; top:8px; } 
 #reader .faq-list li .faq_content_wrap .faq-content_text { padding:20px 10px 20px 60px; } 
.tab_btn_wrap {margin-right: calc(100vw*(7/428));}
.tab_btn_wrap:last-of-type {margin-right: 0;}
.tab_btn_wrap p {font-size: 1.2rem; } 
.tab_btn_wrap p.active { font-size: 1.2rem;} 
.tab_btn_wrap p::after { right: -5px; } 

 /* 독자센터 - 지국찾기 */
 #reader .tableBox { position:relative; width:100%; overflow-x:scroll; } 
 #reader .tableBox .swipe-hand { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:111; } 
 #reader .tableBox .swipe-hand > img { position:absolute; right:5%; top:45%; max-width:45px; margin-left:-23px; } 
 #reader .findBranch-table { min-width:650px; } 
 #reader .findBranch-table thead th { padding:10px 0; } 
 #reader .findBranch-table tbody td { padding:10px 0; } 
 #reader .findBranch-table tbody td.last a { height:50px; line-height:50px; padding:0 30px; } 

 #reader .findBranch-search { padding-bottom:30px; } 
 #reader .findBranch-search dl dt { width:20%; padding:15px 0; } 
 #reader .findBranch-search dl dd { width:30%; padding:7px 0; } 
 #reader .findBranch-search dl dd input[type="text"] { width:90%; } 
 #reader .findBranch-search .btn-soup { position:absolute; right:0; top:60px; display:block; width:100%; padding:15px 0; } 

 /* 독자센터 - 1:1문의 */
 #reader .contactTab-box { overflow-x:auto; } 
 #reader .contactTab-box .inquiryTab { width:563px; margin:0; } 
 #reader .contactTab-box .inquiryTab li a { height:45px; line-height:45px; } 

 #reader .contact-tableTxt { padding:25px 0 10px 0; } 

 /* 독자센터 - 탭 */
 #reader .inquiry-teb { width:300px; margin:-2px auto 30px; } 
 #reader .inquiry-teb > li { float:left; width:45%; } 
 #reader .inquiry-teb > li.active { width:55%; } 
 #reader .inquiry-teb > li a { height:45px; line-height:45px; font-size: 1.3rem; } 


 /* 독자센터 - 한경멤버스 인증 */
 #reader .hmi-infoTxt { padding:20px 10px; } 
 #reader .hmi-infoTxt strong { padding-bottom:5px; } 

 #reader .certifiedTab { width:100%; margin:25px 0 10px 0; } 
 #reader .certifiedTab li { width:50%; } 
 #reader .certifiedTab li a { height:40px; line-height:40px; } 

 /* MY한경 - 구독조회 */
 #myHk .tableBox { position:relative; width:100%; overflow-x:scroll; } 
 #myHk .tableBox .swipe-hand { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:111; } 
 #myHk .tableBox .swipe-hand > img { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:45px; } 
 #myHk .myhk-table { min-width:650px; } 
 #myHk .myhk-table thead th { padding:10px 0; } 
 #myHk .myhk-table tbody td { padding:10px 0; } 
 #myHk .myhk-table tbody td.last a { height:30px; line-height:30px; padding:0 10px; } 

 #myHk .myhk-view > img { clear:both; position:relative; left:0; top:20px; width:70%; } 
 #myHk .myhk-view .mv-txt { padding-left:5%; } 
 #myHk .myhk-view .mv-txt .mv-tit { padding:35px 0 10px 0; } 

 #myHk .myhk-view .mv-desc { padding-left:5%; } 
 #myHk .myhk-view .mv-desc li { padding:3px 0; } 
 #myHk .myhk-view .mv-desc li strong:before { top:10px; } 
 #myHk .myhk-view .mv-desc li a.btn-members { display:block; width:200px; height:50px; line-height:50px; margin:30px auto 20px; } 

 #myHk .myhk-subtitle { width:100%; padding:30px 0 10px 0; } 
 #myHk .myhk-subtitle .searchDate { padding:10px 0; } 

 /* 마이페이지 메인(멤버스샵) */
 .mypage_main .info_box { flex-direction: column; margin-bottom: 40px; border:none; background: transparent; } 
 .mypage_main .info_box .left { width:100%; padding: 40px 15px; margin-bottom: 10px; border: 1px solid #ececec; background: #fafafa; } 
 .mypage_main .info_box .right { width: 100%; padding: 40px 15px; border: 1px solid #ececec; background: #fafafa; } 
 .mypage_main .info_box .rating { width:8rem; height: 8rem; margin-right: 10px; } 
 .mypage_main .info_box .right a { font-size: 1.1rem; } 
 .mypage_main .tab_wrap { padding: 0; } 
 .mypage_main .tab_wrap h2 { padding-bottom: 5px; font-size: 1.6rem; text-align: left; border-bottom: 2px solid #000; } 
 .mypage_main .my_tab { display: block; } 
 .mypage_main .my_tab li { position: relative; width: 100%; padding: 10px 20px; text-align: left; font-size: 1.5rem; border: none; border-bottom: 1px solid #b6b6b6; color: #000; font-weight: 400; } 
 .mypage_main .my_tab li::after { position: absolute; top:50%; right: 20px; content: ""; width: 0.7rem; height: 1.4rem; transform: translateY(-50%); background: url("../../img/arrow_icon.png") no-repeat center / 100%; filter: invert(54%) sepia(93%) saturate(359%) hue-rotate(115deg) brightness(97%) contrast(90%); } 
 .mb_only { display: block !important; } 
 .pc_only { display: none !important; } 

 .mypage_main .filter_wrap { display:flex; flex-direction: column; } 
 .mypage_main .filter_wrap .top_wrap { order:2; margin: 0 0 20px; } 
 .mypage_main .filter_wrap .title_text { border-bottom: 2px solid #000; width: 100%; text-align: left; padding: 5px 10px; } 
 .mypage_main .filter_wrap .filter_box { margin-bottom: 10px; margin-top: 40px; background: transparent; border: none; padding: 0 10px; }
 .mypage_main .filter_wrap .filter_box .month { margin: 0; } 
 .mypage_main .filter_wrap .filter_box button {min-width: auto; width: 33.33%; height: 35px; font-size: 1.2rem; border: 2px solid #21c19b; background: #fff; color: #000;}
 .mypage_main .filter_wrap .filter_box button.active {background: #21c19b; color: #fff;}
 .mypage_main .filter_wrap .filter_mobile_text {padding: 0 10px; margin-bottom: 30px; text-align: left}
 .mypage_main .filter_wrap .filter_box .month { display: flex; width:50%; } 
 .mypage_main .filter_wrap .filter_box .month button { width: 50%; height: 35px; border-color: #21c19b;border-right: none; color:#21c19b; } 

 .mypage_main .order_list .list_head {justify-content: center; font-size: 1.6rem;font-weight: 500; background: #fafafa; border: 2px solid #ececec;border-top: 2px solid #000;}
 .mypage_main .order_list .list_head .col_3 {width: 100%;}
 .mypage_main .order_list .list_body li {position: relative; display: grid;grid-template-rows: repeat(6, 34px);grid-template-columns: 37% 62%;justify-content: space-between;padding: 15px 10px 0; font-size: 1.4rem; margin-bottom: 35px;}
 .mypage_main .order_list .td { width: auto; text-align: left; line-height: 1.5;} 
 .mypage_main .order_list .col_1 {  } 
 .mypage_main .order_list .col_2 {  } 
 .mypage_main .order_list .list_body .col_3 { order:1} 
 .mypage_main .order_list .list_body .col_3.image {grid-row: 1/5;grid-column: 1/2;}
 .mypage_main .order_list .col_4 { width:100%; } 
 .mypage_main .order_list .col_5 {  } 
 .mypage_main .order_list .col_6 {  width: auto; } 
 .mypage_main .order_list .col_7 {grid-column: 1/2;grid-row: 4/7;font-size: 1rem; color: #21c19b;text-align: center;}
 .mypage_main .order_list .prd_title {width: 70%;grid-column: 2/3;grid-row: 1/2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: 500;}
 .mypage_main .order_list .prd_img {position: relative; width:93%; max-width: 140px;height: auto; overflow: hidden;}
 .mypage_main .order_list .prd_img::before {display: flex; content: ""; width: 100%; height: 0; padding-bottom: 100%;}
 .mypage_main .order_list .prd_img img {position: absolute; top:0; left:0;}
 .mypage_main .order_list .num,
 .mypage_main .order_list .count {display: flex; font-size: 1.2rem; gap: 5px;}
 .mypage_main .order_list .list_body .price {display: flex;width: 100%;justify-content: space-between; font-weight: 700; margin-bottom: 5px;}
 .mypage_main .order_list .list_body .price div {line-height: 1.1;}
 .mypage_main .order_list .list_body .price div span:nth-child(1){order:2;font-size: 1.7rem;}
 .mypage_main .order_list .list_body .price div span:nth-child(2){order:1; font-size: 1.5rem; font-size: 0.8rem;font-weight: 400;}
 .mypage_main .order_list .list_body .price div span:nth-child(3){order:3; font-weight: 400;}
 .mypage_main .order_list .list_body .btn_group {height: 33px; bottom: 10px; right: 0; display: flex; flex-direction: column; width: auto; margin-bottom:10px;}
 .mypage_main .order_list .list_body .btn_group .btn_group_inner { display: flex;}
 .mypage_main .order_list .list_body .btn_group .btn_group_inner a {width: 100%;
        background: #fff;
        border: 1px solid #21c19b;
        color: #171717;}
 /* position: absolute; */
 .mypage_main .order_list .btn_group button:first-child {margin-bottom: 0; margin-right: 5px;}
 .mypage_main .order_list .list_body .btn_group .btn {line-height:25px; min-width: 8.5rem;font-size: 1.1rem; text-align: center;}
 .mypage_main .order_list .detail_btn {display: none;}


 /* 일대일 문의 */
 .qna_list .list_body { width: 95%; margin: 0 auto; border: 2px solid #bebebe; } 
 .qna_list .list_body li {background: #fafafa;}
 .qna_list .list_body li:last-child { border-bottom: none; } 
 .qna_list .list_body .dd { width: 100%; }
 @media (min-width: 981px) {
  .qna_list .list_body .que {
   border-bottom: 1px solid #bebebe;
  }
 }
 .qna_list .list_body .que .wrap { flex-direction: column; align-items: flex-start } 
 .qna_list .list_body .que .btn { display: none; position: absolute; bottom:8px; right:8px;width: auto; padding: 0;font-size: 1.2rem; background: transparent; color: #000; } 
 .qna_list .list_body .que .btn::after { display: inline-block; content: ""; width: 10px; height: 10px; margin-left: 5px; background: url("/../img/close_icon.png") no-repeat center / 100%; } 
 .qna_list .list_body li.active .que .btn { display: block; } 
 .qna_list .list_body .title { margin-left: 0; width: 100%; display: flex; font-size: 1.4rem; } 
 .qna_list .list_body .date_text { border: none; margin-bottom: 8px; font-size: 1rem; } 
 .qna_list .list_body .ans h3 { font-size: 1.2rem; } 
 .qna_list .list_body .ans { font-size: 1.2rem; } 
 .qna_list .state { position: absolute; top:20px; right:20px; } 

 /* TABLE LIST */
 .noticeTable-list { margin: 0; } 
 .noticeTable-list li .row .cell { padding:10px 0; } 
 .noticeTable-list li .row .cell.xl { width:auto; min-width:auto; max-width:auto; } 
 .noticeTable-list li .row .cell.lg { width:auto; } 
 .noticeTable-list li .row .cell.md { width:auto; } 
 .noticeTable-list li .row .cell.sm { width:auto; min-width:auto; max-width:100%; } 

 .noticeTable-list li.tr .row { padding:15px 0; } 
 .noticeTable-list li.tr .row .cell { float:left; display:inline-block; padding:0; } 
 .noticeTable-list li.tr .row .cell.notiNum { width: 20%; padding: 4px 0 0 0; } 
 .noticeTable-list li.tr .row .cell.notiTit { width: 80%; padding: 0; } 
 .noticeTable-list li.tr .row .cell.notiDate { clear: both; position: relative; width:100%; height: 20px; text-align:left; color:#969696; margin-right: 10px; padding:0 15px 10px 20%; } 
 .noticeTable-list li.tr .row .cell.notiHit { float:left; height: 20px; line-height: 20px; padding:0; } 
 .noticeTable-list li.tr .row .cell .noti { width:50px; height:25px; line-height:25px; } 
 
 .table-write li .content.file_content .btn_wrap { display: flex; align-items: center; justify-content: space-between; width: 150px; margin-left: 10px; } 

 /* TABLE VIEW */
 .noticeTable-view > li { padding:15px 0; } 
 .noticeTable-view > li.head { padding-left:0px; } 
 .noticeTable-view > li.body { padding:20px 0; } 
 .noticeTable-view > li.btn { padding-bottom:50px; } 
 .noticeTable-view > li.btn .btn-list { right:50%; } 
 .noticeTable-view > li.txt .hit { background-position: left 2px; } 

 .noticeTable-view li.tablePrev { overflow:hidden; } 
 .noticeTable-view li.tablePrev dl.tableTr-prev dt { float:left; width:12.5%; padding:0px 0; text-align:center; font-size:1.2rem; color: #010101; background: url('../../../../../404.html') no-repeat right center; } 
 .noticeTable-view li.tablePrev dl.tableTr-prev dd { float:left; width:87.5%; padding:0px 0 0 10px; text-align:left; font-size:1.133rem; color: #969696; } 

 .noticeTable-view li.tableNext { overflow:hidden; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } 
 .noticeTable-view li.tableNext dl.tableTr-next dt { float:left; width:12.5%; padding:0 0; text-align:center; font-size:1.2rem; color: #171717; background: url('../../../../../404.html') no-repeat right center; } 
 .noticeTable-view li.tableNext dl.tableTr-next dd { float:left; width:87.5%; padding:0 0 0 10px; text-align:left; font-size:1.133rem; color: #969696; } 

 /* 결제 */
 .item-payment { padding:35px 0 50px 0; } 
 .item-payment .payment-table { margin-bottom:25px; } 
 .item-payment .payment-table tbody td span { padding:15px 0 0 10px; display:block; width:100% } 
 .item-payment .payment-table tbody td img { width:auto; max-width:initial; margin:0 auto; padding-left:10px; } 

 .item-payment .payment-amount { width:100%; margin-bottom:30px; } 

 .item-payment .oderInfo-img { position:relative; width:100%; padding:5% 0 10% 0; } 
 .item-payment .oderInfo-img p.infoText { position:relative; text-align:center; font-size:1.8rem; padding-top:20px; } 

 .item-payment .payment-dl { margin-bottom:30px; } 
 .item-payment .payment-dl li { width:100%; } 
 .item-payment .payment-dl li dt { width:100%; padding:8px 0; } 
 .item-payment .payment-dl li dd { width:100%; padding:8px 0 8px 10px; } 
 .item-payment .payment-dl li:last-child dd.address { width:95%; } 

 .item-payment .payment-checkBox { margin:0 auto 25px; } 
 
 /* 장바구니 shop_cart_list.html */
 #myHk.cart .tableBox { overflow: unset; } 
 #myHk.cart .cart_table .head_list li:not(:first-child, :nth-child(2)) { display: none; } 
 #myHk.cart .cart_table .head_list li:first-child { position: absolute; } 
 #myHk.cart .cart_table .head_list li:nth-child(2) { width: 100%; } 
 #myHk.cart .cart_table .cart_list { flex-wrap: wrap; position: relative; } 
 #myHk.cart .cart_table .cart_list li { display: flex; align-items: center; } 
 #myHk.cart .cart_table ul li:first-child { width: 15%; } 
 #myHk.cart .cart_table ul li:nth-child(2) { width: 85%; } 
 #myHk.cart .cart_table .cart_list li:first-child { justify-content: center; flex: 0 0 auto; order:0; } 
 #myHk.cart .cart_table .cart_list li:nth-child(2) { align-items: flex-start; order:1; width: 71%; }
 #myHk.cart .cart_table .cart_list li:nth-child(2) > img { display: none; }
 #myHk.cart .cart_table ul li:nth-child(3) { position: absolute; top: 100px; left: 15%; width: 80px; } 
 #myHk.cart .cart_table ul li:nth-child(3) img { width: 100%; height: 100%; object-fit: cover; } 
 #myHk.cart .cart_table ul li:nth-child(4) { justify-content: flex-end; order: 3; width: 100%; } 
 #myHk.cart .cart_table ul li:nth-child(5) { justify-content: flex-end; order: 4; width: 100%; } 
 #myHk.cart .cart_table .cart_list li:nth-child(6) { justify-content: flex-end; order: 5; width: 100%; } 
 #myHk.cart .cart_table .cart_list li:nth-child(6) button { width: 30px; height: 30px; } 
 #myHk.cart .cart_table .cart_list li input { width: 30px; height: 30px; } 
 #myHk.cart .cart_table ul li:nth-child(7) { justify-content: center; order:6; width: 100%; /* padding: 0 0 20px; */ font-size: 1.6rem; } 
 #myHk.cart .cart_table ul li:nth-child(8) { order:2; width: fit-content; } 
#myHk.cart .cart_table .cart_list strong { display: flex; align-items: center; margin-left: 60px; } 
#myHk.cart .cart_table .cart_list .mobile { margin-right: 10px; } 
#myHk.cart .cart_table .prd_img { width: 80px; height: 80px; border: 1px solid #e6e6e6; } 
#myHk.cart .glores-A-btn-wrap .btn-app { width: fit-content; padding: 0 20px; } 
 }

@media all and (max-width: 700px){
 .mobile-touch { display:block; } 
 .resetSize { width:100% !important; margin-bottom:1px; } 
 .table-write li dd .moneyPlan { top:5px; } 

 .tab_btn_wrap p {font-size: calc(100vw*(13/428)) } 
.tab_btn_wrap p.active { font-size: calc(100vw*(13/428)) } 
 /* STIKER */
 .wrap-stiker { padding-left:0; text-align:left; } 
 .pt-list .wrap-stiker { width:100%; } 
     /* 20220721 수정 */
     #hkMembers,
     #subscribe{
         width: 100%;
     }
     #hkMembers .members-area div,
     #subscribe .about-area div{
         display: block;
     }
     #hkMembers .members-area div:nth-of-type(2n),
     #subscribe .about-area div:nth-of-type(2n-1){
         display: flex;
         flex-direction: column-reverse;
         margin-bottom: 0;
     }
     #hkMembers .members-area div:nth-of-type(2n) p{
         margin-top: 20px;
     }
     #subscribe .about-area .aboutTxt{
         margin: 30px 0 50px 0;
     }
     #hkMembers .members-area div img,
     #subscribe .about-area div img{
         max-height: 200px;
         max-width: 300px;
     }
     .membersBottom img{
         width: 170%;
         position: relative;
         left: -40%;
     }
     /* 20220721 수정 끝 */
 }

@media all and (max-width: 580px){
 .mobile-visual { display:block; } 
 /* VISUAL */
 #hkMembers .soldout_img span:first-child { font-size:1.8rem } 
 #hkMembers .soldout_img span { font-size:1.2rem; }
 #subscribe .productInfo-view .img-wrap {width:100%; margin: 0 auto;}
 #subscribe .productInfo-view .price {font-size: 1.8rem; margin-bottom: 1rem;}
 #subscribe .productInfo-gift .btn-subscription {margin: 0; margin-left: auto;}
}


@media all and (max-width: 480px){
 #myHk .myhk-subtitle .searchDate { float:left; } 
 .cont .review-list tr.review-title .review-date,
 .cont .shop-list tr.shop-title .shop-date { width:15%; display: none } 
 .cont .review-list tr.review-title .review-tit,
 .cont .shop-list tr.shop-title .shop-tit { width:72%; } 
 #subscribe .productInfo-view { padding: 2rem 0; } 
 /* 장바구니 */
/* #myHk.cart .cart_table ul li:nth-child(4) { margin-left: 10px; } 
 #myHk.cart .cart_table ul li:nth-child(5) { margin-left:27px; } */
}

@media all and (max-width: 320px) { div.main .hk-book .sliderBook .item .book-dc span { letter-spacing:-0.2em; } 
 .total-menu-wrap.on { width: 85%; } 
 }


 /* 23.03.02 기쥰 변경 css */
 /* COMMON  */
 .mypage_main .order_list .detail_btn {white-space: nowrap;}
 .mypage_main .info_box .klay_txt img {width:60%;}
 .mypage_main .info_box p img {width:50%;}
 .mypage_main .my_tab li {display: flex; align-items: center; justify-content: center; gap: 3%;}
 .mypage_main .my_tab img { width: 15%; }
 
 /* order/list */
 .mypage_main .order_list .list_head {padding: 10px 0px;}
 .mypage_main .order_list .col_4{display: flex; align-items: center; justify-content: flex-start;}
 .mypage_main .order_list .col_4 .prd_img {margin:0; margin-right: 10px;}
 .mypage_main .order_list .btn_group button:first-child {margin-bottom:0;}
 .mypage_main .order_list .btn_group button.mb_10{margin-bottom: 10px}
 .mypage_main .order_list .detail_btn {padding: 4px 8px;}

 /* cancel list */
 .mypage_main .order_list.cancel-list .td {width:initial !important; }
 .mypage_main .order_list.cancel-list .col_1 {flex:1;}
 .mypage_main .order_list.cancel-list .col_2 {flex:1;}
 .mypage_main .order_list.cancel-list .col_3 {flex:1;}
 .mypage_main .order_list.cancel-list .col_4 {width: 22%;}
 .mypage_main .order_list.cancel-list .col_5 {flex:1;}
 .mypage_main .order_list.cancel-list .col_6 {flex:1;}
 .mypage_main .order_list.cancel-list .col_7 {flex:1;}
 .mypage_main .order_list.cancel-list .col_8 {flex:1;}
 .mypage_main .order_list.cancel-list .col_9 {flex:1;}
 .mypage_main .order_list.cancel-list .col_10 {flex:1;}

 /* order list */
 .mypage_main .order_list .td {width:initial !important; }
 .mypage_main .order_list .col_1 {flex:1;}
 .mypage_main .order_list .col_2 {flex:1;}
 .mypage_main .order_list .col_3 {flex:1;}
 .mypage_main .order_list .col_4 {flex:2;}
 .mypage_main .order_list .col_5 {flex:1;}
 .mypage_main .order_list .col_6 {flex:1;}
 .mypage_main .order_list .col_7 {flex:1;}
 .mypage_main .order_list .col_8 {flex:1;}
 .mypage_main .order_list .col_9 {flex:1;}
 .mypage_main .order_list .col_10 {flex:1;}
 /* cancel list */
 .mypage_main .cancel-list .td {width:initial !important; }
 .mypage_main .cancel-list .col_1 {flex:1;}
 .mypage_main .cancel-list .col_2 {flex:1;}
 .mypage_main .cancel-list .col_3 {flex:1;}
 .mypage_main .cancel-list .col_4 {width: 22%;}
 .mypage_main .cancel-list .col_5 {flex:1;}
 .mypage_main .cancel-list .col_6 {flex:1;}
 .mypage_main .cancel-list .col_7 {flex:1;}
 .mypage_main .cancel-list .col_8 {flex:1;}
 .mypage_main .cancel-list .col_9 {flex:1;}
 .mypage_main .cancel-list .col_10 {flex:1;}


 /* cancel-request page - table */
 .cancel-request-table {width: 100%; margin:0 auto; text-align: left;}
 .cancel-request-table tr{display: flex; padding: 0px 15px; flex:1;}
 .cancel-request-table td{flex:1.2;}
 .cancel-request-table tr, .cancel-request-table th {width: 100%;}
.cancel-request--title {font-size: 1.4rem; font-weight: 700; padding-bottom: 5px; border-bottom: 2px solid #000;}
.cancel-request--sub-title {width: 100%; font-size: 1.3rem; font-weight: 700; padding: 5px 0px; 
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
}

.cancel-request--checker {display: flex; align-items: center; justify-content: center;}
/* .cancel-request--checker input[type="checkbox"]{ display: none;} */
/* .cancel-request--checker label {all:unset;} */
/* .cancel-request--checker input[type="checkbox"]+label {all:unset;} */
/* .cancel-request--checker label .img-box {border: 1px solid #e6e6e6; margin-right:10px;} */
.cancel-request--checker .img-box {aspect-ratio: 1/1; max-width: 150px; min-width:100px; border: 1px solid #e6e6e6;}
.cancel-request--checker .img-box img {width: 100%;}

.cancel-request-table td.cancel-request--text {flex:2;}
.cancel-request--text dt {font-size: 1.4rem; font-weight: 600;}
.cancel-request--text dd {margin-bottom: 5px;}
.cancel-request--text span {font-size: 1.2rem;}
.cancel-request__price { width: 100%; display: flex; justify-content: space-between;}
.cancel-request__price .title {flex:1;}
.cancel-request__price--result {display: flex; flex-direction: column; margin-top:-20px;}

.cancel-request__price--result .k-price{font-size:12px;}
.cancel-request__price--result .ko-price{font-size:1.3rem; font-weight:700;}
.cancel-request__price--result .per-price{font-size:12px;}

.cancel-request-table .cancel-request--count__wrap {padding-top:5px; padding-bottom: 5px;}
.cancel-request--count__wrap {}
.cancel-request--count {flex:1; display: flex; align-items: center;}
.cancel-request--count label{ flex:1; max-width: 203px; font-size: 1.1rem; font-weight: 500;}
.cancel-request--count select{ flex:1.5;}

.cancel-request--reason {flex:1; display: flex; align-items: center;}
.cancel-request--reason label{ flex:1; max-width: 203px; font-size: 1.1rem; font-weight: 500;}
.cancel-request--reason .reason-input {flex:1.5; font-size: 1rem;}

.refund-info__head {width: 100%; padding-top: 5px; display: inline-flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e6e6e6; margin-bottom: 5px;}
.refund-info__head.cancel-request--title {width: 100%; padding-top: 5px; display: inline-flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #000; margin-bottom: 5px;}
.refund-info__head span {font-size:1.3rem; font-weight: 600;}
.refund-info__head.refund-price {margin-bottom:0px; padding-bottom:10px;}

.refund-info--desc {padding-left:20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; margin-bottom: 5px;}
.refund-info__inner-item {width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px;}
.BORDER_BOTTOM {border-bottom: 2px solid #e6e6e6;}
.refund-info--desc.grey-box {padding-left:0px; margin-bottom: 30px;}
.refund-info--desc.grey-box .refund-info__inner-item {background: #fafafa; padding: 5px 10px; border:1px solid #eee;}

.refund-info--desc.refund-way { padding-left: 30px;}
.refund-info--desc.refund-way .refund-info__inner-item{justify-content: flex-start;}
.refund-info--desc.refund-way .refund-info--inner-title {margin-right: 30px;}

.mb_50{ margin-bottom: 50px;}
.B_700 {font-weight: 800;}
.no_border{border:none;}

.refund.button-wrap {width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.refund.button-wrap button {width: 20%; font-size: 1.4rem;}

.account-request-table  {width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-align: left;}

.account-input-wrap.BORDER_BOTTOM {border-bottom:2px solid #000;}
.account-input-box {display: flex; align-items: center; border-bottom: 1px solid #e6e6e6; padding: 10px 20px;}
.account-input-box:last-child {border:none;}
.account-input-box label {flex:1; font-size: 1.1rem;}
.account-input-box input, .account-input-box select {flex:4; font-size: 1rem; max-width: 452px;}
.account-request-table .button-wrap {display: flex; align-items: center; justify-content: center; gap:30px; margin-top: 20px;}
 /* pagination */
 .page .ui-pagenate strong, .page .ui-pagenate a {background:#fff; color: #21c19b; border: 1px solid #21c19b;}
 .page .ui-pagenate strong, .page .ui-pagenate a.active {background:#21c19b;color:#fff; border: 1px solid transparent;}
 .page .ui-pagenate .p.prev, .page .ui-pagenate .p.next {background:#fff;}
 .page .ui-pagenate .p.prev::before, .page .ui-pagenate .p.next::before {border-color:#21c19b;}
 .page .ui-pagenate .p.prev.end, .page .ui-pagenate .p.next.end {display: none;}
 .mytab_btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 320px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    border-radius: 50px;
    overflow: hidden;
    margin-bottom: 50px;
}

.mytab_btn {
    width: 50%;
    height: 100%;
    line-height: 1.2;
    font-size: 16px;
    color: #21c19b;
    border-radius: 50px;
    cursor: pointer;
}

.mytab_btn.active {
    width: 55%;
    background: #21c19b;
    color: #fff;
}

.mytab_area {
    display: none;
    width: 100%;
}

.mytab_area.active {
    display: block;
}
.glores-A-half .btn-app {font-size: 16px;}

@media all and (max-width: 980px){
    .mypage_main .my_tab li {display: block;}
    .mypage_main .my_tab img { display: none; }
    .mytab_btn_wrap {
        width: 80%;
    }
    .mytab_btn {
        font-size: 1.3rem;
    }
    .account-input-wrap{ display: flex; flex-direction: column;}
    .account-input-box {flex-direction: column; align-items: flex-start;}
    .account-input-box label {margin-bottom: 10px;}
    .account-input-box input, .account-input-box select {width:100%;}

    .account-name {order:3;}
    .account-bank {order:1;}
    .account-num {order:2;}
    
}
 
 .btn_group .btn.mb_10{margin-bottom: 10px; display:inline-flex; align-items: center; justify-content: center;} 

 @media screen and (max-width:965px) {
    .mypage_main .order_list .col_4 {justify-content: flex-start;}
    .mypage_main .order_list .btn_group .btn.mb_10{margin-bottom: 0px; margin-right:5px;} 
     .mypage_main .my_tab li a {
        color: #000;
    }
}
 @media screen and (max-width:430px) {
    .mypage_main .info_box .right a {max-width: 97px;}
     .mypage_main .my_tab li a {
        color: #000;
    }
 } 

 /* 2023.06.21 수정 css */
.select-box {width: 100%; display: flex; align-items: center; justify-content: flex-end; margin-top: 20px;}