<style>

.accordion{width:100%;padding:18px;border:none;border-bottom:1px solid #ced4da;outline:none;background:#fff;color:#444;font-size:15px;text-align:left;cursor:pointer;transition:0.4s;}

.accordion:first-child{border-top:1px solid #ced4da;}

.active, .accordion:hover{}

.accordion:after{float:right;margin-left:5px;content:'\002B';color:#777;font-weight:bold;}

.active:after{content:"\2212";}

.panel{max-height:0;padding:0 18px;overflow:hidden;background-color:white;background-color:#f1f3f5;transition:max-height 0.2s ease-out;}

</style>

/******상품상세 공지내용*******/

.Accordion {  list-style:none;padding:0;	   margin: 20px auto 20px auto;  border-top: 1px solid #000000;}
.Accordion li {list-style:none; border-bottom: 1px solid #e0e0e0;  position: relative; }
.Accordion li div { display: none;  padding: 10px 10px 10px 10px; color: #666;}
.Accordion a { width: 100%;  display: block; cursor: pointer; box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing:border-box; line-height: 160%;  font-size: 12px; margin:10px 10px;padding-right:10px;user-select: none;}
.Accordion a span{ width:95%; display:block;}
.Accordion a:after { width: 8px;   height: 8px;  border-right: 1px solid #000;  border-bottom: 1px solid #000; position: absolute; right: 10px; content: " "; top: 4px;  transform: rotate(-45deg);  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.Accordion div {  font-size: 12px;   line-height: 2;   background:#F5F5F5; border-top:1px #e0e0e0 solid; padding: 10px 0px; padding-bottom:0}
.Accordion a.active:after {  transform: rotate(45deg);  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.Accordion  li span.style_sBtn{cursor:pointer;padding:5px 7px; background:#F06259;color:#fff;font-weight:bold; font-size:11px; display:inline-block}
 
