/* BASIC css start */
.page-hd { padding: 35px 0; }
.page-hd h2 { font-size: 17px; text-align: center; }
.page-hd h2 b { display: block; font-weight: normal; }

.tool-wrap { position:relative; margin: 25px 5%; }
.tool-wrap select { width:69%; height: 38px; padding: 0 22px 0 0; text-indent: 6px; }
.tool-wrap .list-btn { position: absolute; right: 0; top: 0; width:29%; display: block; line-height: 38px; background: #111; color: #fff; text-align: center; }

.list_array {border-top:0px none;}
.plan .list_array .list_arrayRight img {width: 23px; height: auto;}


/* 상품리스트 */
.plan .section { position:relative; margin: 0 5%; border-bottom: 1px solid #dfdfdf; }
.plan .section .section-title { margin-bottom:15px; color:#000; font-size:23px; text-align:left; padding-left:4%; font-weight:600; position: relative; }
.plan .section .section-desc {padding:0 0 30px 20px; color:#000; opacity: 0.5;}
.plan .section .cols ul:after { display:block; clear:both; content:""; }
.plan .section .cols ul { margin-bottom:35px; font-size:0; }
.plan .section .cols ul:last-child { margin-bottom:0px; }
.plan .section .cols ul:after { display:block; clear:both; content:""; }
.plan .section .cols .items li { width:100%; vertical-align:top; box-sizing:border-box; text-align:left; padding:10px 0; border-top: 1px solid #dfdfdf; }
.plan .section .cols .items a { display:inline-block; width:100%; }
.plan .section .cols .items a .img { position:relative; width: 20%; float: left; margin-right: 3%; }
.plan .section .cols .items a .img .no {position:absolute; color:#fff; background: #666; width: 28px; height:28px; line-height:28px; top:0; left:0; font-size:13px; font-weight:500; text-align: center; }
.plan .section .cols .items a .prd-info { position: relative; width: 75%; float: left; padding: 10px 0 0; }
.plan .section .cols .items a .prd-name { font-size:13px; line-height:18px; word-break: keep-all; overflow: hidden; }
.plan .section .cols .items a .prd-name font { font-weight:bold; }
.plan .section .cols .items a .prd-name-sub { border-top:1px solid #eaeaea; color: #979797; font-size:11px; line-height:14px; margin-top:5px; padding-top:7px; font-weight:normal; }
.plan .section .cols .items a .prd-name-sub font { font-weight:normal; }
.plan .section .cols .items a .priceBox {margin:7px 0 5px; position:relative; }
.plan .section .cols .items a .priceBox .percent { padding-right: 3px; color: #ff4000; font-weight: 500; font-size: 13px; }
.plan .section .cols .items a .priceBox .slod-out {font-size:11px; color:#ff0004; font-weight:600; }
.plan .section .cols .items a .priceBox .slod-out2 {font-size:11px; color:#1f6aff; font-weight:600; }
.plan .section .cols .items a .priceicon { position: relative; text-align: right; height: 25px; }
.plan .section .cols .items a .priceicon img { margin-left:3px; }
.plan .section .cols .items a .priceicon .style-code { position: absolute; left: 0; top: 0; font-size: 11px; height: 19px; line-height: 19px; color:#979797; width: 70%; text-align: left; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plan .section .cols .items a .discount { color: #000; font-size: 14px; font-weight: 600; }
.plan .section .cols .items a .prd-price { color:#000; font-size:14px; font-weight:600; line-height:15px; display:inline-block; margin-right:4px; }
.plan .section .cols .items a .prd-price strike {color: #979797; font-weight: normal; font-size: 12px; }


/* 매거진 상세 */
.banner_top { position: relative; width: 100%; overflow: hidden; }
.banner_top .mv_box { width: 100%; }
.banner_top .mv_box video { width: 100%; border: 0; }
.banner_top .cont_box { width: 100%; padding: 35px 5%; }
.banner_top .cont_box h2 { font-size: 32px; font-weight: 600; padding-bottom: 25px; line-height: 42px; letter-spacing: -1.5px; }
.banner_top .cont_box p { font-size: 14px; line-height: 22px; }
/* BASIC css end */