@charset "utf-8";

@font-face{
    font-family:Pretendard;
    src:url(../../style/fonts/Pretendard-Regular.eot);
    src:local('※'), url(../../style/fonts/Pretendard-Regular.woff) format('woff');
}
@font-face{
    font-family:PretendardL;
    src:url(../../style/fonts/Pretendard-Light.eot);
    src:local('※'), url(../../style/fonts/Pretendard-Light.woff) format('woff');
}
@font-face{
    font-family:PretendardM;
    src:url(../../style/fonts/Pretendard-Medium.eot);
    src:local('※'), url(../../style/fonts/Pretendard-Medium.woff) format('woff');
}
@font-face{
    font-family:PretendardB;
    src:url(../../style/fonts/Pretendard-Bold.eot);
    src:local('※'), url(../../style/fonts/Pretendard-Bold.woff) format('woff');
}
@font-face{
    font-family:PretendardSB;
    src:url(../../style/fonts/Pretendard-SemiBold.eot);
    src:local('※'), url(../../style/fonts/Pretendard-SemiBold.woff) format('woff');
}
@font-face{
    font-family:PretendardBl;
    src:url(../../style/fonts/Pretendard-Black.eot);
    src:local('※'), url(../../style/fonts/Pretendard-Black.woff) format('woff');
}
@font-face{
    font-family:RobotoB;
    src:url(../../style/fonts/Roboto-Bold.eot);
    src:local('※'), url(../../style/fonts/Roboto-Bold.woff) format('woff');
}


* {font-family:Pretendard; font-weight:400;}

/*안보이게 처리*/
legend, hr{position:absolute;width:1px;height:1px;border:none;text-indent:-9999px;overflow:hidden}
caption{width:0px;height:0px;text-indent:-9999px;overflow:hidden}
.skip, .blind {position:absolute;left:0;top:0;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}

.displayNone{display: none;}

/* color */
.color1{color: #000000!important;}
.color2{color: #636674!important;}
.color3{color: #003182!important;}
.color4{color: #555555!important;}
.color5{color: #4b59a1!important;}
.color6{color: #1a1a1a!important;}
.color7{color: #ffffff!important;}
.color8{color: #6e6e6e!important;}
.color9{color: #ff0000!important;}
.color10{color: #00B050!important;}
.color11{color: #4767e7!important;}

/* background-color */
.colorBg1{background-color: #3a36db!important;}
.colorBg2{background-color: #dc60ef!important;}
.colorBg3{background-color: #5aeec6!important;}
.colorBg4{background-color: #0090ff!important;}
.colorBg5{background-color: #ff0000!important;}
.colorBg6{background-color: #f6f8fa!important;}
.colorBg7{background-color: #e8e8fa!important;}

/* Magin */
.mgauto{margin:0 auto!important;}
.mgt0{margin-top:0px!important;}
.mgt5{margin-top:5px!important;}
.mgt10{margin-top:10px!important;}
.mgt15{margin-top:15px!important;}
.mgt20{margin-top:20px!important;}
.mgt25{margin-top:25px!important;}
.mgt30{margin-top:30px!important;}
.mgt35{margin-top:35px!important;}
.mgt40{margin-top:40px!important;}
.mgt50{margin-top:50px!important;}
.mgl0{margin-left:0px!important;}
.mgl5{margin-left:5px!important;}
.mgl10{margin-left:10px!important;}
.mgl15{margin-left:15px!important;}
.mgl20{margin-left:20px!important;}
.mgl25{margin-left:25px!important;}
.mgl30{margin-left:30px!important;}
.mgl35{margin-left:35px!important;}
.mgl40{margin-left:40px!important;}
.mgl50{margin-left:50px!important;}
.mgl100{margin-left:100px!important;}
.mgl150{margin-left:150px!important;}
.mgb0{margin-bottom:0px!important;}
.mgb2{margin-bottom:2px!important;}
.mgb5{margin-bottom:5px!important;}
.mgb10{margin-bottom:10px!important;}
.mgb15{margin-bottom:15px!important;}
.mgb16{margin-bottom:16px!important;}
.mgb20{margin-bottom:20px!important;}
.mgb25{margin-bottom:25px!important;}
.mgb30{margin-bottom:30px!important;}
.mgb35{margin-bottom:35px!important;}
.mgb40{margin-bottom:40px!important;}
.mgb50{margin-bottom:50px!important;}
.mgr0{margin-right:0px!important;}
.mgr5{margin-right:5px!important;}
.mgr10{margin-right:10px!important;}
.mgr15{margin-right:15px!important;}
.mgr20{margin-right:20px!important;}
.mgr25{margin-right:25px!important;}
.mgr30{margin-right:30px!important;}
.mgr35{margin-right:35px!important;}
.mgr40{margin-right:40px!important;}
.mgr50{margin-right:50px!important;}

/* Padding */
.pdt0{padding-top:0px!important;}
.pdt5{padding-top:5px!important;}
.pdt10{padding-top:10px!important;}
.pdt15{padding-top:15px!important;}
.pdt20{padding-top:20px!important;}
.pdt25{padding-top:25px!important;}
.pdt30{padding-top:30px!important;}
.pdt35{padding-top:35px!important;}
.pdt40{padding-top:40px!important;}
.pdt50{padding-top:50px!important;}
.pdl0{padding-left:0px!important;}
.pdl5{padding-left:5px!important;}
.pdl10{padding-left:10px!important;}
.pdl15{padding-left:15px!important;}
.pdl20{padding-left:20px!important;}
.pdl25{padding-left:25px!important;}
.pdl30{padding-left:30px!important;}
.pdl35{padding-left:35px!important;}
.pdl40{padding-left:40px!important;}
.pdl50{padding-left:50px!important;}
.pdb0{padding-bottom:0px!important;}
.pdb2{padding-bottom:2px!important;}
.pdb5{padding-bottom:5px!important;}
.pdb10{padding-bottom:10px!important;}
.pdb15{padding-bottom:15px!important;}
.pdb16{padding-bottom:16px!important;}
.pdb20{padding-bottom:20px!important;}
.pdb25{padding-bottom:25px!important;}
.pdb30{padding-bottom:30px!important;}
.pdb35{padding-bottom:35px!important;}
.pdb40{padding-bottom:40px!important;}
.pdb50{padding-bottom:50px!important;}
.pdr0{padding-right:0px!important;}
.pdr5{padding-right:5px!important;}
.pdr10{padding-right:10px!important;}
.pdr15{padding-right:15px!important;}
.pdr20{padding-right:20px!important;}
.pdr25{padding-right:25px!important;}
.pdr30{padding-right:30px!important;}
.pdr35{padding-right:35px!important;}
.pdr40{padding-right:40px!important;}
.pdr50{padding-right:50px!important;}

/* Align */
.alignC{text-align:center!important;}
.alignL{text-align:left!important;}
.alignR{text-align:right!important;}

.valignT{vertical-align: top!important;}
.valignM{vertical-align: middle!important;}
.valignB{vertical-align: bottom!important;}

/* float */
.fl{float: left;}
.fr{float: right;}

/* Width */
.wdAuto{width: auto!important; flex-shrink: 0;}
.wdp100{width: 100%!important;}
.wdp95{width: 95%!important;}
.wdp90{width: 90%!important;}
.wdp85{width: 85%!important;}
.wdp80{width: 80%!important;}
.wdp75{width: 75%!important;}
.wdp70{width: 70%!important;}
.wdp65{width: 65%!important;}
.wdp60{width: 60%!important;}
.wdp55{width: 55%!important;}
.wdp52{width: 52%!important;}
.wdp50{width: 50%!important;}
.wdp45{width: 45%!important;}
.wdp44{width: 44%!important;}
.wdp40{width: 40%!important;}
.wdp35{width: 35%!important;}
.wdp33{width: 33%!important;}
.wdp30{width: 30%!important;}
.wdp25{width: 25%!important;}
.wdp20{width: 20%!important;}
.wdp15{width: 15%!important;}
.wdp10{width: 10%!important;}
.wdp5{width: 5%!important;}
.wdp0{width: 0%!important;}
.wd10{width: 10px!important; flex-shrink: 0;}
.wd20{width: 20px!important; flex-shrink: 0;}
.wd30{width: 30px!important; flex-shrink: 0;}
.wd40{width: 40px!important; flex-shrink: 0;}
.wd50{width: 50px!important; flex-shrink: 0;}
.wd60{width: 60px!important; flex-shrink: 0;}
.wd70{width: 70px!important; flex-shrink: 0;}
.wd80{width: 80px!important; flex-shrink: 0;}
.wd90{width: 90px!important; flex-shrink: 0;}
.wd100{width: 100px!important; flex-shrink: 0;}
.wd120{width: 120px!important; flex-shrink: 0;}
.wd130{width: 130px!important; flex-shrink: 0;}
.wd140{width: 140px!important; flex-shrink: 0;}
.wd150{width: 150px!important; flex-shrink: 0;}
.wd160{width: 160px!important; flex-shrink: 0;}
.wd170{width: 170px!important; flex-shrink: 0;}
.wd180{width: 180px!important; flex-shrink: 0;}
.wd200{width: 200px!important; flex-shrink: 0;}
.wd250{width: 250px!important; flex-shrink: 0;}
.wd280{width: 280px!important; flex-shrink: 0;}
.wd300{width: 300px!important; flex-shrink: 0;}
.wd400{width: 400px!important; flex-shrink: 0;}
.wd420{width: 420px!important; flex-shrink: 0;}
.wd500{width: 500px!important; flex-shrink: 0;}
.wd580{width: 580px!important; flex-shrink: 0;}
.wd1057{width: 1057px!important;}

/* height */
.htp70{height: 70%!important;}
.htp80{height: 80%!important;}
.htp90{height: 90%!important;}
.htp100{height: 100%!important;}
.ht10{height: 10px!important;}
.ht15{height: 15px!important;}
.ht20{height: 20px!important;}
.ht25{height: 25px!important;}
.ht30{height: 30px!important;}
.ht35{height: 35px!important;}
.ht40{height: 40px!important;}
.ht45{height: 45px!important;}
.ht50{height: 50px!important;}
.ht55{height: 55px!important;}
.ht60{height: 60px!important;}
.ht65{height: 65px!important;}
.ht70{height: 70px!important;}
.ht75{height: 75px!important;}
.ht80{height: 80px!important;}
.ht85{height: 85px!important;}
.ht90{height: 90px!important;}
.ht95{height: 95px!important;}
.ht100{height: 100px!important;}
.ht150{height: 150px!important;}
.ht200{height: 200px!important;}
.ht220{height: 220px!important;}
.ht233{height: 233px!important;}
.ht250{height: 250px!important;}
.ht300{height: 300px!important;}
.ht310{height: 310px!important;}
.ht350{height: 350px!important;}
.ht400{height: 400px!important;}
.ht450{height: 450px!important;}
.ht500{height: 500px!important;}
.ht550{height: 550px!important;}
.ht560{height: 560px!important;}
.ht565{height: 565px!important;}
.ht570{height: 570px!important;}
.ht580{height: 580px!important;}
.ht600{height: 600px!important;}
.ht650{height: 650px!important;}
.ht700{height: 700px!important;}
.ht750{height: 750px!important;}
.ht800{height: 800px!important;}


/* max-height */
.mht100{max-height: 100px!important;}
.mht150{max-height: 150px!important;}
.mht200{max-height: 200px!important;}
.mht250{max-height: 250px!important;}
.mht300{max-height: 300px!important;}
.mht350{max-height: 350px!important;}
.mht400{max-height: 400px!important;}
.mht423{max-height: 423px!important;}
.mht450{max-height: 450px!important;}
.mht500{max-height: 500px!important;}
.mht550{max-height: 550px!important;}
.mht600{max-height: 600px!important;}
.mht745{max-height: 745px!important;}

/* Flex */
.flex{display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;}
.flexB{-webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important;}
.flexC{-webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important;}
.flexE{-webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important;}
.flexIS{-webkit-box-align: start!important; -ms-flex-align: start!important; align-items: flex-start!important;}
.flexIC{-webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important;}
.flexIE{-webkit-box-align: end!important; -ms-flex-align: end!important; align-items: flex-end!important;}
.flexNW{-webkit-box-lines: single!important; -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important;}
.flexW{-webkit-box-lines: multiple!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important;}




/* title Type */
.titleType1{font-size: 18px; font-family: PretendardB, sans-serif; color: #06152b;}
.titleType1 span{font-family: Pretendard, sans-serif;}
.titleType1 .point{color: #4767e7; font-family: inherit; font-size: inherit; margin-right: 8px;}
.titleType1 .new{vertical-align: text-top; margin-left: 8px;}
.titleType2{font-size: 15px; font-family: PretendardB, sans-serif; color: #06152b;}
.titleType3{font-size: 15px; font-family: PretendardM, sans-serif; color: #686868; position: relative; padding-left: 16px; line-height: 1.1em;}
.titleType3::after{content: ""; display: block; width: 4px; height: 4px; background-color: #3a36db; position: absolute; left: 0; top: 6px;}

/* text */
.grayText{color: #809fb8; font-size: 16px; font-family: PretendardB, sans-serif;}
.urlText1{color: #4767e7; text-decoration: underline;}
.urlText1:hover{ text-decoration: underline;}
.typeBox{display: inline-block; color: #456069; font-size: 13px; font-family: PretendardB, sans-serif; background-color: #dce3f1; padding: 2px 6px; border-radius: 6px;}
.typeBox2{display: inline-block; color: #809fb8; font-size: 13px; font-family: PretendardB, sans-serif; line-height: 1em; border-radius: 6px; border: 1px solid #d9e1e7; padding: 5px 6px;}
.ellipsis{display: block!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: inherit;}
.text1{color: #6d6d6d; font-family: PretendardM, sans-serif!important; font-size: 15px!important;}
.text2{color: #333333; font-family: PretendardSB, sans-serif!important; font-size: 16px!important;}
.text3{color: #3a36db; font-family: Pretendard, sans-serif!important; font-size: 16px!important;}
.text4{color: #9a9a9a; font-family: PretendardM, sans-serif!important; font-size: 14px!important;}
.mustText{display: inline-block; vertical-align: middle; color: #ff0000; margin: 0 4px;}
.reply{background: url(../../images/commons/reply.png) no-repeat left 6px top 4px; padding-left: 24px; display: inline-block; font-size: 15px; color: #1d1d1d;text-decoration: underline;}
.reply:hover{ text-decoration: underline;}


/* btn Type */
.btnType1{background-color: #0b254c; color: #ffffff; font-size: 16px; font-family: PretendardM, sans-serif; text-align: center; display: inline-block; min-width: 140px; height: 44px; line-height: 44px; border-radius: 16px; border: none; cursor: pointer; flex-shrink: 0;}
.btnType2{background-color: #bbc6dc; color: #ffffff; font-size: 16px; font-family: PretendardM, sans-serif; text-align: center; display: inline-block; min-width: 140px; height: 44px; line-height: 44px; border-radius: 16px; border: none; cursor: pointer; flex-shrink: 0; box-sizing: border-box; transition: all ease-in-out 0.3s;}
.btnType2:hover{background-color: #0b254c; color: #ffffff;}
.btnType3{background-color: #bbc6dc; color: #ffffff; font-size: 15px; font-family: PretendardM, sans-serif; text-align: center; display: inline-block; height: 40px; line-height: 40px; border-radius: 14px; border: none; cursor: pointer; flex-shrink: 0; padding: 0 12px; box-sizing: border-box; transition: all 0.3s; min-width: 80px;}
.btnType3:hover{background-color: #0b254c; color: #ffffff;}
.btnType4{background-color: #0b254c; color: #ffffff!important; font-size: 15px; font-family: PretendardM, sans-serif; text-align: center; display: inline-block; height: 40px; line-height: 40px; border-radius: 14px; border: none; cursor: pointer; flex-shrink: 0; padding: 0 20px; box-sizing: border-box; transition: all 0.3s; min-width: 80px;}
.btnType5{background-color: #4d4d4d; color: #ffffff; font-size: 15px; font-family: PretendardM, sans-serif; text-align: center; display: inline-block; height: 28px; line-height: 28px; border-radius: 16px; border: none; cursor: pointer; flex-shrink: 0; padding: 0 12px; box-sizing: border-box;}
.btnType6{background: #0b254c url(../../images/commons/right.png) no-repeat right 12px center; color: #ffffff; font-size: 15px; font-family: PretendardM, sans-serif; display: inline-block; height: 42px; line-height: 42px; border-radius: 18px; border: none; cursor: pointer; flex-shrink: 0; padding: 0 40px 0 16px;}
.btnType7{background: #0b254c url(../../images/commons/left.png) no-repeat left 12px center; color: #ffffff; font-size: 15px; font-family: PretendardM, sans-serif; display: inline-block; height: 42px; line-height: 42px; border-radius: 18px; border: none; cursor: pointer; flex-shrink: 0; padding: 0 16px 0 40px;}

.fileDownloadBtn{display: inline-block; color: #2d67bd; font-size: 15px; padding-left: 20px; background: url(../../images/commons/file.png) no-repeat left top; position: relative; box-sizing: border-box;}
.fileDownloadBtn::before{content: ""; display: block; width: calc(100% - 20px); height: 1px; background-color: #2d67bd; position: absolute; right: 0; bottom: -1px;}
.excelBtn{font-size: 0;}

/* input text Type */
.inputtextType1{background-color: transparent; border: 1px solid #d9e1e7; border-radius: 14px; width: 100%; height: 40px; padding: 0 12px; font-size: 15px; color: #06152b; font-family: PretendardSB, sans-serif; box-sizing: border-box; background-color: #ffffff;}
.inputtextType1::placeholder{font-size: 15px; font-family: PretendardM, sans-serif;font-style:italic; color:#c7c6c6;}
.inputtextType2{background-color: transparent; border: 1px solid #d9e1e7; border-radius: 16px; width: 100%; height: 44px; padding: 0 16px; font-size: 16px; color: #06152b; font-family: PretendardSB, sans-serif; box-sizing: border-box; background-color: #ffffff;}
.inputtextType2::placeholder{font-size: 15px; font-family: PretendardM, sans-serif;font-style:italic; color:#c7c6c6;}
.inputtextType3{background-color: transparent; border: 1px solid #d9e1e7; border-radius: 14px; width: 100%; height: 34px; padding: 0 12px; font-size: 15px; color: #06152b; font-family: PretendardSB, sans-serif; box-sizing: border-box; background-color: #ffffff;}
.inputtextType3::placeholder{font-size: 15px; font-family: PretendardM, sans-serif;font-style:italic; color:#c7c6c6;}


/* select Type */
select{-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;  /* 화살표 모양의 이미지 */ cursor: pointer;}
select::-ms-expand{display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */
/* select option:disabled{display: none;} */
select.selectType1{display: inline-block; min-width: 100px; height: 44px; line-height: 42px; padding:0 40px 0 15px; border: 1px solid #d9e1e7; border-radius: 16px; color: #06152b; font-family: PretendardM, sans-serif; font-size: 15px; background: url(../../images/commons/select1.png) no-repeat right 14px center; box-sizing: border-box; background-size: 12px; background-color: #ffffff;}

select.selectType2{display: inline-block; height: 44px; width: 100%; min-width: 160px; padding:0 32px 0 16px; border: 1px solid #d9e1e7; border-radius: 16px; color: #06152b; font-family: PretendardM, sans-serif; font-size: 16px; background: url(../../images/commons/select1.png) no-repeat right 15px center; vertical-align: top; background-size: 10px; background-color: #ffffff;}

select.selectType3{display: inline-block; height: 40px; min-width: 120px; padding:0 32px 0 16px; border: 1px solid #d9e1e7; border-radius: 14px; color: #06152b; font-family: PretendardM, sans-serif; font-size: 15px; background: url(../../images/commons/select1.png) no-repeat right 15px center; vertical-align: top; background-size: 10px; background-color: #ffffff;}



/* file */
.filebox input[type=file]{border:0;clip:rect(0 0 0 0);height:1px !important;width:1px !important;margin:-1px !important;overflow:hidden;padding:0;position:absolute !important;}
.filebox input[type=file]:focus + label .fileBtn{outline: 2px solid #000000;}
.filebox .fileBtn{margin-right: 8px;}
.filebox .upload-name{font-family: PretendardSB, sans-serif; font-size: 14px; color: #888888;}
.filebox .filedelete{opacity: 0.7; display: none; position: relative; top: 2px; left: 6px;}
.filebox.on .filedelete{display: inline-block;}
.filebox.on .fileBtn{opacity: 0.7;}


/* table */
table .twd1{width: 5%;}
table .twd2{width: 10%;}
table .twd3{width: 15%;}
table .twd4{width: 20%;}
table .twd5{width: 25%;}
table .twd6{width: 30%;}
table .twd7{width: 35%;}
table .twd8{width: 40%;}
table .twd9{width: 45%;}
table .twd10{width: 50%;}

.tableInfo{color: #06152b; font-size: 16px;}
.tableInfo .num{font-family: PretendardM, sans-serif; margin: 0 2px;}
.tableThBtn{margin-left: 4px;}

/* tableType */
.tableType1{border-radius: 16px; box-shadow: 0 0 0 1px #e0e7ec; border: 1px solid transparent; overflow: hidden; margin-bottom: 20px; table-layout: fixed;}
.tableType1 th{background-color: #f6f8fa; color: #5d7385; font-size: 16px; font-family: PretendardB, sans-serif; height: 50px; border: 1px solid #e0e7ec; text-align: center;}
.tableType1 .subTh{background-color: #ffffff; color: #809fb8; font-size: 15px; font-family: PretendardB, sans-serif; height: 40px; text-align: center;}
.tableType1 td{color: #1d1d1d; font-size: 15px; font-family: PretendardM, sans-serif; height: 50px; text-align: center; border: 1px solid #e0e7ec; padding: 4px 7px; box-sizing: border-box;}

/* td 왼쪽 정렬 */
.tableType2{border-radius: 16px; box-shadow: 0 0 0 1px #e0e7ec; border: 1px solid transparent; overflow: hidden; margin-bottom: 20px; table-layout: fixed;}
.tableType2 th{background-color: #f6f8fa; color: #5d7385; font-size: 16px; min-width: 80px; font-family: PretendardB, sans-serif; height: 50px;  border: 1px solid #e0e7ec; text-align: center;}
.tableType2 td{color: #1d1d1d; font-size: 15px; font-family: PretendardM, sans-serif; height: 50px; padding: 4px 12px; border: 1px solid #e0e7ec; text-align: left; box-sizing: border-box;}
.tableType2 .subTh{background-color: #f6f8fa; color: #809fb8; font-size: 15px; font-family: PretendardB, sans-serif; height: 40px; text-align: center;}
.tableType2 .subTh2{background-color: #ffffff; color: #809fb8; font-size: 15px; font-family: PretendardB, sans-serif; height: 40px; text-align: center;}
.tableType2 tr:last-child th{border-bottom: 0;}
.tableType2 tr:last-child td{border-bottom: 0;}

/* td 가운데 정렬*/
.tableType3{border-radius: 16px; box-shadow: 0 0 0 1px #e0e7ec; border: 1px solid transparent; overflow: hidden; margin-bottom: 20px; table-layout: fixed;}
.tableType3 th{background-color: #f6f8fa; color: #5d7385; font-size: 16px; min-width: 80px; font-family: PretendardB, sans-serif; height: 50px; border: 1px solid #e0e7ec; text-align: center;}
.tableType3 td{color: #1d1d1d; font-size: 15px; font-family: PretendardM, sans-serif; height: 50px; padding: 4px 12px; text-align: center; border: 1px solid #e0e7ec; box-sizing: border-box;}
.tableType3 .subTh{background-color: #f6f8fa; color: #809fb8; font-size: 15px; font-family: PretendardB, sans-serif; height: 40px; text-align: center;}
.tableType3 .subTh2{background-color: #ffffff; color: #809fb8; font-size: 15px; font-family: PretendardB, sans-serif; height: 40px; text-align: center;}
.tableType3 tr:last-child th{border-bottom: 0;}
.tableType3 tr:last-child td{border-bottom: 0;}

/* scrollTable */
.scrollTable{border: 1px solid #e0e7ec; border-radius: 16px; margin-bottom: 20px; scroll-behavior: smooth;  scrollbar-width: thin;}
.scrollTable::-webkit-scrollbar {width: 4px;}
.scrollTable::-webkit-scrollbar-thumb{background-color: rgba(0, 0, 0, 0.4); border-radius: 10px; background-clip: padding-box; border: 0px solid transparent;}
.scrollTable::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.2);border-radius: 10px;}
.scrollTable table{margin-bottom: 0; box-shadow: none; border-radius: 0; overflow: visible;}
.scrollTable table tr th{border-top: 0;}
.scrollTable table tr th:first-child{border-left: 0;}
.scrollTable table tr th:last-child{border-left: 0;}
.scrollTable table tr td:first-child{border-left: 0;}
.scrollTable table tr td:last-child{border-left: 0;}


/* border */
.borderright{border-right: 1px solid #e8ebf3!important;}
.bordernone{border: none!important;}
.borderrightnone{border-right: none!important;}
.borderleftnone{border-left: none!important;}

/* legend */
.legend{display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px;}
.legend li{margin-right: 8px; color: #809fb8; font-size: 11px; font-family: PretendardM, sans-serif; border: 1px solid #d9e1e7; border-radius: 6px; padding: 6px 8px 6px 6px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1;}
.legend li:last-child{margin-right: 0;}
.legend li .palette{display: inline-block; width: 11px; height: 11px; border-radius: 3px; background-color: #3a36db; margin-right: 6px;}
html[data-dark=true] .legend li{background-color: #2b3441; border-color: transparent; color: #809fb8;}

/* disabled */
.disabled{background-color: #f1f4f9!important;}

input:disabled{background-color: #f1f4f9!important; color: #5a6373;}

select:disabled{background-color: #f1f4f9!important;}

select:disabled + label{background-color: #f1f4f9!important;}

.radioType1:disabled + label .radio, .radioType2:disabled + label .radio{background-color: #f1f4f9!important;}
.radioType1:checked:disabled + label::before, .radioType2:checked:disabled + label::before{border-color: #657789!important;}
.radioType1:checked:disabled + label::after, .radioType2:checked:disabled + label::after{background-color: #657789!important;}

.checkboxType1:disabled + label::before, .checkboxType2:disabled + label::before{background-color: #f1f4f9!important;}
.checkboxType1:checked:disabled + label::before, .checkboxType2:checked:disabled + label::before{background-color: #657789!important; border-color: #657789!important;}




/* .selectType2{width: 200px; height: 35px; padding:0 15px; border: 1px solid #cdd8e8; color: #636674; font-family: Pretendard, sans-serif; font-size: 15px; border-radius: 3px; background: url(../image/drop_down_arrow.png) no-repeat right 15px center;} */









/* radio Type */
.radioType1{border:0;clip:rect(0 0 0 0);height:1px !important;width:1px !important;margin:-1px !important;overflow:hidden;padding:0; position:absolute !important;}
.radioType1 + label{position: relative; padding-left: 22px; font-size: 15px; line-height: 1.2em; margin-left: 4px; margin-right: 8px;}
.radioType1 + label::before{content: ""; display: inline-block; width: 14px; height: 14px; border-radius: 50%; background-color: #fff; border: 1px solid #d9e1e7; vertical-align: text-bottom; position: absolute; left: 0; top: 0.1em;}
.radioType1:focus + label::before{outline: 1px solid #000;}
.radioType1:checked + label::before{border-color: #0090ff;}
.radioType1:checked + label::after{content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #0090ff; position: absolute; left: 3px; top: 0.3em;}


/* .radioType2{display: none;}
.radioType2 + label .radio{display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; border: 1px solid #d9e1e7; margin: 0 5px; vertical-align: text-bottom; position: relative;}
.radioType2:checked + label .radio::after{content: ""; display: block; width: 70%; height: 70%; border-radius: 50%; background-color: #0090ff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
html[data-dark=true] .radioType2 + label .radio{background-color: #2b3441; border-color: #2b3441;}
html[data-dark=true] .radioType2:checked + label .radio{border-color: #0090ff;} */



/* chekcboxType */
.checkboxType1{border:0;clip:rect(0 0 0 0);height:1px !important;width:1px !important;margin:-1px !important;overflow:hidden;padding:0;position:absolute !important;}
.checkboxType1 + label{position: relative; font-size: 14px;}
.checkboxType1 + label::before{content: ""; display: inline-block; width: 14px; height: 14px; border-radius: 3px; background-color: transparent; border: 1px solid #d9e1e7; margin: 0 5px; vertical-align: text-bottom; background-color: #ffffff;}
.checkboxType1:focus + label::before {outline: 2px solid #000;}
.checkboxType1:checked + label::before{background: #0090ff url(../../images/commons/check.png) no-repeat center center; background-size: 85%; border-color: #0090ff;}

.checkboxType2{border:0;clip:rect(0 0 0 0);height:1px !important;width:1px !important;margin:-1px !important;overflow:hidden;padding:0;position:absolute !important;}
.checkboxType2 + label{position: relative; font-size: 15px;}
.checkboxType2 + label::before{content: "";  display: inline-block; width: 15px; height: 15px; border-radius: 3px; background-color: transparent; border: 1px solid #d9e1e7; margin: 0 5px; vertical-align: text-bottom; background-color: #ffffff;}
.checkboxType2:focus + label::before {outline: 2px solid #000;}
.checkboxType2:checked + label::before{background: #0090ff url(../../images/commons/check.png) no-repeat center center;  background-size: 85%; border-color: #0090ff;}









/* calendar Type */
.calendarType1{display: inline-block; position: relative; min-width: 150px;}
.calendarType1 input{width: 100%; height: 40px; border-radius: 14px; border: 1px solid #d9e1e7; padding: 0 8px; text-align: center; text-indent: -15px; font-size: 15px; font-family: PretendardM, sans-serif; color: #06152b; box-sizing: border-box; background-color: #ffffff;}
.calendarType1 input::placeholder{font-size: 15px; font-family: PretendardM, sans-serif; color: #9dbad0;}
.calendarType1 img{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); image-rendering: -webkit-optimize-contrast; width: 14px;}

.calendarType2{display: inline-block; position: relative; width: 100%;}
.calendarType2 input{width: 100%; height: 44px; border-radius: 14px; border: 1px solid #d9e1e7; padding: 0 8px; text-align: center; text-indent: -15px; font-size: 15px; font-family: PretendardM, sans-serif; color: #06152b; box-sizing: border-box; background-color: #ffffff;}
.calendarType2 input::placeholder{font-size: 15px; font-family: PretendardM, sans-serif; color: #9dbad0;}
.calendarType2 img{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); image-rendering: -webkit-optimize-contrast; width: 14px;}


/* 캘린터 select 박스는 외형 보이게,  캘린더 css 수정*/
.ui-datepicker-year{-webkit-appearance: button;  -moz-appearance: button; appearance: button;}
.ui-datepicker-year::-ms-expand{display: inline-block;}
.ui-datepicker-month{-webkit-appearance: button;  -moz-appearance: button; appearance: button;}
.ui-datepicker-month::-ms-expand{display: inline-block;}
.ui-datepicker .ui-datepicker-header{background-color: #eeeeee; border-color: #dddddd;}
.ui-datepicker .ui-widget-header .ui-icon {background-image: url(../../ui/jqeury-ui/images/ui-icons_444444_256x240.png);} 
.ui-datepicker .ui-datepicker-title{font-size: 15px; color: #06152b;}
.ui-datepicker .ui-datepicker-title select{width: 40%; font-size: 15px; padding: 4px; border-radius: 4px; box-sizing: border-box; font-family: Pretendard, sans-serif; margin:1px 4px; background-color: #ffffff;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin-top: -6px;}
.ui-datepicker {background-color: #ffffff;}
.ui-datepicker th{font-family: PretendardB, sans-serif;}
.ui-datepicker .ui-state-default{color: #333333; font-weight: normal; font-family: Pretendard, sans-serif; font-size: 14px;}

/* textAreaType */
.textAreaType1{width: 100%; height: 100px; resize: none; border: 1px solid #d9e1e7; border-radius: 14px; padding:12px; box-sizing: border-box;  color: #06152b;  font-family: PretendardSB,sans-serif; font-size: 15px; background-color: transparent;}

.progressBar{display:inline-block;width:134px;height:2px;margin-right:4px;vertical-align: middle;}
.progressBar .progress{display:block;height:100%;background:#00abc7}
.progressW .txt{color:#848484;font-family: PretendardM,sans-serif;font-size:12px;letter-spacing: -0.025em;}