.cate__list { display: flex; /* align-items: center; */ justify-content: space-between; background: #fff; border: 1px solid #ddd; border-top: 2px solid #232f3e; margin-bottom: 5rem;
   
}

.cate__list li { /* flex: 1; */ width: 100%; display: flex; align-items: center; justify-content: center;
}

.cate__list li+li { border-left: 1px solid #ddd;
}

.cate__list li a { display: flex; align-items: center; justify-content: center; /* background: #fff; */ transition: .3s ease; padding: 2rem 0; font-size: 1.6rem; line-height: 1; font-weight: 400; color: #434343; text-align: center;
}

.cate__list li a.on { background: #f0f0f0; color: #1b1b1b;
}
.cate__list li.on{ background: #f0f0f0; /* color: #1b1b1b; */
}

/* .cate__list li a:hover { background: #f0f0f0; color: #1b1b1b;
} */
.cate__list li:hover { background: #f0f0f0; color: #1b1b1b;
}
/* 장바구니, 구매페이지, 포인트 등 마이페이지 관련 */
.sBoardList{width:100%; background-color: #f8f8f8; border-top:2px solid #232f3e; overflow:hidden; box-sizing: border-box; }
.btnArea + .sBoardList{margin-top:10px;}
.sBoardList>.table{width:100%; border-spacing:0; display:table; table-layout : fixed; position: relative; min-width: 64rem;}
.sBoardList>.table .tr{display:table-row; position: relative;}
.sBoardList>.table .tr>div{height:57px; padding:15px 0; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:16px; line-height:1.4; color:#666; letter-spacing: -0.03em; text-align:center; box-sizing: border-box; display:table-cell; vertical-align: middle; position: relative;}

.sBoardList>.table .thead>div{background-color: #f0f0f0; font-weight: 500; color:#222; position: relative;}

.sBoardList>.table .tr>.num .noti{margin:-5px 0; padding:0 13px; background-color: #232f3e; font-weight: 300; font-size:14px; line-height:24px; color: #f8f8f8; display:inline-block; border-radius:3px;}

.sBoardList>.table .tr>.title{padding:0 1rem; text-align:left;}
.sBoardList>.table .tr>.title>.checks{display:inline-block; vertical-align: middle;}
.sBoardList>.table .tr>.title>a{max-width:85%; font-weight: 400; color:#333; cursor:pointer; display:inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sBoardList>.table .tr>.title>.icon{padding:0 0 3px 7px; display:inline-block; vertical-align: middle;}

.sBoardList>.table .tr>.stat{padding:11px 0;}
.sBoardList>.table .tr>.stat>.icon{width:7rem; height:3rem; background-color: #f8f8f8; border:1px solid #ccc; font-weight: 300; font-size:1.4rem; line-height:2.8rem; color: #898989; text-align: center; display:inline-block; box-sizing: border-box; border-radius:2px;}
.sBoardList>.table .tr>.stat>.icon.end{background-color: #232f3e; border-color:#232f3e; color: #f8f8f8;}

.sBoardList>.table .tr>.title>a.active,
.sBoardList>.table .tr>.title>a:hover{color:#232f3e;}

.sBoardList>.table .tr.noPost{position: static;}
.sBoardList>.table .tr.noPost .td{height:200px; position: static;}
.sBoardList>.table .tr.noPost .td>p{width:100%; font-size:16px; line-height:2; color:#000; text-align: center; position: absolute; left:0; top:50%; white-space: nowrap;}

.sBoardList.shop .cart,
.sBoardList.shop .form,
.sBoardList.shop .check{font-size:0 !important; line-height:0 !important;}
.sBoardList.shop input[type=text]{width:70%; height:40px; padding:0 10px; background-color:#f8f8f8; border:1px solid #cecece; font-weight: 300; font-size:14px; line-height:38px; color:#666; text-align: center; box-sizing: border-box; vertical-align:middle; display:inline-block;}
.sBoardList.shop input[type=checkbox]{width: 15px; height: 15px; background-color: #f8f8f8; border:1px solid #cecece; display: inline-block; box-sizing: border-box; position: relative;}
.sBoardList.shop .link>a{color: #666; display:inline-block; vertical-align: top; position: relative;}
.sBoardList.shop .link>a+a{margin-left:7px;}
.sBoardList.shop .link>a+a:before{content: ""; width: 1px; height: 10px; margin-top:-5px; background-color: #666; display: inline-block; position:absolute; left: -5px; top:50%;}


.sBoardList.shop input[type=checkbox]{}
.sBoardList.shop input[type=checkbox]:before{}
.sBoardList.shop input[type=checkbox]:after{border:none; background: url("/images/main/check.svg") no-repeat left top; background-size: cover; position: absolute; left:-1px; top:0; opacity: 0.3; width: 15px; height: 15px; content: '';}
.sBoardList.shop input[type=checkbox]:checked{border-color:#333;}
.sBoardList.shop input[type=checkbox]:checked:after{opacity: 1; width: 15px; height: 15px; content: '';}

/* .sBoardList.shop input[type=radio]+label{}
.sBoardList.shop input[type=radio]+label:before{border-radius:99px;}
.sBoardList.shop input[type=radio]+label:after{width: 1rem; height: 1rem; margin: 0; background-color: var(--point); border:none; left: 0.4rem; top:60% ; border-radius:99px; -webkit-transition: .3s; transition: .3s; transform: translateY(-50%); opacity: 0.3;}
.sBoardList.shop input[type=radio]:checked+label:before{border-color:var(--point);}
.sBoardList.shop input[type=radio]:checked+label:after{opacity: 1;} */

.sBoardList.shop>.table .tr>div.cart{height:15rem; padding:1rem;}
.sBoardList.shop .cart>.proCart{width:100%; text-align: left; display:table;}
.sBoardList.shop .cart>.proCart .thumb{width:13rem; height:13rem; background-repeat: no-repeat; background-position: center center; background-size: contain; display:table-cell; vertical-align: middle; box-sizing: border-box;}
.sBoardList.shop .cart>.proCart .title{font-weight: 400; font-size:16px; line-height:1.4; color: #333; letter-spacing: -1px; display:table-cell; vertical-align: middle;}
.sBoardList.shop .cart>.proCart .thumb+.title{padding-left:20px;}

.sBoardList.shop .amount{font-size:0 !important; line-height:0 !important;}
.sBoardList.shop .amount input[type=text]{width:40px; height:27px; margin-right:-1px; padding:0 5px; border:1px solid #cfcfcf; font-weight: 300; font-size:14px; line-height:24px; color: #666; text-align: center; display:inline-block; vertical-align: middle;}
.sBoardList.shop .amount>.btns{display:inline-block; vertical-align: top;}
.sBoardList.shop .amount>.btns>a{width:15px; height:14px; background-repeat: no-repeat; background-position: center center; display:block;}
.sBoardList.shop .amount>.btns>a.minus{margin-top:-1px; background-image: url('/images/sub/btn_cart_down.gif');}
.sBoardList.shop .amount>.btns>a.plus{background-image: url('/images/sub/btn_cart_up.gif');}


/* 제품 상세 페이지에 사용 */
.sBoardList.view{border-top-width:1px;}
.sBoardList.view .tr>div{font-size:1.4rem; color:#444; width: 100%;}
.sBoardList.view .thead>div{background-color: #f2f2f2; font-weight: 400; color:#222; position: relative;}

.sBoardList.view .icon{margin:0.7rem 0 0 0.5rem;}
.sBoardList.view .icon:before{min-width:2.3rem; min-height:2.3rem; font-size:1.4rem; line-height:2.3rem;}

.sBoardList.view .ajaxViewCon{width:1200px; padding:20px 30px; background-color: #f9f9f9; border-bottom:1px solid #ccc; font-weight: 300; font-size:14px; line-height:20px; text-align: left; box-sizing: border-box;}
.sBoardList.view .ajaxViewCon>.tit{font-weight: 400; color:#222;}
.sBoardList.view .ajaxViewCon>.txt{padding-top:5px;}
.sBoardList.view .ajaxViewCon>.btn{padding-top:10px; text-align: right;}
.sBoardList.view .ajaxViewCon>.btn>a{padding:0 10px; background-color: #f8f8f8; border:1px solid #444; font-weight: 300; font-size:14px; line-height:28px; color: #222; display:inline-block; vertical-align: top;}
.sBoardList.view .ajaxViewCon>.btn>a+a{margin-left:5px;}


.sBoardList.view .ajaxViewCon .answer{padding:30px 0; background-color: #fafafa; text-align: left;  vertical-align: top;}
.sBoardList.view .ajaxViewCon .answer>.tit{padding-bottom:5px; font-weight: 500; font-size:19px; line-height:1; color: #222;}


.board_write>table .file{width:100%; font-size:0; line-height:0; position:relative; overflow:hidden;}
.board_write>table .file .checkIn{margin-right:10px; vertical-align: middle;}
.board_write>table .file>.file_wrap{margin-right:20px; vertical-align:middle; display:inline-block;}
.board_write>table .file>.file_wrap>.btnFile{width:100px; height:40px; margin-right:10px; border-width:1px; border-style:solid; font-size:14px; line-height:38px; text-align: center; vertical-align:middle; cursor:pointer; overflow:hidden; display:inline-block; position: relative; box-sizing: border-box;}
.board_write>table .file>.file_wrap>.btnFile>input[type=file]{width:100%; height:100%; opacity:0; cursor:pointer; position: absolute; left:0; top:0; z-index:3;}
.board_write>table .file>.file_route{font-size:14px; line-height:1.3; color:#666; display:inline-block; vertical-align:middle; box-sizing: border-box; overflow:hidden; cursor: pointer;}

.board_write>table .file>.thumb{width:40px; height:40px; background-position: center top; background-repeat: no-repeat; background-size: cover; display:inline-block; vertical-align: middle; overflow:hidden;}
.board_write>table .file>.thumb>.over{width:0; height:0; margin:0; background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; position: fixed; left: 50%; top:50%; z-index:99; box-sizing: border-box; -webkit-transition: .4s; transition: .4s; transform-origin: 50% 50%; opacity: 0;}
.board_write>table .file>.thumb:hover>.over{width:480px; height:480px; margin:-240px 0 0 -240px; opacity: 1;}
.board_write>table .file>.thumb.text{width:75%; height:40px; font-weight: 300; font-size:14px; line-height:40px; color:#666; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.cartTotal{padding:20px 30px; margin-top:-1px; border-top:1px solid #cfcfcf; background-color: #f8f8f8; font-size:16px; line-height:1.4; color: #333; text-align: right; position: relative; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.cartTotal>strong{padding-left:15px; font-weight: 500; color: #000;}


/* 마이페이지 메뉴 */
.d3Area{margin-bottom:20px; border-top:2px solid #000; border-left:1px solid #dbdbdb; font-size:0; line-height:0; overflow:hidden;}
.proSchArea+.d3Area{margin-top:40px;}
.d3Area>*{width:20%; padding:0 30px; background-color: #f8f8f8; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; font-size:15px; line-height:50px; color: #434343; display:inline-block; vertical-align: top; position: relative; box-sizing: border-box;}	.d3Area>a.active,
.d3Area>a:hover{background-color: #232f3e; color: #f8f8f8;}

.d3Area.c{margin-bottom:40px;}
.d3Area.c>*{text-align: center;}


.secedeArea{padding:35px 30px; background-color: #f8f8f8; font-weight: 300; font-size:15px; line-height:26px; color: #666; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.secedeArea>p>span{padding-left:17px;}
.secedeArea>p+p{padding-top:15px;}
.secedeArea .point{font-weight: 400; color: #333;}


.btnArea a,
.btnArea input[type=image],
.btnArea input[type=submit],
.btnArea button{-webkit-transition: .3s; transition: .3s;}

/* Btn Style */
.btnArea{width:100%; margin-top:30px; font-size:0; line-height:0;}
.board_write+.btnArea{}
.btnArea a,
.btnArea input,
.btnArea button{width: auto; margin:0 10px 0 0; background-color:#232f3e; border:1px solid #232f3e; font-weight: 500; font-size:18px; line-height:1.25; color:#f8f8f8; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative; padding: 3px 10px;}
.btnArea button{line-height:50px;}

.btnArea a.small,
.btnArea input.small,
.btnArea button.small{width:73px; background-color:#232f3e; border-color:#232f3e; font-size:14px; line-height:33px; color:#f8f8f8;}
.btnArea button.small{line-height:35px;}

.btnArea a.write,
.btnArea input.write,
.btnArea button.write{background-color: transparent; color: #232f3e;}

.btnArea a.modify,
.btnArea input.modify,
.btnArea button.modify{background-color: #999; border-color:#999;}

.btnArea a.cancel,
.btnArea input.cancel,
.btnArea button.cancel{background-color: transparent; border-color:#333; color: #333;}

.btnArea a.print,
.btnArea input.print,
.btnArea button.print{background-color: transparent; border-color:#232f3e; color: #232f3e;}

.btnArea.tar{text-align: right;}
.btnArea.tac{text-align: center;}
.btnArea.tj{display: flex; justify-content: space-between;}

.btnArea.tar a,
.btnArea.tar input[type=image],
.btnArea.tar input[type=submit],
.btnArea.tar button{margin:0 0 0 10px;}

.btnArea.tac a,
.btnArea.tac input[type=image],
.btnArea.tac input[type=submit]{margin: 5px;}
/* .btnArea.tac button{margin: 5px;} */

.btnArea.tac.three{display: flex; /* align-items: flex-start;  */justify-content: center; gap: 1rem; flex-wrap: wrap;}
.btnArea.tac.three >a{width: calc((100% - 2rem)/3) ;min-width: 20rem; display: flex; align-items: center; justify-content: center;}

.btnArea.tj a,
.btnArea.tj input[type=image],
.btnArea.tj input[type=submit],
.btnArea.tj button{margin:0;}


@media only screen and (max-width : 480px){
    .btnArea.tac.three >a{width: 100%; margin: 0;}

}