@charset "utf-8";

/* width(단위:%) */
.w4{width:4% !important}
.w5{width:5% !important}
.w10{width:10% !important}
.w15{width:15% !important}
.w20{width:20% !important}
.w25{width:25% !important}
.w30{width:30% !important}
.w33{width:33% !important}
.w34{width:34% !important}
.w35{width:35% !important}
.w40{width:40% !important}
.w45{width:45% !important}
.w47{width:47% !important}
.w49{width:49% !important}
.w50{width:50% !important}
.w55{width:55% !important}
.w60{width:60% !important}
.w65{width:65% !important}
.w70{width:70% !important}
.w75{width:75% !important}
.w80{width:80% !important}
.w85{width:85% !important}
.w90{width:90% !important}
.w95{width:95% !important}
.w100{width:100% !important}
.w100p{width:100px !important}

/* height(단위:px) */
.h30{height:30px !important}
.h50{height:50px !important}
.h55{height:55px !important}
.h60{height:60px !important}
.h65{height:65px !important}
.h70{height:70px !important}
.h75{height:75px !important}
.h80{height:80px !important}
.h85{height:85px !important}
.h90{height:90px !important}
.h95{height:95px !important}
.h100{height:100px !important}
.h200{height:200px !important}
.h590{height:590px !important}


/* Margin */
.mB60{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB20{margin-bottom:20px;}
.mT60{margin-top:20px;}
.mL05{margin-left:5px !important;}
.mR05{margin-right:5px !important;}

/* 2019-01-14 padding(단위:px) 추가  */
.pad-left-4 {padding-left:4px !important}
.pad-left-15 {padding-left:15px !important}
.pad-left-28 {padding-left:28px !important}
.pad-left-29 {padding-left:29px !important}
.pad-left-30 {padding-left:30px !important}

.none{display:none !important;}
/* iframe area */
.frameWrap{width:100%;height:100%;position:relative;overflow:hidden}
.subCon{position:absolute;top:20px;left:2%;width:98%;height:100%;overflow-y:auto;overflow-x:hidden;}
.subCon h1 {width:98%;color:#333333;font-size:14px;font-weight:bold;text-align:left;line-height:20px;border:0px solid #dddacf;height:26px;padding:0 0 0 10px;margin-bottom:5px;background:url('../../../resources/pandora3/images/common/h1_bar.gif') no-repeat 0px 3px;}
.hidden{overflow:hidden !important;}
/* table */
.tblType1{width:98%;border-top:2px solid #666;}
.tblType1 tr{border-bottom:1px solid #e0e0e0}
.tblType1 tr th{padding:13px 10px 12px; font-size:11px; line-height:14px; font-weight:600; text-align:center;  border-left:1px solid #ccc; background:#f5f5f5; letter-spacing:0.25px; color:#666;}
.tblType1 tr th:first-child{border-left:0 none;}
.tblType1.sub tr th{padding:0px; font-size:11px; line-height:14px;font-weight:600;text-align:center;background:#fbfbfb;}
.tblType1 tr td{padding:5px 10px; border-left:1px solid #ccc;}
.tblType1 tr td .typeSearch{display:inline-block;}
.tblType1#comPopupTbl{width:100%;}
.tblType1#comPopupTbl tr td{text-align:center;}

.tblType2{width:100%;border-top:2px solid #444}
.tblType2 tr{border-bottom:1px solid #e0e0e0}
.tblType2 tr th{padding:10px 20px;font-size:12px;line-height:14px;font-weight:600;text-align:center;background:#fafafa;}
.tblType2 tr td{padding:10px 7px;text-align:center}

.tblType3{width:98%;}
.tblType3 tr th{padding:10px 20px;font-size:12px;line-height:14px;font-weight:600;/* 2019-01-15 왼쪽정렬 */text-align:left;background:#fafafa;}
.tblType3 tr td{padding:10px 0px!important;text-align:center}

.tblType4{width:98%; border-top:2px solid #444; margin:20px 0 0; float:left;}
.tblType4.rightTbl th{ border-left:1px solid #ccc;}
.tblType4 tr{border-bottom:1px solid #e0e0e0}
.tblType4 tr th{padding:13px 0 12px 10px;font-size:12px;line-height:14px;font-weight:600;/* 2019-01-15 왼쪽정렬 */text-align:left;background:#fbfbfb;}
.tblType4 tr td{padding:5px 10px !important; border-left:1px solid #ccc;}

.tblType5{width:100%;border-top:2px solid #444;margin:10px;float:left;border-collapse:collapse;}
.tblType5 tr{border-bottom:1px solid #e0e0e0}
.tblType5 tr th{padding:5px 5px;font-size:12px;line-height:14px;font-weight:600;text-align:center;background:#fafafa;}
.tblType5 tr td{padding:10px 7px;}
.tblType5 a {width:92%;overflow: hidden;display: inline-block;height: 14px;vertical-align: middle;}

.clear:after{display:block;content:"";clear:both}

table td.editorTd{padding:10px; border-left:0 none;}
table td.editorTd .board_writeFiles{margin-top:10px;}

.searchBtn2{width:100%; max-width:22px;}
/* div grid_btn area*/
.grid_btn {display: flex; justify-content: flex-end; flex-direction: row;}
.grid_btn.type_center{float:none; text-align:center; margin-top:20px;}
.grid_btn.type_center .btn_common{float:none; display:inline-block;}
.step1 {display: block;}
.step2 {display: none;}
.step3 {display: none;}

.dispMenuAddTit {color:#337fd7;}

/* div term_dtl_contents */
div.table_bottom{padding-top:30px;}

/*** input common ***/

/* radio button */
.radio{font-size:12px;line-height:14px;}
.radio:after{display:block;content:"";clear:both}
.radio span{display:inline-block; margin:0 0 0 10px}
.radio span:first-child{margin:0}
.radio span:after{display:block;content:"";clear:both}
.radio input,
.radio span input{display:inline-block; vertical-align:middle; width:12px;height:12px;margin:1px 4px 0 0}
.radio label,
.radio span label{display:inline-block; vertical-align:middle;}

/* check box */
.check{font-size:12px;line-height:14px}
.check:after{display:block;content:"";clear:both}
.check span{display:block;float:left;margin:0 0 0 10px}
.check span:first-child{margin:0}
.check span:after{display:block;content:"";clear:both}
.check input{display:block;float:left;width:12px;height:12px;margin:1px 4px 0 0}
.check label{display:block;float:left}

/* select box */
.select{height:30px;/*margin:0 0 0 5px;*/padding:4px 0;font-family:"Dotum","돋움";font-size:12px;line-height:14px;font-weight:300}
.select{border:1px solid #ddd;padding:3px}
.select option{}

/* file add */
.fileAdd{}
.fileAdd:after{display:block;content:"";clear:both}
.fileAdd #img_files{position:absolute}
.fileAdd #fileTxt{float:left;height:26px;margin-right:2px;border:1px solid #ddd;box-sizing:border-box;font-family:"Dotum","돋움";font-size:12px;line-height:26px;font-weight:300;text-indent:5px}
.fileAdd .img_files{position:absolute}
.fileAdd .fileTxt{float:left;height:26px;margin-right:2px;border:1px solid #ddd;box-sizing:border-box;font-family:"Dotum","돋움";font-size:12px;line-height:26px;font-weight:300;text-indent:5px}
/* button */
.btn{border-radius:0px !important;font-size:1.250em;padding:10px 20px;border:0px !important}
.btn a{color:#fff}
.btn_common{display:block;float:left;margin:0 2px;padding:0 10px;font-family:"Dotum","돋움";font-size:12px;line-height:26px;font-weight:300;color:#fff !important;cursor:pointer}
.btn_common:last-child{margin:0 0 0 2px}
.btn_darkGray{background:#60686e}
.btn_darkGray a{color:#fff}
.btn_darkGray:hover{background:#3c4a5a}
.btn_gray{background:#888}
.btn_gray:hover{background:#676767}
.btn_blue{background:#337fd7}
.btn_blue a{color:#fff}
.btn_blue:hover{background:#1d56c3}

.btn-big{min-width:190px;height:60px;font-size:20px;line-height:60px;margin:0 5px;padding:0 !important;border:0px !important;border-radius:0px !important}
.btn-primary{background:#337fd7 !important;color:white;border:#337fd7 1px solid !important}
.btn-primary:hover {background:#2366b4 !important}
.btn-default {background:#999 !important;color:#f6f6f6;border:#999 1px solid !important}
.btn-default:hover {background:gray !important;color:#fff}
.btn-danger {background:#666 !important;color:#f6f6f6;border:#666 1px solid !important}
.btn-danger:hover {background:#4d4d4d !important}
.btn-msmall{ font-size: 1em; padding: 8px 20px !important; font-weight: 300; }

.btn_common.btn_input_right{float:none; display:inline-block;}

.in_grid_button {background-color: #60686e;border: none;color: white;padding:5px 12px;text-align: center;text-decoration: none;display:inline-block;font-size:16px;cursor:pointer;}
.in_grid_button:hover{background:#3c4a5a}
/* text box, password box */
.txt_pw{margin:0 0 0 15px}
.txt_pw:first-child{margin:0}
.txt_pw label{margin:0 5px 0 0;font-family:"Dotum","돋움";font-size:12px;line-height:26px;font-weight:300}
.txt_pw input{height:30px;text-indent:5px;border:1px solid #ddd;box-sizing:border-box;font-family:"Dotum","돋움";font-size:12px;line-height:30px;font-weight:300}
.readonlyTxt{background:#fafafa}
.txt_pw input.inputReadonly{border:0 none;background:#fafafa;}
/* textarea */
.textarea{padding:5px;border:1px solid #ddd;box-sizing:border-box;font-family:"Dotum","돋움";font-size:12px;line-height:16px;font-weight:300;resize:none  }

/* menu display manager */
.menuEdit{float:left;width:236px;overflow-y:auto;}
.menuEdit .btns{padding-bottom:5px; overflow:hidden;}
.menuEdit .btns div{width:100%;margin:4px 0}
.menuEdit .btns div:after{display:block;content:"";clear:both}
.menuEdit .btns div li{float:left;width:84px;margin:0 0 0 4px;border:1px solid #888;box-sizing:border-box;font-family:"Dotum","돋움";font-size:12px;line-height:26px;font-weight:300;text-align:center;color:#000;cursor:pointer;background:#f5f5f5;}
.menuEdit .btns div li:first-child{margin:0}
.menuEdit .btns div li:hover{background:#ddd}

.menuEdit .btns li{float:left;width:84px; margin:3px 3px;border:1px solid #888;box-sizing:border-box;font-family:"Dotum","돋움";font-size:12px;line-height:26px;font-weight:300;text-align:center;color:#000;cursor:pointer;background:#f5f5f5;}
.menuEdit .btns li:hover{background:#ddd}

.menuEdit .ztree{width:270px !important;border:1px solid #888;box-sizing:border-box;background:none;}
.ztree li a.copy{padding-top:0; background-color:#316AC5; color:white; border:1px #316AC5 solid;}
.ztree li a.cut{padding-top:0; background-color:silver; color:#111; border:1px #316AC5 dotted;}

.detailInfo{float:right;width:calc(100% - 291px);overflow:hidden}
.detailInfo .tblType1 .detailTitle{padding:10px 0; border-left:0 none;}
.tblType1.menuEdit tr td{border-left:0 none;}

/* board write */
.board_writeFiles .info p{line-height:33px}

/* board write */
.screen_out{display:none;font-size:0;position:absolute;top:-9999px}
.board_write{border-top:2px solid #000;box-sizing:content-box;margin:50px 0 60px;}
.board_write .board_writeTit{width:100%;height:50px;border-bottom:1px solid #ddd;box-sizing:content-box;line-height:50px;text-indent:20px}
.board_write .board_writeTit:after{display:block;content:"";clear:both}
.board_write .board_writeTit label{display:block;float:left;width:16.6%;height:50px;background:#f6f6f6;border-right:1px solid #ddd}
.board_write .board_writeTit input{display:block;float:left;width:calc(83.4% - 20px);height:34px;margin:8px 0 0 10px;padding:0 10px;border:1px solid #ddd;font-size:14px;line-height:34px;}
.board_write .editor{margin:10px 0 30px;border:1px solid #ddd;background:#f6f6f6;}
.board_writeFiles{border:1px solid #ddd;background:#f6f6f6}
.board_writeFiles .form{padding:10px 10px;text-align:center}
.board_writeFiles .form p{font-size:13px;line-height:1.8em;color:#666}
.board_writeFiles .form button{margin:10px 0;padding:6px 20px;border:#666 1px solid;background:#666;font-size:13px;line-height:17px;font-weight:300;color:#f6f6f6}
.board_writeFiles .info{padding:12px 20px;border-top:1px solid #ddd}
.board_writeFiles .info:after{display:block;content:"";clear:both}
.board_writeFiles .info p{float:left;font-size:12px;line-height:30px;color:#666}
.board_writeFiles .info p em{font-weight:600;font-style:normal;color:#337fd7}
.board_writeFiles .info div{float:right}
.board_writeFiles .info button{padding:5px 14px;padding:6px 14px;font-family:"dotum","돋움";font-size:12px;line-height: 16px;font-weight:300;}
.board_writeFiles .info #btnFileAdd{margin-right:5px;border:#337fd7 1px solid;background:#337fd7;color:white;}
.board_writeFiles .info #btnFileDelete{background:#666;color:#f6f6f6;border:#666 1px solid;}
.board_writeFiles .info .btnImgAdd{background:#666;color:#f6f6f6;border:#666 1px solid;}
.board_writeFiles .info .btnImgDel{background:#666;color:#f6f6f6;border:#666 1px solid;}
.board_writeFiles .list{padding:12px 20px;border-top:1px solid #ddd}
.board_writeFiles .list div{width:100%;padding:5px 0;font-size:12px;line-height:16px;color:#666}
.board_writeFiles .list div:after{display:block;content:"";clear:both}
.board_writeFiles .list div p{float:left;width:35%;font-size:12px;line-height:20px}
.board_writeFiles .list div p a{text-decoration: underline;}
.board_writeFiles .list div ul{float:right;display:inline-block;margin-bottom:0}
.board_writeFiles .list div ul:after{display:block;content:"";clear:botj}
.board_writeFiles .list div ul li{float:left;font-size:12px;line-height:20px;letter-spacing:0;}
.board_writeFiles .list div ul li input[type="checkbox"]{vertical-align:middle;margin:0 0 0 20px}
.board_writeFiles .list div ul li input[type="text"]{vertical-align:middle;margin:-4px 0 0 0; width:30px;}
.board_writeFiles .list div ul li select{vertical-align:middle;margin:-4px 10px 0 0}
.board_writeFiles .list div ul li label{vertical-align:middle;margin:0 0 0 6px}
.board_writeFiles .files-prog{padding:25px 35px 28px 35px;border:none;border-top:1px solid #ddd;text-align:center}
.board_writeFiles .files-prog p{font-size:14px;line-height:16px;color:#3a6398}
.board_writeFiles .files-prog .progress{width:400px;height:18px;margin:15px auto 0;font-size:12px;line-height:18px;background:#fff;}
.board_writeFiles .files-prog .progress .progress-bar {float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}

.board_writeInfo{display:table;width:100%;margin:15px 0 0 0;border-top:1px solid #000}
.board_writeInfo .tr{display:table-row;width:100%;font-size:16px;line-height:20px;}

.board_writeInfo .tr .th{display:table-cell;width:16.6%;min-height:50px;padding:8px 20px;border-width:0 1px 1px 0;border-style:solid;border-color:#ddd;background:#f6f6f6;vertical-align:middle}
.board_writeInfo .tr .td{display:table-cell;width:calc(83.4% - 20px);min-height:50px;padding:8px 10px;border-bottom:1px solid #ddd;vertical-align:middle}
.board_writeInfo .tr .td span{display:inline-block;min-height:32px;margin:0 25px 0 0}
.board_writeInfo .tr .td select{display:inline-block;width:100%;height:34px;border:1px solid #ddd;text-indent:10px}
.board_writeInfo .tr .td select option{text-indent:10px}
.board_writeInfo .tr .td label{line-height:32px}
.board_writeInfo .tr .td input[type="text"]{display:inline-block;width:100%;height:34px;border:1px solid #ddd;text-indent:10px}
.board_writeInfo .tr .td input[type="password"]{display:inline-block;width:100%;height:34px;border:1px solid #ddd;text-indent:10px}
.board_writeInfo .tr .td input[type="radio"]{vertical-align:middle;width:13px;height:13px;margin:0 8px 0 0}
.board_writeInfo .tr .td input[type="checkbox"]{vertical-align:middle;width:13px;height:13px;margin:0 8px 0 0}
.board_writeInfo .tr .td textarea{display:block;width:100%;height:100px;padding:10px;border:1px solid #ddd}

.board_writeInfo .tr .br{padding:10px 10px !important}
.board_writeInfo .tr .br span{display:block !important;min-height:22px !important;margin:3px 0 0 0 !important}
.board_writeInfo .tr .br span:first-child{margin:0 !important}
.board_writeInfo .tr .br label{line-height:22px !important}

.border_viewTab{margin:0px; border-left:1px solid #ddd; border-right:1px solid #ddd}
.border_viewTab:after{display:block;content:"";clear:both}
.border_viewTab li{float:left;width:50%;font-size:13px;line-height:30px;text-align:center;border-width:1px 0px 1px 0px;border-style:solid;border-color:#ddd;cursor:pointer}
.border_viewTab li.on{background:#666;color:#fff}

/*작은버튼 다른곳에 사용중이므로 msmall 추가*/
.btn-middle{font-size:1em;padding:12px 30px !important;font-weight:300}
.btn-small{font-size:1em;padding:4px 20px !important;font-weight:300}
.btn-xsmall{font-size:12px;padding:5px 14px !important;font-weight:300}

.required{color:#b44c4c;margin:0px 5px}
.vv:before{display:inline;content:"*";top:-2px;left:-1px;font-size:15px;line-height:15px;color:red;vertical-align:middle} /* 2019-01-14 after-> before로 변경 */

/*Example*/
.example{width:98%;margin:10px 0; padding-bottom:10px; border-bottom:1px solid #e0e0e0;}
.example:after{display:block;content:"";clear:both}
.example .img{float:left;width:540px}
.example .img img{width:100%;height:auto}
.example .type{float:left;width:500px;height:273px;padding:20px 20px;background:#eaeaea;}
.example .type:after{display:block;content:"";clear:both}
.example .type div{display:inline-block}
.example .type div:first-child{float:left}
.example .type div:last-child{float:right}
.example .type div p{}
.example .type div p img{width:auto;height:248px;margin:10px 0 0 0}
.example .type div p input{vertical-align:middle;margin:0 3px 0 0}
.example .type div p label{vertical-align:middle}
.example .txt{float:right;width:calc(100% - 590px);padding:15px;font-size:12px;line-height:18px;background:#fafafa;border:1px solid #e0e0e0;overflow-y:scroll}

/*popup*/
.b-modal{z-index:10 !important;}
.layer_popup {background-color:#fff;border-radius:0;border:1px solid #000;color:#000;display:none;padding:0px;min-width:400px;min-height: 180px; transform: translate(-50%,-50%);}
.layer_popup .btn_close{cursor:pointer;position:absolute;right:10px;top:5px}
.mainPopWrap{position:relative;padding:20px;box-sizing:border-box;font-family:'Nanum Gothic'}
.mainPopWrap .mainPopCon{height:100%;padding:20px 36px;box-sizing:border-box;}
.mainPopWrap .mainPopCon .fix{padding:0 0 3px 0;font-size:28px;line-height:32px;font-weight:300;text-align:center;letter-spacing:-2px;color:#333}
.mainPopWrap .mainPopCon .tit{font-size:36px;line-height:40px;font-weight:600;text-align:center;letter-spacing:-1px;color:#11166b}
.mainPopWrap .mainPopCon .subTit{margin:28px 0;font-size:15px;line-height:21px}
.mainPopWrap .mainPopCon .txt{font-size:13px;line-height:17px;color:#333;overflow:hidden}
.mainPopWrap .btn_mainPopClose{position:absolute;top:15px;right:15px;cursor:pointer}
.mainPopWrap .logo{width:100%;position:absolute;left:0;bottom:30px;text-align:center}

.mainPopShort{width:500px;height:400px}
.mainPopShort .txt{max-height:110px}
.mainPopLong{width:500px;height:700px}
.mainPopLong .txt{max-height:410px}

.mainPopVer1{background:url("../../pandora3/images/common/bg_pop01.jpg") 0 0 repeat;background-size:100% auto}
.mainPopVer1 .mainPopCon{border-radius:10px;background:rgba(255,255,255,0.5)}
.mainPopVer2{background:url("../../pandora3/images/common/bg_pop02.png") 50% #fdd87b repeat;background-size:100% auto}
.mainPopVer3{background:url("../../pandora3/images/common/bg_pop03.png") 100% 100% #71c6cb no-repeat;background-size:auto}

.helpPop{background-color:#fff;}
.helpPop .helpPopCon{border-radius:10px;background:rgba(255,255,255,0.5); text-align:center;}

/*common button*/
.subConTit{position:relative;width:98%;}
.subConTit h1{line-height:26px}
.subConTit .grid_btn{position:absolute;top:0;right:0}
.grid_btn a{color:#fff}

/* loading */
.loading{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:20}
.loading img{display:block;position:absolute;left:50%;top:50%; -ms-transform:translate(-50%, -50%); transform: translate(-50%,-50%);}
.loading .desc{position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); margin-top:70px; width:100%; color:#d3c0af; font-size:24px; font-weight:700; text-align:center; font-family: 'Noto Sans KR', 'Dotum', '돋움', sans-serif;}
.loading .desc em{display:block; margin-top:15px; color:#999; font-size:18px;}


#loading-wrap{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:20}

@keyframes rotate-loading {
    0%      {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100%    {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
    0%      {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100%    {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
    0%      {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100%    {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
    0%      {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100%    {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity{
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
@-moz-keyframes loading-text-opacity{
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
@-webkit-keyframes loading-text-opacity{
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
@-o-keyframes loading-text-opacity{
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.loading-container,.loading-bar{position:relative;width:100px;height:100px;border-radius:100%}
.loading-container{margin:350px auto}
.loading-bar{
    border:2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}
.loading-container:hover .loading-bar {border-color: transparent #E45635 transparent #E45635;}
.loading-container:hover .loading-bar, .loading-container .loading-bar {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-family: "Helvetica Neue, "Helvetica", ""arial";
    font-size: 10px;
    font-weight: bold;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}

/* New Design */
.layer_popup {overflow-y:auto; background-color:#fff; border-radius:0;border:2px solid #003a75; border-top:10px solid #003a75; color:#000; display:none; padding:0; min-width:400px; min-height: 220px; box-shadow: 8px 8px 26px rgba(0, 0, 0, 0.30);}
.layer_popup .btn_close{cursor:pointer;position:absolute;right:10px;top:5px}
/* width */
.layer_popup::-webkit-scrollbar {width: 2px;}
/* Track */
.layer_popup::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */
.layer_popup::-webkit-scrollbar-thumb {background: #003a75;}
/* ie 스크롤바 색 */
.layer_popup{scrollbar-base-color: #003a75;scrollbar-face-color: #003a75;scrollbar-3dlight-color: #f1f1f1;scrollbar-highlight-color: #f1f1f1;scrollbar-track-color: #f1f1f1;scrollbar-arrow-color: #f1f1f1;scrollbar-dark-shadow-color: #f1f1f1;}

/* New Design > LayPopUp */
body#pop{min-width:auto;}
.framePopWrap.subCon{position:relative; width:100%; height:100%; padding:30px; box-sizing: border-box; left:0; top:0; color:#333;}/* 2019.02.11 수정 */
.framePopWrap.subCon h1{background:none; width:100%; height:auto; margin-bottom:12px; font-family: 'Noto Sans KR', sans-serif; font-size:20px; line-height:22px; color:#333; font-weight:400; padding:0;}
.framePopWrap.popClose{z-index:1000;position:absolute; right:15px; top:15px; line-height:0; font-size:0;}
.framePopWrap.subCon table{margin-top:22px;}
.framePopWrap.subCon table tr:first-child td{padding-top:0;}
.framePopWrap.subCon table td:first-child{font-weight:700;}
.framePopWrap.subCon table td{padding:5px 0 0; margin:0;}

.framePopWrap.subCon .txt_pw input{height:30px; line-height:30px;}
.framePopWrap.subCon .buttons{margin-top:30px;}
.framePopWrap.subCon .buttons .btn-small{}
.framePopWrap.subCon .buttons .btn-primary{border:1px solid #0e91c8 !important; background:#26aae1 !important; color:#fff; font-weight:700;}
.framePopWrap.subCon .buttons .btn-danger{border:1px solid #a8a8a8 !important; background:#bfbfbf !important; color:#888; font-weight:700;}

/* New Design > Content */
.frameWrap .subCon{left:30px; top:50px; height:calc(100% - 60px)}
.frameWrap .subCon.comPopup{left:10px; top:30px; padding-right:10px; box-sizing:border-box;}
.frameWrap .subCon h1{width:auto; background:none; font-family: 'Noto Sans KR', sans-serif; font-size:22px; line-height:24px; color:#333; font-weight:400; letter-spacing:-0.75px; padding:0 0 19px; margin:0 0 20px; border-bottom:1px solid #ccc; }
.frameWrap .subConTit{}

.frameWrap .subConTit .breadcrumb{position:absolute; right:0; top:12px; font-size:0; letter-spacing:0; text-align:right;}
.frameWrap .subConTit .breadcrumb span{display:inline-block; vertical-align:top; padding:1px 0 0 18px; font-family:'Dotum'; color:#666; font-size:11px; line-height:13px; letter-spacing:-0.25px; background:url('../../../resources/pandora3/images/common/ico_bread_crumb_depth.png') no-repeat 7px 0;}
.frameWrap .subConTit .breadcrumb span.home{width:18px; height:13px; padding:0; font-size:0; line-height:0; background:url('../../../resources/pandora3/images/common/ico_bread_crumb_home.png') no-repeat 0 0;}

.frameWrap .pageBtnWrap{width:98%; padding:0 0 10px;}
.frameWrap .pageBtnWrap:after{content:''; display:block; clear:both;}

.btn_common{color:#666 !important; background:#fff; line-height:24px;}
.btn_common.btn_default{border:1px solid #ccc; background:#f5f5f5;}
.btn_common.btn_default:hover{color:#fff !important; border:1px solid #90b4d4; background:#90b4d4;}

/* New Design 결재자 참조자 버튼*/
.tag-container {margin-left: 10px; display: inline-block; vertical-align: middle;}
.tag-item {display: inline-block; margin-left: 5px; padding: 1px 3px; background-color: #f0f0f0; border-radius: 3px; vertical-align: middle; }
.tag-item-user { display: inline; color: #333; font-size: 12px; margin-right: 3px; vertical-align: middle;}
.tag-remove-btn { display: inline; background: none; border: none; cursor: pointer; color: #999; font-size: 14px; padding: 0; margin: 0; vertical-align: middle; line-height: 1;}
.tag-remove-btn:hover { color: #d9534f !important; font-weight: bold;}

.approver-referrer-wrapper { display: inline-flex; align-items: center; justify-content: space-between;}
.approver-referrer-btn-box { display: inline-flex; gap: 10px;}

/* JQ GRID DESIGN */
.frameWrap .ui-widget{font-family:'Dotum';}
.frameWrap .ui-widget-content{border:0 none; background:#fbfbfb;}
.frameWrap .ui-jqgrid-title{font-size:12px; color:#333; font-weight:bold;}
.frameWrap .ui-jqgrid .ui-jqgrid-titlebar{padding:0; height:30px; border:0 none;}
.frameWrap .ui-th-column, 
.frameWrap .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{color:#666666; height:39px; font-weight:11px; font-weight:bold; border-right:1px solid #ccc;}
.frameWrap .ui-th-column:last-child, 
.frameWrap .ui-jqgrid .ui-jqgrid-htable th.ui-th-column:last-child{/*border-right: 1px solid #eaeaea;*/}
.frameWrap .ui-jqgrid .ui-jqgrid-hdiv{border-top:2px solid #666 !important;}
.frameWrap .ui-jqgrid tr.ui-row-ltr td{position:relative; padding:8px 2px 8px 2px; font-size:11px; border-right: 1px solid #ccc; border-bottom: 1px solid #e2e2e2;}
.frameWrap .ui-jqgrid tr.ui-row-ltr td:last-child{border-right:0 none;}
.frameWrap .ui-jqgrid tr.ui-row-ltr td .btn_user_search{display: none;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width:100%;height:40px;padding:5px;margin-left: 0;font-size: 0px;line-height: 0;}
.frameWrap .ui-jqgrid tr.ui-row-ltr:first-child td{}
.frameWrap .ui-state-default, 
.frameWrap .ui-widget-content .ui-state-default, 
.frameWrap .ui-widget-header .ui-state-default{color:#666666; font-size:11px; font-weight:bold;}

.frameWrap .ui-jqgrid .ui-jqgrid-pager{margin-top:20px !important;}
.frameWrap .ui-jqgrid-pager .ui-pg-table td{background:#fbfbfb; padding:0; font-size:12px; color:#333; opacity:1;}
.frameWrap .ui-jqgrid-pager .ui-pg-table td .ui-pg-input{border:1px solid #e0e0e0; background:#fff; height:22px; line-height:22px; padding:0 4px;}
.frameWrap .ui-jqgrid-pager .ui-pg-button span{margin:0;}
.frameWrap .ui-jqgrid-pager .ui-icon-seek-first{width:20px; height:22px; background:url('../../../resources/pandora3/images/common/img_jq_grid_first.png') no-repeat 0 0;}
.frameWrap .ui-jqgrid-pager .ui-icon-seek-prev{width:22px; height:22px; background:url('../../../resources/pandora3/images/common/img_jq_grid_prev.png') no-repeat 0 0;}
.frameWrap .ui-jqgrid-pager .ui-icon-seek-next{width:21px; height:22px; background:url('../../../resources/pandora3/images/common/img_jq_grid_next.png') no-repeat 0 0;}
.frameWrap .ui-jqgrid-pager .ui-icon-seek-end{width:20px; height:22px; background:url('../../../resources/pandora3/images/common/img_jq_grid_last.png') no-repeat 0 0;}
.frameWrap .ui-jqgrid-pager .ui-separator{border:0 none;}

.frameWrap .tableBtnWrap{position:relative; padding-bottom:20px; width:98%;}
.frameWrap .tableBtnWrap .tableTitle{font-size:12px; color:#333; font-weight:bold;}
.frameWrap .tableBtnWrap .tableBtn{position:absolute; right:0; top:-5px;}
.frameWrap .tableBtnWrap.gridBtn .tableBtn{position:absolute; right:0; top:13px; z-index:10;}
.frameWrap .rightTableBtn{ width:98%; overflow:hidden; padding:0 0 10px;}
.frameWrap .rightTableBtn .tableBtn{float:right;}

.frameWrap .tableTopLeft{position:relative; padding-bottom:0; width:98%; font-weight:bold;}
.frameWrap .tableTopLeft .selectInner{position:absolute; left:0; top:-38px;}

.frameWrap .comPopup .ui-jqgrid .ui-jqgrid-titlebar{line-height:30px;}
/* new popup */

.modal_bg{position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%;min-height:800px;background:rgba(0,0,0,.7);}
.popup{z-index:100001;position:fixed;visibility:hidden;left:50%;top:50%;transform: translate(-50%,-50%); padding: 20px; background-color: #fff;border-radius: 0;border: 2px solid #003a75;border-top: 10px solid #003a75;color: #000;min-width: 300px;max-width:450px;box-shadow: 8px 8px 26px rgba(0, 0, 0, 0.30); box-sizing: border-box;scrollbar-base-color: #003a75;scrollbar-face-color: #003a75;scrollbar-3dlight-color: #f1f1f1;scrollbar-highlight-color: #f1f1f1;scrollbar-track-color: #f1f1f1;scrollbar-arrow-color: #f1f1f1; scrollbar-darkshadow-color: #f1f1f1;}
.popup::-webkit-scrollbar {width: 2px;}

.popup::-webkit-scrollbar-track {background: #f1f1f1;}

.popup::-webkit-scrollbar-thumb {background: #003a75;}

.popup .pop_container{display: table;width: 100%;background:#fff; border-radius:0 0 5px 5px;box-sizing: border-box;}
.popup .pop_container .customer_tab:first-child {margin-top:20px;}
.popup .txt_dialog{display: table-cell;vertical-align: middle;padding-left: 14px; font-family: 'dotum', sans-serif;font-size:12px;color:#333;line-height:24px;font-weight:400;text-align:left;}

.popup .popup_img{display: table-cell;vertical-align: middle;width:60px;line-height: 0;}
.popup .foot_btn{margin-top: 10px;font-size:0;line-height:0;text-align:center;}
.popup .btn_confirm{display:inline-block; vertical-align:top;padding:0 20px;font-size: 11px; height: 27px; line-height: 27px;font-weight: 400;border: 1px solid #0e91c8 !important;background: #26aae1 !important;color: #fff;}
.popup .btn_cancel{display:inline-block; vertical-align:top; margin-left:5px; padding:0 20px;font-size: 11px; height: 27px; line-height: 27px; border: 1px solid #a8a8a8 !important;background: #bfbfbf !important;color: #888;font-weight: 400;}

/* LMsgLayer 확인(confirm): 상단 파란 띠는 알럿과 동일 border-top 10px — position은 .popup의 fixed+중앙정렬 유지(여기서 relative 금지) */
.popup.confirm_popup {
    border-top: 10px solid #003a75;
}
.popup.confirm_popup .popup_header_bar {
    position: relative;
    height: 0;
    min-height: 0;
    margin: 0 -20px 10px -20px;
    padding: 0;
    background: transparent;
    overflow: visible;
    box-sizing: border-box;
}
/* 마스킹(예/아니오) 시 X — 얇은 상단 보더 위에 겹쳐 배치 */
.popup.confirm_popup .btn_popup_header_close {
    position: absolute;
    right: 2px;
    top: -16px;
    transform: none;
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    font-weight: bold;
}
.popup.confirm_popup .btn_popup_header_close:hover { color: #cce6ff; }
.popup.confirm_popup .btn_popup_header_close:focus { outline: 1px dotted #fff; outline-offset: 1px; }

/* 예/아니오(개인정보 마스킹) 확인만: 굵은 파란 헤더 + X — 확인/취소 창은 위 규칙(얇은 띠·X숨김) 유지 */
.popup.confirm_popup.lmsg-confirm-masking {
    border-top: 2px solid #003a75;
}
.popup.confirm_popup.lmsg-confirm-masking .popup_header_bar {
    height: 32px;
    min-height: 32px;
    margin: -20px -20px 12px -20px;
    background: #003a75;
    overflow: hidden;
}
.popup.confirm_popup.lmsg-confirm-masking .btn_popup_header_close {
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    width: 28px;
    height: 28px;
    font-size: 22px;
    line-height: 1;
}
.popup.confirm_popup.lmsg-confirm-masking .btn_popup_header_close:focus { outline-offset: 2px; }

.gd_row{width:98%; margin-top:20px;}
.gd_row .gd_inner{margin-left:-10px;}
.gd_row .gd_inner:after{content:''; display:block; clear:both;}
.gd_col_1, .gd_col_2, .gd_col_3, .gd_col_4, .gd_col_5, .gd_col_6, .gd_col_7, .gd_col_8, .gd_col_9, .gd_col_10, .gd_col_11, .gd_col_12{float:left; padding-left:10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.gd_col_1 {width: 8.33333333%;}
.gd_col_2 {width: 16.66666667%;}
.gd_col_3 {width: 25%;}
.gd_col_4 {width: 33.33333333%;}
.gd_col_5 {width: 41.66666667%;}
.gd_col_6 {width: 50%;}
.gd_col_7 {width: 58.33333333%;}
.gd_col_8 {width: 66.66666667%;}
.gd_col_9 {width: 75%;}
.gd_col_10 {width: 83.33333333%;}
.gd_col_11 {width: 91.66666667%;}
.gd_col_12 {width: 100%;}

.tableType{position:relative;}
.tableType .tableBtnWrap{width:100%; padding: 20px 0 16px;}
.tableType .tableBtnWrap .tableBtn{position:absolute; right:0; top:11px;}

.tableType .tblType1{width:100%;}

/* 랜딩페이지 샘플 */

.card_wrap{ margin-top: 15px; width:98%;}
.card_wrap.type_half{width:calc(49% - 7px);;float:left;}
.card_wrap:after{content: ""; display: block; clear: both;}

.card_wrap .card{border: 1px solid #e2e2e2; background: #fff;}
.card_wrap .card .card_in{padding: 25px 35px; height:250px;}
.card_wrap .card .card_in .card_top{position: relative; padding-bottom: 15px; border-bottom: 1px solid #e1e1e1;}
.card_wrap .card .card_in .card_top .card_title{display: inline-block; vertical-align: baseline; font-size: 20px; font-weight: 600; line-height: 22px; color: #333333;}
.card_wrap .card .card_in .card_top .card_term{display: inline-block; vertical-align: baseline; margin-left: 15px; font-size: 13px; font-weight: 300; line-height: 15px; color: #777;}
.card_wrap .card .card_in .card_top .card_unit{position: absolute; right: 0; bottom: 15px; display: inline-block; font-size: 13px; font-weight: 300; line-height: 15px; color: #777;}
.card_wrap .card.type_noImg .card_in .card_list .list{font-size: 0; line-height: 0; text-align: center;}
.card_wrap .card.type_noImg .card_in .card_list .list .item{display: inline-block; vertical-align: top; width: 25%;}
.card_wrap .card.type_noImg .card_in .card_list .list .item .item_desc{margin-top: 25px; font-size: 17px; font-weight: 600; line-height: 19px; color: #222;}
.card_wrap .card.type_noImg .card_in .card_list .list .item .count_wrap{display: inline-block; position: relative; margin-top: 10px; width: 150px; padding-top: 150px; border-radius: 50%; background: #627b91;}
.card_wrap .card.type_noImg .card_in .card_list .list .item:nth-child(2) .count_wrap{background: #8ea56d;}
.card_wrap .card.type_noImg .card_in .card_list .list .item:nth-child(3) .count_wrap{background: #63a79a;}
.card_wrap .card.type_noImg .card_in .card_list .list .item:nth-child(4) .count_wrap{background: #9f7b7b;}
.card_wrap .card.type_noImg .card_in .card_list .list .item .count_wrap .current_num{display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 42px; font-weight: 600; color: #fff;}

.card_wrap .card.type_circle .card_in .card_list .list{font-size: 0; line-height: 0; text-align: center;}
.card_wrap .card.type_circle .card_in .card_list .list .item{position: relative; display: inline-block; vertical-align: top; width: 22%; margin-left: 4%;}
.card_wrap .card.type_circle .card_in .card_list .list .item:before{content: ""; position: absolute; left: -18%; top: 50%; transform: translateY(-50%); margin-top: 22px; width: 18%; height: 100%; background: url("../../pandora3/images/img_right_gray_arrow.jpg") no-repeat 50% 50%; background-size: 16px 24px;}
.card_wrap .card.type_circle .card_in .card_list .list .item:first-child{margin-left: 0;}
.card_wrap .card.type_circle .card_in .card_list .list .item:first-child:before{content: none;}
.card_wrap .card.type_circle .card_in .card_list .list .item .item_desc{margin-top: 15px; font-size: 17px; font-weight: 600; line-height: 19px; color: #222;}
.card_wrap .card.type_circle .card_in .card_list .list .item .count_wrap{display: inline-block; position: relative; margin-top: 10px; width: 150px; padding-top: 150px; border-radius: 50%; background: url("../../pandora3/images/img_circle_blue_plus.png") no-repeat 0 0; background-size: 100% 100%;}

.card_wrap .card.type_circle .card_in .card_list .list .item:nth-child(2) .count_wrap{background: url("../../pandora3/images/img_circle_green_plus.png") no-repeat 0 0; background-size: 100% 100%;}
.card_wrap .card.type_circle .card_in .card_list .list .item:nth-child(3) .count_wrap{background: url("../../pandora3/images/img_circle_cyan_plus.png") no-repeat 0 0; background-size: 100% 100%;}
.card_wrap .card.type_circle .card_in .card_list .list .item:nth-child(4) .count_wrap{background: url("../../pandora3/images/img_circle_red_plus.png") no-repeat 0 0; background-size: 100% 100%;}
.card_wrap .card.type_circle .card_in .card_list .list .item .count_wrap .current_num{display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 42px; font-size: 42px; font-weight: 600; color: #fff;}
.card_wrap .card.type_circle .card_in .card_list .list .item .count_wrap .plus_btn{display: inline-block; position: absolute; left: 70px; bottom: 14px; width: 11px; height: 11px;  font-size: 0; font-weight: 500; color: #fff;}

.card_wrap .card.type_rect .card_in .card_list .list{font-size: 0; line-height: 0; text-align: center;}
.card_wrap .card.type_rect .card_in .card_list .list .item{display: inline-block; vertical-align: top; width: 22%; margin-left: 4%;}
.card_wrap .card.type_rect .card_in .card_list .list .item:first-child{margin-left: 0;}
.card_wrap .card.type_rect .card_in .card_list .list .item .count_wrap{display: inline-block; position: relative; margin-top: 15px; width: 150px; padding-top: 150px; background: url("../../pandora3/images/img_rect_blue_plus.png") no-repeat 0 0; background-size: 100% 100%;}

.card_wrap .card.type_rect .card_in .card_list .list .item:nth-child(2) .count_wrap{background: url("../../pandora3/images/img_rect_red_plus.png") no-repeat 0 0; background-size: 100% 100%;}
.card_wrap .card.type_rect .card_in .card_list .list .item:nth-child(3) .count_wrap{background: url("../../pandora3/images/img_rect_yellow_plus.png") no-repeat 0 0; background-size: 100% 100%;}
.card_wrap .card.type_rect .card_in .card_list .list .item:nth-child(4) .count_wrap{background: url("../../pandora3/images/img_rect_cyan_plus.png") no-repeat 0 0; background-size: 100% 100%;}
.card_wrap .card.type_rect .card_in .card_list .list .item .count_wrap .current_num{display: inline-block; position: absolute; left: 50%; top: 46px; transform: translateX(-50%); font-size: 42px; font-weight: 600; color: #fff;}
.card_wrap .card.type_rect .card_in .card_list .list .item .count_wrap .item_desc{display: inline-block; width: 100%; position: absolute; left: 50%; top: 86px; transform: translateX(-50%); font-size: 17px; line-height: 19px; font-weight: 600; color: #fff;}
.card_wrap .card.type_rect .card_in .card_list .list .item .count_wrap .item_desc span{display: block; margin-top: 10px; font-size: 15px; line-height: 17px; font-weight: 300;}
.card_wrap .card.type_rect .card_in .card_list .list .item .count_wrap .plus_btn{display: inline-block; position: absolute; right: 8px; bottom: 8px; width: 11px; height: 11px;  font-size: 0; font-weight: 500; color: #fff;}

.card_wrap .card.type_data .card_list{margin-top: 15px;}
.card_wrap .card.type_data .card_list .list{font-size: 0; line-height: 0;}
.card_wrap .card.type_data .card_list .list .item{display: inline-block; vertical-align: top; width: 23%; margin-left: 2.6%;}
.card_wrap .card.type_data .card_list .list .item:first-child{margin-left: 0;}
.card_wrap .card.type_data .card_list .list .item .list_top{height: 40px; line-height: 40px; padding: 0 15px; font-size: 15px; font-weight: 600; color: #fff; background: #464543;}
.card_wrap .card.type_data .card_list .list .item .list_bottom{position: relative;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .center{height: 150px; border: 1px solid #ddd; background: #f4f4f4;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .center > p{padding: 20px; font-size: 13px; font-weight: 300; line-height: 15px; color: #777777; text-align: center;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .left{width: 50%; height: 150px; background: #f4f4f4; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .left .text_top{width: 50px; height: 25px; line-height: 25px; font-size: 11px; color: #fff; border-radius: 20px; background: #f58026; text-align: center;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .left .text_desc{margin-top: 10px; font-size: 17px; font-weight: 300; line-height: 19px; color: #222222; text-align: left;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .left .text_last{margin-top: 10px; text-align: right;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .left .text_last .count{display: inline-block; vertical-align: baseline; font-size: 42px; font-weight: 600; line-height: 27px; color: #464543;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .left .text_last .text_count{display: inline-block; vertical-align: baseline; margin-left: 15px; font-size: 20px; line-height: 22px; color: #464543;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .right{position: absolute; right: 0; top: 0; padding: 10px; width: 50%; height: 100%; border: 1px solid #ddd; border-left: 0 none; -webkit-box-sizing: border-box; box-sizing: border-box;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .right .list{display: inline-block; width: 100%;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .right .list li{position: relative; padding-right: 30px; width: 100%; height: 30px; line-height: 30px; font-size: 13px; font-weight: 300; color: #222222; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.card_wrap .card.type_data .card_list .list .item .list_bottom .right .list li .data_count{display: inline-block; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 13px; font-weight: 300; line-height: 15px; color: #3d81d5;}

@media screen and (max-width: 1200px) {
    .card_wrap .card.type_data .card_list .list{text-align: center;}
    .card_wrap .card.type_data .card_list .list .item{width: 44%;}
    .card_wrap .card.type_data .card_list .list .item:nth-child(2n+1){margin-left: 0;}
    .card_wrap .card.type_data .card_list .list .item:nth-child(n+3){margin-top: 15px;}
}
/* // 랜딩페이지 샘플 */