@charset "UTF-8"; /** * 디자인별 템플릿 css 분리 * header - 카테고리형 * @date:2021-07-08 * @name:이상아 */ /* 카테고리형 */ #tpl-category #header {width:1330px; margin:0 auto; position:relative; z-index:102;} /* 22.12.29 이현진 width 수정 */ #tpl-category .sideFix {width:220px; position:fixed; /* top:50px; */ box-sizing:border-box; z-index:99; background:#fff; padding-top:50px; height:100vh;} /* 21.04.26 이상아 수정 */ /* 22.12.29 이현진 width 수정, top 삭제, padding-top, height 추가 */ #tpl-category .sideFix img {max-width:100%} #tpl-category .sideFix .profile-area {width:100%; text-align:center; position:relative;} #tpl-category .sideFix .profile-area > a {display:inline-block; width:108px; height:108px; z-index:99;} #tpl-category .sideFix .profile-area .img {display:inline-block; width:108px; height:108px; margin-bottom:10px; overflow:hidden; border-radius:50%;} #tpl-category .sideFix .profile-area .img img {width:100%; height:100%;} #tpl-category .sideFix .profile-area .name {font-weight:bold; font-size:21px; font-family:'notokr';} #tpl-category .sideFix .top {border-bottom:1px solid #e4e4e4; z-index:100;} #tpl-category .sideFix .top .links {padding:20px 0 20px; text-align:center;} #tpl-category .sideFix .top .links ul {display:inline-block; margin-left:-5px;} #tpl-category .sideFix .top .links ul li {float:left; margin-left:20px;} /* 22.12.29 이현진 margin-left 수정 */ #tpl-category .sideFix .top .links ul li:first-child {margin-left:0;} #tpl-category .sideFix .top .links ul li a.btn-search {display:inline-block; width:32px; height:32px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/tpl_category_search_000000.png) 0 0 no-repeat; position:relative; text-indent:-9999px;} #tpl-category .sideFix .top .links ul li a.btn-logoff {display:inline-block; width:32px; height:32px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/tpl_category_logoff_000000_new.png) 0 0 no-repeat; position:relative; text-indent:-9999px;} #tpl-category .sideFix .top .links ul li a.btn-logon {display:inline-block; width:32px; height:32px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/tpl_category_logon_000000.png) 0 0 no-repeat; position:relative; text-indent:-9999px;} #tpl-category .sideFix .top .links ul li a.btn-odr-inquiry {display:inline-block; width:32px; height:32px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/tpl_category_inquiry_000000.png) 0 0 no-repeat; position:relative; text-indent:-9999px;} #tpl-category .sideFix .top .links ul li a.btn-basket {display:inline-block; width:32px; height:32px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/tpl_category_basket_000000.png) 0 0 no-repeat; position:relative;} #tpl-category .sideFix .top .links ul li a.btn-basket span.number {top:0px; left:21px; background:#888; border-radius:50%; width:18px; height:16px; padding-top:3px; position:absolute; top:-2px; left:20px; font-size:11px; color:#fff;} #tpl-category .sideFix .category .none {display:table; width:100%; min-height:200px;} /* 22.05.18 max-height 이상아 수정 */ #tpl-category .sideFix .category .none p {display:table-cell; vertical-align:middle; text-align:center; line-height:24px; font-size:14px; color:#888888;} #tpl-category .sideFix .category ul {margin:15px 0; max-height:210px; overflow-x:hidden; overflow-y:auto;} /* 21.05.03 이상아 수정 , 21.05.06 이상아 수정, 22.05.18 max-height 이상아 수정 */ #tpl-category .sideFix .category ul::-webkit-scrollbar {width:8px;} /* 21.05.03 이상아 추가 */ #tpl-category .sideFix .category ul::-webkit-scrollbar-thumb {border-radius:100px; background-color:#eee;} /* 21.05.03 이상아 추가 */ #tpl-category .sideFix .category ul li {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #tpl-category .sideFix .category ul li a {line-height:30px; font-size:16px; font-weight:bold; color:#000;} #tpl-category .sideFix .bot {margin-top:20px; line-height:24px; word-break:break-all; max-height:70px; overflow-x:hidden; overflow-y:auto;} /* 22.05.18 padding-top 삭제, overflow 수정, margin-top, max-height 이상아 추가 */ #tpl-category .sideFix .bot::-webkit-scrollbar {width:8px;} /* 22.05.18 이상아 추가 */ #tpl-category .sideFix .bot::-webkit-scrollbar-thumb {border-radius:100px; background-color:#eee;} /* 22.05.18 이상아 추가 */ #tpl-category .sideFix .bot .name {font-size:14px; color:#666666;} #tpl-category .sideFix .bot .tell {font-size:14px; color:#000000;} #tpl-category .sideFix .bot .time {font-size:14px; color:#888888;} #tpl-category .sideFix .bot a {display:block; font-size:14px; color:#888888; text-decoration:underline;} #tpl-category .sideFix .side-content {/* padding:0 25px 20px 0; */} /* 21.03.03 수정 */ /* 22.12.29 이현진 padding 삭제 */ #tpl-category .sideFix .board-wrap {width:100%; margin-top:30px;} #tpl-category .sideFix .board-wrap a {display:block; line-height:34px; padding-left:25px;} #tpl-category .sideFix .board-wrap a span {display:inline-block; font-weight:bold; font-size:14px; color:#000;} #tpl-category .sideFix .board-wrap .btn-notice {background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/side_notice_ico.png) left center no-repeat;} #tpl-category .sideFix .board-wrap .btn-qa {background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/side_qa_ico.png) left center no-repeat;} /* 22.12.29 이현진 추가 */ #tpl-category .sideFix .top .links ul li a.btnQna {display:inline-block; width:32px; height:32px; background:url('/assets/shop/pc/img/common/tpl_category_qna_000000.png') center no-repeat; position:relative; text-indent:-9999px;} #tpl-category .sideFix .top .links ul li a.btnNotice {display:inline-block; width:32px; height:32px; background:url('/assets/shop/pc/img/common/tpl_category_notice_000000.png') center no-repeat; position:relative; text-indent:-9999px;} .hdSchBar.type2 {width:151px;} #tpl-category .sideFix .category {padding-bottom:15px; border-bottom:1px solid #e4e4e4;} #tpl-category .sideFix .category ul {margin-bottom:0; max-height:calc(100vh - 462px);} #tpl-category .sideFix .category ul li {position:relative;} #tpl-category .sideFix .category ul li > a {display:block; line-height:40px; font-size:15px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:25px;} #tpl-category .sideFix .category ul li:hover > a, #tpl-category .sideFix .category ul li.active > a {font-weight:bold; letter-spacing:-0.3px;} #tpl-category .sideFix .category ul li.depth > a {background:url('/assets/shop/pc/img/common/ico_arr_down_000000.png') right 10px center no-repeat;} #tpl-category .sideFix .category ul li.depth.active > a {background:url('/assets/shop/pc/img/common/ico_arr_up_000000.png') right 10px center no-repeat;} #tpl-category .sideFix .category ul li.depth .subDepth {display:none;} #tpl-category .sideFix .category ul li.depth .subDepth a {display:block; font-size:14px; color:#000; line-height:30px; font-weight:normal; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #tpl-category .sideFix .category ul li.depth .subDepth a:hover, #tpl-category .sideFix .category ul li.depth .subDepth a.on {font-weight:bold; letter-spacing:-0.3px;}