@charset "utf-8";

/* commone */
/* title */
.tit1{font-size:32px;color:#333;font-weight:600}
/*.tit1.bor{padding-bottom:40px;border-bottom:1px solid #666;}*/
.tit2{margin-top:60px;font-size:18px;color:#111;font-weight:500;}
.tit3{margin-top:60px;font-size:20px;line-height:1;color:#111;font-weight:500;}
.tit4{margin-top:40px;padding-left:13px;font-size:18px;line-height:1;color:#333;font-weight:500;background:url("../image/bul-tit2.png") no-repeat 0 50%; }
.tit4.diff{font-size:22px}
.tit4.bul{color:#333;font-size:16px;font-weight:400;background:url("../image/bul-pop-tit.png") no-repeat 0 50%;}
.tit4.bul.diff{font-size:18px;}
.tit5{margin-top:40px;font-size:16px;line-height:1;color:#333;font-weight:400;}
.tit6{margin-top:40px;padding-left:35px;font-size:18px;line-height:1;color:#333;font-weight:500;background:url("../image/icon-info.png") no-repeat 0 50%;}
.tit1 + .tit3{margin-top:40px;}
.tit4.bul.diff >.fc3{font-size:14px;color:#666}
.error-msg{margin-top:7px;padding-left:30px;color:#f13046;font-weight:500;}

/* layout */
.area{position:relative;width:1200px;margin:0 auto;}

/* location */
.location{height:54px;border-top:1px solid #eff0f1;background-color:#f13046;}
.location-lst>li{display:inline-block;padding:0 20px;height:54px;font-size:14px;color:#fff;background:url('../image/icon-location-arr.png') no-repeat 100% 0}
.location-lst>li{vertical-align:top;font-size:16px;}
.location-lst>li>a{display:inline-block;height:54px;padding:16px 30px;vertical-align:middle}
.location-lst .home>a{padding-left:45px;;background:url('../image/icon-location-home.png') no-repeat 0 50%}
.location-lst .depth2{position:relative;}
.location-lst .depth2 .tit{padding-left:5px;font-size:16px;}
.location-lst .depth2 .tit{padding-right:30px;}
.location-lst .depth2 .tit>span{display:inline-block;}
.location-lst .depth2 .tit .icn{padding-right:30px;background:url('../image/icn-location-arr.png') no-repeat 100% 70%}

.location-menu{display:none;position:absolute;top:52px;left:-30px;min-width:210px;height:210px;padding:5px 10px;z-index:20}
.location-menu>ul{padding:10px 0;border:1px solid #e5e5e5;background:#fff;border-radius:5px;box-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
.location-menu a{display:block;padding:15px 20px 15px 30px;color:#666;font-size:14px;background:url('../image/bul-dot3.png') no-repeat 20px 50%;letter-spacing:-0.5px}
.location-menu li:hover a, .location-menu li a:focus{color:#333;background:#f6f7fa url('../image/bul-dot.png') no-repeat 20px 50%}

.location-lst .depth2 .tit:focus + .location-menu,
.location-lst .depth2:hover .location-menu,
.location-lst .depth2:focus .location-menu,
.location-lst .depth2.on .location-menu{display:block;}

/* locationSticky */
.location.fixed{position:fixed; top:0;width: 100%;z-index:100}
.location.fixed + .cont{padding-top:110px}

/* contant */
.cont{padding:60px 0 180px;min-height:500px;}
.sorting:after,
.search-sub:after{clear:both;content:"";display:block;}

/* 검색*/
.search-sub + .tbl-wp{margin-top:0}
.search-sub{margin-top:60px;padding:20px 0;border-top:1px solid #666}
.search-sub .btnTy1{margin:0;margin-right:5px;min-width:90px;}
.search-sub.st2{border:none;margin-top:0}
.search-sub .inp1{width:190px;}
.search-sub .num{font-size:16px;}
.tit1 + .search-sub{border-top:none;margin-top:20px}

.count{display:inline-block;margin-top:12px;padding-left:13px;line-height:27px;background:url('../image/icon-count.png') no-repeat 0 50%}
.count>strong{padding-left:10px;padding-right:4px;font-weight:normal;}
.count>strong:firts-child{padding-left:0;}

.search-area{background-color:#f5f5f5;border-bottom:1px solid #d5d5d5;}
.search-box{width:800px;padding:40px 0;margin:0 auto;}
.search-inp{width:700px;margin:0 auto;}
.search-inp.nocheck{width:560px;}
.search-inp fieldset{display:inline-block;width:560px;}
.search-inp .chck1{vertical-align:top;margin-top:20px;margin-left:20px;}
.search-inp:focus input[type="text"]{bor}

.search-inp fieldset>input{float:left;width:500px;height:60px;padding:10px 20px;font-size:16px;border:1px solid #ccc;border-right:none;background-color:#fff;}
.search-inp fieldset .btn{float:left;display:inline-block;width:60px;height:60px;border:1px solid #ccc;border-left:none;background:url('../image/btn-search2.png') no-repeat 0 0}
.search-inp fieldset>input:focus{border-color:#f13046;}
.search-inp fieldset>input:focus + .btn{background-position:0 -58px;border-color:#f13046}
.relat-word{width:700px;padding:20px 0;margin:0 auto;}
.relat-word dt{display:inline-block;width:140px;padding-left:30px;font-weight:500;background:url('../image/icon-relat-word.png') no-repeat 0 50%;}
.relat-word dd{display:inline-block;}
.relat-word dd>a{padding-left:30px;;}

/* 페이징 */
.paging{margin-top:40px;height:42px;text-align:center;}
.paging>a{display:inline-block;width:42px;height:42px;line-height:42px;margin:0 2px;border:1px solid #ccc;border-radius:3px;vertical-align:top;}
.paging span{font-family:"Roboto", sans-serif;line-height: 42px;}
.paging>a.on, .paging>a:hover{background-color:#f13046;color:#fff;border-color:#f13046}
.paging .page{background-image:url('../image/bg-paging.png');background-repeat:no-repeat;}

.paging .first{background-position:0 0;}
.paging .pre{background-position: 0 -42px;}
.paging .next{background-position:0 -84px;}
.paging .last{background-position:0 -126px;}

.paging .first:hover, .paging .first.on{background-position:-42px 0;}
.paging .pre:hover, .paging .pre.on{background-position:-42px -42px;}
.paging .next:hover, .paging .next.on{background-position:-42px -84px;}
.paging .last:hover, .paging .last.on{background-position:-42px -126px;}

/* table */
.tbl1 .byte{padding-top:5px;font-size:12px;text-align:right;}
tr.noti{background-color:#f7f7f7}
tr.noti .icn1{padding:0 0 2px 25px;background:url('../image/icon-noti.png') no-repeat 0 50%}
.nodata-img{margin:30px 0;padding-top:120px;font-size:16px;color:#333;text-align:center;background:url('../image/img-nodata.png') no-repeat 50% 0}
.nodata-img.bor{border-bottom:1px solid #ececec;}
.nodata-img.st2{margin:60px 0;padding-top:190px;;font-size:16px;color:#333;text-align:center;background:#f4f4f4 url('../image/img-nodata2.png') no-repeat 50% 60px}
.nodata-img.st2>p{padding-bottom:50px;}
.nodata-img.st3{margin:40px 0;padding:190px 0 60px;font-size:16px;color:#333;text-align:center;background:url('../image/img-nodata3.png') no-repeat 50% 50px;}

.view td:first-child, .tbl1.view th:first-child{border-left:none;}
.view td:last-child, .tbl1.view th:last-child{border-right:none;}
.view thead th{padding:20px 15px;}

.qns-tit{padding:20px 25px;color:#333;border:1px solid #666;border-right:none;border-left:none;font-weight:500}
.qns-tit + .tbl1{border-top:none;}
.qns-tit>span{color:#f13148;padding-right:10px;}

/* 탭 */
.tabs{position:relative;overflow:hidden;}
.tabs:before{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#ccc;height:1px;}
.tabs li{position:relative;float:left;width:241px;height:60px;padding:20px 0;margin-left:-1px;text-align:center;border:1px solid #ccc;font-size:16px;font-weight:500;cursor:pointer;z-index:1;box-sizing:bodr-box;}
.tabs>li{color:#333;}
.tabs>li:first-child{margin-left:0;width:240px;}
.tabs>li.active{color:#f10436;padding:19px 0 21px;border-top:2px solid #f10436;border-bottom:1px solid #fff;z-index:10;}
.tabs-item{display:none;}
.tabs>li:only-child.active{color:#111;}
.tabs>li .num{color:#666;}

.tabs.many{width:1196px;border-left:1px solid #ccc;overflow:visible;} 
.tabs.many li{width:240px;margin-top:-1px;}                                                      
.tabs.many li:first-child{border-left:none;margin-left:-1px;}                                    
.tabs.many:before{content:none;}                                                                 
.tabs.many:after{content:"";display:block;clear:both;}                                           
.tabs.many li.active{padding-top:19px;border-top:2px solid #f10436;border-bottom:1px solid #ccc;}

/* faq */
.tabs-faq{margin-top:60px;}
.tabs-faq .tabs{width:1196px;border-left:1px solid #ccc;overflow:visible;}
.tabs-faq .tabs li{width:240px;margin-top:-1px;}
.tabs-faq .tabs li:first-child{border-left:none;margin-left:-1px;}
.tabs-faq .tabs:before{content:none;}
.tabs-faq .tabs:after{content:"";display:block;clear:both;}
.tabs-faq .tabs li.active{padding-top:19px;border-top:2px solid #f10436;border-bottom:1px solid #ccc;}

.faq-lst{border-top:1px solid #ececec;}
.faq-lst dt, .faq-lst dd{padding:20px 30px;border-bottom:1px solid #ececec;}
.faq-lst dt{color:#333;}
.faq-lst dd{padding:20px 20px 20px 60px;}
.faqTit>span,
.faqTxt>span{font-size:16px;}
.faqTit>span{color:#666;}
.faqTxt{background-color:#f7f7f7;padding-left:20px;}

.faq-lst .faqTxt{display:none;}
.faq-lst .faqTit.open + .faqTxt{display:block;}
.faq-lst .faqTit.open> span{color:#f10436}
.faq-lst .faqTit{cursor:pointer;font-weight:500}

.faqTxt{padding-left:70px;}
.faqTxt .answer-wp{display:table; }
.answer-wp>span{display:table-cell;}
.answer-wp .answer{width:110px;text-align:center;vertical-align:middle;}
.answer-wp .answer-txt{line-height:1.8;padding-left:15px;}
.answer-wp .answer-txt>pre{white-space:pre-wrap;line-height:1.8}

.faqTit .catatit{display:inline-block;width:140px;text-align:center;}
.faqTit .question{display:inline-block;width:10px;}

.inp-file{display:inline-block;position:relative;vertical-align:top;}
.inp-file>input[type="file"]{position:absolute;top:0;left:0;width:100px;border:none;opacity:0;cursor:pointer;}

.data-step{width:100%;height:140px;margin-top:40px;}
.info-box + .data-step{margin-top:60px;}

/* 데이터 셋 */
.data-category{position:relative;margin-top:40px;width:1200px;overflow:hidden;text-align:center;}
.data-category>ul{margin-left:-44px;margin-right:-44px;}
.data-category li{float:left;margin:10px 30px;cursor:pointer;}
.data-category li.on img{margin-left:-100px;}
.data-category i{display:inline-block;width:100px;height:72px;overflow:hidden;}
.data-category p{padding-top:5px;font-size:16px;color:#333;font-weight:500}
.data-category a{display:block;}

.tabs-dataset{margin-top:40px;}
.dataset-sort{display:inline-block;vertical-align:bottom}
.dataset-sort.mt20{margin-top:16px;}
.dataset-sort li{position:relative;display:inline-block;padding:0 10px;vertical-align:bottom;}
.dataset-sort li:after{content:"";position:absolute;top:6px;left:0;width:1px;height:12px;background-color:#ccc;}
.dataset-sort li:first-child:after{content:none;}
.dataset-sort .tit{line-height:22px;padding-right:5px;font-weight:400;}

.btnup, .btndw{display:inline-block;width:23px;height:22px;margin:0 2px;background:url('../image/btn-up1.png');background-repeat:no-repeat;}
.btnup{background-position:0 0}
.btndw{background-position:0 -23px}

.tabs-dataset-ct{display:table;width:100%}
.tabs-dataset-ct:after{content:"";display:block;clear:both;}
.dset-lst-wp{display:table-cell;vertical-align:top}
.dset-filter{display:table-cell;width:242px;padding-top:60px;vertical-align:top}

.filter-lst{margin-left:14px;}
.filter-lst>li{position:relative;margin-top:-1px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.filter-lst>li:first-child{margin-top:0}
.filter-lst .tit{display:block;padding:15px 10px;font-size:16px;color:#111;font-weight:normal;cursor:pointer;}
.filter-sub{height:0px;margin-top:-1px;background-color:#f7f7f7;overflow:hidden;}
.filter-sub>li{padding:10px 25px;margin-top:1px;cursor:pointer;}
.filter-sub>li.active{background-color:#ccc}
.filter-sub .num{padding-left:4px;color:#999;}
.filter-lst>li.open .filter-sub{height:auto;border-top:1px solid #ccc;overflow:visible;}
.filter-lst>li:after{content:"";position:absolute;top:20px;right:20px;width:11px;height:11px;background:url('../image/bg-filter.png') no-repeat 0 0;z-index:-1}
.filter-lst>li.open:after{background-position:0 -11px;}


.dset-lst{border-top:1px solid #ececec;}
.dset-lst>a{display:block;}
.dset-lst .nodata-img{margin:0;padding-top:190px;border-bottom:1px solid #ececec;background:#f4f4f4 url('../image/img-nodata2.png') no-repeat 50% 60px;}
.dset-lst .nodata-img>p{padding-bottom:50px;}
.dset-item{padding:40px 20px;border-bottom:1px solid #ececec;overflow:hidden;}
.dset-item .tit{display:block;font-size:22px;color:#333;font-weight:400;}
.dset-item .txt{margin-top:12px;}
.dset-item .txt>p{position:relative;display:inline-block;padding:0 40px;}
.dset-item .txt>p:before{content:"";position:absolute;top:5px;left:0;width:1px;height:12px;background-color:#ccc;}
.dset-item .txt>p:first-child{padding-left:0}
.dset-item .txt>p:first-child:before{content:none;}
.dset-item .subtxt{margin-top:12px;color:#999;}
.dset-item .tit + .subtxt{padding-top:0}
.doc-img{margin-top:20px;}
.doc-img>span{display:inline-block;min-width:50px;padding:0 10px;margin-right:10px;;height:20px;line-height:20px;font-size:12px;letter-spacing:0;color:#fff;text-align:center;border-radius:5px;}
.doc-img .csv{background-color:#f79646}
.doc-img .xml{background-color:#4bacc6}
.doc-img .xls{background-color:#8064a2}
.doc-img .xlsx{background-color:#9fb318}
.doc-img .txt{background-color:#f13046}
.doc-img .sheet{background-color:#f79646}
.doc-img .chart{background-color:#4bacc6}
.doc-img .map{background-color:#8064a2}
.doc-img .zip{background-color:#056bc5}
.doc-img .json{background-color:#f79646}

.dset-view{padding-bottom:40px;margin-top:40px;border-top:1px solid #ccc}
.dset-view:after{content:"";display:block;clear:both;}
.dset-view .dset-item{border:none;float:left;width:740px;vertical-align:top;}
.dset-view .dset-item dd{width:540px;}
.dset-view .dset-item .lst{margin-top:20px;}
.dset-view .dset-item .lst > li{padding-left:10px;margin-top:10px;;background:url('../image/bul-dot.png') no-repeat 0 7px ;}
.dset-view .dset-item .lst > li:first-child{margin-top:0;}

.dset-price{float:left;margin-top:30px;width:440px;}
.dset-price .btn-wp{text-align:right;margin-top:12px;}
.dset-price .btn-wp .btn5{margin-right:0;}
.dset-price>.price{font-size:22px;color:#111;text-align:right}
.dset-price>.price .num{font-size:30px;}
.dset-price .sel1{width:440px;}
.dset-price .fc3{font-size:16px;}
.prd-sel{position:relative;}
.prd-sel>.tit{display:block;height:38px;margin-top:10px;padding:10px 20px;font-weight:400;border:1px solid #ccc;padding-right:36px;background:url('../image/icon-select2.png') no-repeat 100% 0;cursor:pointer;}
.prd-sel.open>.tit{color:#333;background:#f8f8f8 url('../image/icon-select2.png') no-repeat 100% -37px;}

.prd-sel .lst-wp{display:none;position:absolute;top:37px;left:0;width:100%;border:1px solid #ccc;background-color:#fff;z-index:3}
.prd-sel .lst{height:280px;overflow-x:auto;}
.prd-sel .lst>li:first-child{border-top:none;}
.prd-sel .lst>li{display:table;width:100%;padding:9px 20px;border-top:1px solid #ececec;cursor:pointer;}
.prd-sel .lst>li.on{background-color:#fdf0f2;}
.prd-sel .lst .tit{display:table-cell;width:300px;line-height:1.5;color:#999}
.prd-sel .lst .num{display:table-cell;text-align:right;vertical-align:middle;}
.prd-sel.open .lst-wp{display:block;}
.prd-sel .lst>li.on .tit{color:#666;}
.prd-sel .btn-wp{margin:0;padding:20px;border-top:1px solid #ccc;}

.prd-selcted{margin-top:10px;}
.prd-selcted .lst{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.prd-selcted li{display:table;width:100%;padding:9px 20px;color:#999;border-top:1px solid #ececec;background-color:#f7f7f7;}
.prd-selcted .tit{display:table-cell;width:300px;line-height:1.5;vertical-align:top;}
.prd-selcted .num{display:table-cell;text-align:right;line-height:1.5;vertical-align:middle;}
.prd-selcted .btn{display:table-cell;width:22px;vertical-align:middle;}
.prd-selcted .del{width:22px;height:22px;margin-left:5px;background:url('../image/btn-prd-del.png') no-repeat 0 0;vertical-align:middle;}

.prd-total{display:table;width:100%;padding:15px 20px;margin-top:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.prd-total>.tit{display:table-cell;width:150px;color:#111;font-size:16px;font-weight:400;}
.prd-total>.price{display:table-cell;text-align:right;}
.prd-total>.price .num{font-size:18px;}

.dset-model{padding-top:20px;}
.dset-model .tit4{margin-left:20px;}
.dset-model .model-ct{padding:20px 30px;border-bottom:1px solid #ececec}
.dset-model .model-ct>textarea{color:#666;min-height:100px;overflow-y:auto;}

/* 데이터 셋 sticky */
.total-data{position:relative;left:0;right:0;bottom:0;height:80px;background-color:#2a2d34;z-index:10;}
.total-data .total-price{display:inline-block;margin-right:35px;line-height:35px;font-size:16px;color:#aaa;}
.total-data .total-price .num{font-size:40px;font-weight:bold;}
.total-data .total-data-ct{position:relative;}
.total-data .total-lst{display:none;}

.total-data.open{height:385px;}
.total-data.open .total-lst{display:table;}
.total-data.sticky{position:fixed;}

.total-folder{display:inline-block;position:absolute;top:-30px;left:50%;margin-left:-60px;width:109px;height:30px;background:url('../image/btn-total-data.png') no-repeat 0 0}
.total-data.open .total-folder{background-position:0 -33px;}

.total-data .total-head{padding:20px 0;}
.total-data .total-head .btn5{margin-right:0;}
.total-data .total-head > .tit{display:inline-block;padding-left:35px;line-height:40px;font-size:20px;font-weight:500;color:#fff;background:url('../image/icon-total-data.png') no-repeat 0 7px;}

.total-lst{display:table;width:100%;}
.total-lst>div{display:table-cell;vertical-align:top}
.total-lst .prd-sel{width:50%;padding-right:20px;}
.total-lst .prd-selcted{padding-left:20px;border:none;}

.total-lst .lst-wp{display:block;position:relative;;top:auto;left:auto;}
.total-lst .prd-sel .lst{height:200px;overflow-x:auto;}
.total-lst .prd-selcted .lst{height:272px;overflow-x:auto;border:none;}

.info-box{margin-top:30px;font-size:18px;}
.info-box .txt{position:relative;padding-left:15px;margin-top:5px;color:#111;font-weight:400;}
.info-box .txt:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;background-color:#aaa;border-radius:4px;}
.info-box .txt:first-child{margin-top:0}

.info-txt{margin-top:20px;padding:20px 20px 15px 55px;color:#333;border:1px solid #ececec;background:#f8f8f8 url('../image/icon-info.png') no-repeat 20px 20px;border-radius:3px;}
.info-txt>p{padding-bottom:5px;margin-left:5px;padding-left:12px;color:#333;font-size:16px;background:url('../image/bul-dot3.png') no-repeat 0 7px;}

.dset-checklist{margin-top:20px;overflow:hidden;}
.dset-checklist>ul{border-top:1px solid #ececec;overflow:hidden;}
.dset-checklist li{float:left;width:50%;padding:20px 15px;;border-bottom:1px solid #ececec}

.info-txt2{padding:20px 10px 0 20px;height:60px;}
.info-txt2 .fc3{padding-top:}
.info-txt2 .tit{vertical-align:top;line-height:30px;margin-right:5px;}
.info-txt2 .doc-btn{padding:0;}

.box-scroll{width:100%;height:235px;padding:20px;border:1px solid #ececec;overflow:auto;}

.rq{margin-top:-40px;padding-bottom:10px;text-align:right;font-size:16px;color:#333;vertical-align:top;}
.rq>i{color:#f13046;font-size:20px;vertical-align:middle}
.rq2{margin-left:5px;color:#f13046;font-size:20px;line-height:0.5;vertical-align:bottom}

.btn-doc{display:inline-block;width:50px;height:20px;line-height:20px;border:1px solid #ccc;background-color:#f8f8f8;border-radius:3px;}

.result-tit{padding-left:12px;margin-top:40px;color:#333;font-size:;font-weight:500;font-size:18px;background:url('../image/bul-dot.png') no-repeat 0 9px;}
.result-tit + .tabs-dataset{margin-top:20px;}

.agree-box{margin-top:20px;padding:20px;border:1px solid #ececec;}
.agree-ct{height:200px;color:#666;line-height:1.5;overflow-y:auto;}
td .agree-ct{height:98px;}

.box-agree{margin-top:60px;padding:30px;border:1px solid #ececec;background-color:#f8f8f8;}
.box-agree .chck1 label{font-size:18px;color:#111;font-weight:500;}

.tit2 + .box-agree{margin-top:20px;}
.infotxt{margin-top:10px;padding-left:30px;line-height:1.5;color:#333;background:url('../image/icon-info3.png') no-repeat 0 0px;}
.infotxt .stxt{padding-top:5px;color:#999}

button + .stxt,.inp1 + .error-msg{line-height:38px;padding-left:10px;}
.tit2 + .infotxt{margin-top:20px;}

/* 회원가입*/
.memb-certify{height:340px;margin-top:90px;padding:90px 0 0 640px;background:#f4f4f4 url('../image/bg-member-sns.png') no-repeat  260px 62px;}
.memb-certify .tit{font-size:24px;color:#333;font-weight:500}
.memb-certify .txt{line-height:1.5;}
.memb-certify .btn-wp{text-align:left;}
.memb-certify .btn-wp button{margin-left:0;min-width:130px;font-size:16px;}

.memb-result{text-align:center;padding:90px 0 10px;font-size:22px;}
.memb-result .tit{color:#333;font-weight:500;line-height:34px;}
.memb-result p{margin-top:20px;font-size:16px;}

/* idpw 찾기 */
.account-find{margin-top:50px;padding-top:220px;padding-bottom:50px;text-align:center;border:1px solid #ececec;background-color:#f8f8f8;background-repeat:no-repeat;background-position:50% 45px}
.account-find .txt{display:inline-block;padding-left:32px;padding-top:7px;color:#333;font-size:18px;font-weight:500;background:url('../image/icon-info.png') no-repeat 0 0}
.account-find .end{color:#333;padding-bottom:10px;}
.account-find .end>p{line-height:1.5;margin-top:30px;}
.account-find .end .tit{display:inline-block;font-size:22px;margin-top:20px;font-weight:500}
.account-find .fc3{color:#666;}
.account-find.bg1{background-image:url('../image/bg-account1.png')}
.account-find.bg2{background-image:url('../image/bg-account2.png')}
.account-find.bg3{background-image:url('../image/bg-account3.png')}
.account-find.bg4{background-image:url('../image/bg-account4.png')}
.account-find.bg5{padding-top:170px;background-image:url('../image/bg-account5.png');background-position:50% 0;background-color:#fff;border:none;}
.account-find.bg6{background-image:url('../image/bg-account6.png')}
.account-find.bg7{background-image:url('../image/bg-account7.png')}
.account-find.bg8{background-image:url('../image/bg-account8.png')}
.account-find.bg9{background-image:url('../image/bg-account9.png')}
.account-find.bg10{background-image:url('../image/bg-account5.png')}
.account-find.bg11{background-image:url('../image/bg-account11.png')}

/* 장바구니 */
.tblup-txt{margin-top:60px;padding-left:15px;line-height:30px}
.tblup-txt.icn{padding-left:30px;background:url('../image/bg-checkboximg.png') no-repeat 0 50%}
.tbl1 .btntxt{vertical-align:middle;line-height:30px}
.chck1 + .opt-txt{padding-left:30px;}
.opt-txt{margin-top:10px;color:#999}

.final-payment{margin-top:20px;border-top:1px solid #ccc;border-bottom:1px solid #ececec;}
.final-payment li{float:left;width:400px;padding:36px 40px;font-size:16px;color:#333;line-height:32px;font-weight:500;border-right:1px dotted #d8d8d8}
.final-payment .tit{color:#333;font-weight:500}
.final-payment .won{float:right;line-height:32px;vertical-align:middle;}
.final-payment .num{padding-right:5px;font-size:32px;}
.final-payment>ul{position:relative;overflow:hidden}
.final-payment .equt{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;padding:0;border:none;background-image:url('../image/bg-payment.png');background-repeat:no-repeat;}
.final-payment .subtr{left:384px;background-position:0 0}
.final-payment .sum{left:784px;background-position:0 -30px}

.final-pay-agree{height:50px;padding:13px 40px;background-color:#f7f7f7;border-bottom:1px solid #ececec;overflow:hidden;}
.final-pay-agree .fl{line-height:1.5;}
.final-pay-agree .chck1{margin-top:0}

/* 회원 가입, 개인 사업자 */
.member-choice{margin-top:0;padding-top:40px;overflow:hidden;}
.member-choice .item{width:570px;height:340px;padding:70px 100px 0;text-align:center;background:#f8f8f8;border:1px solid #eee;border-radius:5px;}
.member-choice .item:first-child{float:left;margin-right:30px;}
.member-choice .item:last-child{float:right;margin-left:30px;}
.member-choice .item>div{position:relative;color:#111;}
.member-choice .txt{margin-top:10px;}
.member-choice .tit{display:block;width:120px;height:100px;padding-top:25px;padding-left:35px;font-weight:400;text-align:left;margin:0 auto;font-size:20px;background:url('../image/bg-menber-choice1.png') no-repeat 50% 0}
.member-choice .big-btn{margin-top:35px;}

.member-withdrawal{position:relative;margin-top:60px;padding-top:42px;}
.member-withdrawal i.bg{display:inline-block;position:absolute;top:0;left:40px;width:88px;height:142px;background:url('../image/bg-withdrawal.png') no-repeat 0 0;z-index:2}
.member-withdrawal .box{height:100px;padding:30px 40px 30px 160px;background-color:#f7f7f7;overflow:hidden;}
.member-withdrawal .txt{float:left;display:inline-block;line-height:40px;color:#111;font-size:16px;}
.member-withdrawal .big-btn{float:right;}

/* 이용 내역 */
.date-wp{display:inline-block;width:165px;}
.date-wp{position:relative;vertical-align: top;}
.date-wp>input{margin-top:0}
.date-wp>button{position:absolute;top:9px;right:10px;width:18px;height:18px;font-size:0;background:url('../image/btn-calendar.png') no-repeat 50% 50%;}

.usage-lst>li{display:table;width:100%;border-top:1px solid #ececec}
.usage-lst>li:first-child{border-top:none;}
.usage-lst>li>p{display:table-cell;vertical-align:top;padding-top:10px;line-height:1.4} 
.usage-lst>li .btn{width:150px;text-align:right;}
.usage-lst>li .tit{padding:10px 0;min-height:48px;vertical-align:middle;}

.search-period{margin-top:40px;padding:30px 70px;background-color:#f7f7f7;border:1px solid #ececec;}
.search-period .inp1{background-color:#fff;}

.period-bundle button{font-weight:400;color:#666;}
.period-bundle button:first-child{margin-left:0}
.period-bundle button:hover,
.period-bundle button.on{border-color:#f13046;color:#333;font-weight:500}
.period-bundle [class^="btnTy"].mid{min-width:130px;}
.period-calendar{margin-left:8px}

.period-day{vertical-align:top}
.period-inp{margin-top:20px}
.period-inp>.inp1{width:650px;}

/* datepicker-calendar */
.ui-state-default{border-color:#fff;background-color:#fff;}
.ui-widget-header{border:none;background-color:#fff;border-radius:0}

.ui-datepicker-calendar tr th:first-child  span, 
.ui-datepicker-calendar .date-sunday span{color:#666;}
.ui-datepicker td span, .ui-datepicker td a{padding:5px}
.ui-datepicker td .ui-datepicker-today>*{background-color:#dbdbdb;}
.ui-state-active, .ui-widget-content .ui-state-active{border-color:#bd151c;background: #ed1b23;color: #fff;}
.ui-datepicker table{color:#666}
.ui-datepicker table>tbody{background-color:#f7f7f7;border-top:#f6f7fa}
.ui-datepicker td{padding:}
.ui-datepicker td span, .ui-datepicker td a{padding:8px 0;text-align:center;}
.ui-state-default, .ui-widget-content .ui-state-default{border:none;width:30px;height:30px;line-height:13px;border-radius:50%;}
.ui-datepicker-today .ui-state-default.ui-state-highlight{border:1px solid #b1b1b1;background-color:#ffffff;color:#666;border-radius:50%;}
.ui-widget-content .ui-state-highlight{border:1px solid #f13046;background-color:#f13046;color:#fff;border-radius:50%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:70px;margin:10px 5px;padding-left:5px;}
.ui-datepicker-year, .ui-datepicker-month{height:28px;padding-left:margin-right:5px;font-size:14px;color:#666;border:1px solid #ccc;border-radius:2px;background:url('../image/icon-footer-sel.png') no-repeat 100% 50%;}
.ui-datepicker-month{padding-left:5px}
.ui-widget.ui-widget-content{right:10px;box-shadow: -1px 1px 10px 0 rgba(0, 0, 0, 0.5)}
.ui-datepicker .ui-datepicker-title{line-height:30px;font-size:14px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:12px;width:28px;height:28px;background:url('../image/btn-calendar2.png') no-repeat 0 0}
.ui-datepicker .ui-datepicker-next{background-position:0 -28px;}
.ui-datepicker .ui-datepicker-prev.ui-state-hover{border:none;left:2px;}
.ui-datepicker .ui-datepicker-next.ui-state-hover{border:none;right:2px;}

/* 로그인 */
.login-wp{height:460px;margin-top:50px;padding:90px 0 0;border:1px solid #ececec}
.login-ct{width:745px;height:171px;margin:0 auto;}
.login-inp{position:relative;padding:0 0 0 245px;background:url('../image/bg-login.png') no-repeat 0 0; }
.login-inp .item{width:374px;height:52px;border:1px solid #e3e3e3;background:url('../image/bg-login-inp.png') no-repeat 100% 0}
.login-inp .item>input{height:50px;width:320px;padding-left:15px;}
.login-inp .item.pw{margin-top:8px;background-position:100% -50px}
.login-inp .btnTy2{position:absolute;top:0;right:0;width:113px;height:113px;margin:0;font-size:18px;font-weight:500}
.login-btn{margin-top:20px;} 
.login-btn .chck1{margin-top:8px}
.login-btn .btnTy6{border-color:#ccc;color:#666;padding:9px 16px;margin:0 5px;font-weight:400}
.login-btn .btnTy6:last-child{margin-right:0}
.login-txt{margin-top:40px;padding-top:30px;border-top:1px solid #ececec;}
.login-txt .txt{display:inline-block;height:40px;padding-left:32px;color:#333;line-height:40px;font-weight:400;background:url('../image/icon-info.png') no-repeat 0 5px}
.login-txt .btnTy4{float:right;min-width:211px;margin:0;border:1px solid #ccc;color:#111;font-weight:400}
.login-wp .error-msg{padding-left:0}

/* 분석/시각확  old 삭제 예정 */
.data-visuz-wp{margin-top:20px;border-top:1px solid #cccccc;border-bottom:1px solid #ececec;}
.data-visuz>li{padding:50px 30px;overflow:hidden;border-top:1px dashed #ddd;}
.data-visuz>li:first-child{border-top:none;}
.data-visuz .thum{float:left;width:332px;height:202px;margin-right:45px;border:1px solid #ccc;border-radius:3px;box-shadow: 5px 5px 0px 1px #e5e5e5;}
.data-visuz .tit{display:block;font-size:24px;color:#333333;font-weight:400;}
.data-visuz .txt{height:105px;margin-top:20px;line-height:1.7;}
.data-visuz .big-btn{float:right;}

/* 분석/시각확  new */
.data-visuze-wp{margin-top:20px;border-top:1px solid #cccccc;}
.data-visuze{overflow:hidden;margin:40px 0;}
.data-visuze>ul{}
.data-visuze li{float:left;width:560px;;padding:30px 40px;margin:0 20px;border:1px solid #ececec;}
.data-visuze li:last-child{float:right;}
.data-visuze .thum{width:472px;height:202px;border:1px solid #ccc;border-radius:3px;box-shadow: 5px 5px 0px 1px #e5e5e5;}
.data-visuze .dics{margin:40px 0 0 10px;}
.data-visuze .tit{display:block;font-size:24px;color:#333333;font-weight:400;}
.data-visuze .txt{height:80px;margin-top:10px;line-height:1.6;}
.data-visuze .btn-wp{margin-top:0px}
.data-visuze .big-btn{float:right;width:210px;}

.data-tool-wp{margin-top:20px;border-top:1px solid #cccccc;}
.data-tool{overflow:hidden;margin:40px 20px;border:1px solid #ececec;}
.data-tool>ul{margin-left:40px}
.data-tool li{float:left;width:540px;padding:30px 0 0;margin:;}
.data-tool .thum{width:540px;height:202px;border:1px solid #ccc;border-radius:3px;box-shadow: 5px 5px 0px 1px #e5e5e5;overflow:hidden;/**/}
.data-tool>ul>li:first-child .thum{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}
.data-tool>ul>li:last-child{margin-left:-1px}
.data-tool>ul>li:last-child .thum{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.data-tool .dics{margin:40px 0 0 10px;}
.data-tool .tit{display:block;font-size:24px;color:#333;font-weight:400;}
.data-tool .txt{height:80px;margin-top:20px;line-height:1.7;}
.data-tool .btn-wp{display:block;margin:0 40px 30px 0;clear:both;}
.data-tool .big-btn{float:right;width:210px;}

/* 데이터 분석 report */
.analys-report-wp{border-top:1px solid #cccccc;border-bottom:1px solid #ececec;}
.analys-report{padding:25px 0;margin-left:-25px;overflow:hidden;}
.report-item{float:left;width:280px;height:360px;margin:25px 0 25px 25px;}
.report-item .thum{width:275px;height:250px;border:1px solid #ccc;border-radius:3px;box-shadow: 5px 5px 0px 1px #e5e5e5;overflow:hidden;background:url('../image/img-report-noimg.png') no-repeat 0 0}
.report-item .dics{padding:20px 15px;}
.report-item .tit{display:block;height:46px;font-size:18px;font-weight:400;line-height:1.3;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.day-lookup{position:relative;color:#999;margin-top:15px;line-height:1}
.day-lookup .day{display:inline-block;position:relative;line-height:24px;padding-right:12px;margin-right:10px;}
.day-lookup .day:after{content:"";position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#aaa}
.day-lookup .lookup{line-height:24px;}
.day-lookup .lookup .num{padding-left:5px;}
.day-lookup .btn{position:absolute;top:0;right:10px;width:24px;height:24px;background:url('../image/btn-report.png') no-repeat 0 0}

.analys-detail-wp{margin-top:40px;}
.analys-detail{display:table;width:100%;padding:20px;border-top:1px solid #ccc;border-bottom:1px solid #ececec;overflow:hidden;}
.analys-detail>div{display:table-cell;}
.analys-detail .img{width:130px;}
.analys-detail .img>div{width:130px;height:110px;overflow:hidden;border:1px solid #ebe9e9;}
.analys-detail .img>div>img{width:130px;height:110px;}
.analys-detail .txt{padding-left:30px;vertical-align:middle;}
.analys-detail .tit{display:block;font-size:22px;color:#333;font-weight:400;}
.analys-detail .lst>li{display:inline-block;padding:0 30px;}
.analys-detail .lst>li:first-child{position:relative;padding-left:0;}
.analys-detail .lst>li:first-child:after{content:"";position:absolute;top:0;right:0;width:1px;height:17px;background-color:#aaaaaa;}
.analys-detail-txt{padding:30px 20px;line-height:1.5;border-bottom:1px solid #ececec;min-height:300px;}

/* 추천 금융/ 보험상품 */
.tabs-insurance{margin-top:60px;}
.recom-tabs li{position:relative;float:left;width:172px;height:178px;margin-left:-1px;padding:25px 0;color:#333;text-align:center;font-size:16px;font-weight:500;border:1px solid #ececec;cursor:pointer;z-index:1;box-sizing:bodr-box;}
.recom-tabs li:first-child{width:174px}
.recom-tabs:after{content:"";display:block;clear:both;}
.recom-tabs .age{display:block;margin-top:5px;color:#666;font-weight:400}
.recom-tabs .img{display:inline-block;margin:0 auto;margin-top:5px;width:117px;height:90px;overflow:hidden;}
.recom-tabs li.active{height:188px;margin-top:-10px;padding:35px 0;background-color:#ffffff;border-color:#000000;border-top-left-radius:20px;border-top-right-radius:20px;z-index:10;}
.recom-tabs li.active{color:#000000;}
.recom-tabs li.active:after{content:"";position:absolute;bottom:-20px;left:50%;width:17px;height:20px;margin-left:-6px;background:url('../image/icon-tabs-arr.png') no-repeat 0 0 }

.recom-tabs > li:first-child{margin-left:0;}
.recom-tabs-item{display:none;}
.recom-tabs-ct{padding:55px 0;border:1px solid #ececec;border-top:0;}
.rank-item{overflow:hidden;padding-left:30px;}
.rank-item dt{float:left;width:195px;height:50px;line-height:50px;font-size:16px;font-weight:500;border-right:1px solid #ccc;}
.rank-item .tit>span{display:inline-block;width:25px;text-align:center;}
.rank-item dd{float:left;width:920px;height:50px;padding:12px 0;border-bottom:1px solid #ececec}
.rank-graph{position:relative;width:908px;height:26px;background-color:#f7f8fc;}
.rank-graph .bar{position:absolute;top:0;left:0;height:26px;background-color:#f7f8fc;z-index:2;animation:rankGraph 1s ease-in-out 1;}
.rank-graph .num{position:absolute;top:3px;right:30px;z-index:3}
.rank-item.top1 .tit,.rank-item.top2 .tit,.rank-item.top3 .tit{color:#333;}

.rank-item.top1 .bar{background-color:#5a93fa;animation:rankGraph1 0.3s ease-in-out 1;}
.rank-item.top2 .bar{background-color:#6f809a;animation:rankGraph2 0.6s ease-in-out 1;}
.rank-item.top3 .bar{background-color:#4e525d;animation:rankGraph3 0.9s ease-in-out 1;}
.rank-item .bar{background-color:#b5bccf}

@keyframes rankGraph {
  from {width:0;opacity:0}
  to{opacity:1}
}
@keyframes rankGraph1 {
  from {width:0;opacity:0}
  to{opacity:1}
}
@keyframes rankGraph2 {
  from {width:0;opacity:0}
  to{opacity:1}
}
@keyframes rankGraph3 {
  from {width:0;opacity:0}
  to{opacity:1}
}


/* 빅데이터 플랫폼 */
.bigcenter_wp{margin-top:10px}
.bigcenter_wp .txt{margin-top:15px;line-height:1.9;}
.bigcenter_wp .tit4{margin-top:60px;font-size:22px;}
.bigcenter_wp .tit4:first-child{margin-top:40px;}
.bigcenter_wp .lst{margin-top:10px}
.bigcenter_wp .tit4 + .lst{margin-top:20px;}
.bigcenter_wp .lst > li{margin-top:10px;padding-left:10px;margin-left:5px;background:url('../image/bul-dot2.png') no-repeat 0 50%}
.bigcenter_wp .img{margin-top:40px;}
.bigcenter_wp .btnTy2.big{float:right;width:273px;height:53px;margin-right:0;margin-top:-55px;border-radius:10px;font-size:16px;}
.bigcenter_wp .btnTy2 + .img{margin-top:20px;}
.bigdata-visual{margin-top:20px;}
.bxslider{position:relative;width:100%;}
.bx-viewport{ -webkit-transform: translatez(0);}

.bigdata-visual{position:relative;width:100%;height:540px;overflow:hidden;}
.bigdata-visual .bxslider{height:444px;overflow:hidden;}
.bigdata-visual .item{position:relative;width:100%;height:444px;background-position:50% 100%;background-repeat:no-repeat;}
.bigdata-visual .item:after{content:"";position:absolute;top:0;left:0;right:0;height:10px;width:100%;}
.bigdata-visual .item>a{position:relative;display:block;width:1200px;height:540px;margin:0 auto;}
.bigdata-visual .bx-controls .bx-prev, .bigdata-visual .bx-controls .bx-next{position:absolute;top:200px;display:inline-block;width:68px;height:68px;font-size:0;text-indent:-999999;}
.bigdata-visual .bx-prev{left:0;background:url('../image/bigdata/bg-prev.png') no-repeat  0 0}
.bigdata-visual .bx-next{right:0;background:url('../image/bigdata/bg-next.png') no-repeat  0 0}

.bigdata-visual #bx-pager{position:absolute;top:470px;}
.bigdata-visual #bx-pager>ul{}
.bigdata-visual #bx-pager li{float:left;width:120px;height:80px;overflow:hidden;}
.bigdata-visual #bx-pager a{display:inline-block;width:110px;height:80px;margin:0 5px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;opacity:0.5;}
.bigdata-visual #bx-pager a.active{opacity:1}

/* 이용약관 */
.tabs-footagree{margin-top:60px;}
.tabs-footagree .tabs-ct{margin-top:40px;}
.fooAgree-wp{padding:20px;border:1px solid #ececec;}
.fooAgree-wp .scroll{max-height:540px;line-height:1.5;overflow-y:auto;border:none;}

/* 탈퇴회원 */
.secession-wp{padding:30px;margin-top:20px;border:1px solid #ececec;}
.secession-wp .tit4:first-child{margin-top:0}
.lstSt1{margin-top:10px}
.lstSt1 > li{margin-top:10px;padding-left:10px;margin-left:5px;background:url('../image/bul-dot2.png') no-repeat 0 7px}

.info-txt3{margin-top:40px;padding:20px 30px;background-color:#f8f8f8;border:1px solid #ececec}
.info-txt3 .tit{padding-left:30px;color:#333;font-weight:400;font-size:16px;background:url('../image/icon-info4.png') no-repeat 0 50%}
.info-txt3 p{margin-top:7px;}
.info-txt3 .txt{margin-top:15px;}
.info-txt3  + .box-agree{margin-top:40px;}

.box-chck{margin-top:20px;padding:10px 30px 30px;border:1px solid #ececec}
.box-chck label{width:268px;margin-top:20px;}

/* mypage */
.tabs-mypage{margin-top:50px;}
.nodata-mypage{padding:80px 0 70px 190px; background:#f4f4f4 url('../image/bg-nodata4.png') no-repeat 190px 80px;}
.nodata-mypage .txt{padding-left:350px;}
.nodata-mypage .tit{font-size:24px;font-weight:500;color:#333;}
.nodata-mypage .tit .fc5{color:#0c72b4}
.nodata-mypage button{font-size:16px;margin-left:0}

/* 휴면계정*/
.recovery-certify{margin-top:90px;}
.recovery-certify > ul{overflow:hidden;}
.recovery-certify li{float:left;width:380px;height:353px;margin-left:30px;padding-top:48px;text-align:center;background-color:#f4f4f4;border:1px solid #e2e2e2;}
.recovery-certify li>i{display:inline-block;width:192px;height:192px;display:block;margin:0 auto;background-image:url('../image/bg-confirm2.png');background-repeat:no-repeat;}
.recovery-certify li:first-child{margin-left:0}
.recovery-certify li.bg1>i{background-position:0 0}
.recovery-certify li.bg2>i{background-position:0 -192px}
.recovery-certify li.bg3>i{background-position:0 -384px}
.recovery-certify .btnTy6{margin-top:20px;width:180px;background-color:#2a2d34;border-color:#2a2d34;font-size:16px;color:#fff;}

/* 리스트 호버 */
.tbl1.trhover tbody tr{transition:background 0.45s ease;cursor:pointer}
.tbl1.trhover tbody tr:hover{background-color:#fdf4f6;}

.data-contest-wp{margin-top:20px;border-top:1px solid #cccccc;}
.data-contest{overflow:hidden;margin:40px 0;}
.data-contest>ul{}
.data-contest li{float:left;width:560px;;padding:15px 10px;margin:0 20px;border:1px solid #ececec;}
.data-contest li:last-child{float:right;}
.data-contest .dics{margin:40px 0 0 10px;}
.data-contest .tit{display:block;font-size:24px;color:#333333;font-weight:400;}
.data-contest .txt{height:80px;margin-top:10px;line-height:1.6;}
.data-contest .btn-wp{margin-top:0px}
.data-contest .big-btn{float:right;width:210px;}