/* 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{position: relative;}
#infoBox .xbtn{
    position: absolute;
    left: 20px;
    top: 20px;}
    

#infoBox .xbtn img{width:30px;}
    
    
#infoBox > h4{
    padding: 35px 0 13px;
    font-size: 1.7em;
    font-weight: bold;
    color: #484848;}

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

#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 30px}
    
#infoBox .bnr a{
    text-indent: 10%;
    display: inline-block;
    width: 100%;
    padding: 12px 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: 7%;
    background-size: 24px;}
    
#infoBox .bnr .kakao em{
    font-style: normal;
    font-size: 0.9em;
    font-family: 'Noto Sans KR',sans-serif !important;
    color:#303032;
}

#infoBox .bnr .qna{color: #fff; background-color:#111111;background-image:url('/design/dstortion/bnr_info.png') ; background-repeat:no-repeat; background-position: 6%; background-size: 23px;}

#infoBox .bnr .qna em{
    font-style: normal;
    font-size: 0.9em;
    font-family: 'Noto Sans KR',sans-serif !important;
    color:#fff;
}

#infoBox .exchange{
    padding: 10px 30px;}
    
#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;
    font-size: 0.8em;
    font-family: 'Noto Sans KR',sans-serif !important;
    line-height: 1.45;
    letter-spacing: -0.4px;}

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

.sucont h2{
    color: #111111;
    font-weight: normal;
    font-size: 1.4em;
    padding-bottom: 20px;
    padding-top: 13px;}

/* BASIC css end */