/* BASIC css start */
/* 푸터 마진 재조정 */
.footer {
    margin-top:40px !important;
}

.cs_center {
}
.cs_center .btn-list {
    font-size:0px;
    line-height:0px;
}
.cs_center .btn-list ul:after {
    display:block;
    clear:both;
    content:"";
}
.cs_center .btn-list ul li {
    float:left;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    box-sizing:border-box;
}
.cs_center .btn-list ul li:last-child {
    border-right:1px solid #cccccc;
}
.cs_center .btn-list ul li a {
    display:inline-block;
    width:100%;
    text-align:center;
}
.cs_center .btn-list ul li a img {
    width:auto;
    height:79px;
}
.cs_center .btn-list ul:first-child li {
    width:33.33%;
}
.cs_center .btn-list ul:last-child li {
    width:25%;
}

.cs_center .qna_search {
    margin-top:50px;
    padding:30px 0px;
    background:#f7f7f7;
    border-top:1px solid #333;
}
.cs_center .qna_search h5 {
    margin-bottom:20px;
    color:#333;
    font-size:14px;
    font-weight:normal;
    line-height:14px;
    letter-spacing:-0.5px;
    text-align:center;
}
.cs_center .qna_search .search_box {
    font-size:0px;
    line-height:0px;
    text-align:center;
}
.cs_center .qna_search .search_box input[type=text] {
    display:inline-block;
    width:200px;
    height:30px;
    padding:0px 15px;
    background:white;
    border:1px solid #333;
    color:#333;
    font-size:10px;
    letter-spacing:-0.5px;
    text-align:left;
    box-sizing:border-box;
    vertical-align:top;
}
.cs_center .qna_search .search_box input[type=submit] {
    display:inline-block;
    width:45px;
    height:30px;
    background:#333;
    border:1px solid #333;
    color:white;
    font-size:12px;
    letter-spacing:-0.5px;
    text-align:center;
    box-sizing:border-box;
    vertical-align:top;
}

.cs_center .faq-list {
    margin-top:30px;
}
.cs_center .faq-list h3 {
    margin-bottom:15px;
    padding:0px 10px;
    font-size:14px;
    font-weight:bold;
    line-height:14px;
    letter-spacing:-0.5px;
    text-align:left;
}
.cs_center .faq-list ul {
    border-top:1px solid #dddddd;
}
.cs_center .faq-list ul li {
    display:block;
    border-bottom:1px solid #dddddd;
    font-size:0px;
    line-height:0px;    
}
.cs_center .faq-list ul li a {
    position:relative;
    display:inline-block;
    width:100%;
    min-height:40px;
    padding:11.5px 0px;
    padding-left:32.5px;
    padding-right:50px;
    color:#333;
    font-size:12px;
    line-height:17px;
    text-align:left;
    letter-spacing:-0.5px;
    box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;    
}
.cs_center .faq-list ul li a:before {
    content: "";
    position: absolute;
    width: 10.5px;
    height: 6px;
    top: 50%;
    right:15px;
    margin-top:-3px;
    background:url('/design/ocato/renewal/mobile/img/common/board_list_arrow.jpg') no-repeat center center;
    background-size:auto 6px;
}
.cs_center .faq-list ul li.active a {
    font-weight:bold !important;
    text-overflow:unset;
    white-space:unset;     
    overflow:visible;
}
.cs_center .faq-list ul li.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.cs_center .faq-list ul li a span {
    position:absolute;
    top:0px;
    left:20px;
    color:#e99999;
    line-height:40px;
}
.cs_center .faq-list ul li .answer {
    position:relative;
    display:none;
    margin:0px 10px;
    margin-bottom:15px;
    padding:22px 25px;
    background:#f7f7f7;
}
.cs_center .faq-list ul li .answer span {
    display:inline-block;
    width:9px;
    margin-right:4px;
    color:#e99999;
    font-size:12px;
    font-weight:bold;
    line-height:17px;    
    vertical-align:top;
}
.cs_center .faq-list ul li .answer p {
    display:inline-block;
    width:calc(100% - 13px);
    color:#333;
    font-size:12px;
    font-weight:bold;
    line-height:17px;
}

.cs_center .notice {
    margin-top:50px;
}
.cs_center .notice h3 {
    position:relative;
    padding:0px 10px;
    color:333;
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    letter-spacing:-0.5px;
}
.cs_center .notice h3 a {
    position:absolute;
    top:0px;
    right:10px;
    width:80px;
    height:30px;
    background:white;
    border:1px solid #333;
    color:#333;
    font-size:10px;
    font-weight:bold;
    line-height:28px;
    text-align:center;
    box-sizing:border-box;
}
.cs_center .notice table {
    width:100%;
    margin-top:15px;
    border-top:1px solid #dddddd;
}
.cs_center .notice table tr {
}
.cs_center .notice table tr td {
    border-bottom:1px solid #dddddd;
    font-size:0px;
    line-height:0px;
}
.cs_center .notice table tr td.subject a {
    display:inline-block;
    width:95%;
    height:40px;
    padding-left:20px;
    padding-right:20px;
    color:#333;
    font-size:12px;
    line-height:40px;
    letter-spacing:-0.5px;
    box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;      
}

.cs_center .card-info {
    margin-top:50px;
}
.cs_center .card-info h3 {
    padding:0px 10px;
    padding-bottom:15px;
    border-bottom:1px solid #dddddd;
    color:#333;
    font-size:14px;
    font-weight:bold;
    line-height:14px;
    letter-spacing:-0.5px;   
    
}
.cs_center .card-info img {
}







/* BASIC css end */