/* 공통 */


/*font - start*/
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('../fonts/pretendard/Pretendard-Black.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('../fonts/pretendard/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('../fonts/pretendard/Pretendard-Bold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('../fonts/pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('../fonts/pretendard/Pretendard-Medium.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('../fonts/pretendard/Pretendard-Regular.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('../fonts/pretendard/Pretendard-Light.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('../fonts/pretendard/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url('../fonts/pretendard/Pretendard-Thin.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Thin.woff') format('woff');
}

@font-face {
    font-family: 'NouvelR KR';
    font-weight: 300;
    font-display: swap;
    src: local('NouvelR KR Light'), url('../fonts/renault/NouvelR%20KR-Light.woff2') format('woff2'), url('../fonts/renault/NouvelR%20KR-Light.woff') format('woff');
}

@font-face {
    font-family: 'NouvelR KR';
    font-weight: 400;
    font-display: swap;
    src: local('NouvelR KR Regular'), url('../fonts/renault/NouvelR%20KR-Regular.woff2') format('woff2'), url('../fonts/renault/NouvelR%20KR-Regular.woff') format('woff');
}

@font-face {
    font-family: 'NouvelR KR';
    font-weight: 500;
    font-display: swap;
    src: local('NouvelR KR Book'), url('../fonts/renault/NouvelR%20KR-Book.woff2') format('woff2'), url('../fonts/renault/NouvelR%20KR-Book.woff') format('woff');
}

@font-face {
    font-family: 'NouvelR KR';
    font-weight: 600;
    font-display: swap;
    src: local('NouvelR KR Semibold'), url('../fonts/renault/NouvelR%20KR-Semibold.woff2') format('woff2'), url('../fonts/renault/NouvelR%20KR-Semibold.woff') format('woff');
}

@font-face {
    font-family: 'NouvelR KR';
    font-weight: 700;
    font-display: swap;
    src: local('NouvelR KR Bold'), url('../fonts/renault/NouvelR%20KR-Bold.woff2') format('woff2'), url('../fonts/renault/NouvelR%20KR-Bold.woff') format('woff');
}

@font-face {
    font-family: 'NouvelR KR';
    font-weight: 800;
    font-display: swap;
    src: local('NouvelR KR Extrabold'), url('../fonts/renault/NouvelR%20KR-Extrabold.woff2') format('woff2'), url('../fonts/renault/NouvelR%20KR-Extrabold.woff') format('woff');
}

@font-face {
    font-family: 'NouvelR KR';
    font-weight: 900;
    font-display: swap;
    src: local('NouvelR KR Extrabold'), url('../fonts/renault/NouvelR%20KR-Extrabold.woff2') format('woff2'), url('../fonts/renault/NouvelR%20KR-Extrabold.woff') format('woff');
}
/*font - end*/


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    border:0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body{
    height:100%;
    background:#f7f7f7;
    font-family:'NouvelR KR', 'Pretendard', 'Noto Sans KR', Arial, sans-serif;
    color:#333;
    line-height:1.3;
    letter-spacing:-0.5px;
    font-size:14px;
}

img{margin:0; padding:0; border:0;}

ul, ol, li{list-style: none;}

a{text-decoration: none;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input, textarea, select, button{font-size: inherit;
 line-height: inherit;
 font-family:'NouvelR KR', 'Pretendard', 'Noto Sans KR', Arial, sans-serif;
}
input:focus, button:focus, textarea:focus, select:focus{outline: none;
}
label, button{cursor: pointer;
 font-weight: normal;
 background: none;
}

input{-webkit-appearance:none;
-webkit-border-radius:0;
}
select{border-bottom:1px solid #3a3a3a;
}
textarea{-webkit-appearance:none;
-webkit-border-radius:0;
}
legend {position:absolute;
top:0;
left:-100000000000px;
}
table {border-collapse:collapse;
 border-spacing:0;
}
caption {height:0;
font-size:0;
}
h1,h2 {font-weight:400;
}
strong {font-weight:700;
}
em, address {font-style:normal;
}
.hidden {position:absolute;
top:0;
left:-10000000000000px;
width:0;
height:0;
}
input::placeholder {color:#bbb;}
a {text-decoration:none;
color:#222;
}

select {height:34px;
padding:0 40px 0 20px;
border:1px solid #505973;
border-radius:6px;
color:#abb5c7;

font-size:14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {display: none;
}

input[type="text"], input[type="password"] {
    vertical-align:top;
    height:34px;
    line-height: 32px;
    border:1px solid #e2e2e2;
    border-radius:4px;
    background:#fff;
    color:#555;
    font-size:14px;
    text-indent:13px;
    float: left;
    width:100%;
}

input[type="text"]:focus, input[type="password"]:focus {border:1px solid #c2c2c2;
}


.select {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    font-size:14px;
    float:left;
}

.select dt a {
    display:block;
    height:34px;
    padding:0 40px 0 13px;
    border:1px solid #d2d2d2;
    border-radius:4px;
    background: #fff url(../images/select.png) no-repeat calc(100% - 10px) center;
    color:#555;
    font-size:13px;
    line-height:34px;
}

.select dt a.on {
    background: #fff url(../images/select_.png) no-repeat calc(100% - 10px) center;
}

.select dd {
    display:none;
    position:absolute;
    top:34px;
    left:0;
    width:100%;
    padding:0 !important;
    border:1px solid #d2d2d2;
    border-radius:6px;
    background:#fff;
    color:#555;
    font-size:13px;
    z-index:1000;
}

.select dd.inverse {
    display:none;
    position:absolute;
    top:unset;
    bottom:34px;
    left:0;
    width:100%;
    padding:0 !important;
    border:1px solid #d2d2d2;
    border-radius:6px;
    background:#fff;
    color:#555;
    font-size:13px;
    z-index:1000;
}

.select dd ul {
    padding:10px 0;
}

.select dd ul li {
    padding:0 0 0 14px;
    line-height:25px;
    color:#555;
}

.select dd ul li:hover{
    background:#e2e2e2;
}

.select dd.on {
    display:block;
}



.select.select-wide{
    width:100%;
}
.w100p{width:100% !important;
}


.ib_fix{/*font-size:0px;
 */line-height:0px;
}


/*헤더 - start*/
header {
    position:fixed;
    top:0;
    left:0;
    z-index:99;
    width:100%;
    height:60px;
    background:#fff;
    min-width:1280px;
 /*min-width:1800px;
*/
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
    padding:0 20px 0;
}

header .homeLogo{
    display: block;
    width: 24px;
    height: 32px;
    background: url(../images/r-logo.svg) center no-repeat;
    background-size: 24px 32px;
    float: left;
    margin:14px 8px 0 0 ;
}

header h1 {
    float:left;
    padding:14px 0 0 0;
    font-size:20px;
    line-height: 32px;
    font-weight: 500;
    color:#111 !important;
}

header .headerRight{
    float: right;
    margin:12px 0 0 0;
}

header .headerRight .icon1{
    width: 24px;
    height: 36px;
    background: url(../images/header-icon.png) center no-repeat;
    background-size: 24px 24px;
    float: left;
}

header .headerRight .userName{
    display: block;
    float: left;
    max-width: 300px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    line-height: 36px;
    height: 36px;
    font-size:12px;
    font-weight: 500;
    color:#111;
    padding:0 0 0 7px;
}

header .headerRight .buttonLogout{
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding:0 12px;
    color:#111 !important;
    font-size: 13px;
    font-weight: 500;
    border-radius: 2px;
    border:1px solid #d0d0d0;
    margin:0 0 0 14px;
}
/*헤더 - end*/



/*LNB*/
.lnb{
    position:fixed;
    top: 0;
    left: 70px;
    z-index: 100;
    width: 900px;
} 

.menuWrap{
    display: flex;
    flex-wrap: wrap;
    gap:0 58px;
}

.menuOne{
    display: block;
    font-size:18px;
    text-align: left;
    font-weight: 600;
    color:#222 !important;
    height:60px;
    line-height:60px;
    position: relative;
}

.menuOne + .menuOne:before{
    position: absolute;
    content: "";
    width: 1px;
    height: 11px;
    background: #e0e0e0;
    left:-29px;
    top:23px;
}



.menuOne.active{
    /*color:#fff579 !important;
    font-weight: 700;*/
    border-bottom:4px solid #222;

}



/*Main*/
.mainArea{
    position: fixed;
    width:100%;
    height:calc(100vh - 60px);
    top:60px;
    left:0;
    overflow: auto;
    padding:6px 0 0;
    min-width: 1030px;
}

.pageTitle{
    height:60px;
    padding:0 18px;
}

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

.ptTxt{
    height:60px;
    line-height: 60px;
    color:#464139;
    font-size:20px;
    font-weight: bold;
    text-align: left;
    position: relative;
    padding:0 0 0 20px;
    float: left;
}

.ptTxt:before{
    content: "";
    position: absolute;
    left:0;
    top:17px;
    background: #4d4d4d;
    width:8px;
    height: 24px;
    border-radius: 4px;
}

.mainContent{;
    padding:0 18px 20px;
    width: 100%;
}

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

.topBar{
    display: none;
    border:1px solid #d2d2d2;
    border-top:1px solid #333;
    margin:2px 0 0;
}

.topBar.active{
    display: block;
}

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

.topBarRow{
    height:50px;
    line-height:50px;
    border-top:1px solid #d2d2d2;
    background: #fff;
}

.topBarRow:first-child{border-top:none;}

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


.tbCol{
    font-size:14px;
    text-align: left;
    float: left;
    height:48px;
    line-height:48px;
    background-color: #fff;
    padding:0px 12px;
}

.tbCol.colTitle{
    font-weight: 500;
    font-size:13px;
    background-color: #f0f0f0;
}

.tbCol.rowTitle{
    font-weight: 700;
    font-size:13px;
    background-color: #fffbca;
    color:#222;
}

.tbCol .select{margin-top:7px;}
.tbCol .inputNormal{margin-top:7px;}

/*.hLine1{
    width:100%;
    height: 1px;
    background-color: #d2d2d2;
    margin:20px 0px;
}*/

.totalResult{
    display: block;
    width: 100%;
    margin:28px 0 0;
}

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

.totalResult .trTxt{
    text-align: left;
    font-size:13px;
    font-weight: 500;
    color:#3e475f;
    height:30px;
    line-height:30px;
    
    float: left;
}

.totalResult .trTxt span{
    font-weight: 700;
}

.taskButtons{
    float: right;
    margin:2px 0 0;
}

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

.bInput input[type=checkbox]{
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    line-height: normal;
}

.bInput {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 30px;
}

.tbCol .bInput{margin:9px 0 0; float: left;}

.tbCol .bInput + .bInput{margin:9px 0 0 24px;}

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

.bInput input + .txt {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    color:#222;
    padding:0 0 0 24px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bInput input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.bInput input[type="checkbox"]:focus+.txt{
    /*outline:2px solid #20787c; outline-offset: -2px;*/
}

.bInput input[type="checkbox"]:not(:checked)+.txt {
    background: url(../images/bg_chk.png) left no-repeat;
    background-size: 20px 20px;
}

.bInput input[type="checkbox"]:checked+.txt {
    background: url(../images/bg_chk2_on.png) left no-repeat;
    background-size: 20px 20px;
}

.calendarWrap{
    display: block;
    float: left;
    width: 180px;
}

.calendarBw{
    float: left;
    width: 30px;
    text-align: center;
    line-height: 36px;
    margin:7px 0 0;
}

.bInput + .calendarWrap{margin-left:30px;}

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

.calendarWrap input{
    float: left;
    width: calc(100% - 42px);
}

.calendarWrap .buttonCalendar{
    width:34px;
    height: 34px;
    background: #fff url(../images/icon_table.png) center no-repeat;
    background-size: 18px 16px;
    border-radius: 6px;
    float: right;
    margin:7px 0 0 6px;
    border:1px solid #c0c0c0;
}

.tastButton{
    float: left;
    line-height: 26px;
    height: 26px;
    text-align: center;
    padding:0 12px;
    background: #222;
    border-radius: 4px;
}

.tastButton.taskColor1{
    background: #555;
}

.tastButton + .tastButton{
    margin:0 0 0 10px;
}

.tastButton span{
    display: inline-block;
    line-height: 24px;
    color:#fff !important;
    font-size: 14px;
    font-weight: 500;
}

.tableArea{
    display: block;
    width: 100%;
    margin:18px 0 0;
/*    background: #000;*/
}

.tastButton.tastButtonSearch span{
    background: url(../images/search-12x12w1.png) left no-repeat;
    background-size: 12px 12px;
    padding:0 0 0 16px;
}

.tastButton.taskButtonNew span{
    background: url(../images/plus-10x10w2.png) left no-repeat;
    background-size: 10px 10px;
    padding:0 0 0 14px;
}
.tastButton.taskButtonModify span{
    background: url(../images/modify-10x10w2.png) left no-repeat;
    background-size: 10px 10px;
    padding:0 0 0 14px;
}
.tastButton.taskButtonDelete span{
    background: url(../images/minus-10x10w2.png) left no-repeat;
    background-size: 10px 10px;
    padding:0 0 0 14px;
}

.tastButton.taskButtonCopy span{
    background: url(../images/copy-12x12w2.png) left no-repeat;
    background-size: 12px 12px;
    padding:0 0 0 16px;
}





/*modal*/



/*modal : start*/
.modalWrap{
    display: none;
}
.modalWrap.active{
    display: block;
}

.modalNormal{
  display: block;
  width: 800px;
  background: #fff;
  border-radius: 6px;
  padding:30px 30px 20px;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 10000;
  top:50%;
  left: 50%;
  
  animation-name: modalUp;
  animation-duration:0.7s;
}

.modalNormal.active{display: block;}


.dimm{
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  top:0;
  left:0;
  z-index: 9000;
}

.buttonCloseModal{
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top:20px;
  right: 20px;
  background: url(../images/close-26-r-b111.png) center no-repeat;
  background-size: 18px 18px;
  opacity: 0.7;
}

.modalTitleRow{
  display: block;
  width: 100%;
}

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

.modalTitle{
  display: block;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  color:#222;
  line-height: 32px;
  float: left;
}

.modalForm{
  display: block;
  width: calc(100% + 30px);
  margin:30px 0 0;
  padding:0 22px 30px 0;
  overflow-y: scroll;
  max-height: calc(100vh - 300px);

}


.modalForm::-webkit-scrollbar{
    width: 8px;
    height:8px;
}

.modalForm::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,0.1);
    border-radius: 4px;
}

.modalForm::-webkit-scrollbar-track{
    background: rgba(0,0,0,0);
}

.bLine1{
    margin:22px 0;
    width: 100%;
    height: 1px;
    border-top:1px dashed #e0e0e0;
}

.midTitleRow{
    display: block;
    width: 100%;
/*    margin:30px 0 0;*/
}
.midTitleRow:first-child{margin:0}

.midTitle{
    font-size:17px;
    font-weight: 600;
    color:#222;
    position: relative;
    padding:0 0 0 12px;
}

.midTitle:before{
    content: "";
    display: block;
    width: 4px;
    height: 14px;
    left:0;
    top:4px;
    background: #444;
    position: absolute;
}

.midTitleRow:after{content: ""; display: block; clear: both;}
.modalForm .row:after{content: ""; display: block; clear: both;}
.modalForm .row{
    display: block;
    width: 100%;
}

.modalForm .row + .row{
    margin:17px 0 0;
}

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



.modalSubTitle + .modalForm{margin:24px 0 0;}

.modalSubTopTitle + .modalForm{margin:24px 0 0;}

.modalSubTitle +.row{margin:20px 0 0;}

.modalForm > .row{margin:20px 0 0;}

.modalForm > .row:first-child{margin:0;}


.modalTitleRow + .modalForm{margin:26px 0 0;}

.dataLabel{
  display: block;
  margin:46px 0 0;
}




.dataCol{
  display: block;
  width: 50%;
  float: left;
  /*margin:50px 0 0;*/
}

.dataCol:first-child{margin:0}

.dataCol1in2:nth-child(2n - 1){
  padding:0 22px 0 0;
}

.dataCol1in2:nth-child(2n){
  padding:0 0 0 22px;
}

.dataCol1in2:nth-child(2){margin:0}

.dataLabel:first-child{margin:0;}

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

.dataLabel >.txt{
  display: block;
  float: left;
  font-size: 15px;
  line-height: 23px;
  color:#555;
  padding:0 0 4px;
}


/*.modalForm .dataWrap .errorMessage{*/
.dataWrap .errorMessage{
  display: block;
  
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 17px;
  color:#ff2929;
  margin:5px 0 0;
  font-weight: 500;
  word-break: break-word;
  float: left;
  
}

.errorMessageType2{
  display: block;
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 17px;
  color:#ff2929;
  margin:3px 0 0;
  font-weight: 500;
  word-break: break-word;
}

.dataLabel > .star{
  display: block;
  float: left;
  width:20px;
  height:22px;
  background: url(../images/star001a.png) 3px no-repeat;
  background-size: 8px 8px;
  margin:0 0 0 2px;
}

.inputNormal.error{border:1px solid #ff2929 !important}
.inputNormal[readonly]{
  background: #f0f0f0;
  color:#777;
}

.modalButtons{
  display: block;
  width: 100%;
  text-align: center;
  margin:0px 0 0;
  line-height: 0;
  padding:15px 0 0;
  /*float: left;*/
}

.modalButtons .buttonCancel{float: left;}

.modalButtons .buttonDone {
    display: block;
    width: 100%;
    float: left;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    color:#fff !important;
    font-size: 16px;
}

.modalButtons .inside{
    width: 100%;
    display: flex;
    max-width: 500px;
    flex-wrap: wrap;
    margin:0 auto;
    column-gap:16px;
}

.modalButtons .button1in2{
  width: calc(50% - 8px) !important;
}

.modalButtons .button1in2 + .button1in2{
  float: right;
}


.modalTxt1{
  display: block;
  width: 100%;
  text-align: left;
  font-size:20px;
  line-height: 30px;
  font-weight: 700;
  color:#222;
}

.modalTxt2{
  display: block;
  width: 100%;
  text-align: left;
  font-size:16px;
  line-height: 25px;
  font-weight: 500;
  color:#555;
  word-break: break-word;
}

.modalTxt1 + .modalTxt2{margin:10px 0 0;}

.modalTxt3{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 21px;
    color: #555;
    font-weight: 400;
    word-break: break-word;
    margin:10px 0 20px;
}

.buttonCancel {
    display: block;
    padding: 0 30px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    color: #222 !important;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #E0E0E0;
}

.modalButtons .buttonDone {
    display: block;
    width: 100%;
    background: #222;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    color: #fff !important;
    font-size: 16px;
}

.dataWrap .bInput{margin-top:2px;}
.dataWrap .bInput + .bInput{
    margin-left: 17px;
}



/*로그인*/



.portaldv {
    width: 100%;
    min-width: 1280px;    
    position: relative;
    height: 100vh;
}


/* 컴포넌트 : 로그인 중앙박스 cpn-loginbox.html*/
.loginlyr {
    position: absolute;
    left: 50%;
    top:40%;
    transform: translate(-50%, -50%);
    width: 458px;
    height: 390px;
    padding: 0 42px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0, 0.1);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0, 0.1);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0, 0.1);
}
.loginlyr .title {
    padding: 35px 0 10px 0;
    text-align: center;
    color: #40414b;
    font-size: 26px;
    font-weight: 700;
}
.loginlyr .ipt {
    margin-bottom: 20px; height:100px;
}
.loginlyr .ipt li:first-child {
    margin-bottom: 12px;
}
.loginlyr .ipt input {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    text-indent: 18px;
    background: #efeff2;
    font-size: 16px;
    color: #575866;
}
.loginlyr .ipt input[type="password"] {
    font-family:'NouvelR KR', 'Pretendard', 'Noto Sans KR', Arial, sans-serif;
}
.loginlyr .btndv { 
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color:#fff !important;
    font-size: 18px;
    font-weight: 600;
    background: #222;
    border-radius: 3px;
    width: 100%;
    margin:20px 0 0;
}
.loginlyr .btn { float: unset;
    width: 100%; height:50px; line-height:50px;
}
.loginlyr .bn_lnk {
    text-align: center;
    padding-top: 3px;
}
.loginlyr .bn_lnk a {
    display: inline-block;
    vertical-align: middle;
    color: #babac0;
    font-weight: bolder;
    font-size: 14px;
}
.loginlyr .bn_lnk label {
    color: #babac0;
    font-size: 14px;
    cursor: default;
}

.loginlyr .bn_lnk input[type="checkbox"] + label {
    display: inline-block; height:17px; cursor: pointer !important;
    float: left;
    margin:20px 0 0;
background: url(../images/checkbox.png) left no-repeat; vertical-align: top; padding-left: 27px;
text-align: left;}
.loginlyr .bn_lnk input[type="checkbox"]:checked + label {display: inline-block; width:100%; height:17px;
background: url(../images/checkbox-checked.png) left no-repeat; vertical-align: top; padding-left: 27px;
text-align: left;}



.loginlyr .title {
    border: none;
}
.loginlyr .ipt input {
    border: none;
}
.loginlyr .ipt ::placeholder {
    font-weight: bold;
    color: #babac0;
}

.loginlyr .ipt:-ms-input-placeholder {
    font-weight: bold;
    color: #babac0;
}

.loginlyr .ipt ::-ms-input-placeholder {
    font-weight: bold;
    color: #babac0;
}


footer.ft1 {position:fixed;bottom:0;left:0;width:100%;height:147px;
    border-bottom:3px solid #ffeb3b;background:#333;
    width: 100%;
    min-width: 1280px;    
}
footer.ft1 .dv {position:relative;width:100%;margin:0 auto;text-align:center;}
footer.ft1 .dv .logo {position:absolute;top:58px;left:20px;
    height: 32px;
    width: 25px;
    background: url(../images/renault-w-logo.png) center no-repeat;
    background-size: 25px 32px;
}
footer.ft1 .dv .txt {position:absolute;top:44px;right:20px;color:#fff;font-size:16px;font-weight:700;}
footer.ft1 .dv .txt strong {display:block;font-size:23px;}
footer.ft1 .dv .ft {padding-top:52px;}
footer.ft1 .dv .ft .fst {margin-bottom:10px;font-size:31px;color:#fff;}
footer.ft1 .dv .lnk ul li:first-child:after {content:"|";display:inline-block;vertical-align:middle;padding:0 9px;color:#e9e9e9;}
footer.ft1 .dv .lnk ul li {display:inline-block;vertical-align:middle;}
footer.ft1 .dv .lnk ul li a {color:#e9e9e9;font-size:14px;}


.buttonToggleFilters{
    display: block;
    width: 28px;
    height: 28px;
    background: #fff url(../images/btn-prev-a124.svg) center no-repeat;
    float: right;
    border:1px solid #c0c0c0;
    margin:18px 0 0;
}

.buttonToggleFilters.active{
    transform: rotate(180deg);
}

/* 새롭게 추가 (기존 CSS 유지) */
.modalForm .row{
    display: flex; /* Flex 적용 */
    flex-wrap: wrap; /* 줄바꿈 허용 */

}

.modalForm .dataCol {
    float: none; /* float 해제 */
    display: block;
    box-sizing: border-box;
    padding: 0 11px; /* 기존 좌우 간격(22px의 절반) 유지 */
}

/* 개수별로 명시적으로 설정하여 안정적으로 적용 */
.modalForm .col-1in2 { width: 50%; }
.modalForm .col-1in3 { width: 33.333%; }
.modalForm .col-1in4 { width: 25%; }
.modalForm .col-1in5 { width: 20%; }