/* BASIC css start */
.tabs-contents{text-align:center; padding: 20px 0;}
.tabs-contents .benefit{font-family: 'Noto Sans KR' !important; color: #888888; padding-bottom: 15px;}
.tabs-contents .benefit font{color:#ff4800}


/*기본정보*/
#infoBox{}
#infoBox > h4{
    padding: 10px 0 20px;
    font-size: 2em;
    font-weight: normal;
    color: #000;}

#infoBox .msg{
    color: #888888;
    font-size: 1.1em;
    line-height: 1.3;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    margin: 0 15px 20px;}

#infoBox .numbers{
    margin-bottom: 20px;}
#infoBox .numbers h3{
    font-size: 2em;
    font-weight: normal;
    color: #303032;}
#infoBox .numbers em{
    color: #303032;}

#infoBox .bnr{
    margin: 0 15px 30px}
    
#infoBox .bnr a{
    text-indent: 10%;
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    font-size: 1.3em;
    margin-bottom: 20px;}
    
#infoBox .bnr .kakao{
    background-color: #ffeb00;
    background-image: url(/design/dstortion/bnr_kakao.png);
    background-repeat: no-repeat;
    background-position: 10%;
    background-size: 26px;}
    
#infoBox .bnr .qna{color: #fff; background-color:#111111;background-image:url('/design/dstortion/bnr_info.png') ; background-repeat:no-repeat; background-position: 10%; background-size: 26px;}

#infoBox .exchange{
    padding: 30px 25px;
    background:#f0f0f0}
    
#infoBox .exchange h3{
    padding-bottom: 20px;
    font-size: 2em;
    font-weight: normal;
    color: #484848;}
    
#infoBox .exchange ul{
    text-align: left;}

#infoBox .exchange li{
    padding-bottom: 20px;
    color: #656565;}

#infoBox .exchange li:before{content:"- "}

/* BASIC css end */