@charset "utf-8";

/* reset */
html,body{margin:0;padding:0;border:0}
section,nav,article,aside,header,footer,main{display:block}
ul,ol,li,th,td{list-style:none}
strong,span,em,b,u,i,li,dt,dd{font-family:pretendardGOV;/*font-size:inherit;line-height:inherit;color:inherit*/}
button{background:transparent;appearance:none;cursor:pointer}
input,textarea{border-radius:0}
input[type="text"],input[type="number"]{appearance:none}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{appearance:none;margin:0}
img{max-width:100%;vertical-align:middle}

:root {
    --darkblue:#033075;
    --blue:#006ae2;
    --red:#eb193a;
}

/* common */
.wrap.mydata *{box-sizing: border-box;}
.content-mydata,
.content-mydata *,
.content-mydata-send{font-family:pretendardGOV;box-sizing:border-box;margin:0;padding:0;border:0;font-style:normal;/* word-break:keep-all */;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
.content-mydata a{text-decoration:none}
/*.content-mydata a:hover,.content-mydata a:focus{text-decoration:none}*/
.content-mydata table{border-collapse:collapse;border-spacing:0;}
/* .content-mydata input, */.content-mydata select{appearance:none;}
.content-mydata input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
.content-mydata caption{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0,0,0,0)}
.content-mydata::after,.content-mydata::before{box-sizing:border-box}

/* layout */
.content-mydata{max-width: 1200px; min-height:700px; padding:0 0 64px 320px; margin:0 auto; position: relative;}
.content-mydata .title{border-bottom:2px solid #333; padding-bottom:10px;}
.content-mydata .title h1{margin-top:50px; line-height: 1;}
.content-mydata .title .page-util{display:none}

/* lnb */
.lnb{width:200px; position: absolute; top: 50px; left: 16px; z-index: 1;}
.lnb .lnb-tit{font-size:2.4rem; font-weight:700; line-height: 1; padding-bottom:10px; margin-bottom:17px; border-bottom:1px solid #666;}
/*.lnb .main-mn>li+li{margin-top:10px;}*/
.lnb .main-mn>li>a{font-size:1.4rem;color:#222;display:block; position:relative;}
/*.lnb .main-mn>li>a::after{content:''; display: block; width:24px; height:24px; background: url(../images/icon/icon-accordion.png) no-repeat 50% 50%/auto 60%; position: absolute; top:50%; right:0; transform:translateY(-50%)}*/
.lnb .sub-mn{margin:13px 0 23px; display: none;padding:10px;background-color:#f5f5f5;}
.lnb .sub-mn>li + li{margin-top:3px}
.lnb .sub-mn>li>a{font-size:1.3rem;color:#444}
.lnb .main-mn>li.active>a::after{transform:translateY(-50%) rotate(180deg)}
.lnb .main-mn>li.active .sub-mn{display:block;}
.lnb .main-mn>li.active .active a{color:#006ae2}
.content-mydata .title>.lnb-mo{position:absolute;right:0; bottom:10px;}

/* base */
.content-mydata .tit-cont-area{margin-top:30px; padding-bottom:15px;}
.content-mydata .tit-cont-area .sub-txt{font-size:1.8rem; line-height:1.5; margin-top:14px;}
.content-mydata .flex{display: flex;align-items: center;justify-content: center;}
.content-mydata .flex-between{display:flex;justify-content:space-between;align-items:center}
.content-mydata .dsp-inline-block{display:inline-block; margin:4px;}
.content-mydata .dsp-block{display:block;}
.content-mydata .card-box{border-radius: 16px; border:1px solid #ddd; padding:20px;}
.content-mydata .card-box:hover{border:1px solid #006ae2;background-color:#f6fbfe;}
.content-mydata .sup-exp{margin-top:13px;padding:14px 16px;border-radius:8px;background-color:#f2f3f5;}
.content-mydata .sup-exp li{position: relative;padding-left:15px;font-size:1.5rem;color:#666;}
.content-mydata .sup-exp li::before{content:'*';display:block;position:absolute;left:0;top:3px}
.content-mydata .bu-dot>li{position: relative; padding-left:10px; color:#666; font-size:1.5rem}
.content-mydata .bu-dot>li::before{content:'';display: block; width:3px; height:3px; border-radius: 50%; background-color: #444;position: absolute; top:50%; left:0; transform: translateY(-50%);}

/* space */
.mgt-0{margin-top:0!important}
.mgt-10{margin-top:10px!important;}
.mgt-20{margin-top:20px!important;}
.mgl-10{margin-left:10px!important;}
.mgr-10{margin-right:10px!important;}
.pd-0{padding:0!important;}

/* text */
.content-mydata .emph-20{font-size:2rem;font-weight:700;color:#222}
.content-mydata .emph-24{font-size:2.4rem;font-weight:700;color:#222}
.content-mydata .emph-blue{color:var(--blue) !important;}
.content-mydata .emph-red{color:var(--red) !important;}
.content-mydata .emph-bold{font-weight: 700 !important;}
.content-mydata .txt-l{text-align: left !important;}
.content-mydata .ellipsis{overflow:hidden;display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;}
.content-mydata .no-data{display:flex; align-items: center; justify-content: center; min-height:100px; font-size:1.8rem;}
.content-mydata [class*=state-]{border:1px solid var(--darkblue); color:var(--darkblue); height:30px; border-radius: 15px; font-size:13px; padding:5px 10px;}
.content-mydata .state-end{border-color:#888; color:#888;}

/* button */
.content-mydata .btn-base{padding:16px 30px;text-align:center;border-radius:12px;color:#fff;font-size:1.6rem;}
.content-mydata .btn-small{padding:0 24px;font-size:1.5rem;font-weight:500;border-radius:8px;line-height:38px;color:#fff}
.content-mydata .btn-mini{height:32px;line-height:30px!important;border-radius:4px;padding:0 16px;font-size:1.5rem;font-weight:500;color:#444;}
/* .content-mydata [class*=btn-]+[class*=btn-] {margin-left:10px;} */
.content-mydata [class*=btn-].primary{background-color: var(--darkblue); color:#fff}
/* .content-mydata [class*=btn-].primary:hover{background-color: var(--blue);} */
.content-mydata [class*=btn-].secondary{background-color:#616161;}
.content-mydata [class*=btn-][class*=line-]{line-height:36px;}
.content-mydata [class*=btn-].line-b{border:1px solid var(--darkblue); color:var(--darkblue)}
.content-mydata [class*=btn-].line-g{border:1px solid #999; color:#999}

.content-mydata .btn-box .btn-base{min-width:160px;}
.content-mydata .btn-box.foot{display: flex; align-items: center; justify-content: center; margin-top:30px;}
.content-mydata .btn-box.foot .btn-base{width:250px;}

/* input, textarea */
.content-mydata input, .content-mydata textarea{border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-size:1.9rem;letter-spacing:-.33px;color:#444;}
/*.content-mydata input:focus, .content-mydata textarea:focus,
.content-mydata input:hover, .content-mydata textarea:hover{border:1px solid var(--blue);}*/
.content-mydata textarea{resize: none;}
.content-mydata textarea.wide{width:100%;}

/* selectbox */
.content-mydata select{border-radius:4px;height:32px;padding:5px 34px 5px 12px;border:1px solid #ccc;color:#222;text-align:left;font-size:1.5rem;background:url(../images/icon/icon_sel_arrow.png) no-repeat top 50% right 12px;}

/* checkbox */
.mydata .form-label{position:relative;display:inline-flex;align-items:center;vertical-align:middle;/*overflow: hidden;*/}
.mydata .form-label input{position:absolute;top:-1px;left:0;padding:0; width:1px; height:1px; border:0 none}
.mydata .form-label .txt{font-size:1.5rem; cursor: pointer; display:inline-flex; align-items: center; justify-content:center;}
.mydata .form-label .txt::before{content:''; display:inline-block; vertical-align: middle; width:20px; height:20px; border:1px solid #ddd; border-radius:4px; background-color: #fff; margin-right:7px;}
.mydata .form-label .txt.none::before{margin-right:0}
.mydata .form-label.checked .txt::before{background:var(--blue) url(../images/icon/check_on.png) no-repeat 0 0 / 100% auto;}

/* radio */
.mydata .form-label.rdo .txt::before{border-radius:10px;}
.mydata .form-label.rdo input:checked + .txt::before{background:var(--blue) url(../images/icon/radio_on.png) no-repeat 0 0 / 100% auto;}

/* checkbox, radio button */
.mydata .form-label.bx .txt::before{display: none;}
.mydata .form-label.bx .txt{border:1px solid var(--blue);border-radius:4px; background-color: #fff; padding:0 16px; line-height: 30px; color:var(--blue)}
.mydata .form-label.bx input:checked + .txt,
.mydata .form-label.bx.checked .txt{background-color: var(--blue);color:#fff;}

/* search */
.mydata .search-top-area *{font-family:pretendardGOV;box-sizing:border-box;margin:0;padding:0;border:0;font-style:normal;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
.mydata .search-top-area{padding:27px 0; text-align:center; background-color:#cfe6ff;}
.mydata .search-top-area .form-search{position:relative; display:inline-block; max-width:620px; width:100%; }
.mydata .search-top-area .inp-search{height:56px; padding:14px 76px 13px 24px; border:2px solid #222; border-radius: 8px; font-size:1.8rem; letter-spacing: -0.45px; color:#222; width:100%;}
.mydata .search-top-area .form-search button{position:absolute; cursor: pointer;  top:50%; transform:translateY(-50%);}
.mydata .search-top-area .btn-search{right:24px; width:24px; height:24px; background:url(../images/icon/ico_search_btn.png) no-repeat 0 0 / 100% auto;}
.mydata .search-top-area .btn-del{right:64px; width:12px; height:12px; display: none; background:url(../images/icon/ico_delete_btn.png) no-repeat 0 0 / 100% auto;}
.mydata .layer-popup-wrap .search-top-area{margin:-24px -30px 0; background:none;}

/* date filter */
.mydata .date-filter-area{width:740px;margin:0 auto; display:flex;justify-content:space-between;align-items:center}
.mydata .date-filter-area .radio-area{display: flex; justify-content: center; margin:10px 0;}
.mydata .date-filter-area .radio-area .form-label+.form-label{margin-left:5px}

/* datepicker */
.mydata .datepicker-area{display:flex; align-items: center; justify-content: center;}
.mydata .datepicker-area .datepicker{width:164px;border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-size:1.3rem;letter-spacing:-.33px;color:#444;}
.mydata .datepicker-area .wave{width:30px;}
.mydata .datepicker-area .ui-datepicker-trigger{margin-left:5px; width:27px;}
.mydata .datepicker-area .ui-datepicker-trigger img{background-color: #fff; border-radius: 3px;}

.ui-datepicker{max-width:325px;min-width:300px;box-shadow:rgb(0 0 0 / 20%) 0 3px 3px 3px;background-color:#eef2f7}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:19px!important;border:0;background:none;cursor:pointer}
.ui-datepicker .ui-datepicker-prev .ui-icon{background:url(../images/icon_2025/icon_32px_cal_arrow_left.svg) no-repeat center;background-size:32px 32px}
.ui-datepicker .ui-datepicker-next .ui-icon{background:url(../images/icon_2025/icon_32px_cal_arrow_right.svg) no-repeat center;background-size:32px 32px}
.ui-datepicker .ui-datepicker-header{background-color:#fff; border:none}
.ui-datepicker .ui-widget-header .ui-datepicker-title{font-size:2.4rem}
.ui-datepicker select[class*=ui-datepicker-]{padding:4px 12px; border: none; height:auto; background-color:#eef2f7; font-weight:bold;}
.ui-datepicker table{width:90%;margin:0 auto .4em auto}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default{background:none!important;text-align:center}
.ui-datepicker .ui-state-default{border:0!important;width:36px;height:36px;background:#eef2f7!important;font-family:pretendardGOV;font-size:1.4rem;text-align:center;box-sizing:border-box;line-height:30px;color:#5e5e5e;}
.ui-datepicker .ui-state-default:active{color:#1e2124 !important;}
.ui-datepicker .ui-state-default.ui-state-active{border-radius:50%;background:#063a74 !important;color:#fff}
/* .ui-datepicker .ui-state-default.ui-state-hover{border-radius:50%;background:#fff !important;} */
.ui-datepicker .ui-state-default:hover{border-radius:50%;background:#fff !important; color: #1e2124 !important;}

/* table */
/*.content-mydata .tbl-area{border-top:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b}*/
.content-mydata .tit-area-cont+.tbl-area{border-top:0;}
.content-mydata .tbl-area table{font-size:17px; width: 100%; table-layout:fixed}
.content-mydata .tbl-area table{border:0;padding:0;margin:0;border-collapse:collapse;width:100%}
.content-mydata .tbl-area th{color:#333;padding:9px 0;background:#f5f5f5;border-bottom:1px solid #d3d3d3;font-weight: 400;}
.content-mydata .tbl-area td{border-bottom:1px solid #e9e9e9;padding:7px 3px;background:#fff;text-align:center}
.content-mydata .tbl-area td.notice a{padding-left:27px;background:url(../images/icon/ico_notice_.png) no-repeat 0 50%;}
.content-mydata .tbl-area td.txt-l{padding:7px 10px;}
.content-mydata .tbl-area.border th + th{border-left:1px solid #d3d3d3;}
.content-mydata .tbl-area.border td + td{border-left:1px solid #d3d3d3}
.content-mydata .tbl-area.vertical th,
.content-mydata .tbl-area.vertical td{border:0 none; border-bottom:1px solid #d3d3d3;}

/* sort */
.content-mydata .form-sort-area{text-align:right;vertical-align: middle;font-size:0;}
.content-mydata .form-sort-area>*{vertical-align: middle;}
.content-mydata .form-sort-area .btn-mini.line-g{color:#444; margin-left:10px;}
.content-mydata .tit-cont-area + .form-sort-area{border-top:1px solid #666;}

/* page */
.content-mydata .pagination-area { display: block; margin-top: 64px; text-align: center; }
.content-mydata .pagination-area > ul { font-size:0}
.content-mydata .pagination-area > ul > li { display: inline-block; margin: 0px 6px; vertical-align: middle; }
.content-mydata .pagination-area > ul > li > a { overflow: hidden; display: inline-block; position: relative; min-width: 28px; width:inherit; height: 28px; font-size: 1.6rem; color: #666; line-height: 26px; outline-offset:-1px;}
.content-mydata .pagination-area > ul > li > a:focus,
.content-mydata .pagination-area > ul > li > a:hover,
.content-mydata .pagination-area > ul > li.active a { font-weight: 500; color: var(--blue); text-decoration: none;}
.content-mydata .pagination-area > ul > li.active a::before { content: ""; display: block; position: absolute; left: 50%; bottom: 5px; width: 65%; height: 1px; background-color: var(--blue); transform: translateX(-50%); }
.content-mydata .pagination-area > ul > li[class^="page-"] a {border: 1px solid #bdbdbd; border-radius: 50%; background: url(../images/icon/btn_page_first.png) 46% 50% / 16px no-repeat #fff;}
.content-mydata .pagination-area > ul > li.page-first a {background-image: url(../images/icon/btn_page_first.png);}
.content-mydata .pagination-area > ul > li.page-prev a {background-image: url(../images/icon/btn_page_prev.png);}
.content-mydata .pagination-area > ul > li.page-next a {background-image: url(../images/icon/btn_page_next.png); background-position-x: 58%;}
.content-mydata .pagination-area > ul > li.page-last a {background-image: url(../images/icon/btn_page_last.png); background-position-x: 58%;}

/* accordion */
.content-mydata .accordion-area{border-top:1px solid #bdc9dc;border-bottom:1px solid #888}
.content-mydata .accordion-box + .accordion-box{border-top:1px solid #bdc9dc}
.content-mydata .accordion-head{position:relative;width:100%;text-align:left;background-color:#fff;cursor:pointer}
.content-mydata .accordion-head .tit{position:relative;font-size:2rem;font-weight:500}
.content-mydata .accordion-head>.btn{width:100%;height:100%;display: flex;align-items: center;justify-content: space-between;padding:20px 24px;}
.content-mydata .accordion-head .ico-accordion{background:url(../images/icon/icon-accordion.png) no-repeat 0 0/auto 20px;overflow: hidden;width:20px; height:20px; display:inline-block;position:relative; line-height:5;}

.content-mydata .accordion-cont{padding:32px 24px;border-top:1px solid #ddd;background-color:#eff1f5}
.content-mydata .accordion-head + .accordion-cont{display:none}
.content-mydata .accordion-cont .ico{background-image:url(../images/icon/icon-acc-a.png)}
.content-mydata .accordion-cont p{position:relative;font-size:1.6rem;color:#666}
.content-mydata .accordion-box.active .ico-accordion{transform:rotate(180deg)}
.content-mydata .accordion-box.active .accordion-cont{display:block}

/* list type */
.content-mydata .list-base-area{border-bottom:1px solid #e3e3e3;}
.content-mydata .list-base-area>li{/* display:flex; align-items: center; justify-content: space-between;  */padding:16px 10px; border-top:1px solid #e3e3e3; overflow: auto;}
.content-mydata .list-base-area .info-box{width:calc(100% - 122px - 10px); float: left;}
.content-mydata .list-base-area .tit{font-size:1.7rem;letter-spacing:-.43px;color:#222!important;font-weight:bold;line-height:21px}
.content-mydata .list-base-area .txt{margin-top:5px;font-size:1.5rem;color:#444;font-weight:400;letter-spacing:-.38px}
.content-mydata .list-base-area .sub-box{margin-top:15px;}
.content-mydata .list-base-area .sub-box>*{display:inline-block;}
.content-mydata .list-base-area .sub-box .badge{margin-right:6px;padding:0 9px;font-size:1.3rem;line-height:26px;min-width:55px;text-align:center;border:1px solid #ccc;border-radius:20px;box-sizing:border-box}
.content-mydata .list-base-area .sub{font-size:1.5rem;line-height:28px;letter-spacing:-.33px;color:#666;}
.content-mydata .list-base-area .sub + .sub::before{content:''; display:inline-block; vertical-align: middle; width:1px; height:16px; background-color: #dcdcdc; margin:0 6px;}
.content-mydata .list-base-area .btn-box{width:122px; /* margin-left:10px; */ text-align:right;font-size:0; float: right; margin-top: 25px}
.content-mydata .btn-base.primary.sm:hover{background-color: var(--darkblue); text-decoration: underline;}
.content-mydata .list-base-area .btn-box .btn-base.sm + .btn-base{margin-left:10px;}
.content-mydata .list-base-area.type01 .info-box{width:calc(100% - 38%)}
.content-mydata .list-base-area.type01 .btn-box{width:38%;}
.content-mydata .list-base-area.type01 .btn-box .btn-base{width:135px;}
/* 서브 리스트 추가 */
.subBundleArea>div:first-child {border-top: 0px dashed #ccc; }
/* .subBA { border-top: 1px dashed #ccc; padding:15px; clear: both; overflow: auto; }
.subBA a:first-child {display: inline-block; width: 90%; background-color: #eee; border: 0px solid #eee; border-radius:0px; padding: 3px 8px; }
.subBA a {font-size: 16px; background-color: white; border: 1px solid #ccc; border-radius:7px; padding: 3px 8px; } */

/* layer popup */
body.stop-scroll{overflow: hidden;}
.content-mydata .layer-dim{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:10000;}
.content-mydata .layer-popup-wrap .btn-layer-close:focus{outline-color:var(--darkblue)}
.content-mydata .layer-popup-wrap .btn-layer-close{position:absolute;right:26px;top:23px;width:32px;height:32px;background:url(../images/icon/btn_layer_close.png) no-repeat 50% 50% / 28px auto;}
.content-mydata .layer-popup-wrap{display:none;position:fixed;left:50%;top:50%;border-radius:16px;width:600px;background-color:#fff;transform:translate(-50%,-50%);z-index:10001;}
.content-mydata .layer-popup-wrap.wide{width:90%}
.content-mydata .layer-popup-wrap.on{display:block!important}
.content-mydata .layer-popup-wrap:focus{outline:transparent}
.content-mydata .layer-popup-wrap .layer-head{padding:24px 30px 23px;border-radius:16px 16px 0 0;background-color:#e2edff;outline:none}
.content-mydata .layer-popup-wrap .layer-head.tit-none{background-color:#fff;}
.content-mydata .layer-popup-wrap .layer-title{display:block;font-size:2.2rem;font-weight:700;color:#000}
.content-mydata .layer-popup-wrap .layer-body{overflow:auto;padding:24px 30px 30px;max-height:504px;background-color:#fff;outline:none}
.content-mydata .layer-popup-wrap .layer-body::-webkit-scrollbar{width:6px}
.content-mydata .layer-popup-wrap .layer-body::-webkit-scrollbar-thumb{background-color:#ddd}
.content-mydata .layer-popup-wrap .layer-body::-webkit-scrollbar-track{background-color:#f5f5f5}
.content-mydata .layer-popup-wrap .layer-foot{padding:20px 0;font-size:0;text-align:center;border-radius:0 0 16px 16px;background-color:#fff;box-shadow:0 -6px 10px 0 rgba(0,0,0,.08);outline:none}
.content-mydata .layer-popup-wrap .layer-foot .btn-base{min-width:160px;}

/* swiper pagination */
.content-mydata .swiper-container-horizontal > .swiper-pagination-bullets{bottom:-30px;}
.content-mydata .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width:10px; height:10px; margin:0 5px;}
.content-mydata .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width:40px; background-color:#006ae2; border-radius:5px;}

/* main */
.main-mydata{margin-top:60px;}
.main-mydata .ellipsis{overflow:hidden;display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;}
.main-mydata a:hover{text-decoration: unset;}
.main-mydata .bnn-area,
.main-mydata .quick-menu-area{max-width:1140px; margin:0 auto;}
.main-mydata .column{display:flex;}
.main-mydata .bnn .btn-link{border:1px solid #214885; background-color: #fff; color:#214885; border-radius:5px; font-size:1.6rem; font-weight:700; padding:16px 29px; line-height:1; margin-top:20px; display:inline-block}
.main-mydata .bnn-area .bnn{width:770px; height:332px; border-radius:15px; margin-right:40px; border:1px solid #214885; background: #6470dc url(../images/img/mydata-main/bnn_img_01.png) no-repeat top 29px right 19px / 345px auto; color:#fff; padding:90px 60px 100px; font-size:3.4rem}
.main-mydata .bnn-area .bnn .tit{display:block; line-height: 1.3;}
.main-mydata .bnn-area .bnn .txt{font-size:1.8rem; margin-top:10px; line-height: 1.3;}
.main-mydata .bnn-area .video>a{display:block;}
.main-mydata .bnn-area .video .thumb{width:330px; height:289px; border-radius:15px;}
.main-mydata .bnn-area .video .txt{display:block;height:30px; line-height: 30px; padding-left: 40px; margin-top:12px; background: url(../images/img/mydata-main/icon_youtube.png) no-repeat 0 50% / 40px auto; font-size:20px; color:#000; font-weight:700;}

.main-mydata .quick-menu-area .swiper-container{padding-top:80px}
.main-mydata .quick-menu-area .swiper-slide{width:260px; height:200px; border-radius:15px; background-color: #f1f1f1; margin-left: 20px;}
.main-mydata .quick-menu-area .swiper-slide>a{display:flex; justify-content: center; height: 100%; padding-top: 40px; position: relative;}
.main-mydata .quick-menu-area .swiper-slide>a:hover{background-color: #fff; position: relative;}
.main-mydata .quick-menu-area .swiper-slide>a:hover::before{content:''; display: block; width: calc(100% - 6px); height:calc(100% - 6px); border:3px solid #006ae2; border-radius: 15px; position:absolute; top:0;}
.main-mydata .quick-menu-area .swiper-slide .badge{display: block; width:40px; height:40px; background-color: #e26c00; color:#fff; font-size:1.8rem; font-weight:700; border-radius:50%; text-align:center; line-height:40px; position: absolute; right:32px; top:-17px;}
.main-mydata .quick-menu-area .swiper-slide [class*='txt']{text-align: center; font-size:20px; color:#000; line-height: 1.2;}
.main-mydata .quick-menu-area .swiper-slide [class*='txt']::before{content:''; display:block; margin:0 auto 16px;  width:66px; height:66px; background: url(../images/img/mydata-main/icon_01.png) no-repeat 50% 0 / auto 100%;}

.main-mydata .quick-menu-area .tit{display: none;}
.main-mydata .quick-menu-area .swiper-slide .txt-02::before{background-image: url(../images/img/mydata-main/icon_02.png);}
.main-mydata .quick-menu-area .swiper-slide .txt-03::before{background-image: url(../images/img/mydata-main/icon_03.png);}
.main-mydata .quick-menu-area .swiper-slide .txt-04::before{background-image: url(../images/img/mydata-main/icon_04.png);}

.main-mydata .board-area{background-color: #f1f1f1; margin:80px 0; padding:60px 0}
.main-mydata .board-area>.column{max-width: 1140px; margin:0 auto;}

.main-mydata .board-area .tab-wrap{margin-right:40px; width:calc(100% - 370px)}
.main-mydata .board-area .tab-wrap .tab-mn>a{font-size:2.4rem; color:#777; font-weight:700; line-height: 1; padding-bottom:10px; display:inline-block}
.main-mydata .board-area .tab-wrap .tab-mn>a.on{color:#222; border-bottom:3px solid #006ae2}
.main-mydata .board-area .tab-wrap .tab-mn>a+a{margin-left:20px;}
.main-mydata .board-area .tab-wrap .tab-cont{margin-top:30px;}
.main-mydata .board-area .tab-wrap .panel{display: none;}
.main-mydata .board-area .tab-wrap .panel:first-child{display:block;}
.main-mydata .board-area .tab-wrap .panel>a{background-color: #fff; border-radius:15px; padding:30px 20px 20px; font-size:20px; color:#222; width:calc(50% - 20px); display:inline-block; height:106px; position: relative;}
.main-mydata .board-area .tab-wrap .panel>a:nth-child(even){margin-left:20px;}
.main-mydata .board-area .tab-wrap .panel>a:nth-child(-n+2){margin-bottom:20px;}
.main-mydata .board-area .tab-wrap .panel>a .date{font-size:1.6rem; color:#959595; display: block; text-align: right;}
.main-mydata .board-area .tab-wrap .panel>a:hover::before{content:''; display: block; width: calc(100% - 6px); height:calc(100% - 6px); border:3px solid #006ae2; border-radius: 15px; position:absolute; left:0; top:0;}

.main-mydata .board-area .bnn{background: #6b88c1 url(../images/img/mydata-main/bnn_img_02.png) no-repeat top 83px right 0 / 238px auto; border-radius:15px; width:370px; height:305px; padding:40px;}
.main-mydata .board-area .bnn .txt{color:#fff; font-size:3.4rem; font-weight:700; line-height: 1.3;}

/* 서비스 소개 */
.inner-mydata.service .tit-cont-area{margin-top:50px;}
.inner-mydata.service .column{display:flex; margin-top:8px;}
.inner-mydata.service .bx-line{border:1px solid #ddd; border-radius: 15px; padding:30px; width:calc(50% - 10px)}
.inner-mydata.service .bx-line + .bx-line{margin-left:20px;}
.inner-mydata.service .bx-line .tit{width:160px; height:160px; border-radius:50%; background-color:#f5f7fa; font-size:1.6rem; color:#222; display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0 auto 14px;}
.inner-mydata.service .bx-line .tit::before{content:''; display: block; width:65px; height:65px; margin:0 auto 12px; background:url(../images/service/mydata-service/ico_service_01.png) no-repeat 50% 50% / auto 100%;}
.inner-mydata.service .bx-line dd{font-size:1.4rem; color:#444; text-align:center}
.inner-mydata.service .bx-line dd+dd{margin-top:10px;}
.inner-mydata.service .bx-line:nth-child(2) .tit::before{background-image:url(../images/service/mydata-service/ico_service_02.png);}

.inner-mydata.service .txt-ex{font-size:1.8rem; color:#222; margin:28px 0 20px;}
.inner-mydata.service .swiper-slide{background:#f5f7fa url(../images/service/mydata-service/ico_service_03.png) no-repeat bottom 20px right 20px / auto 50px; border-radius:15px; width:calc(25% - 10px); height:232px; padding:30px 20px;}
.inner-mydata.service .swiper-slide + .swiper-slide{margin-left:10px;}
.inner-mydata.service .swiper-slide .tit{font-size:1.6rem; color:#222; line-height:1; margin-bottom:10px;}
.inner-mydata.service .swiper-slide .txt{font-size:1.4rem; color:#444}
.inner-mydata.service .swiper-slide:nth-child(1){background-size:auto 45px}
.inner-mydata.service .swiper-slide:nth-child(2){background-image:url(../images/service/mydata-service/ico_service_04.png)}
.inner-mydata.service .swiper-slide:nth-child(3){background-image:url(../images/service/mydata-service/ico_service_05.png)}
.inner-mydata.service .swiper-slide:nth-child(4){background-image:url(../images/service/mydata-service/ico_service_06.png)}

.inner-mydata.service .column.col-3 .bx-line{width:calc(33.333% - 10px)}
.inner-mydata.service .column.col-3 .bx-line:nth-child(1) .tit::before{background-image:url(../images/service/mydata-service/ico_service_07.png); height:53px;}
.inner-mydata.service .column.col-3 .bx-line:nth-child(2) .tit::before{background-image:url(../images/service/mydata-service/ico_service_08.png); height:51px;}
.inner-mydata.service .column.col-3 .bx-line:nth-child(3) .tit::before{background-image:url(../images/service/mydata-service/ico_service_09.png); height:55px;}

.inner-mydata.service [class*=swiper-button-]{margin-top:0;top:90%;width:32px;height:32px;border-radius:50%;box-shadow:rgba(0,0,0,.3) 0 3px 6px 0;transform:translateY(-50%);background:url(../images/icon/btn_page_prev.png) 55% 50% / 80% auto no-repeat #fff}
.inner-mydata.service .swiper-button-prev{left:5px;background:url(/rcvfvrSvc/images/contents/btn_main_paging_prev.png) 50% 50% / 100% auto no-repeat #fff}
.inner-mydata.service .swiper-button-next{right:5px;background-image:url(/rcvfvrSvc/images/contents/btn_main_paging_next.png);}

/* 이용안내 */
.content-mydata .accordion-area.swiper-use-guide{border-top:0 none}
.content-mydata .accordion-area.swiper-use-guide .accordion-cont{background-color: #f4f4f4; padding:0;}
.content-mydata .accordion-area.swiper-use-guide .swiper-container{padding:20px 40px 50px}
.content-mydata .accordion-area.swiper-use-guide .swiper-slide .txt{text-align: center; margin-top:10px;}
.content-mydata .accordion-area.swiper-use-guide .swiper-slide .txt sub{font-size:1.3rem}

.content-mydata .accordion-area.swiper-use-guide .swiper-pagination-bullets{bottom:20px;}
.content-mydata .accordion-area.swiper-use-guide [class*=swiper-button-]{margin-top:0;top:50%;width:32px;height:32px;border-radius:50%;box-shadow:rgba(0,0,0,.3) 0 3px 6px 0;transform:translateY(-50%);background:url(../images/icon/btn_page_prev.png) 55% 50% / 80% auto no-repeat #fff}
.content-mydata .accordion-area.swiper-use-guide .swiper-button-prev{left:5px;background:url(/rcvfvrSvc/images/contents/btn_main_paging_prev.png) 50% 50% / 100% auto no-repeat #fff}
.content-mydata .accordion-area.swiper-use-guide .swiper-button-next{right:5px;background-image:url(/rcvfvrSvc/images/contents/btn_main_paging_next.png);}

/* 홍보영상 */
.content-mydata .list-thumb-area{display: flex; flex-wrap: wrap;}
.content-mydata .list-thumb-area + .list-thumb-area{margin-top:10px;}
.content-mydata .list-thumb-area>li{width:calc(100%/4 - 20px); margin: 10px;}
.content-mydata .list-thumb-area>li .video{width: 100%; height:112px;}
.content-mydata .list-thumb-area>li .video img{width:100%; height:100%}

/* 공지사항 상세 */
.content-mydata .board-view-area > .tit{font-size:1.8rem;margin:20px 0 10px;}
.content-mydata .board-view-area .tit-sub-box{background:#f5f5f5;border-top:2px solid #d3d3d3;border-bottom:1px solid #d3d3d3;padding:7px 20px}
.content-mydata .board-view-area .cont{border-bottom:1px solid #d3d3d3;padding:25px 20px 40px}
.content-mydata .board-view-area .list-prev-box li{padding:10px;}
.content-mydata .board-view-area .list-prev-box li+li{border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
.content-mydata .board-view-area .list-prev-box .tit{margin-right:10px}

/* 자주 묻는 질문 */
.content-mydata .accordion-area.faq .tit{position:relative;padding-left:38px;width:calc(100% - 30px);font-size:1.8rem;font-weight:400;color:#222;}
.content-mydata .accordion-area.faq .ico{background-position:0 0;background-repeat:no-repeat;background-size:28px auto}
.content-mydata .accordion-area.faq .tit.ico{background-image:url(../images/icon/icon-acc-q.png); text-align: left;}
.content-mydata .accordion-area.faq .accordion-cont p{padding-left:38px;}

/* 본인정보 열람권/정정권 */
.content-mydata .tbl-ui .tbl-area.vertical{display:none;}
.content-mydata .tbl-ui .tbl-area.border,
.content-mydata .tbl-ui .pagination-area{display:block;}

/* 서비스 이용내역 */
.list-base-area + .no-data{border-bottom:1px solid #888}

/* 공공 마이데이터 서비스 내역 */
.divpackDayList {border-top:1px solid #333; width: 100%;}
.divpackDayList th {padding:10px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f3f3f3 }
.divpackDayList td {padding: 10px;  border-bottom: 1px solid #ccc;}

/* main */
@media (min-width: 1230px){
    .main-mydata .swiper-container{width: 100%;}
}

/* mobile */
@media only screen and (max-width: 1024px){

    /* main */
    .main-mydata .quick-menu-area{margin-top:40px;}
    .main-mydata .quick-menu-area>.tit{font-size:1.6rem; font-weight:700; color:#222; display:block; margin:0 20px;}
    .main-mydata .quick-menu-area .swiper-container{padding:14px 20px 28px}
    .main-mydata .swiper-container-horizontal > .swiper-pagination-bullets{bottom:-5px;}
    .main-mydata .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width:10px; height:10px; margin:0 5px;}
    .main-mydata .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width:40px; background-color:#006ae2; border-radius:5px;}
    .main-mydata .quick-menu-area .swiper-slide{margin-left:0; height:auto;}
    .main-mydata .quick-menu-area .swiper-slide .badge{width:30px; height:30px; font-size:1.4rem; line-height: 30px; top:-14px; right:25px}
    .main-mydata .quick-menu-area .swiper-slide>a{padding:30px 0; background-color: #fff; border:1px solid #ddd; border-radius: 15px;;}
    .main-mydata .quick-menu-area .swiper-slide>a:hover::before{display: none;}
    .main-mydata .quick-menu-area .swiper-slide [class*='txt']{font-size:14px;}
    .main-mydata .quick-menu-area .swiper-slide [class*='txt']::before{width: 50px; height:50px; margin-bottom:12px;}

    /* lnb */
    .content-mydata{padding:0 16px 40px 16px;}
    .lnb{display:none !important;}
    .layerpop-lnb .btn-layer-close:focus{outline-color:var(--darkblue)}
    .layerpop-lnb .btn-layer-close{position:absolute;right:26px;top:23px;width:32px;height:32px;background:url(../images/icon/btn_layer_close.png) no-repeat 50% 50% / 28px auto;}
    .layerpop-lnb{display:none;position:fixed;width:100%;bottom:0;transform:none;left:0;top:unset;border-radius:16px 16px 0 0;max-height:calc(100% - 30px);background-color:#fff;z-index:10001;overflow:hidden}
    .layerpop-lnb .layer-head{height:10px;background-color:#fff;}
    .layerpop-lnb .layer-body{overflow:auto;padding:30px;min-height:200px;background-color:#fff;outline:none}
    .layerpop-lnb .layer-body::-webkit-scrollbar{width:6px}
    .layerpop-lnb .layer-body::-webkit-scrollbar-thumb{background-color:#ddd}
    .layerpop-lnb .layer-body::-webkit-scrollbar-track{background-color:#f5f5f5}

    .layerpop-lnb .main-mn>li+li{margin-top:20px;}
    .layerpop-lnb .main-mn>li>a{font-size:1.8rem; color:#222; font-weight:500;}
    .layerpop-lnb .sub-mn{display:flex;flex-wrap: wrap; align-items: center;}
    .layerpop-lnb .sub-mn>li{margin:10px 10px 0 0;}
    .layerpop-lnb .sub-mn>li>a{border-radius: 20px; border:1px solid #444; color:#444; padding:2px 10px;}

    /* layout */
    .content-mydata .inner-mydata{padding: 0 10px;}
}

@media only screen and (max-width: 850px){

    /* main */
    .main-mydata .bnn-area{display: block;}
    .main-mydata .bnn-area .bnn{border-radius: 0; width:100%; margin:0; padding:30px 0; text-align: center; background-position: 50% 100px; background-size: 174px auto;}
    .main-mydata .bnn-area .bnn .tit{font-size:2.4rem;}
    .main-mydata .bnn-area .bnn .txt{font-size:1.5rem; margin-top:149px;}

    .main-mydata .bnn-area .video{margin:40px 20px 0; position: relative; padding-top: 35px;}
    .main-mydata .bnn-area .video .thumb{width:100%; height: 300px; overflow: hidden; position: relative;}
    .main-mydata .bnn-area .video .thumb img{width:100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
    .main-mydata .bnn-area .video .txt{margin-top:0; position:absolute; top:0; left:0; font-size:1.6rem; background-size: 35px auto; background-position: -3px -8px; padding-left:35px; height:20px; line-height: 1.2;}

    .main-mydata .board-area{margin-top:40px; padding-top:0; background-color: #fff;}
    .main-mydata .board-area>.column{display: block;}
    .main-mydata .board-area .tab-wrap{margin:0 20px; width:100%; position: relative;}
    .main-mydata .board-area .tab-wrap .tab-mn>a{pointer-events: none; font-size:1.6rem; color:#222; padding-bottom:0}
    .main-mydata .board-area .tab-wrap .tab-mn>a.on{border:0 none}
    .main-mydata .board-area .tab-wrap .tab-mn>a:last-child{position: absolute; top: 340px; left: 0; margin-left:0;}

    .main-mydata .board-area .tab-wrap .tab-cont{margin-top:0}
    .main-mydata .board-area .tab-wrap .panel{display: block !important; margin-top:14px; padding-top:20px; border-top:1px solid #d9d9d9;}
    .main-mydata .board-area .tab-wrap .panel+.panel{margin-top:70px;}
    .main-mydata .board-area .tab-wrap .panel>a{width:90%; height:auto; padding:0;}
    .main-mydata .board-area .tab-wrap .panel>a:nth-child(even),
    .main-mydata .board-area .tab-wrap .panel>a:nth-child(-n+2){margin-left:0; margin-bottom:0;}
    .main-mydata .board-area .tab-wrap .panel>a:hover::before{display: none;}
    .main-mydata .board-area .tab-wrap .panel>a .ellipsis{font-size:1.6rem;}
    .main-mydata .board-area .tab-wrap .panel>a .date{font-size:1.3rem; color:#959595; text-align: left; margin-top:4px;}
    .main-mydata .board-area .tab-wrap .panel>a+a{margin-top:20px;}

    .main-mydata .board-area .bnn{border-radius:0; width:100%; height:160px; margin-top:40px; padding: 30px; background-size: 140px auto; background-position: right 10px top 14px;}
    .main-mydata .board-area .bnn .txt{font-size:2rem;}
    .main-mydata .board-area .btn-link{padding:10px 20px; margin-top:10px; font-size:1.3rem;}

    /* search */
    .mydata .date-filter-area{display: inherit;}
    .mydata .date-filter-area{width:auto;margin:0 auto;}
    .mydata .date-filter-area .datepicker-area{margin-top:10px;}
    .mydata .date-filter-area .datepicker-area .datepicker{width:136px}
    .mydata .date-filter-area .datepicker-area label{display: none;}

    /* list */
    .content-mydata.content-mydata .list-thumb-area>li{width:calc(100%/2 - 20px);}

    /* layer popup */
    .content-mydata .layer-popup-wrap.wide{width:100%;}
    .content-mydata .layer-popup-wrap.wide .date-filter-area{width:auto;}
    .content-mydata .layer-popup-wrap{width:100%;bottom:0;transform:none;left:0;top:unset;border-radius:16px 16px 0 0;max-height:calc(100% - 30px)}
    .content-mydata .layer-popup-wrap .layer-head{padding:25px 20px;border-bottom:1px solid #e3e3e3;background-color: #fff;}
    .content-mydata .layer-popup-wrap .layer-head.tit-none{height:70px;}
    .content-mydata .layer-popup-wrap .layer-body{padding:20px 20px 90px;min-height:200px;}
    .content-mydata .layer-popup-wrap .layer-foot{position:fixed;bottom:0;width:100%;padding:16px;box-shadow: none;}
    .content-mydata .layer-popup-wrap .layer-foot .btn-base{min-width:100%}
    .content-mydata .layer-popup-wrap .layer-foot.flex .btn-base{min-width:48%}

    /* table */
    .content-mydata .tbl-ui .tbl-area.vertical{display: block;}
    .content-mydata .tbl-ui .tbl-area.border,
    .content-mydata .tbl-ui .pagination-area{display:none;}

    /* 서비스 소개 */
    .inner-mydata.service .column{display: block;}
    .inner-mydata.service .bx-line,
    .inner-mydata.service .column.col-3 .bx-line{width:100%;}
    .inner-mydata.service .bx-line+.bx-line{margin-left:0; margin-top:10px;}
    .inner-mydata.service .swiper-container{overflow:visible;}
    .inner-mydata.service .swiper-container .swiper-slide{width:70%;}
}

@media only screen and (max-width: 805px){
    /* search */
    .mydata .search-top-area{padding:24px 16px;}
    .mydata .search-top-area .inp-search{height:50px;padding:12px 70px 12px 16px;font-size:1.6rem;letter-spacing:-.4px;line-height:20px}
    .mydata .search-top-area .btn-del{width:18px; height:18px; background-image:url(../images/icon/ico_delete_btn_mo.png);}
    .mydata .form-sort-area select{width:calc(100% - 150px)}

    .content-mydata .title h1{margin-top:0;}
    .content-mydata .title{border-bottom:0 none; padding-bottom:0;}
    .content-mydata .title>.lnb-mo{position:static; text-align:right; padding:10px;}

    /* list */
    .content-mydata .list-thumb-area>li{width:100%;}
    .content-mydata .list-base-area>li{display:inherit;}
    .content-mydata .list-base-area .info-box,
    .content-mydata .list-base-area.type01 .info-box{width:100%;}
    .content-mydata .list-base-area .btn-box,
    .content-mydata .list-base-area.type01 .btn-box{display:block;text-align:center;line-height:34px;font-size:1.3rem;width:100%;margin-top:20px;margin-left:0;}
    .content-mydata .list-base-area .btn-box .btn-small{width:100%;}
    .content-mydata .list-base-area.type01 .btn-box .btn-small{width:100%;}

    /* btn */
    .content-mydata .btn-box.foot .btn-base.primary{width:100%;}
    .content-mydata .tbl-area.border.mo colgroup col:first-child,
    .content-mydata .tbl-area.border.mo td:first-child,
    .content-mydata .tbl-area.border.mo th:first-child{display: none;}
    .content-mydata .tbl-area.border.mo td .btn-box [class*=btn-]{padding:0 6px; font-size:1.3rem;}
}

@media only screen and (max-width: 540px){
    /* btn */
    .content-mydata .btn-box.foot .btn-base{font-size: 1.4rem; padding:16px;}
    .content-mydata .tbl-area.border.mo td .btn-box [class*=btn-]{margin-left:0; width: 80%; padding:0;}
    .content-mydata .tbl-area.border.mo td .btn-box [class*=btn-] + [class*=btn-]{margin-top:10px;}

    /* pagination */
    .content-mydata .pagination-area>ul>li>a{min-width:25px;width:inherit;height:25px;line-height:23px;font-size:1.3rem}

    .main-mydata .bnn-area .video .thumb{height: 172px;}

    /* 서비스 소개 */
    .content-mydata .tit-cont-area .sub-txt{font-size:1.6rem}
    .inner-mydata.service .bx-line .tit{width: 120px; height:120px; font-size:1.5rem;}
    .inner-mydata.service .bx-line .tit::before{width:50px; height:50px;}
    .inner-mydata.service .txt-ex{font-size:1.6rem;}
    .inner-mydata.service .swiper-slide .tit{font-size:1.5rem;}
    .inner-mydata.service .swiper-slide .txt{font-size:1.3rem}

    .inner-mydata.service .column.col-3 .bx-line{padding:20px 30px}
    .inner-mydata.service .column.col-3 .bx-line .tit{width:100px; height:100px; margin-bottom: 38px; justify-content:flex-start}
    .inner-mydata.service .column.col-3 .bx-line .tit>span{transform:translateY(30px)}
    .inner-mydata.service .column.col-3 .bx-line .tit::before{margin:28px auto 0;}
    .inner-mydata.service .column.col-3 .bx-line:nth-child(1) .tit::before{width:55px; height:53px;}
    .inner-mydata.service .column.col-3 .bx-line:nth-child(2) .tit::before{width:53px; height:48px;}
    .inner-mydata.service .column.col-3 .bx-line:nth-child(3) .tit::before{width:48px; height:53px;}
}

@media (max-width: 350px){
    /* btn */
    .content-mydata .list-base-area.type01 .btn-box .btn-base{width:46%; padding:0 10px;}
}

/* 2024-01-29 대민 웹 포탈 서비스 안내 tab 구분하여 none, block 처리 */
.tab_group .tab_content>div {
	display: none
}

.tab_group .tab_content>div.on {
	display: block
}