*{margin:0;padding:0;border:0;list-style-type:none}
#card {overflow-x: auto;padding:10px 5px;background:#ececec}
#card .card *{font-family:Linearicons-Free,"Noto Sans KR",'Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma','sans-serif' !important}
#card .card{padding:10px 0 0 0;margin:0 auto;width:320px}
/*#card .card .title{margin:0 0 10px 0;position:relative;background:url('../../wdCommon/img/bg_card.png') no-repeat 50% 0;background-color: transparent;background-size: 100% auto;border-radius: 10px;}*/
#card .card .title{margin: 10px 0;position:relative;background:url('../../wdCommon/img/bg_cjlib_card.png') no-repeat 50% 0;background-color: transparent;background-size: 100% auto;border-radius: 10px;}
#card .card .title i{position:absolute;z-index:1;top:26px;left:26px}
#card .card .title .img {position: absolute;top: 14px;left: 14px;width: 108px;height: 130px;text-align: center;}
#card .card .title .img img {max-width: 100%;max-height: 100%;}
#card .card .title em{position:absolute;z-index:1;bottom:26px;right:26px}
#card .card .title ul{/*padding:105px 31px 31px 40px*/padding: 155px 20px 5px 35%;}
#card .card .title ul li{overflow:hidden;text-align: right;}
#card .card .title ul li strong{float:left;display:block;padding-right:15px;line-height:22px;font-size:15px;color:#333;vertical-align: middle;}
#card .card .title ul li span{float:left;display:block;line-height:22px;font-size:13px;font-weight:500;/*color:#333*/color: #333;vertical-align: middle;}
#card .card .code{padding:8px 0;margin:0 auto;width:320px;/*border:1px solid #ccc;*/background:#fff;border-radius:9px}
#card .card .code h3{text-align:center;font-size:15px;font-family:'Arial','Tahoma','sans-serif' !important;color:#000}
#card .card .code p{padding:0 20px;text-align:center}
#card .card .code p img{width:auto;max-wight:100%;height:auto;vertical-align: middle;}
#card .card .state {margin-top: 10px;padding: 8px 10px;background: #fff;border-radius: 9px;text-align: center;font-size: 17px;font-weight: 500;color:#43579f;}
#card .card .txt ul{margin:0;padding:10px 10px 5px 10px}
#card .card .txt ul li{position:relative;padding-bottom:1px;line-height:18px;font-size:12px;letter-spacing:-0.08em;color:#333}
#card .card .txt ul li i{position:absolute;top:2px;left:-10px;font-style:normal}
#card .card .txt p{position:fixed;z-index:1000;bottom:0;left:0;width:100%}
#card .card .txt p a{display:block;height:41px;line-height:41px;font-size:15px;font-weight:500;text-align:center;border-top:1px solid #a7a7a7;background:#fff}
#card .card .txt p a i{position:absolute;top:0;right:0;display:block;width:43px;height:43px;background:#e15d6d url(img/down.png) no-repeat}

.card_select {width:100%;height:100%;padding:0 28px 0 10px;font-size: 16px; border:0; -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; box-sizing: border-box;background:transparent!important;}
 select::-ms-expand{ display:none;/*for IE10,11*/}
.select-group {position: relative;width: -webkit-fill-available;display: flex;border-collapse: separate;margin-top: 10px;padding: 10px 8px;background: #fff;border-radius: 9px;text-align: center;font-size: 17px;font-weight: 500;align-items: center;justify-content: center;}
.select-wrap { height: 30px; cursor: pointer; background: url('../../wdCommon/img/btn_arrow.png') no-repeat 100% 65%/18px auto;}
.select_box{display: block;width: 300px;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.4;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;}