/* BASIC css start */
.page_txt { font-size: 25px; text-align:center; }
.page_menu li.on {box-shadow: inset 0 -4px 0 0 #19110b;  }
.page_menu li:hover {box-shadow: inset 0 -1px 0 0 #19110b;  }
.page_menu li:last-child { border-right: 1px solid #eae8e4; }

.page-box { width:60%; margin:20px auto; border: 1px solid #eae8e4; box-sizing: border-box; padding: 1.5rem; }
.page-box .stxt-1 { font-family: "Malgun Gothic"; font-size:21px; font-weight: bold; margin-bottom: 1rem; }
.page-box .stxt-2 {  font-family: "Malgun Gothic"; font-size:16px;  color:#333 ; margin-bottom: 1rem;  }
.page-box .stxt-3 { background: rgba(234,232,228,0); box-shadow: inset 0 0 0 1px #19110b;  font-size:16px; color: #19110b; width: 100%; padding:20px 0; text-align:center; -webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}

.page-box .stxt-3:hover { background: #eae8e4; box-shadow: inset 0 0 0 1px #eae8e4;  }



/* 아코디언 */
.accordion {  margin:50px auto; border-bottom:1px solid #4a4a4a; padding:5px 0px ; width:80%; }
.accordion li { border-top:1px solid #4a4a4a;   }
.accordion li a.toggle { width: 100%; display: block; position: relative; color:#000; font-size:14px; padding:30px 10px;  }
.accordion li a.toggle span { position:absolute; top:30px; right:0;   transition:all .3s ease;-webkit-transition:all .3s ease; font-weight:300;}
.accordion li a.toggle span i.xi-plus-thin { font-size:14px; color: #000 !important; font-weight:400; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; }
.accordion li a.toggle:hover { color:#000; }
.accordion li a.toggle:hover span { transform:rotate(45deg);-webkit-transform:rotate(45deg);  }

.accordion .tinner { padding-left: 0; overflow: hidden; display: none; margin-top:0px;  border-top:1px solid #ddd;  background-color: #f6f5f3; }
.accordion .tinner p { padding:30px 10px; color:#999 ; font-size:14px; line-height: 1.5;  }
/* BASIC css end */