/* BASIC css start */
 /*¹«ÀÌÀÚÇÒºÎ*/

.card_close{width: 30px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    border: 1px solid black;
    float: right;
    margin-bottom: -1px;
    margin-right: 1px; cursor:pointer;line-height: 30px; }
.cardInfo_link{cursor:pointer;}

.red{color:red;}
.selected{background:#fff !important;}
.selected span{
color: #000 !important;
background:#fff !important;
}
.card_info{margin:7px 0;}
.card_info .card_bnf{float:left; width:200px; line-height:32px; text-indent: 5px;}
.card_info .card_bnf:before{content:""; clear:both;}
.card_info .card_bnf_btn{width:125px; display:inline-block; border:1px solid #999; line-height:30px; padding:0; padding-left:10px;}
.card_info .card_bnf_btn.btnOn{color:white; background:black;}
.card_info .card_bnf_btn .plus1{padding-left:35px;}
.card_info .card_bnf_btn.btnOn .plus1{display:none;}
.card_info .card_bnf_btn .plus2{display:none;}
.card_info .card_bnf_btn.btnOn .plus2{display:inline-block !important; padding-left:35px; color:white;}

.card_info .cardInfoWrap{display:none; width:382px;}
.card_info .cardInfoWrap.activeOn{display:block; position:absolute; z-index:2000; top:260px;}
.card_info .cardInfoWrap .cardInfoArea{background:#fff; width:382px;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_header{display:block; width:100%; text-align:center; overflow:hidden; }
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_header > div.selected{border-bottom:0px solid #ddd;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_header div{overflow:hidden; position:relative; float:left; height:31px; background:#f9f9f9; text-align:center; border:1px solid #3b3b3b; display:block; width:189px;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_header div:nth-child(2){border-left:0px solid #3b3b3b; text-align:left;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_header > div > span{display:block; padding:6px 12px; font-size:11px; text-align:center;}

.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_body{border:1px solid #3b3b3b; border-top:0px solid; width:379px; position:relative; top:-1px;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_body .cardInfo_cont{display:none;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_body .cardInfo_cont ul{padding:10px;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_body .cardInfo_cont ul li{overflow:hidden; padding:7px 4px 3px; border-bottom:1px solid #e9e9e9; color:#000; font-size:12px; line-height:12px;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_body .cardInfo_cont ul li span.card_name{float:left; width:30%;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_body .cardInfo_cont ul li span.card_period{display:block; padding:0 0 4px 30%; text-align:right;}
.card_info .cardInfoWrap .cardInfoArea .cardInfo_Tab_body p.cardInfo_bottomNotice{padding:0 10px 10px;}
/*¹«ÀÌÀÚÇÒºÎ_³¡*/
/* BASIC css end */