@charset "utf-8";


input[type=text]::-ms-clear{display:none;}
.clear {clear:both;}
/* Reset */
html,body{margin:0;padding:0;}
html{overflow-y:auto; overflow-x:auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,button{font-family:'NanumGothic','Arial',sans-serif; font-size:12px; color:#5b5b5b;}
input {font-family:'Dotum';}
input,textarea {ime-mode:active;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle;}
select{margin: 0em;font: -webkit-small-control;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;text-align: start;}
optgroup {font-weight: bolder;}
img{vertical-align:bottom;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#5b5b5b; text-decoration:none;}
a:hover{color:#5b5b5b; text-decoration:none;}
button *{position:relative}
legend,hr{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{visibility:hidden;overflow:hidden;top:0;width:0;height:0;font-size:0;line-height:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0;}
table caption{display:none;}

h1 {font-size:26px;font-family:'나눔고딕','Nanum_B';font-weight:600;color:#000;}
h3 {padding:5px 0 10px 0;font-size:26px;font-family:'나눔고딕','Nanum_B';font-weight:600;color:#000;}

/* 레이아웃 */
#wrap {position:relative; width:100%; height:auto;min-width: 1100px;overflow:hidden;}
#popupWrap {width:100%}
#topArea {position:relative; width:100%; height:47px; background:#fbfbfb; z-index:10;}
#visualArea {position:relative; width:100%; height:450px; background:url(/images/main_bg.gif) repeat-x;}
#subVisualArea {position:relative; width:100%; height:169px; background:url(/images/sub_bg.gif) repeat-x;}
#contentsArea {position:relative; width:100%; background:url(/images/cont_bg.gif) repeat-x;}
#subContentsArea {position:relative; width:100%; height:auto; padding-top:35px;}
#subContentsAreaVisual {position:relative; width:100%; height:auto; padding-top:15px;}
#footerArea {position:relative;background:#38414c; z-index:12;}



/* 200203 추가분 */

@import 'utf-8';
/* 

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//font.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
 */

/*
* Noto Sans KR (korean) http://www.google.com/font/earlyaccess
 */
 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(/font/NotoSansKR-Thin.woff) format('woff'),
       url(/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/font/NotoSansKR-Light.woff) format('woff'),
       url(/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(/font/NotoSansKR-Regular.woff) format('woff'),
        url(/font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/font/NotoSansKR-Medium.woff) format('woff'),
        url(/font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/font/NotoSansKR-Bold.woff) format('woff'),
        url(/font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/font/NotoSansKR-Black.woff2) format('woff2'),
        url(/font/NotoSansKR-Black.woff) format('woff'),
        url(/font/NotoSansKR-Black.otf) format('opentype');
 } 
 


/* reset */
.wid {width: 1050px; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; color: #000;}
.img {width: 100%;}
.dm_container h1, .dm_container h2, .dm_container h3, .dm_container h4, .dm_container h5, .dm_container h6, .dm_container span, .dm_container div, .dm_container input {font-family:'Noto Sans KR', 고딕, san-serif, IcoMoon,dashicons, FontAwesome !important; font-style: normal; font-weight: 400; letter-spacing: -1px;}
.dm_blue {color: #fff;  background-color: #295dca !important; font-weight: 500 !important;}
 /* float clear */
.clearfix:after {clear:both; display:block; content:""; height:0; visibility:hidden;}
* html .clearfix {height:1px; }
.clearfix {display:block; min-height:1px;}

/*****************************
 header
*****************************/
.header {width: 100%; height: 80px; top: 0; left: 0; z-index: 1; overflow: hidden;}
.header .wid {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.header .dm_logo {float: left;}
.header .dm_nav {float: right;}
.header .dm_nav ul li {float: left; padding-left: 40px;}
.header .dm_nav ul li > a {display: inline-block; font-size: 15px; font-weight: 700; line-height: 34px; z-index: 1;}
.header .dm_nav ul li > span {margin-right: 8px; z-index: 1;}
.header .top_login > a {width: 82px; font-size: 13px !important; text-align: center; border: 1px solid #fff; border-radius: 50px; line-height: 33px;}
 /* dm_header */
#dm_header {position: absolute;} 
#dm_header .dm_nav ul li > a {color: #fff;}
#dm_header .top_login > a {border: 1px solid #fff;}
#dm_header .top_login > span {color: #fff;}
 /* sub_header */
#sub_header {position: relative; border-bottom: 1px solid #e1e1e1;} 
#sub_header .dm_nav ul li > a {color: #282828;}
#sub_header .top_login > a {color: #282828; border: 1px solid #acacac;}
 
/*****************************
 footer
*****************************/
#footer {background-color: #282828; padding: 30px 0 54px; margin-top: 118px; font-size: 13px; line-height: 1;}
#footer .foot_menu ul > li {float: left; margin-right: 50px;}
#footer .foot_menu ul > li > a {color: #fff;}
#footer .info .address {color: #fff; line-height: 25px; margin: 35px 0 20px;}
#footer .info .copyright {font-weight: 700; color: #747474;}

/*****************************
 dm_container
*****************************/
.dm_container {position: relative; top: 0; left: 0;} 
.dm_container > div {position: relative; top: 0; left: 0;}
.dm_container input[type="text"],
.dm_container input[type="password"],
.dm_container input[type="button"],
.dm_container input[type="checkbox"] {width: 100%; letter-spacing: 0 !important; box-sizing: border-box; border: 0; outline: none;}
.dm_container input[type="button"] {cursor: pointer;}
.checkbox {margin-top: 10px;}
.checkbox input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width:13px; height: 13px; background: #fff; border: 1px solid #676666; margin: 0 3px 0 0;}
.checkbox input[type="checkbox"]:checked {border: 0; background: url('/images/common/check.png') #295dca no-repeat center/10px 9px;}
.checkbox .check_active {font-size: 14px; color: #676666; vertical-align: top;}

/** main_visual */
.main_visual {width: 100%; height: 772px; background: url('/images/main/visual_bg.jpg') center no-repeat;}
.main_visual > .wid {position: relative; width: 1050px; margin: 0 auto;}
.main_visual .txt {padding-top: 246px; color: #fff;}
.main_visual .txt .dm_tit {position: relative; color: #fff;}
.main_visual .txt .dm_tit:after {content: ''; display: block; position: absolute; width: 30px; height: 2px; background-color: #fff; bottom: -56px;}
.main_visual .txt .dm_tit span {display: block; position: relative; font-size: 30px; margin-bottom: 35px; z-index: 2;}
.main_visual .txt .dm_tit div {content: ''; display: block; position: absolute; top: 33px; width: 263px; height: 12px; background-color: #315ab7; z-index: 1;}
.main_visual .txt .dm_tit strong {font-size: 70px; font-weight: 400; line-height: 50px;}
.main_visual .txt .sub_txt {font-size: 18px; font-weight: 100; margin-top: 100px; line-height: 26px;}

/** main_box */
.main_box .wid {position: absolute !important; top: -115px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 230px; background-color: #fff; z-index: 100; box-shadow: 5px 5px 8px rgba(0,0,0,.2);} 
.main_box ol > li {float: left; width: 33.3%; height: 230px; padding-top: 63px; box-sizing: border-box;}
.main_box ol > li:nth-child(2) {border-left: 1px solid #eee; border-right: 1px solid #eee;}
.main_box ol > li > .img_box {width: 54px; margin: 0 auto;}
.main_box ol > li > .txt {font-size: 20px; text-align: center; margin-top: 25px;}

/** main_top */
.main_top {padding: 235px 0 113px;}
.main_top h3.txt {font-size: 23px; color: #1d1d1d; line-height: 40px; text-align: center; padding-bottom: 115px;}
.main_top .steps ol > li {float: left;}
.main_top .steps ol > li:nth-child(odd) {width: 170px; text-align: center;}
.main_top .steps ol > li:nth-child(even) {width: 50px;}
.main_top .steps ol > li > .tit {font-size: 14px; font-weight: 700 !important; color: #1a66bc; margin: 0;}
.main_top .steps ol > li:nth-child(odd) > .img_box {width: 72%; margin: 5px auto 22px;}
.main_top .steps ol > li:nth-child(even) > .img_box {position: relative; top: 73px; width: 13px; margin: 0 auto;}
.main_top .steps ol > li > .txt strong {font-size: 18px; font-weight: bold;}
.main_top .steps ol > li > .txt p {font-size: 16px; color: #6e6e6e; padding-top: 12px;}

/** .main_center */
.main_center {background: url('/images/main/center_bg.jpg') right no-repeat; background-size: cover; padding: 118px 0;}
.main_center ol > li:nth-child(2) {padding: 71px 0;}
.main_center ol > li .img_box {width: 45px;}
.main_center ol > li p {font-size: 23px; font-weight: 700; margin: 26px 0;}
.main_center ol > li ul li {font-size: 18px; margin-bottom: 20px;}
.main_center ol > li ul li:last-child {margin-bottom: 0;}

/** main_bottom */
.main_bottom {background-color: #fff; padding-top: 118px;}
.main_bottom ul > li {position: relative; float: left; width: 481px;}
.main_bottom ul > li:nth-child(even) {float: right;}
.main_bottom ul > li:first-child, .main_bottom ul > li:nth-child(2){padding-bottom: 97px;}
.main_bottom ul > li .btn_view {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 435px; height: 55px; font-size: 20px; font-weight: 700; color: #fff;; line-height: 55px; text-align: center; border-radius: 10px; background-color: rgba(0, 43, 130, 0.8);}

/*****************************
 regis
*****************************/
.regis_steps {padding-top: 52px; width: 60%; margin: 0 auto;}
.regis_steps ol > li {float: left;}
.regis_steps ol > li:nth-child(odd) {width: 20%; text-align: center;}
.regis_steps ol > li:nth-child(even) {width: 15%;}
.regis_steps ol > li > .tit {font-size: 13px; font-weight: 700 !important; color: #787878; margin: 0;}
.regis_steps ol > li:nth-child(odd) > .img_box {width: 40%; margin: 8px auto 12px;}
.regis_steps ol > li:nth-child(even) > .img_box {width: 16px; margin: 38px auto 0;}
.regis_steps ol > li > .txt {font-size: 18px; color: #6e6e6e; font-weight: bold;}
.regis_steps ol > li.active > .tit {color: #295dca;}
.regis_steps ol > li.active > .txt {color: #295dca;}
#dm_regis .btn_next, #dm_regis .btn_submit {display: block; width: 200px; height: 50px; font-size: 16px; margin: 52px auto 0;}

 /** regis_agree **/
.regis_agree form li {margin-top: 50px;}
.regis_agree form .label_tit {font-size: 20px; font-weight: 700; color: #202020;}
.regis_agree .terms_wrap {width: 100%; height: 220px; padding: 16px; margin-top: 15px; overflow-y: auto; box-sizing: border-box; border: solid 1px #cccccc;}
.regis_agree .checkbox {margin-top: 20px;}
.regis_agree .checkbox input[type="checkbox"] {border-color: #ccc;}
.regis_agree .check_active {letter-spacing: 1px; margin-top: 16px;}

 /** regis_indivi **/
.regis_indivi .regis_tit {font-size: 20px; font-weight: 700; color: #232323; margin-bottom: 15px;}
.regis_indivi form {width: 100%; border-top: 1px solid #363636;}
.regis_indivi form fieldset {line-height: 60px; border-bottom: 1px solid #e1e1e1;}
.regis_indivi form div {display: inline-block; width: 18%; font-size: 15px; font-weight: 500; color: #232323; background-color: #f8f8f8; padding-left: 15px; margin-right: 30px;}
.regis_indivi form input[type="text"] {width: 268px; height: 45px; line-height: 45px; border: 1px solid #dedede; box-sizing: border-box; margin-right: 10px;}
.regis_indivi form input[type="button"] {width: 80px; height: 45px; font-size: 16px; line-height: 45px; color: #fff; background-color: #555; margin-right: 10px;}
.regis_indivi form span {font-size: 15px; color: #676666; margin-right: 10px;}
.regis_indivi form #bizNum {display: inline-block; width: 278px; font-size: 16px; color: #676666; letter-spacing: 0;}
.regis_indivi form select[name="autoMail"] {width: 150px; height: 45px; font-size: 13px; font-weight: 500; line-height: 45px; color: #676666; border: 1px solid #dedede; outline: none; padding-left: 10px;}
.regis_indivi form select[name="autoMail"] option {outline: none;}
  

/*****************************
 login
*****************************/
#dm_login {width: 618px; padding-top: 230px;}
#dm_login .login_logo {text-align: center; margin-bottom: 40px;}
.login_wrap {width: 385px; margin: 0 auto;}
.login_wrap input[type="text"], 
.login_wrap input[type="password"] {height: 51px; font-size: 16px; color: #787878; padding-left: 18px; margin-bottom: 15px; border: 1px solid #dfdfdf;}
.login_wrap input[type="button"] {height: 60px; font-size: 18px; margin-top: 15px; cursor: pointer;}
.login_link {text-align: center; padding-top: 23px; margin-top: 27px; border-top: 1px solid #dfdfdf;}
.login_link ul {display: inline-block;}
.login_link li {float: left; font-size: 14px; color: #787878;}
.login_link li:nth-child(even) {padding: 0 20px; font-size: 10px;}
.login_txt {margin-top: 80px; width: 100%; border: 1px solid #dfdfdf; padding: 24px 19px;}
.login_txt li {font-size: 14px; color: #afafaf;}
.login_txt li:first-child {margin-bottom: 8px;}
.login_txt li > span {display: block; padding-left: 11px; line-height: 30px;}

 


 

/* 200305 추가분 */

.wid h1, .wid h2, .wid h3, .wid h4, .wid h5, .wid h6, .wid p, .wid table th {font-family: 'Noto Sans KR', sans-serif !important; font-style: normal; }
.dm_grey {color: #fff;  background-color: #545354;}
.dm_txt_blue {color: #295dca;}
.txt_b {font-weight: bold;}
.cursor {cursor: pointer;}
#sub_header .dm_nav ul li.on > a {color: #295dca;}

input[type="text"], 
input[type="email"],
input[type="radio"],
input[type="checkbox"],
input[type="button"] {font-family: 'Noto Sans KR', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border: 0; outline: none;}
input[type="radio"], input[type="button"] {cursor: pointer;}

.ui-datepicker {width: 250px;}
/*  200311 수정:달력 */
.ui-datepicker .ui-datepicker-header {background: none !important; margin: 10px 0;} /*background: none !important; 추가*/
/*  //200311 수정:달력 */

.ui-datepicker .ui-datepicker-title select {font-size: 15px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border-radius: 0; width: auto; height: auto;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {background: no-repeat;}
.ui-datepicker .ui-datepicker-prev {background: no-repeat url(/images/board/arrow_prev.png) center;}
.ui-datepicker .ui-datepicker-next {background: no-repeat url(/images/board/arrow_next.png) center;}

/*  200311 수정:달력 */
.ui-widget-header .ui-icon {background: url(/images/jqueryUI/ui-icons_888888_256x240.png) -96px -128px;}
.ui-widget-header {background: #013e7d !important;}
.ui-dialog .ui-dialog-content {overflow: hidden;}
.ui-dialog .ui-dialog-titlebar-close {width: 20px; height: 20px;}
.ui-state-default .ui-icon {
     width: 16px;
     height: 16px;
 }
 .ui-state-default .ui-icon {background-image: url(/images/jqueryUI/ui-icons_888888_256x240.png) !important;}
 .ui-icon-closethick{ background-position: -96px -128px;}
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #007fff;}
 /*  //200311 수정:달력 */

/*****************************
 manage
*****************************/
.is_tabs {width: 100%; height: 55px; line-height: 53px; text-align: center; border-bottom: 1px solid #dcdcdc; margin-bottom: 35px; box-sizing: border-box;}
.is_tabs li {position: relative; float: left; width: 150px; font-size: 15px; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; cursor: pointer;}
.is_tabs li:first-child {border-left: 1px solid #dcdcdc;}
.is_tabs li.on {font-weight: bold; color: #295dca;}
.is_tabs li.on {border-bottom: 1px solid #fff;}
.is_tabs li.on span:after {position: absolute; content: ""; width: 100%; height: 1px; top: 0; left: 0; background: #295dca;}

.tabs_grid {position: relative; margin-bottom: 35px; font-size: 15px; color: #232323;}
.tabs_grid p {line-height: 23px;}
.tabs_grid li {line-height: 27px;}
.tabs_brick {border-bottom: 1px solid #dcdcdc; padding: 35px 0; box-sizing: border-box;}
.tabs_brick:first-child {padding-top: 0;}
.tabs_brick:last-child {border-bottom: 0;}
.tabs_tit {font-size: 20px;}
.tabs_tit01 {font-size: 20px; margin-bottom: 8px;}
.tabs_tit02 {font-size: 20px; margin-bottom: 20px;}
.big_tit {font-size: 30px; font-weight: normal;}


.howTo li {position: relative; float: left; margin-right: 28px;}
.howTo li:last-child {margin-right: 0;}
.howTo li:first-child::after {content: '국세청홈택스'; display: block; width: 100%; font-size: 15px; text-align: center; margin-top: 13px;}
.howTo li:nth-child(2)::after {content: '여신금융협회'; display: block; width: 100%; font-size: 15px; text-align: center; margin-top: 13px;}
.howTo li:nth-child(4)::after {content: '카드사 홈페이지'; display: block; width: 100%; font-size: 15px; text-align: center; margin-top: 13px;}
.howTo li:last-child::after {content: '은행사 홈페이지'; display: block; width: 100%; font-size: 15px; text-align: center; margin-top: 13px;}

.regis_agree {text-align: center; border-top: 1px solid #dcdcdc; margin-top: 35px; padding-top: 20px;}
.regis_agree fieldset:first-child {margin-bottom: 39px;}
.regis_agree input[type="radio"] {width: 14px; height: 14px; border: 1px solid #7d7d7d; border-radius: 50%; margin-right: 8px; margin-top: -2px;}
.regis_agree input[type="radio"]:first-child {margin-left: 40px;}
.regis_agree label:nth-child(2) {margin-right: 40px;}
.regis_agree input[type="radio"]:checked {background: no-repeat url(/images/common/check_blue.png) center;}
.regis_agree input[type="button"] {width: 200px; height: 50px; font-size: 16px; font-weight: normal !important;}
.regis_agree input[type="button"]:last-child {color: #fff; background-color: #555; margin-left: 16px;}
.prepare_item li {float: left; width: 40%; margin-bottom: 30px;}
.prepare_item li:last-child {width: 60%;}
.partner li {float: left; border: 1px solid #e6e6e6; margin-left: 6px; margin-bottom: 7px;}
.nomal_btn {width: 200px; height: 38px; font-size: 14px; color: #555; border: 1px solid #555 !important; background: none; margin-top: 30px;}

.btn {width: 200px; height: 50px; font-size: 16px;}
.btn_wrap {display: block; text-align: center; margin: 20px auto 20px;}
.table_header {width: 100%; border-top: 1px solid #000; background-color: #f2f4f7; box-sizing: border-box; padding: 20px 79px;} /** padding **/
.table_header fieldset {font-weight: bold;}
.table_header fieldset:nth-child(2) {margin-bottom: 15px;}
.table_header fieldset:last-child {margin-bottom: 0;}
.table_header fieldset > div {float: left; width: 50%;} 
.table_header .field_title {float: left; width: 120px; margin-top: 1px;}
.table_header select {width: 140px ; height: 40px; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; border: 1px solid #d2d2d2; margin-top: -7px; padding-left: 8px; outline: none;}
.table_header input[type="text"] {height: auto; padding-left: 10px; border: 1px solid #d2d2d2; box-sizing: border-box;}

.tabs_table table {width: 100%; font-size: 13px; text-align: center;}
.tabs_table thead {width: 100%; height: 50px; line-height: 50px; background-color: #f5f6f6; border-top: 1px solid #000; border-bottom: 1px solid #e1e1e1;}
.tabs_table tbody {width: 100%; height: 50px; }
.tabs_table table th {font-weight: normal !important;}
.tabs_table table td {border-bottom: 1px solid #e1e1e1; padding: 8px 0;}
.tabs_table .no_data {width: 100%;}
.table--row2 thead {line-height: 20px;} 
.table--row2 input[type="checkbox"] {width: 13px; height: 13px; border: 1px solid #232323; background-color: #fff;} 
.table--row2 input[type="checkbox"]:checked {background: no-repeat url(/images/common/check_v.png) center; background-size: 100%; background-color: #fff;} 

.data_manage {line-height: 123px; padding-left: 79px;}
.data_manage select{margin-left: 55px;}

/*****************************
 collect
*****************************/
.table_header input[type="radio"]+label {font-weight: normal;}
.table_header input[type="radio"] {width: 14px; height: 14px; border: 1px solid #7d7d7d; border-radius: 50%; margin-right: 8px; margin-top: -2px;}
.table_header input[type="radio"]:checked {background: url(/images/common/check_blue.png); background-repeat: no-repeat; background-size: contain;}

.table_header .calendar_wrap > div {position: relative; float: left; margin-right: 5px;}
.table_header .calendar_wrap .datepicker {width: 140px; height: 38px; font-size: 15px; border: 1px solid #d2d2d2; padding-left: 8px; margin-top: -7px; box-sizing: border-box;}
.table_header .calendar_wrap img {position: absolute; top: 3px; right: 8px;}

.totalbox {float: right; width: auto;}
.totalbox .btnExcel {float: right !important;}
.totalbox .btnExcel > .btn {font-size: 12px; padding: 3px 8px;}
.totalbox .btnExcel > .btn:hover {color: #fff !important;}
.sj_page_wrap {position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.sj_page_wrap div {position: relative; float: left; font-style: 13px; line-height: 28px; cursor: pointer;}
.sj_page_wrap div.arrow {width: 28px; height: 28px; border: 1px solid #d2d2d2; }
.sj_page_wrap div.arrow img {vertical-align: middle; margin-top: 7px;/* 반영 후 middle 적용 안된 이유 찾기 */ }
.sj_page_wrap div.first, .tabs_paging div.next {border-right: 0;}
.sj_page_wrap .sj_pag::after {position: absolute; content: ''; width: 1px; height: 9px; background-color: #d2d2d2; top: 50%; right: 0; -webkit-transform: translateX(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.sj_page_wrap .sj_page li {line-height: 28px; padding: 0 3px;}
.sj_page_wrap .sj_page li.on {font-weight: bold; color: #295dca !important;}

.tc_btn {float: right; margin: 0; margin-top: -38px;}
.collect_step {background: no-repeat url(/images/sub/collect_step_bg.png); padding: 90px 0; box-sizing: border-box; margin: 70px 0 80px;}
.collect_step li {float: left; width: 33.333333%; text-align: center;}
.collect_step li:first-child div::after {content: '자동수집 기간 설정'; display: block; font-size: 17px; font-weight: bold; margin-top: 20px;}
.collect_step li:nth-child(2) div::after {content: '수집버튼 클릭'; display: block; font-size: 17px; font-weight: bold; margin-top: 20px;}
.collect_step li:last-child div::after {content: '수집결과 확인'; display: block; font-size: 17px; font-weight: bold; margin-top: 20px;}
.collect_step li p {font-size: 15px; line-height: 1.7; margin-top: 27px;}
.collect_notice p {letter-spacing: -0.5px;}


/** 200825 이준희 추가 시작: 비밀번호 변경 페이지 **/
div.login01.login_wrap {height: auto; border: 0; background-position: 0 40px;}
.login_wrap input[type="text"], .login_wrap input[type="password"] {font-family: 'Noto Sans KR', sans-serif; width: 100%; box-sizing: border-box; outline: none;}
.login_wrap .btn_wrap::after {content: ''; display: table; clear: both;}
.login_wrap .btn_wrap > a {float: left; width: 49%;}
.login_wrap .btn_wrap > a+a {margin-left: 2%;}
.login_wrap .btn_wrap > a > .btn {width: 100%;}
/** 200825 이준희 추가 끝 **/


/* 241017 추가: 푸터 수정(그룹 ci 추가) */
#footer { padding: 30px 0; }
#footer .wid { background: no-repeat url(/images/common/symbol_wh.svg); background-size: 82px; background-position: bottom 6px right 0; }
#footer .info { margin-top: 20px; }
#footer .info .address { margin: 0; }
#footer .info .address .company { font-weight: bold; }
#footer .info .copyright { float: none; margin-top: 16px; }


/* 251111 */
input, select, button {font: inherit;}
#wrap {
  overflow: initial; min-width: auto; min-height: 100vh;  display: grid; 
  grid:
    'header' max-content
    'container' 1fr
    'footer' max-content;
}
.header {grid-area: header;}
.dm_container {grid-area: container;}
.dm_container:has(#footer) {
  display: grid; 
  grid:
    'content' 1fr
    'footer' max-content;
}
#subContentsAreaVisual {grid-area: container;}
#subContentsAreaVisual .subContVisual:only-child {height: 100%; padding-bottom: 0;}
#footer {grid-area: footer;}
#dm_login { align-content: center; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

/* 패스워드 */
.pswd-eye-wrap {position: relative; --icon-eye-show: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='18' fill='none' viewBox='0 0 26 18'%3E%3Cpath stroke='%23000' stroke-width='1.5' d='M13 2C6 2 2 8.5 2 9s3.5 7 11 7 11-6.5 11-7-4-7-11-7Z'/%3E%3Ccircle cx='13' cy='9' r='3' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E"); --icon-eye-hide: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='18' fill='none' viewBox='0 0 26 18'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M13 2c7 0 11 6.5 11 7 0 .202-.57 1.38-1.742 2.715M7.5 3.438C3.946 5.383 2 8.65 2 9c0 .5 3.5 7 11 7 2.457 0 4.484-.697 6.1-1.653'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M11.08 6.695A3 3 0 1 0 15.236 11M5 1l16.5 15.5'/%3E%3C/svg%3E");}
.pswd-eye-wrap input {padding-right: 44px;}
.pswd-eye-wrap .btn-eye {display: none; border: 0; position: absolute; right: 10px; top: 50%; margin-top: -18px; width: 24px; height: 24px; background: no-repeat var(--icon-eye-show) center;}
.pswd-eye-wrap .btn-eye.show {background-image: var(--icon-eye-hide);}

/* 공통푸터 */
.bg-overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(https://cargo.nicedata.co.kr/images/common/layerpopup_bg.png);}
[class*=modal-fadein] {position: relative;}
[class*=modal-fadein] .panel {display: none; z-index: 10; transition: opacity .2s, visibility .2s, transform .2s; max-height: none; opacity: 0; visibility: hidden;}
[class*=modal-fadein] .panel[aria-hidden] {display: block;}
[class*=modal-fadein] .panel[aria-hidden="false"] {opacity: 1; visibility: visible; transform: translateY(0);}
.modal-fadein-down .panel {transform: translateY(-12.5px);}
.modal-fadein-up .panel {transform: translateY(12.5px);}
[class*=sheet-slide] .panel {display: none; position: fixed; z-index: 200; left: 0; opacity: 0; visibility: hidden; width: inherit; transition: opacity .2s, visibility .2s, transform .2s;}
[class*=sheet-slide] .panel[aria-hidden] {display: block;}
[class*=sheet-slide] .panel[aria-hidden="false"] {opacity: 1; visibility: visible; transform: translateY(0);}
.sheet-slide-up .panel {bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
.sheet-slide-down .panel {top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.custom-choice-panel .trigger {display: flex; justify-content: space-between; align-items: center; background: transparent; width: inherit; height: 40px; padding: 0 12px; gap: 0 4px; border-radius: 100px;}
.custom-choice-panel .trigger span {padding: 0 8px; line-height: 1; letter-spacing: 1.424px;}
.custom-choice-panel .trigger .i-plus-minus-toggle {position: relative; flex-shrink: 0; width: 24px; height: 24px;}
.custom-choice-panel .trigger .i-plus-minus-toggle::before,
.custom-choice-panel .trigger .i-plus-minus-toggle::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 3px; transition: opacity .2s, height .2s, transform .2s;}
.custom-choice-panel .trigger .i-plus-minus-toggle::before {width: 16px; height: 2px;}
.custom-choice-panel .trigger .i-plus-minus-toggle::after {width: 2px; height: 16px;}
.custom-choice-panel .trigger[aria-expanded="true"] .i-plus-minus-toggle::after {opacity: 0; height: 0;}
.custom-choice-panel .panel__top .group {color: #8E8E8E;}
.custom-choice-panel .panel__list {max-height: max-content;}
.custom-choice-panel .panel__list[style*=height] {overflow-y: scroll;}
.custom-choice-panel .panel__list::-webkit-scrollbar {width: 6px;}
.custom-choice-panel .panel__list::-webkit-scrollbar-thumb {background-color: rgba(98, 98, 98, .7); border-radius: 10px;}
.custom-choice-panel .panel__list>a {display: block;}
.custom-choice-panel.modal-fadein-down .panel {position: absolute; width: max-content; bottom: 100%; right: 0; margin-bottom: 16px; padding: 20px 0; border: 0.0625rem solid #D2D2D2; border-radius: 20px;}
.custom-choice-panel.modal-fadein-down .panel div {padding: 0 30px;}
.custom-choice-panel.modal-fadein-down .panel__top .group {padding: 14px 12px; font-size: 12px; line-height: 16px;}
.custom-choice-panel.modal-fadein-down .panel__list>a {padding: 6px 12px; font-size: 14px; line-height: 20px;}
.custom-choice-panel.sheet-slide-up .btn--handlebar {display: table; width: 30px; height: 30px; margin: 0 auto; background: transparent;}
.custom-choice-panel.sheet-slide-up .btn--handlebar::before {content: ''; display: table-cell; vertical-align: middle; width: inherit; height: 3px; background-color: #d2d2d2; border-radius: 3px;}
.custom-choice-panel.sheet-slide-up .panel {border-radius: 20px 20px 0 0;}
.custom-choice-panel.sheet-slide-up .panel div {padding: 0 8px;}
.custom-choice-panel.sheet-slide-up .panel__top {position: relative; padding-top: 14px;}
.custom-choice-panel.sheet-slide-up .panel__top .group {padding: 16px; font-size: 20px; line-height: 30px;}
.custom-choice-panel.sheet-slide-up .panel__list {margin: 8px 0 4px; transition: all .15s ease;}
.custom-choice-panel.sheet-slide-up .panel__list>a {padding: 16px; font-size: 16px; line-height: 24px;}
.custom-choice-panel.sheet-slide-up .panel .btn--x-close {position: absolute; top: 24px; right: 24px; width: 40px; height: 40px; background: no-repeat url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 13M13 1L1 13' stroke='%23BCBCBC' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") center;}
.is-light .custom-choice-panel .trigger {color: #353535; background-color: #fff;}
.is-light .custom-choice-panel .trigger .i-plus-minus-toggle::before,
.is-light .custom-choice-panel .trigger .i-plus-minus-toggle::after {background-color: #787878;}
.is-light .custom-choice-panel .panel {background-color: #fff;}
.is-light .custom-choice-panel .panel__list::-webkit-scrollbar-thumb {background-color: #BCBCBC;}
.is-light .custom-choice-panel .panel__list a {color: #353535;}
.is-light .custom-choice-panel .panel__list a:hover {color: #02257A;}
.is-dark .custom-choice-panel .panel {background-color: #1E1E1E;}
.is-dark .custom-choice-panel .panel__list::-webkit-scrollbar-thumb {background-color: #626262;}
.is-dark .custom-choice-panel .panel__list a {color: #fff;}
.is-dark .custom-choice-panel .panel__list a:hover {color: #5294FF;}
.is-dark .custom-choice-panel .trigger {color: #fff; background-color: rgba(53, 53, 53, .9);}
.is-dark .custom-choice-panel .trigger .i-plus-minus-toggle::before,
.is-dark .custom-choice-panel .trigger .i-plus-minus-toggle::after {background-color: #fff;}

#footer {position: sticky; z-index: 10; top: 100%; bottom: auto; padding: 0;}
#footer button {border: 0}
#footer .wid {width: clamp(1000px, 100%, 1200px); padding: 40px 40px 60px; background: inherit; box-sizing: border-box;}
#footer .foot_menu {display: flex; align-items: center; border: 0; padding: 0;}
#footer .foot_menu.end {justify-content: flex-end;}
#footer .foot_menu .btn--to-top {display: block; background: no-repeat center; border-radius: 100%; margin-left: 8px; width: 40px; height: 40px;}
#footer .foot_menu .terms,
#footer .foot_menu .utils {display: flex; flex-wrap: wrap; align-items: center;}
#footer .foot_menu .terms {width: auto; flex: 1; gap: 0 12px;}
#footer .foot_menu .terms li {float: none; display: flex; align-items: center; margin-right: 0;}
#footer .foot_menu .terms li::after {content: ''; width: 1px; height: 16px; margin-left: 12px;}
#footer .foot_menu .terms li:last-child:after {content: none;}
#footer .foot_menu .terms li a {font-size: 14px; line-height: 20px;}
#footer .foot_menu .terms li a b {color: inherit;}
#footer .foot_menu .utils {gap: 8px;}
#footer .foot_menu .utils .custom-choice-panel .trigger span,
#footer .foot_menu .utils .btn span {font-size: 14px;}
#footer .foot_menu .utils .btn {display: flex; align-items: center; justify-content: space-between; gap: 0 4px; height: 40px; padding: 0 12px; border: 1px solid; background: transparent; border-radius: 100px;}
#footer .foot_menu .utils .btn .i-arrowHead-right {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; flex-shrink: 0; width: 24px; height: 24px;}
#footer .foot_menu .utils .btn .i-arrowHead-right::before,
#footer .foot_menu .utils .btn .i-arrowHead-right::after {content: ''; margin-left: 2px; width: 10px; height: 2px; border-radius: 2px;}
#footer .foot_menu .utils .btn .i-arrowHead-right::before {transform: rotate(45deg);}
#footer .foot_menu .utils .btn .i-arrowHead-right::after {transform: rotate(-45deg);}
#footer .foot_menu .utils .btn span {display: block; line-height: 1; padding: 0 8px; letter-spacing: 1.424px;}
#footer .foot_menu+.info {margin-top: 16px; padding-top: 40px; border-top: 1px solid;}
#footer .info {display: flex; align-items: center; justify-content: space-between; gap: 0 60px;}
#footer .info .symbol {pointer-events: none; width: 106px; height: 120px; margin-left: 60px; flex-shrink: 0; background: no-repeat center/ contain;}
#footer .info .logo {position: unset; -webkit-transform: unset; transform: unset; width: auto; height: 20px; background: no-repeat left center/ contain;}
#footer .info .address {margin-top: 20px;}
#footer .info .address dl {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px;}
#footer .info .address dl+dl {margin-top: 8px;}
#footer .info .address dl div {display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
#footer .info .address dt,
#footer .info .address dd {font-size: 14px; line-height: 20px;}
#footer .info .copyright {margin-top: 20px; font-size: 12px; line-height: 16px;}
#footer.is-mobile .wid {width: 100%; box-sizing: border-box;}
#footer.is-mobile .foot_menu {flex-direction: column; justify-content: center;}
#footer.is-mobile .foot_menu .btn--to-top {order: -1; margin: 0 auto; width: 56px; height: 56px;}
#footer.is-mobile .foot_menu .terms {margin-top: 40px;}
#footer.is-mobile .foot_menu .utils {margin-top: 32px; width: 100%; flex-direction: column;}
#footer.is-mobile .foot_menu .utils .btn,
#footer.is-mobile .foot_menu .utils .custom-choice-panel {width: 100%;}
#footer.is-mobile .info {flex-direction: column; gap: 40px 0;}
#footer.is-mobile .info .symbol {margin: 0 auto;}
#footer.is-mobile .info .logo {background: no-repeat center/ contain;}
#footer.is-mobile .info .address dl {flex-direction: column;}
#footer.is-mobile .info .copyright {text-align: center;}
#footer.is-light {background-color: #F4F4F4;}
#footer.is-light .foot_menu .btn--to-top {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12L12 5M12 5L19 12M12 5V19' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-color: #fff;}
#footer.is-light .foot_menu .terms li::after {background-color: #D2D2D2;}
#footer.is-light .foot_menu .terms li a {color: #626262;}
#footer.is-light .foot_menu .utils .btn {border-color: #BCBCBC;}
#footer.is-light .foot_menu .utils .btn span {color: #353535;}
#footer.is-light .foot_menu .utils .btn .i-arrowHead-right::before,
#footer.is-light .foot_menu .utils .btn .i-arrowHead-right::after {background-color: #787878;}
#footer.is-light .foot_menu+.info {border-top-color: #D2D2D2;}
#footer.is-light .info .symbol {background-image: url(/images/common/symbol_bl.svg);}
#footer.is-light .info .logo {background-image: url(/images/common/logo_dnr_en_bl.svg);}
#footer.is-light .info .address dt,
#footer.is-light .info .address dd {color: #353535;}
#footer.is-light .info .copyright {color: #8E8E8E;}
#footer.is-dark {background-color: #1E1E1E;}
#footer.is-dark .foot_menu .btn--to-top {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12L12 5M12 5L19 12M12 5V19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-color: rgba(75, 75, 75, 0.8);}
#footer.is-dark .foot_menu .terms li::after {background-color: rgba(75, 75, 75, .8);}
#footer.is-dark .foot_menu .terms li a {color: #BCBCBC;}
#footer.is-dark .foot_menu .utils .btn,
#footer.is-dark .foot_menu .utils .btn span {color: #fff;}
#footer.is-dark .foot_menu .utils .btn .i-arrowHead-right::before,
#footer.is-dark .foot_menu .utils .btn .i-arrowHead-right::after {background-color: #fff;}
#footer.is-dark .foot_menu+.info {border-top-color: rgba(75, 75, 75, .8);}
#footer.is-dark .info .symbol {background-image: url(/images/common/symbol_wh.svg);}
#footer.is-dark .info .logo {background-image: url(/images/common/logo_dnr_en_wh.svg);}
#footer.is-dark .info .address dt,
#footer.is-dark .info .address dd {color: #8E8E8E;}
#footer.is-dark .info .copyright {color: #626262;}