@charset "utf-8";

/* html5요소 하위브라우져 적용 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
/* 모든 Device를 위한 공통 로드 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption,span{margin:0;padding:0;font-family:'Nanum Square','NanumSquare',sans-serif;color:#333333;}
*{-webkit-text-size-adjust:none;}
body{height:100%;font-size:12px;font-family:'Nanum Square','NanumSquare', sans-serif;color:#464646;}
table{border-spacing:0;*border-collapse:collapse;font-family:'Nanum Square','NanumSquare', sans-serif;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;font-family:'Nanum Square','NanumSquare',sans-serif;}
ol,ul{list-style:none;font-family:'Nanum Square','NanumSquare',sans-serif;}
legend,caption{text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
a {text-decoration:none;color:#333;font-size:12px;font-family:'Nanum Square','NanumSquare',sans-serif;white-space:nowrap;color:#464646;}
select,input{vertical-align:middle;font-family:'Nanum Square','NanumSquare',sans-serif;}

body{overflow-x:hidden;overflow-y:auto}
html,body{height:100%;}

.halfWidth{width:calc(100%/2) !important}

/* margin */
.mt0{margin-top:0 !important;}

.mtM10{margin-top:-10px !important}

.ml0{margin-left:0 !important;}

.mr1{margin-right:1px !important;}

.mb0{margin-bottom:0 !important;}

/* padding */
.pt0{padding-top:0 !important;}

.pb6{padding-top:6px !important;}

.pl0{padding-left:0 !important;}

.pr0{padding-right:0 !important;}

/* txt */
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}

/* display */
.pcBlock{display:none;}

/* align */
.fl_left{float:left;}
.fl_right{float:right;}
.cl_left{clear:left}
.center{text-align:center !important;}
.top{vertical-align:top !important}
.bottom{vertical-align:bottom}
.middle{vertical-align:middle !important}
.alignRight{text-align:right !important}
.alignLeft{text-align:left !important}

.clearFix{*zoom:1}
.clearFix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}

/* skip navigation */
a.skipNaviBtn{position: absolute;z-index:100;background:none repeat scroll 0 0 #ea0e15;color:#ffffff;display:block;left:-200%;text-align:center;width:200px;padding:5px 0;border:1px solid #000000;border-top:none;}
a.skipNaviBtn:focus{left:50%;margin-left:-100px;z-index:10000;}
a.skipNaviBtn:hover {left:50%;margin-left:-100px;z-index:10000;}
a.skipNaviBtn:active {left:50%;margin-left:-100px;z-index:10000;}

/* main */
.wrap{overflow-x:hidden}
#header{position:relative;z-index:2;width:100%;}
#header .logo{position:absolute;z-index:2;width:50px;height:50px;top:47px;right:6%;}
#header .logo img{display:block;width:100%;}

/* aside layer */
.orangeFilm{position:fixed;z-index:101;width:100%;height:100%;background:#fc761f}
.layerWrap{position:absolute;z-index:100;top:0;right:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background:#f6f6f6}
.layerWrap header{position:relative;z-index:1;width:100%;height:200px;overflow:hidden;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/bg_aside.jpg) center no-repeat;background-size:cover;background-position:50% 50%}
.layerWrap header .logo{position:absolute;z-index:1;width:50px;left:50%;top:31%;margin:0 0 0 -25px}
.layerWrap header .logo img{display:block;width:100%}
.layerWrap header h4{position:absolute;z-index:2;bottom:25%;left:0;width:100%;line-height:20px;letter-spacing:-0.06em;font-size:23px;color:#fff;text-align:center;}
.layerWrap header p{position:absolute;z-index:2;bottom:10%;left:0;width:100%;line-height:20px;font-size:15px;color:#fff;text-align:center;}

.closeLayer{display:block;position:absolute;z-index:101;top:10px;right:5%;width:19px;padding:5px;}
.closeLayer img{display:block;width:100%;}

.searchContainer{width:91.6%;padding:20px 4.2%;max-width:960px;margin:0 auto}
.searchContainer .cardNumArea{position:relative;z-index:1;width:100%;*zoom:1}
.searchContainer .cardNumArea:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.searchContainer .cardNumArea input[type=text]{float:left;box-sizing:border-box;width:100%;height:50px;text-align:left;text-indent:10px;line-height:50px;font-size:16px;border:1px solid #e1e1e1;border-radius:2px;margin-top: 15px;}
.searchContainer .cardNumArea a.searchSubmit{float:right;box-sizing:border-box;width:27%;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#fc761f;border-radius:2px;margin-top: 15px;}
.cautionTxt{padding:18px 0 8px 0;font-size:12px;color:#282828;line-height:15px;}
.cautionTxt strong{font-weight:700}
.banner { padding-top: 50px; }
.banner .banner_pc { 
  cursor: pointer;
  display: block;
  width: 100%;
  max-width: 960px;
}
.banner .banner_mobile {
  cursor: pointer;
  display: none;
  width: 100%;
}

.btnBrcd{position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 71%; height: 50px;}
.btnBrcd img{display: block; width: 33px; padding: 6px; top: 17px; right: 0px; position: absolute; z-index: 3;}

/* .searchResult{display:none;} */
.searchResult.active{display:block;}

.cardInfoTable{table-layout:fixed;width:100%;margin:15px auto 0;background-color: #fff;}
.cardInfoTable th{padding:10px;font-size:15px;color:#999;text-align:left;letter-spacing:-0.035em;font-weight:400;border:1px solid #e1e1e1;border-width:1px 1px 0 0;border-radius:4px 4px 0 0}
.cardInfoTable th:first-child{border-width:1px 1px 0 1px}
.cardInfoTable td{padding:15px 10px 10px 10px;font-size:12px;color:#ccc;text-align:right;letter-spacing:-0.035em;font-weight:400;border:1px solid #e1e1e1;border-width:0 1px 1px 0;border-radius:0 0 4px 4px}
.cardInfoTable td:first-child{border-width:0 1px 1px 1px}
.cardInfoTable td strong{font-size:18px;font-weight:700;color:#fc761f;letter-spacing: -1px;}
.cardInfoTable .ico1,.cardInfoTable .ico2,.cardInfoTable .ico3{display:block;width:20px;height:13px;padding:0 0 4px 0}
.cardInfoTable .ico1{background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_1.gif) 0 0 no-repeat;background-size:20px 13px}
.cardInfoTable .ico2{background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_2.gif) 0 0 no-repeat;background-size:20px 13px}
.cardInfoTable .ico3{background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_3.gif) 0 0 no-repeat;background-size:20px 13px}

.cardInfoTab{width:100%;margin:15px auto 0}
.cardInfoTab ul{width:100%;overflow:hidden;}
.cardInfoTab ul li{box-sizing:border-box;float:left;width:calc(100%/3);padding-left:1px}
.cardInfoTab ul li:first-child{padding-left:0}
.cardInfoTab ul li a{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-weight:700;color:#fff;font-size:15px;background:#ccc;border-radius:3px 3px 0 0}
.cardInfoTab ul li a.active{background:#fc761f}

.tabViewArea{table-layout:fixed;width:100%;border-collapse:collapse;}
.tabViewArea.active{display:block;}
.tabViewArea table{table-layout:fixed;width:100%;background-color: #fff}
.tabViewArea th{width:calc(100%/3);height:39px;line-height:39px;font-size:13px;letter-spacing:-0.035em;color:#282828;background:#f5f5f5;border-bottom:1px solid #fc761f}
.tabViewArea .toggleTr{cursor:pointer}
.tabViewArea .toggleTr td{padding:10px;border-bottom:1px solid #e1e1e1}
/* .tabViewArea .detailTr{display:none;} */
.tabViewArea .detailTr td{width:100%;background:#f5f5f5;}
.tabViewArea .toggleTr .leftTxt{display:block;line-height:14px;font-size:10px;color:#999;letter-spacing:-0.035em;}
.tabViewArea .toggleTr .rightTxt{display:block;line-height:14px;font-size:10px;color:#999;letter-spacing:-0.035em;text-align:right;}
.tabViewArea .toggleTr .leftEllipsis{display:block;width:100%;line-height:16px;font-size:12px;color:#999;letter-spacing:-0.035em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.tabViewArea .toggleTr .priceTxt{display:block;width:100%;text-align:right;line-height:16px;font-size:12px;color:#999;letter-spacing:-0.035em;}
.tabViewArea .toggleTr .priceTxt strong{font-weight:700;}
.tabViewArea .toggleTr .priceTxt strong.minus{color:#7ba0ed}
.tabViewArea .toggleTr .priceTxt strong.plus{color:#fc761f}
.tabViewArea .toggleTr .priceTxt strong.strike{text-decoration:line-through}
.tabViewArea .toggleTr .typeTxt{display:block;width:100%;text-align:center;line-height:16px;font-size:12px;font-weight:700;color:#302e2c;letter-spacing:-0.035em;}
.tabViewArea .toggleTr .typeTxt .ico_up{display:inline-block;width:13px;height:8px;margin-left:11px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/btn_up.gif) 0 0 no-repeat;background-size:100%}
.tabViewArea .toggleTr .typeTxt .ico_down{display:inline-block;width:13px;height:8px;margin-left:11px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/btn_down.gif) 0 0 no-repeat;background-size:100%}
.tabViewArea .detailInfoUl{display:table;width:100%;box-sizing:border-box;padding:20px 10px 20px 30%;}
.tabViewArea .detailInfoUl li{display:table-row;overflow:hidden;line-height:16px;text-align:right;}
.tabViewArea .detailInfoUl .titleTxt{display:table-cell;text-align:right;}
.tabViewArea .detailInfoUl .detailTxt{display:table-cell;width:50%;text-align:right;}
.tabViewArea .detailInfoUl .txt{display:inline-block;padding:0 0 0 0;width:50px;text-align:left;line-height:16px;font-size:10px;color:#999;letter-spacing:-0.035em;}
.tabViewArea .detailInfoUl .icon4{display:inline-block;width:10px;height:10px;vertical-align:middle;line-height:16px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_4.png) 0 0 no-repeat;background-size:10px}
.tabViewArea .detailInfoUl .icon5{display:inline-block;width:10px;height:10px;vertical-align:middle;line-height:16px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_5.png) 0 0 no-repeat;background-size:10px}
.tabViewArea .detailInfoUl .iconC{display:inline-block;width:10px;height:10px;vertical-align:middle;line-height:16px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_c.png) 0 0 no-repeat;background-size:10px}
.tabViewArea .detailInfoUl .qnt{font-size:12px;color:#282828;font-weight:700;}
.tabViewArea .detailInfoUl .unitTxt{font-size:12px;color:#999;font-weight:700;}
.tabViewArea .noResult{padding:20px 0;text-align:center;font-size:12px;color:#999;letter-spacing:-0.035em;border-bottom:1px solid #e1e1e1}

.cameraViewerContainer video { position: absolute; width: 100%; object-fit: contain; } /** width: 100%; height: 100%; object-fit: contain;*/
.cameraViewerContainer .videoMask {
  z-index: 21000; position: absolute; width: 100%; height: 100%; border-top: 10em solid rgba(0,0,0, 0.9); border-bottom: 10em solid rgba(0,0,0, 0.9); border-left: 1em solid rgba(0,0,0,0.9); border-right: 1em solid rgba(0,0,0,0.9); box-sizing: border-box;
}
.cameraViewerContainer .videoMaskText {
  position: absolute; z-index: 21001; color: white; text-align: center; font-size: 1.3em; display: inline-block; width: 100%; top: 5em;
}
.cameraViewerContainer canvas { position: absolute; width: 100%; height: 100%; }
.cameraViewerContainer{ position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); top: 0; left: 0; z-index: 20000;}
.cameraViewer { display: flex; align-items: center; flex-direction: row; justify-content: center;} /* width: 100%; height: 100%;  */
.cameraSelectContainer { margin-left: 2%; position: absolute; z-index: 22000; bottom: 1em; width: 96%; }
.cameraSelectLabel { width: 6em; color: #fff; font-size: 1.3em; display: inline-block; text-align: center; }
.cameraSelector {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: -webkit-linear-gradient(white, #666);
    border: 1px solid #ccc;
    border-radius: 5px;
    color: white;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    width: calc(100% - 10em);
    margin-right: 2%;
    line-height: 32px;
    text-indent: 1em;
}

/* 2019년 4월 추가 */
.barcodeShowArea{position:absolute;z-index:3;bottom:15px;left:4.2%;box-sizing:border-box;width:91.6%;padding:10px 25px;max-width:660px;margin:0 auto;background:#fff;}
.barcodeShowArea .barcodeTit{line-height:24px;font-size:15px;color:#282828;}
.barcodeShowArea .barcodeHere{width:100%;max-height:100px;padding:8px 0;border-bottom:1px solid #e1e1e1}
.barcodeShowArea .barcodeHere>img{display:block;width:100%;max-height:100px}
.barcodeShowArea .txtBarcode{padding:10px 0 0 0;line-height:16px;text-align:center;font-size:13px;color:#282828}
.barcodeShowArea .txtBarcode strong{font-weight:700;}
.barcodeShowArea #barcodeCanvas { position: relative; width: 100%; height: 85px; }

/* 2020-11-02 */
.sortingRdoWrap{box-sizing:border-box;width:100%;height:66px;padding:15px 0 15px 20px;line-height:36px;background:#fff;border-radius:3px}
.sortingRdoWrap input[type="radio"] {display:none;}
.sortingRdoWrap input[type="radio"] + label {margin:0 18px 0 0;color:#999999;font-size:24px;letter-spacing:-0.04em;}
.sortingRdoWrap input[type="radio"] + label span {display:inline-block;width:20px;height:20px;margin:0 6px 0 0;vertical-align:middle;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/rdo_off.gif) center no-repeat;cursor:pointer;}
.sortingRdoWrap input[type="radio"]:checked + label span {background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/rdo_on.gif) center no-repeat;}


/* 769px ~ */
@media screen and (min-width:769px) {

  #header .logo{width:100px;height:100px;top:100px;}
    
  .layerWrap header{height:400px;}
  .layerWrap header .logo{width:100px;margin:0 0 0 -50px}
  .layerWrap header h4{line-height:40px;font-size:52px;bottom: 22%;}
  .layerWrap header p{line-height:40px;font-size:30px;}
  .closeLayer{top:20px;width:38px;padding:10px;}

  .searchContainer .cardNumArea input[type=text]{height:100px;line-height:100px;font-size:32px;border-radius:4px;margin-top:30px;}
  .searchContainer .cardNumArea a.searchSubmit{height:100px;line-height:100px;font-size:32px;border-radius:4px;margin-top:30px;}
  .cautionTxt{padding:36px 0 16px 0;font-size:24px;line-height:30px;}

  .btnBrcd{position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 71%; height: 100px;}
  .btnBrcd img{display: block; width: 75px; padding: 12px; right: 0px; position: absolute;}

  .cardInfoTable{margin:30px auto 0;}
  .cardInfoTable th{padding:20px;font-size:30px;}
  .cardInfoTable td{padding:30px 20px 20px 20px;font-size:24px;}
  .cardInfoTable td strong{font-size: 34px;letter-spacing: -1.5px;}
  .cardInfoTable .ico1,.cardInfoTable .ico2,.cardInfoTable .ico3{display:block;width:40px;height:26px;padding:0 0 8px 0;background-size:40px 26px}

  .cardInfoTab{margin:30px auto 0}
  .cardInfoTab ul li a{height:80px;line-height:80px;font-size:30px;}

  .tabViewArea th{height:78px;line-height:78px;font-size:26px;}
  .tabViewArea .toggleTr td{padding:20px;}
  .tabViewArea .toggleTr .leftTxt{line-height:28px;font-size:20px;}
  .tabViewArea .toggleTr .rightTxt{line-height:28px;font-size:20px;}
  .tabViewArea .toggleTr .leftEllipsis{line-height:32px;font-size:24px;}
  .tabViewArea .toggleTr .priceTxt{line-height:32px;font-size:24px;}
  .tabViewArea .toggleTr .typeTxt{line-height:32px;font-size:24px;}
  .tabViewArea .toggleTr .typeTxt .ico_up{width:26px;height:16px;margin-left:22px;}
  .tabViewArea .toggleTr .typeTxt .ico_down{width:26px;height:16px;margin-left:22px;}
  .tabViewArea .detailInfoUl{padding:40px 20px 40px 30%;}
  .tabViewArea .detailInfoUl li{line-height:32px;}
  .tabViewArea .detailInfoUl .txt{width:100px;line-height:32px;font-size:20px;}
  .tabViewArea .detailInfoUl .icon4{width:20px;height:20px;line-height:32px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_4.png) 0 0 no-repeat;background-size:20px}
  .tabViewArea .detailInfoUl .icon5{width:20px;height:20px;line-height:32px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_5.png) 0 0 no-repeat;background-size:20px}
  .tabViewArea .detailInfoUl .iconC{width:20px;height:20px;line-height:32px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_c.png) 0 0 no-repeat;background-size:20px}
  .tabViewArea .detailInfoUl .qnt{font-size:24px}
  .tabViewArea .detailInfoUl .unitTxt{font-size:24px;}
  .tabViewArea .noResult{padding:40px 0;font-size:24px;}
}

/* 20191217_추가 */
.box_card_info {position:relative;margin-top:-20px;padding:0;background:#f6f6f6;}
.box_card_info:before{position:absolute;top:0;bottom:0;right:100%;left:-100%;background:#f6f6f6;content:'';}
.box_card_info:after{position:absolute;top:0;bottom:0;left:0;right:-100%;background:#f6f6f6;content:'';}
.box_card_info h3 {position:relative;z-index:1;padding:86px 0 44px;font-size:26px;line-height:30px;font-weight:400;color:#000;text-align:center;}
.box_card_info h3 > strong {font-weight:700;}
.box_card_info .cont {position:relative;z-index:1;padding:78px 0 85px;border:1px solid #e1e1e1;border-radius:10px;background:#fff;}
.box_card_info .t_cont {position:relative;width:558px;margin:0 auto;border-bottom: 1px solid #e1e1e1;}
.box_card_info .b_cont {width:558px;margin:50px auto 0;}
.box_card_info .c_name{font-weight:800;font-size:40px;display:table}
.box_card_info .c_name.multiline{width: calc(100% - 210px); height: 78px;}
.box_card_info .c_name span{display:table-cell;vertical-align: middle; word-break: break-word;}
.box_card_info .c_grade{margin-top:11px;font-weight:800;font-size:22px;}
.box_card_info .d_grade{margin-top:11px;font-size:0;}
.box_card_info .set_c_info {position:relative;padding:0 0 50px;}
.box_card_info .card_info_edt {position:absolute; top:0; right:0; width:198px; height:78px; border:1px solid #fc761f; border-radius:4px;font-size:28px; line-height:78px;}
.box_card_info .card_info_edt > span {display:block;padding:0 20px;color:#fc761f;}
.box_card_info .card_info_edt > span:before {display:inline-block;width:36px;height:24px;margin-right:4px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_card_info.png) no-repeat 0 0;content:'';vertical-align:-3px;}
.box_card_info .card_info_edt > span:after {display:inline-block;width:36px;height:24px;margin-left:3px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_arrow_org.png) no-repeat 0 0;content:'';vertical-align:-4px;}
.box_card_info .img_barcode {text-align:center;}
.box_card_info .img_barcode img {max-width:100%;}
.box_card_info .num_barcode {position:relative;font-size:25px;color:#000;}
.box_card_info .num_barcode > span {display:block;margin-top:28px;}
.box_card_info .btn_refresh {position:absolute;top:-15px;right:0;height:50px;padding:0 16px;border-radius:25px;background: #f6f6f6;border:1px solid #f6f6f6;color:#999;font-size:25px;cursor: pointer;}
.box_card_info .btn_refresh:after {display:inline-block;width:32px;height:26px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_refresh.png) no-repeat 0 0;content:'';}
.box_card_info .btn_refresh * {vertical-align:middle;}

.round_badge_left {height:50px;padding:4px 12px;border-radius:25px 0 0 25px;background: #fc761f;border:1px solid #fc761f;color:#fff;font-size:20px;}
.round_badge_right {height:50px;padding:4px 12px;border-radius:0 25px 25px 0;background: #ffffff;border:1px solid #fc761f;color:#000;font-size:20px;}
.round_badge_left.invalid {background: url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_not.png) 5px center no-repeat; background-color: #9E9E9E; padding-left: 25px; border:1px solid #9E9E9E;color:#fff;font-size:20px;}
.round_badge_right.invalid {background: #ffffff;border:1px solid #9E9E9E;color:#000;font-size:20px;}

@media screen and (max-width:768px) {
  .searchContainer {max-width:inherit;}
  .box_card_info {position:relative;z-index:3;margin:-35px -4.6% 0;padding:0 4.2% 0;background:#f6f6f6;border-top-right-radius:12px;border-top-left-radius:12px;}
  .box_card_info:before{position:absolute; top:15px;left:50%;width:50px; height:5px; margin-left:-25px; background:#ccc; border-radius:5px;}
  .box_card_info:after{display:none;}
  .box_card_info h3 {padding-top:45px;padding-bottom:15px;font-size:13px;}
  .box_card_info .cont {position:relative;z-index:1;padding:25px 0 30px 0px;border:1px solid #e1e1e1;border-radius:10px;background:#fff;}
  .box_card_info .t_cont {position:relative;width:auto;margin:0 32px;border-bottom: 1px solid #e1e1e1;}
  .box_card_info .b_cont {width:auto;padding:0 32px;margin:20px auto 0;}
  .box_card_info .c_name{font-weight:800;font-size:20px;display:table}
  .box_card_info .c_name.multiline{width: calc(100% - 110px); height: 45px;}
  /* .box_card_info .c_name.normalCard{height: 23px;line-height: 45px;} */
  .box_card_info .c_grade{margin-top:5px;font-weight:800;font-size:13px;}
  .box_card_info .d_grade{margin-top:11px;font-size:0;height:14px;}
  .box_card_info .set_c_info {padding:0 0 25px;}
  .box_card_info .card_info_edt {position:absolute; top:0; right:0; width:100px; height:40px; border:1px solid #fc761f; border-radius:4px;font-size:14px; line-height:40px;}
  .box_card_info .card_info_edt > span {display:block;padding:0 10px;color:#fc761f;}
  .box_card_info .card_info_edt > span:before {display:inline-block;width:18px;height:12px;margin-right:4px;background-size:18px 12px;content:'';}
  .box_card_info .card_info_edt > span:after {display:inline-block;width:6px;height:11px;margin-left:3px;background-size:6px 11px;content:''; vertical-align:-1px;}
  .box_card_info .img_barcode img {width:100%;}
  .box_card_info .num_barcode {position:relative;font-size:16px;color:#000;}
  .box_card_info .num_barcode > span {margin-top:10px;}
  .box_card_info .btn_refresh {position:absolute;top:-4px;right:0;height:25px;padding:0 8px;border-radius:13px;background: #f6f6f6;border:1px solid #f6f6f6;color:#999;font-size:15px;}
  .box_card_info .btn_refresh:after {display:inline-block;width:16px;height:13px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_refresh.png) no-repeat 0 0;background-size:16px 13px;content:'';}

  .round_badge_left {height:25px;padding:2px 6px;border-radius:13px 0 0 13px;background: #fc761f;border:1px solid #fc761f;color:#fff;font-size:12px;}
  .round_badge_right {height:25px;padding:2px 6px;border-radius:0 13px 13px 0;background: #ffffff;border:1px solid #fc761f;color:#000;font-size:12px;}
  .round_badge_left.invalid {background: url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_not.png) 3px center no-repeat; background-color: #9E9E9E; padding-left: 25px; border:1px solid #9E9E9E;color:#fff;font-size:12px;}
  .round_badge_right.invalid {background: #ffffff;border:1px solid #9E9E9E;color:#000;font-size:12px;}

  /* 2020-11-02 */
  .sortingRdoWrap{ height: 50px; padding: 10px 0 10px 20px; line-height: 26px;}
  .sortingRdoWrap input[type="radio"] + label {font-size:14px;}
  .sortingRdoWrap input[type="radio"] + label span {background-size: 75%;}
  .sortingRdoWrap input[type="radio"]:checked + label span {background-size: 75%;}

  .banner .banner_pc { 
    display: none;
  }
  .banner .banner_mobile {
    display: block;
  }

}
/* //20191217_추가 */

/* 202011 추가 */
/*.cardInfoTable2{}
.cardInfoTable2 th{padding:10px;font-size:15px;color:#999;text-align:left;letter-spacing:-0.035em;font-weight:400;}
.cardInfoTable2 th:first-child{border-width:1px 1px 0 1px}
.cardInfoTable2 td{padding:15px 10px 10px 10px;font-size:12px;color:#ccc;text-align:right;letter-spacing:-0.035em;font-weight:400;border:1px solid #e1e1e1;border-width:0 1px 1px 0;border-radius:0 0 4px 4px}
.cardInfoTable2 td:first-child{border-width:0 1px 1px 1px}
.cardInfoTable2 td strong{font-size:18px;font-weight:700;color:#fc761f;letter-spacing: -1px;}
.cardInfoTable2 .ico1,.cardInfoTable2 .ico2,.cardInfoTable2 .ico3{display:block;width:20px;height:13px;padding:0 0 4px 0}
.cardInfoTable2 .ico1{background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_stamp.png) 0 0 no-repeat;background-size:20px 13px}
.cardInfoTable2 .ico2{background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_point.png) 0 0 no-repeat;background-size:20px 13px}
.cardInfoTable2 .ico3{background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_card_info.png) 0 0 no-repeat;background-size:20px 13px}*/

.layerWrap header.hdr {width:auto;height:auto;padding:0 15px 42px;background:#000;}
.layerWrap .hdr_cont {position:relative;margin:50px auto 0;padding:0;box-sizing:border-box;}
.layerWrap .hdr_cont.is_prev {padding-left:23px;}
.layerWrap .hdr_cont .btn_prev_page {position:absolute;top:0;left:0;overflow:hidden;width:8px;height:15px;}
.layerWrap .hdr_cont .btn_prev_page > span {display:block;width:8px;height:15px;color:transparent;}
.layerWrap .hdr_cont .btn_prev_page:before {position:absolute;top:50%;left:6px;margin-top:-7px;border-top:2px solid #fff;border-left:2px solid #fff; width:12px; height:18px; transform:rotate(-45deg);content:'';}
.layerWrap .hdr .lay_tit {font-size:16px;color:#fc761f;font-weight:800;}
.layerWrap .hdr .lay_tit:before {display:inline-block;width:18px;height:18px;margin-right:5px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_loop_card.png) no-repeat 0 0;background-size:15px 15px;vertical-align:middle;content:'';}
.layerWrap .hdr .lay_tit span:before {position:absolute;top:2px;left:0;bottom:2px; border-left:1px solid #333;vertical-align:middle;content:'';}
.layerWrap .hdr .lay_tit span {position:relative;display:inline-block;padding-left:6px;color:inherit;}
.layerWrap .hdr .s_tit {padding-top:50px;font-size:23px;color:#fff;text-align:center;font-weight:600;letter-spacing:-0.06em;}
.layerWrap .hdr .closeLayer2 {display:block;position:absolute;z-index:101;top:0;right:0;width:15px;}
.layerWrap .hdr .closeLayer2 img{display:block;width:100%;}

.layerWrap .hdr .shop_gade .img {display:block;padding-top:15px;text-align:center;}
.layerWrap .hdr .shop_gade .img img {width:22px;}
.layerWrap .hdr .shop_gade .grd {display:block;padding-top:15px;text-align:center;font-size:14px;font-weight:800;color:#fff;}
.layerWrap .hdr .shop_gade .valid {display:block;text-align:center;font-size:14px;color:#fff;}
.box_card_info.type2 {padding-top:30px;}
.box_card_info.type2 .cont {padding-top:40px;}
.box_card_info .s_info .stit{display:block;font-size:12px;font-weight:600;color:#7f7f7f;}
.box_card_info .s_info .won {position:relative;display:block;padding:2px 0 0 28px;font-size:27px;font-weight:800;color:#000;letter-spacing:-2px}
.box_card_info .s_info .won:before {position:absolute;top:50%;left:0;width:27px;height:20px;margin-top:-10px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_won.png) no-repeat 0 0;background-size:27px 20px;content:'';}
.box_card_info.type2 .set_c_info {padding:0 0 17px;}

.cardInfoTable2{margin:30px auto 0;}
.cardInfoTable2:after {display:block;content:'';clear:both;}
.cardInfoTable2 li {float:left;width:33.33%;}
.cardInfoTable2 li.fullsize{width: 100%}
.cardInfoTable2 li.halfsize{width: 50%}
.cardInfoTable2 li.thirdsize{width: 33.3%}
.cardInfoTable2 li .cont {height:89px;margin-right:-1px;padding:0 9px;border:1px solid #e1e1e1; border-radius:4px;background:#fff;}
/* .cardInfoTable2 li:last-child {width:33.34%;} */
.cardInfoTable2 li .coupon {margin-left:5px;margin-right:0;border:1px solid #fc761f;}
.cardInfoTable2 li.fullsize .coupon{margin-left:0px}
.cardInfoTable2 li .th {padding-top:15px;}
.cardInfoTable2 li .th:after {display:block;content:'';clear:both;}
.cardInfoTable2 li .td {padding-top:28px;font-size:12px;letter-spacing:-1.5px; color:#ccc;text-align:right;}
.cardInfoTable2 li .td strong{font-size:17px;letter-spacing: -1.5px; color:#fc761f;}
.cardInfoTable2 .ico1{display:block;float:left;width:20px;height:13px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_stamp.png) 0 0 no-repeat;background-size:20px 13px}
.cardInfoTable2 .ico2{display:block;float:left;width:20px;height:13px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_point.png) 0 0 no-repeat;background-size:20px 13px}
.cardInfoTable2 .ico3{display:block;float:left;width:20px;height:13px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_coupon.png) 0 0 no-repeat;background-size:20px 13px}
.cardInfoTable2 .s_tit {position:relative;display:block;float:right;font-size:15px;color:#999;}
.cardInfoTable2 a.s_tit {padding-right:15px;color:#fc7923;}
.cardInfoTable2 a.s_tit:after {position:absolute;top:50%;right:4px;margin-top:-5px;border-top:2px solid #fc7923;border-right:2px solid #fc7923; width:7px; height:7px; transform:rotate(45deg);content:'';}

.listCpnWrap{padding:0 0;}
.listCpnWrap .contCpn {position:relative;margin-bottom:-6px;}
.listCpnWrap .contCpn:after {display:block;content:'';clear:both;}
.listCpnWrap .list {max-width:690px;margin-top:30px;border:1px solid #ccc;background:#fff;}
.listCpnWrap .list .scont {height:163px;padding-left:115px;}
.listCpnWrap .l_info {float:left;position:relative;width:115px;margin-left:-115px;padding:20px 10px 0 12px;box-sizing:border-box;background-size: contain; background-repeat: no-repeat; background-position: left top;}
.listCpnWrap .l_info .inf1 .t1 {display:block;height:21px;font-size:12px;color:#fff;}
.listCpnWrap .l_info .inf1 .t2 {display:block;height:29px;}
.listCpnWrap .l_info .inf1 .t2 .count1 {display:block;width:50%;float:left;font-size:22px;color:#fff200;white-space:nowrap;}
.listCpnWrap .l_info .inf1 .t2 .count2 {display:block;position:relative;width:50%;float:right;font-size:22px;color:#fff;opacity:0.5;white-space:nowrap;text-align:right;}
.listCpnWrap .l_info .inf1 .t2 .count2:before {position:absolute;top:50%;left:0;height:16px;margin:-8px 0 0;border-left:1px solid #fff;content:'';}
.listCpnWrap .l_info .inf1 .t3 {display:block;height:29px;font-size:22px;line-height:24px;color:#fff;}
.listCpnWrap .r_info {padding:17px 19px 0;}
.listCpnWrap .r_info .subj {display:block;overflow:hidden;height:46px;margin-bottom:4px;font-size:18px;line-height:23px;font-weight:400;letter-spacing:-0.5px}
.listCpnWrap .r_info .t1 {display:block;font-size:14px;line-height:16px;color:#999;}
.listCpnWrap .r_info .t2 {display:block;margin-top:2px;font-size:14px;line-height:16px;color:#999;}
.listCpnWrap .r_info .t2 .count1 {font-size:14px;color:#ff0303;white-space:nowrap;font-weight:600;}
.listCpnWrap .r_info .t2 .count2 {font-size:14px;color:#999;white-space:nowrap;}
.listCpnWrap .r_info .t2 .count2:before {display:inline-block;height:11px;margin:0 2px 0 1px;border-left:1px solid #999;content:'';}
.listCpnWrap .r_info .set_opt {margin-top:14px;}
.listCpnWrap .r_info .set_opt * {vertical-align:middle;}
.listCpnWrap .r_info .set_opt .btn_set1 {float:left;padding-top:4px;}
.listCpnWrap .r_info .set_opt .r_opt {float:right;}
.listCpnWrap .r_info .set_opt .box_calc {display:inline-block;}
.listCpnWrap .type1 .l_info{height:100%;}
/* .listCpnWrap .type1 .l_info:before {position:absolute;left:50%;bottom:31px;width:41px;height:34px;margin-left:-20px;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_cpn_1.png') no-repeat 0 0;background-size:41px 34px;content:'';} */
.listCpnWrap .type2 .l_info{height:100%;}
/* .listCpnWrap .type2 .l_info:before {position:absolute;left:50%;bottom:31px;width:31px;height:31px;margin-left:-15px;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_percent.png') no-repeat 0 0;background-size:31px 31px;content:'';} */
.listCpnWrap .type3 .l_info{height:100%;}
/* .listCpnWrap .type3 .l_info:before {position:absolute;left:50%;bottom:31px;width:32px;height:32px;margin-left:-16px;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_add.png') no-repeat 0 0;background-size:32px 32px;content:'';} */
/* 만료 */
.listCpnWrap .list.expr .l_info{height:100%;filter:grayscale(1);opacity: 0.7;}
/* .listCpnWrap .type2.expr .l_info:before {position:absolute;left:50%;bottom:31px;width:31px;height:31px;margin-left:-15px;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_percent_off.png') no-repeat 0 0;background-size:31px 31px;content:'';} */
.listCpnWrap .list.expr .r_info .t2 .count1{color:#ccc;}
.listCpnWrap .list.expr .r_info .subj {color:#ccc;}
.listCpnWrap .list.expr .r_info .t1 {color:#ccc;}
.listCpnWrap .list.expr .r_info .t2 {color:#ccc;}
.listCpnWrap .list.expr .s_btn01 span {background:#ccc;}
.listCpnWrap .list.expr .s_btn01 span {background:#ccc;}
.listCpnWrap .list.expr .s_btn01.c03 span {background:#ccc;}
.listCpnWrap .list.expr .s_btn01.c03 span {background:#282828;}
.listCpnWrap .list.expr .bdr_btn01 span {border:1px solid #ccc;color:#ccc;}
.listCpnWrap .set_btn {margin-top:15px;}
.set_btn {display:flex;width:100%;}
.set_btn * {vertical-align:middle;}
.set_btn a {flex-grow:1;width:50%;}
.set_btn a:not(:nth-of-type(1)) {margin-left:10px;} 
.s_btn01 {display:inline-block;}
.s_btn01 > span {display:block;height:30px;padding:0 12px;background:#7ba0ed;line-height:30px;font-size:14px;color:#fff;text-align:center;}
.s_btn02 {display:inline-block;width:100%;}
.s_btn02 > span {display:block;height:30px;padding:0 12px;background:#282828;line-height:30px;font-size:14px;color:#fff;text-align:center;}
.bdr_btn01 {display:inline-block;} 
.bdr_btn01 > span {display:block;height:30px;padding:0 12px;border:1px solid #7ba0ed;line-height:30px;font-size:14px;color:#7ba0ed;text-align:center;font-weight:600;box-sizing:border-box;}
.b_btn01 {display:inline-block;}
.b_btn01 > span {display:block;height:39px;padding:0 12px;border:1px solid #6891e5;background:#7ba0ed;line-height:39px;font-size:20px;color:#fff;text-align:center;font-weight:600;}
.b_btn01.c01 > span {border:1px solid #b8b8b8;background: #ccc;color:#fff;}
.b_btn01.c02 > span {border:1px solid #6891e5;background:#fff;color:#7ba0ed;}

.cmn_tab1 {position:relative;z-index:1;margin-top:-38px;padding-top:32px;background:#f6f6f6;}
.cmn_tab1:before{position:absolute;top:0;bottom:0;left:-4.5%;right:10%;background:#f6f6f6;border-top-left-radius:12px;content:'';}
.cmn_tab1:after{position:absolute;top:0;bottom:0;left:10%;right:-4.5%;background:#f6f6f6;border-top-right-radius:12px;content:'';}
.cmn_tab1 ul:after {display:block;content:'';clear:both;}
.cmn_tab1 ul li {position:relative;z-index:2;float:left;width:50%;}
.cmn_tab1 ul li.on a {color:#000;font-weight:800;}
.cmn_tab1 ul li.on a:before {position:absolute;bottom:0;left:0;right:0;border-bottom:2px solid #000;content:'';}
.cmn_tab1 ul li a {display:block;height:27px;font-size:18px;color:#ccc;text-align:center;font-weight:600;}
.layer {position: relative;top:197px;left:0;right:0;bottom:0;z-index:100;height:calc(100% - 197px);border-top-left-radius:12px;border-top-right-radius:12px;background: #f6f6f6;}
.layer .closelyr{display:block;overflow:hidden;position:absolute;top:40px;right:40px;z-index:5;width:18px;height:18px;color:transparent;font-size:1px;}
.layer .lay_cont {padding:85px 39px 82px; background: #f6f6f6;}
.layer.lay_cpn_dtl {}
.layer .list_cpn_dtl {}
.layer .list_cpn_dtl li {margin-top:34px;}
.layer .list_cpn_dtl li:first-child {margin-top:0;}
.layer .list_cpn_dtl .s_tit {position:relative;display:block;padding-left:12px;font-size:18px;line-height:19px;color:#414041;}
.layer .list_cpn_dtl .s_tit:before {position:absolute;top:50%;left:0;width:2px;height:2px;margin-top:-1px;border-radius:1px;background:#747474;content:'';}
.layer .list_cpn_dtl .s_cont {display:block;margin-top:7px;padding-left:12px;font-size:18px;line-height:19px;color:#747474;white-space: pre-wrap;}
.layer .closelyr:after, .closelyr:before{content:'';position:absolute;left:50%;top:50%;width:18px;height:1px;margin:-1px 0 0 -9px;background:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.layer .closelyr:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#dimed {display:none;position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.7); -webkit-tap-highlight-color: rgba(0,0,0,0);}

.cpn_history1 {padding:25px 0 12px;text-align:right;}
.cpn_history1 ul {display:inline-block;}
.cpn_history1 ul:after {display:block;clear:both;content:'';}
.cpn_history1 li {position:relative;float:left;}
.cpn_history1 li a {display:block;padding:0 16px;font-size:16px;color:#999;}
.cpn_history1 li:after {position:absolute;top:4px;bottom:4px;border-left:1px solid #999;content:'';}
.cpn_history1 li.on a {display:block;font-size:16px;color:#7ba0ed;font-weight:800;}
.cpn_history1 li:last-child a {padding-right:11px;}
.cpn_history1 li:last-child:after {display:none;}

.cpn_history2 {position:relative;margin:30px 0 10px;padding:21px 21px;border-bottom:1px solid #e1e1e1;background:#fff;}
.cpn_history2 .cpn_nm {font-size:16px;font-weight:800;color:#000;padding-right:89px;}
.cpn_history2 .r_info {position:absolute;top:50%;right:15px;margin-top:-15px;}
.noCpn {padding-top:100px;}
.noCpn .txt {display:block;margin-top:17px;font-size:18px;color:#ccc;text-align:center;}
.noCpn:before {display:block;width:71px;height:71px;margin:0 auto;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_no_cpn.png') no-repeat 0 0;background-size:71px 71px;content:'';}

@media screen and (max-width:360px) {
  .cardInfoTable2 li .cont {padding:0 4px;}
  .cardInfoTable2 li .td {font-size:11px;}
  .cardInfoTable2 li .td strong {font-size:16px;}
  .listCpnWrap .r_info {padding-left:5px;padding-right:5px;}
  .set_btn a:not(:nth-of-type(1)) {margin-left:5px;}
}
@media screen and (min-width:769px) {

.layerWrap header.hdr {height:auto;padding-bottom: 75px;background:#000;}
.layerWrap .hdr_cont {position:relative;max-width:960px;margin: 50px auto 0;padding:0;box-sizing:border-box;}
.layerWrap .hdr_cont.is_prev {padding-left:58px;}
.layerWrap .hdr_cont .btn_prev_page {position:absolute;top:0;left:0;overflow:hidden;width:25px;height:45px;zoom: 0.7;}
.layerWrap .hdr_cont .btn_prev_page > span {display:block;width:25px;height:45px;color:transparent;}
.layerWrap .hdr_cont .btn_prev_page:before {position:absolute;top:50%;left:6px;margin-top:-12px;border-top:4px solid #fff;border-left:4px solid #fff; width:25px; height:25px;content:'';}
.layerWrap .hdr .lay_tit {font-size: 27px;color:#fc761f;font-weight:600;}
.layerWrap .hdr .lay_tit:before {display:inline-block;width:25px;height:25px;margin-right:14px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_loop_card.png) no-repeat 0 0;vertical-align:middle;content:'';}
.layerWrap .hdr .lay_tit span:before {position:absolute;top:2px;left:0;bottom:2px; border-left:1px solid #333;vertical-align:middle;content:'';}
.layerWrap .hdr .lay_tit span {position:relative;display:inline-block;padding-left:13px;color:inherit;}
.layerWrap .hdr .s_tit {padding-top: 74px;font-size: 40px;color:#fff;text-align:center;font-weight:600;letter-spacing:-0.06em;}
.layerWrap .hdr .closeLayer2 {display:block;position:absolute;z-index:101;top:0;right:0;width:25px;}
.layerWrap .hdr .closeLayer2 img{display:block;width:100%;}
.layerWrap .hdr .shop_gade .img {display:block;padding-top:30px;text-align:center;}
.layerWrap .hdr .shop_gade .img img {width:45px}
.layerWrap .hdr .shop_gade .grd {display:block;padding-top: 30px;text-align:center;font-size: 20px;font-weight:800;color:#fff;}
.layerWrap .hdr .shop_gade .valid {display:block;text-align:center;font-size: 20px;color:#fff;}
.box_card_info.type2 {padding:105px 0 0;}
.box_card_info.type2 .cont {padding-top:97px;}
.box_card_info .s_info .stit{display:block;font-size:24px;font-weight:600;color:#7f7f7f;}
.box_card_info .s_info .won {position:relative;display:block;padding-left:57px;font-size:54px;font-weight:800;color:#000;letter-spacing:-2px}
.box_card_info .s_info .won:before {position:absolute;top:50%;left:0;width:54px;height:40px;margin-top:-20px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_won.png) no-repeat 0 0;content:'';}
.box_card_info.type2 .set_c_info {padding:0 0 28px;}

.cardInfoTable2{margin:30px auto 0;}
.cardInfoTable2:after {display:block;content:'';clear:both;}
.cardInfoTable2 li {float:left;width:33.33%;}
.cardInfoTable2 li.fullsize{width: 100%}
.cardInfoTable2 li.halfsize{width: 50%}
.cardInfoTable2 li.thirdsize{width: 33.3%}
.cardInfoTable2 li .cont {height:178px;margin-right:-1px;padding:0 20px;border:1px solid #e1e1e1; border-radius:4px;background:#fff;}
/* .cardInfoTable2 li:last-child {width:33.34%;} */
.cardInfoTable2 li .coupon {margin-left:7px;margin-right:0;border:1px solid #fc761f;}
.cardInfoTable2 li.fullsize .coupon {margin-left:0}
.cardInfoTable2 li .th {padding-top:30px;}
.cardInfoTable2 li .th:after {display:block;content:'';clear:both;}
.cardInfoTable2 li .td {padding-top:55px;font-size:24px;letter-spacing: -1.5px; color:#ccc;text-align:right;}
.cardInfoTable2 li .td strong{font-size:30px;letter-spacing: -1.5px; color:#fc761f;}
.cardInfoTable2 .ico1{display:block;float:left;width:41px;height:27px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_stamp.png) 0 0 no-repeat;background-size:41px 27px}
.cardInfoTable2 .ico2{display:block;float:left;width:41px;height:27px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_point.png) 0 0 no-repeat;background-size:41px 27px}
.cardInfoTable2 .ico3{display:block;float:left;width:41px;height:27px;background:url(https://contents.kpcasp.com/static/kpcasp/images/cardinfo/ico_coupon.png) 0 0 no-repeat;background-size:41px 27px}
.cardInfoTable2 .s_tit {position:relative;display:block;float:right;font-size:30px;color:#999;}
.cardInfoTable2 a.s_tit {padding-right:30px;color:#fc7923;}
.cardInfoTable2 a.s_tit:after {position:absolute;top:50%;right:4px;margin-top:-9px;border-top:2px solid #fc7923;border-right:2px solid #fc7923; width:14px; height:14px; transform:rotate(45deg);content:'';}

.listCpnWrap{padding:0 0;}
.listCpnWrap .contCpn {position:relative;margin-bottom:-6px;}
.listCpnWrap .contCpn:after {display:block;content:'';clear:both;}
.listCpnWrap .list {max-width:690px;margin:30px auto 0 auto;border:1px solid #ccc;background:#fff;}
.listCpnWrap .list .scont {height:330px;padding-left:230px;}
.listCpnWrap .l_info {float:left;position:relative;width:230px;margin-left:-230px;padding:38px 12px 0 14px;box-sizing:border-box;background-size: contain; background-repeat: no-repeat; background-position: left top;}
.listCpnWrap .l_info .inf1 .t1 {display:block;height:42px;font-size:24px;color:#fff;}
.listCpnWrap .l_info .inf1 .t2 {display:block;height:58px;}
.listCpnWrap .l_info .inf1 .t2 .count1 {font-size:52px;color:#fff200;letter-spacing:-0.35px;white-space:nowrap;}
.listCpnWrap .l_info .inf1 .t2 .count2 {float:right;width:50%;font-size:52px;color:#fff;opacity:0.5;letter-spacing:-0.35px;white-space:nowrap;text-align:right;}
.listCpnWrap .l_info .inf1 .t2 .count2:before {height:38px;margin:-19px 0 0;border-left:1px solid #fff;content:'';}
.listCpnWrap .l_info .inf1 .t3 {display:block;height:62px;font-size:44px;line-height:46px;color:#fff;}
.listCpnWrap .r_info {padding:34px 38px 0;}
.listCpnWrap .r_info .subj {display:block;overflow:hidden;height:92px;margin-bottom:8px;font-size:36px;line-height:46px;font-weight:400;letter-spacing:-0.5px}
.listCpnWrap .r_info .t1 {display:block;font-size:28px;line-height:32px;color:#999;}
.listCpnWrap .r_info .t2 {display:block;margin-top:2px;font-size:28px;line-height:32px;color:#999;}
.listCpnWrap .r_info .t2 .count1 {font-size:28px;color:#ff0303;white-space:nowrap;font-weight:800;}
.listCpnWrap .r_info .t2 .count2 {font-size:28px;color:#999;white-space:nowrap;}
.listCpnWrap .r_info .t2 .count2:before {display:inline-block;height:11px;margin:0 2px 0 1px;border-left:1px solid #999;content:'';}
.listCpnWrap .r_info .set_opt {margin-top:14px;}
.listCpnWrap .r_info .set_opt * {vertical-align:middle;}
.listCpnWrap .r_info .set_opt .btn_set1 {float:left;padding-top:4px;}
.listCpnWrap .r_info .set_opt .r_opt {float:right;}
.listCpnWrap .r_info .set_opt .box_calc {display:inline-block;}
.listCpnWrap .type1 .l_info{height:100%;}
/* .listCpnWrap .type1 .l_info:before {position:absolute;left:50%;bottom:61px;width:82px;height:68px;margin-left:-41px;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_cpn_1.png') no-repeat 0 0;content:'';} */
.listCpnWrap .type2 .l_info{height:100%;}
/* .listCpnWrap .type2 .l_info:before {position:absolute;left:50%;bottom:61px;width:62px;height:62px;margin-left:-31px;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_percent.png') no-repeat 0 0;content:'';} */
.listCpnWrap .type3 .l_info{height:100%;}
/*.listCpnWrap .type3 .l_info:before {position:absolute;left:50%;bottom:31px;width:32px;height:32px;margin-left:-16px;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_add.png') no-repeat 0 0;content:'';}*/
/* 만료 */
.listCpnWrap .list.expr .l_info{height:100%;filter:grayscale(1);opacity: 0.7;}
/* .listCpnWrap .type2.expr .l_info:before {position:absolute;left:50%;bottom:61px;width:62px;height:62px;margin-left:-31px;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_percent_off.png') no-repeat 0 0;content:'';} */
.listCpnWrap .list.expr .r_info .t2 .count1{color:#ccc;}
.listCpnWrap .list.expr .r_info .subj {color:#ccc;}
.listCpnWrap .list.expr .r_info .t1 {color:#ccc;}
.listCpnWrap .list.expr .r_info .t2 {color:#ccc;}
.listCpnWrap .list.expr .s_btn01 span {background:#ccc;}
.listCpnWrap .list.expr .s_btn01 span {background:#ccc;}
.listCpnWrap .list.expr .s_btn01.c03 span {background:#ccc;}
.listCpnWrap .list.expr .s_btn01.c03 span {background:#282828;}
.listCpnWrap .list.expr .bdr_btn01 span {border:1px solid #ccc;color:#ccc;}
.listCpnWrap .set_btn {margin-top:30px;}
.set_btn a:not(:nth-of-type(1)) {margin-left:20px;} 
.s_btn01 {display:inline-block;}
.s_btn01 > span {display:block;height:56px;padding:0 12px;background:#7ba0ed;line-height:56px;font-size:28px;color:#fff;font-weight:600;text-align:center;}
.s_btn01.c03 > span {display:block;height:56px;padding:0 12px;background:#282828;line-height:56px;font-size:28px;color:#fff;font-weight:600;text-align:center;}
.s_btn02 {display:inline-block; width: 100%;}
.s_btn02 > span {display:block;height:56px;padding:0 12px;background:#282828;line-height:56px;font-size:20px;color:#fff;text-align:center;}
.bdr_btn01 {display:inline-block;} 
.bdr_btn01 > span {display:block;height:56px;padding:0 12px;border:1px solid #7ba0ed;line-height:56px;font-size:28px;color:#7ba0ed;font-weight:600;text-align:center;box-sizing:border-box;}
.b_btn01 {display:inline-block;}
.b_btn01 > span {display:block;height:39px;padding:0 12px;border:1px solid #6891e5;background:#7ba0ed;line-height:39px;font-size:20px;color:#fff;text-align:center;}
.b_btn01.c01 > span {border:1px solid #b8b8b8;background: #ccc;color:#fff;}
.b_btn01.c02 > span {border:1px solid #6891e5;background:#fff;color:#7ba0ed;}
.cmn_tab1 {position:relative;z-index:1;margin-top:-20px;padding-top:82px;background:#fff;}
.cmn_tab1:before{position:absolute;top:0;bottom:0;left:660px;right:-500%;background:#fff;content:'';}
.cmn_tab1:after{position:absolute;top:0;bottom:0;left:-500%;right:660px;background:#fff;content:'';}
.cmn_tab1 ul:after {display:block;content:'';clear:both;}
.cmn_tab1 ul li {position:relative;z-index:2;float:left;width:50%;}
.cmn_tab1 ul li.on a {color:#000;}
.cmn_tab1 ul li.on a:before {position:absolute;bottom:0;left:0;right:0;border-bottom:4px solid #000;content:'';}
.cmn_tab1 ul li a {display:block;height:58px;font-size:40px;color:#ccc;text-align:center;font-weight:600;}

.fixedLayer {overflow:hidden;}
.layer {position:fixed;top:50%;left:50%;right:auto;bottom:auto;z-index:101;width:750px;height:inherit;overflow-y:auto;background:#fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius:0;}
.layer .lay_cont {padding:173px 77px 170px;}
.layer.lay_cpn_dtl {}
.layer .list_cpn_dtl {}
.layer .list_cpn_dtl li {margin-top:34px;}
.layer .list_cpn_dtl li:first-child {margin-top:0;}
.layer .list_cpn_dtl .s_tit {position:relative;display:block;padding-left:24px;font-size:36px;line-height:38px;color:#414041;}
.layer .list_cpn_dtl .s_tit:before {position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:2px;background:#747474;content:'';}
.layer .list_cpn_dtl .s_cont {display:block;margin-top:14px;padding-left:24px;font-size:36px;line-height:38px;color:#747474;}
.layer .closelyr{display:block;overflow:hidden;position:absolute;top:82px;right:80px;z-index:5;width:30px;height:30px;color:transparent;font-size:1px;}
.layer .closelyr:after, .closelyr:before{content:'';position:absolute;left:50%;top:50%;width:30px;height:3px;margin:-2px 0 0 -15px;background:#000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.layer .closelyr:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#dimed {display:block;position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.7); -webkit-tap-highlight-color: rgba(0,0,0,0);}

.cpn_history1 {padding:57px 0 24px;text-align:right;}
.cpn_history1 ul {display:inline-block;}
.cpn_history1 ul:after {display:block;clear:both;content:'';}
.cpn_history1 li {position:relative;float:left;}
.cpn_history1 li a {display:block;padding:0 39px;font-size:30px;color:#999;}
.cpn_history1 li:after {position:absolute;top:4px;bottom:4px;border-left:1px solid #999;content:'';}
.cpn_history1 li.on a {display:block;font-size:30px;color:#7ba0ed;font-weight:800;}
.cpn_history1 li:last-child a {padding-right:29px;}
.cpn_history1 li:last-child:after {display:none;}

.cpn_history2 {position:relative;margin:60px 0 20px;padding:40px 30px;border-bottom:1px solid #e1e1e1;background:#fff;}
.cpn_history2 .cpn_nm {font-size:32px;font-weight:800;color:#000;padding-right:178px;}
.cpn_history2 .r_info {position:absolute;top:50%;right:30px;margin-top:-28px;}

.noCpn {padding-top:100px;}
.noCpn .txt {display:block;margin-top:34px;font-size:36px;color:#ccc;text-align:center;}
.noCpn:before {display:block;width:142px;height:142px;margin:0 auto;background:url('https://contents.kpcasp.com/static/kpcasp/images/cardinfo/icon_no_cpn.png') no-repeat 0 0;background-size:142px 142px;content:'';}
}

/* //202011 추가 */