@charset "utf-8";
/*==== reset ====*/
*{ font-family: 'Pretendard GOV', sans-serif; padding:0; margin:0; box-sizing:border-box; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
*[lang="zh"],*[lang="zh-CN"] {font-family: sans-serif !important;}
*[lang="ja"]{font-family: sans-serif !important;}

.form-input-group .form-hint-invalid { position: relative;color: #bd2c0f; font-size:1.3rem; padding:0 0 0 2rem;}
.form-input-group .form-hint-invalid::before { content: ''; gap:0.4rem;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(../../img/component/icon/ico_error_fill.svg);
  mask-image: url(../../img/component/icon/ico_error_fill.svg);
  -webkit-mask-image: none;
  mask-image: none;
  background-image: url(../../libs/krds/img/component/icon/ico_error_fill.svg);
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: none;
  mask: none;
}

.form-hint-error { position: relative;color: #bd2c0f; font-size:1.3rem; padding:0 0 0 2rem;}
.form-hint-error::before { content: ''; gap:0.4rem;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(../../img/component/icon/ico_error_fill.svg);
  mask-image: url(../../img/component/icon/ico_error_fill.svg);
  -webkit-mask-image: none;
  mask-image: none;
  background-image: url(../../libs/krds/img/component/icon/ico_error_fill.svg);
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: none;
  mask: none;
  position: absolute;top:0.2rem;left:0;
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
 padding: 1rem 0 0 0; 
}

.form-input-group [class^=form-hint]::before { position: absolute;top:0.2rem;left:0;
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
 padding: 1rem 0 0 0;  
  background-color: var(--krds-high-contrast-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(../../img/component/icon/ico_information.svg);
  mask-image: url(../../img/component/icon/ico_information.svg);
     background-image: url(../../libs/krds/img/component/icon/ico_error_fill.svg);
     background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
     -webkit-mask-image: none;
  mask-image: none;
}

iframe { border: 0;}
fieldset,img { border:0 none;}
dl, ul, ol, menu, li { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
input, select, textarea, button { font-size:100%; vertical-align: middle;}
button { border:0 none; background-color: transparent; cursor: pointer;}
table { border-collapse: collapse; border-spacing: 0;}
b, strong { font-weight: 700;}
input[type='submit'], input[type='search'], input[type='radio'], input[type='checkbox'] { cursor: pointer;}
input[data-type='number'] {text-align: right;}

textarea:disabled {background: #d5d8db;color:#6D7882;border:#B1B8BE solid 0.1rem;}
select:disabled {background: #CDD1D5; opacity: 0.8; color:#6D7882;border:#B1B8BE solid 0.1rem; cursor: not-allowed;background-image:url("../../img/component/icon/ico_angle.svg"); background-repeat:no-repeat; background-position: center right 1.6rem;/* appearance: auto;-webkit-appearance: auto;*/}
button:disabled {background: #CDD1D5; color:#6D7882;}
button:disabled:hover {box-shadow:none;}
th, td { word-break: keep-all; box-sizing: border-box;}
input[type="text"]:disabled { background-color: #eee;}
input[readonly="readonly"] { background-color: #eee;}

p{ word-wrap: break-word; word-break:keep-all;}

select:disabled { background-color: #eee;}
a { text-decoration: none;cursor: pointer;}
a:active, a:hover { text-decoration: none;}
/*a:focus{outline:0.1rem auto rgba(151, 22, 180, 0.08);}*/
a:focus, button:focus, input:focus, textarea:focus, select:focus{/* border-color: #500e6a; outline:0.2rem dashed #500e6a;*/ outline:0.1rem dotted #6D7882;} 

address,caption,legend,cite,code,dfn,em,var { font-style:normal; font-weight:normal;}
textarea{ resize: none;}
caption, legend { position: absolute; left:-10000px; top:auto; width:0.1rem; height:0.1rem; overflow:hidden; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important;}

table{table-layout:fixed; width:auto; min-width:100%; border-collapse:collapse; border-spacing:0}

.scroll-no { overflow: hidden;} 

.offscreen {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* float --------------------------*/
.fl-left { float: left !important;}
.fl-right { float: right !important;}
.fl-none{float:none!important}
.clear{ display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.clearFix:after{ content: ""; clear:both;  padding: 0; margin: 0; width: 0; height: 0; font-size: 0; line-height: 0; display: block;}

/* display --------------------------*/
.dis-in { display: inline-block !important;}
.dis-bl { display: block !important;}
.dis_inline{display:inline !important;}

/* text --------------------------*/
/* align */
.textl { text-align: left !important;}
.textr { text-align: right !important;}
.textc { text-align: center !important;}

/* ellipsis --- */
.row01-crop{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.row02-crop{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.row03-crop{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}


/* vertical-align*/
.ver-mi{vertical-align: middle !important;}
.ver-tp{vertical-align: top !important;}
.ver-bt{vertical-align: bottom !important;}

/* notice */
.notice-text { color: #ff451a;}
.note-text { position: absolute; display: inline-block; color: #555; vertical-align: middle;}
.noti-txt01{padding-top: 0.7rem; padding-left: 1rem; font-size: 1.4rem; color: #ff451a;}

/* notice */
.notice-text-step { color: #ff451a;}

/* input --------------------------*/
input[type=text] { padding: 0.2rem;}
input[type=text].right { text-align: right;}

/* margin --------------------------*/
.mgt-small { margin-top: 1rem !important;}
.mgt-middle { margin-top: 4rem !important;}
.mgt-no { margin-top: 0 !important;}
.mgt-5 { margin-top: 0.5rem !important;}
.mgt-10 { margin-top: 1rem !important;}
.mgt-20 { margin-top: 2rem !important;}
.mgl-5 { margin-left: 0.5rem !important;}
.mgl-10 { margin-left: 1rem !important;}
.mgr-15 { margin-right: 1.5rem !important;}
.mgb-0 { margin-bottom: 0 !important;}
.mgb-10 { margin-bottom: 1rem !important;}
.mgb-20 { margin-bottom: 2rem !important;}
.mg-ntop { margin-top: -.3rem !important; margin-left: 1rem !important;}

/* width 값 뒤에 붙는 마진 10*/
.mgl-w145 { margin-left: 15.5rem !important;} /* w145 뒤에 붙는 마진 left 10 */
.mgl-w200 { margin-left: 21rem !important;} /* w200 뒤에 붙는 마진 left 10 */
.mgl-w300 { margin-left: 31rem !important;} /* w300 뒤에 붙는 마진 left 10 */
.mgl-w400 { margin-left: 41rem !important;} /* w400 뒤에 붙는 마진 left 10 */
.mgl-wmd { margin-left: 25rem !important;} /* 다중(input, button) 뒤에 붙는 마진 left 10 */

/*margin값 정리*/
.mg-0{margin: 0 !important}
.mg-5{margin: 0.5rem !important}
.mg-10{margin: 1rem !important}
.mg-15{margin: 1.5rem !important}
.mg-20{margin: 2rem !important}
.mg-25{margin: 2.5rem !important}
.mg-30{margin: 3rem !important}
.mg-35{margin: 3.5rem !important}
.mg-40{margin: 4rem !important}
.mg-45{margin: 4.5rem !important}
.mg-50{margin: 5rem !important}
.mg-55{margin: 5.5rem !important}
.mg-60{margin: 6rem !important}
.mg-65{margin: 6.5rem !important}
.mg-70{margin: 7rem !important}
.mg-75{margin: 7.5rem !important}
.mg-80{margin: 8rem !important}
.mg-85{margin: 8.5rem !important}
.mg-90{margin: 9rem !important}
.mg-95{margin: 9.5rem !important}
.mg-100{margin: 10rem !important}

.mgt-0{margin-top: 0 !important}
.mgt-1{margin-top: 0.1rem !important}
.mgt-2{margin-top: 0.2rem !important}
.mgt-3{margin-top: 0.3rem !important}
.mgt-4{margin-top: 0.4rem !important}
.mgt-5 { margin-top: 0.5rem !important;}
.mgt-6{margin-top: 0.6rem !important}
.mgt-7{margin-top: 0.7rem !important}
.mgt-8{margin-top: 0.8rem !important}
.mgt-9{margin-top: 0.9rem !important}
.mgt-10 { margin-top: 1rem !important;}
.mgt-11{margin-top: 1.1rem !important}
.mgt-12{margin-top: 1.2rem !important}
.mgt-13{margin-top: 1.3rem !important}
.mgt-14{margin-top: 1.4rem !important}
.mgt-15{ margin-top: 1.5rem !important;}
.mgt-16{margin-top: 1.6rem !important}
.mgt-17{margin-top: 1.7rem !important}
.mgt-18{margin-top: 1.8rem !important}
.mgt-19{margin-top: 1.9rem !important}
.mgt-20 { margin-top: 2rem !important;}
.mgt-25{ margin-top: 2.5rem !important;}
.mgt-30 { margin-top: 3rem !important;}
.mgt-35{ margin-top: 3.5rem !important;}
.mgt-40 { margin-top: 4rem !important;}
.mgt-45{ margin-top: 4.5rem !important;}
.mgt-50 { margin-top: 5rem !important;}
.mgt-55{ margin-top: 5.5rem !important;}
.mgt-60 { margin-top: 6rem !important;}
.mgt-65{ margin-top: 6.5rem !important;}
.mgt-70 { margin-top: 7rem !important;}
.mgt-75{ margin-top: 7.5rem !important;}
.mgt-80 { margin-top: 8rem !important;}
.mgt-85{ margin-top: 8.5rem !important;}
.mgt-90 { margin-top: 9rem !important;}
.mgt-95{ margin-top: 9.5rem !important;}
.mgt-100 { margin-top: 10rem !important;}

.mgr-0{margin-right: 0 !important}
.mgr-1{margin-right: 0.1rem !important}
.mgr-2{margin-right: 0.2rem !important}
.mgr-3{margin-right: 0.3rem !important}
.mgr-4{margin-right: 0.4rem !important}
.mgr-5 { margin-right: 0.5rem !important;}
.mgr-6{margin-right: 0.6rem !important}
.mgr-7{margin-right: 0.7rem !important}
.mgr-8{margin-right: 0.8rem !important}
.mgr-9{margin-right: 0.9rem !important}
.mgr-10 { margin-right: 1rem !important;}
.mgr-11{margin-right: 1.1rem !important}
.mgr-12{margin-right: 1.2rem !important}
.mgr-13{margin-right: 1.3rem !important}
.mgr-14{margin-right: 1.4rem !important}
.mgr-15{ margin-right: 1.5rem !important;}
.mgr-16{margin-right: 1.6rem !important}
.mgr-17{margin-right: 1.7rem !important}
.mgr-18{margin-right: 1.8rem !important}
.mgr-19{margin-right: 1.9rem !important}
.mgr-20 { margin-right: 2rem !important;}
.mgr-25{ margin-right: 2.5rem !important;}
.mgr-30 { margin-right: 3rem !important;}
.mgr-35{ margin-right: 3.5rem !important;}
.mgr-40 { margin-right: 4rem !important;}
.mgr-45{ margin-right: 4.5rem !important;}
.mgr-50 { margin-right: 5rem !important;}
.mgr-55{ margin-right: 5.5rem !important;}
.mgr-60 { margin-right: 6rem !important;}
.mgr-65{ margin-right: 6.5rem !important;}
.mgr-70 { margin-right: 7rem !important;}
.mgr-75{ margin-right: 7.5rem !important;}
.mgr-80 { margin-right: 8rem !important;}
.mgr-85{ margin-right: 8.5rem !important;}
.mgr-90 { margin-right: 9rem !important;}
.mgr-95{ margin-right: 9.5rem !important;}
.mgr-100 { margin-right: 10rem !important;}

.mgb-0{margin-bottom: 0 !important}
.mgb-1{margin-bottom: 0.1rem !important}
.mgb-2{margin-bottom: 0.2rem !important}
.mgb-3{margin-bottom: 0.3rem !important}
.mgb-4{margin-bottom: 0.4rem !important}
.mgb-5 { margin-bottom: 0.5rem !important;}
.mgb-6{margin-bottom: 0.6rem !important}
.mgb-7{margin-bottom: 0.7rem !important}
.mgb-8{margin-bottom: 0.8rem !important}
.mgb-9{margin-bottom: 0.9rem !important}
.mgb-10 { margin-bottom: 1rem !important;}
.mgb-11{margin-bottom: 1.1rem !important}
.mgb-12{margin-bottom: 1.2rem !important}
.mgb-13{margin-bottom: 1.3rem !important}
.mgb-14{margin-bottom: 1.4rem !important}
.mgb-15{ margin-bottom: 1.5rem !important;}
.mgb-16{margin-bottom: 1.6rem !important}
.mgb-17{margin-bottom: 1.7rem !important}
.mgb-18{margin-bottom: 1.8rem !important}
.mgb-19{margin-bottom: 1.9rem !important}
.mgb-20 { margin-bottom: 2rem !important;}
.mgb-25{ margin-bottom: 2.5rem !important;}
.mgb-30 { margin-bottom: 3rem !important;}
.mgb-35{ margin-bottom: 3.5rem !important;}
.mgb-40 { margin-bottom: 4rem !important;}
.mgb-45{ margin-bottom: 4.5rem !important;}
.mgb-50 { margin-bottom: 5rem !important;}
.mgb-55{ margin-bottom: 5.5rem !important;}
.mgb-60 { margin-bottom: 6rem !important;}
.mgb-65{ margin-bottom: 6.5rem !important;}
.mgb-70 { margin-bottom: 7rem !important;}
.mgb-75{ margin-bottom: 7.5rem !important;}
.mgb-80 { margin-bottom: 8rem !important;}
.mgb-85{ margin-bottom: 8.5rem !important;}
.mgb-90 { margin-bottom: 9rem !important;}
.mgb-95{ margin-bottom: 9.5rem !important;}
.mgb-100 { margin-bottom: 10rem !important;}

.mgl-0{margin-left: 0 !important}
.mgl-1{margin-left: 0.1rem !important}
.mgl-2{margin-left: 0.2rem !important}
.mgl-3{margin-left: 0.3rem !important}
.mgl-4{margin-left: 0.4rem !important}
.mgl-5 { margin-left: 0.5rem !important;}
.mgl-6{margin-left: 0.6rem !important}
.mgl-7{margin-left: 0.7rem !important}
.mgl-8{margin-left: 0.8rem !important}
.mgl-9{margin-left: 0.9rem !important}
.mgl-10 { margin-left: 1rem !important;}
.mgl-11{margin-left: 1.1rem !important}
.mgl-12{margin-left: 1.2rem !important}
.mgl-13{margin-left: 1.3rem !important}
.mgl-14{margin-left: 1.4rem !important}
.mgl-15{ margin-left: 1.5rem !important;}
.mgl-16{margin-left: 1.6rem !important}
.mgl-17{margin-left: 1.7rem !important}
.mgl-18{margin-left: 1.8rem !important}
.mgl-19{margin-left: 1.9rem !important}
.mgl-20 { margin-left: 2rem !important;}
.mgl-25{ margin-left: 2.5rem !important;}
.mgl-30 { margin-left: 3rem !important;}
.mgl-35{ margin-left: 3.5rem !important;}
.mgl-40 { margin-left: 4rem !important;}
.mgl-45{ margin-left: 4.5rem !important;}
.mgl-50 { margin-left: 5rem !important;}
.mgl-55{ margin-left: 5.5rem !important;}
.mgl-60 { margin-left: 6rem !important;}
.mgl-65{ margin-left: 6.5rem !important;}
.mgl-70 { margin-left: 7rem !important;}
.mgl-75{ margin-left: 7.5rem !important;}
.mgl-80 { margin-left: 8rem !important;}
.mgl-85{ margin-left: 8.5rem !important;}
.mgl-90 { margin-left: 9rem !important;}
.mgl-95{ margin-left: 9.5rem !important;}
.mgl-100 { margin-left: 10rem !important;}


/* padding --------------------------*/
.pdr-5 { padding-right: 0.5rem !important;}
.pdr-10 { padding-right: 1rem !important;}
.pdl-center { padding-left: 17rem !important}
.pdt-5 { padding-top: 0.5rem !important;}
.pdt-10 { padding-top: 1rem !important;}
.pdt-15 { padding-top: 1.5rem !important;}
.pdt-20 { padding-top: 2rem !important;}
.pdt-30 { padding-top: 3rem !important;}
.pdl-5 { padding-left: 0.5rem !important;}
.pdl-10 { padding-left: 1rem !important;}
.pdl-15 { padding-left: 1.5rem !important;}
.pdl-25 { padding-left: 2.5rem !important;}
.pdr-30 { padding-right: 3rem !important;}
.pdb-10 { padding-bottom: 1rem !important;}
.pdb-5 { padding-bottom: 0.5rem !important;}
.pdb-0 { padding-bottom: 0 !important;}
.pdtb-0 { padding: 0 !important;}
.pdtb-3 { padding: 0.3rem .5rem !important;}
.pdtb-20 { padding: 2rem 0 !important;}
.pdtb-15 { padding-top: 1.5rem; padding-bottom: 1.5rem;}
.pdtb-10 { padding-top: 1rem; padding-bottom: 1rem;}
.pdtb-5 { padding-top: 0.5rem; padding-bottom: 0.5rem;}

.pd-0{padding: 0 !important}
.pd-5{padding: 0.5rem !important}
.pd-10{padding: 1rem !important}
.pd-15{padding: 1.5rem !important}
.pd-20{padding: 2rem !important}
.pd-25{padding: 2.5rem !important}
.pd-30{padding: 3rem !important}
.pd-35{padding: 3.5rem !important}
.pd-40{padding: 4rem !important}
.pd-45{padding: 4.5rem !important}
.pd-50{padding: 5rem !important}
.pd-55{padding: 5.5rem !important}
.pd-60{padding: 6rem !important}
.pd-65{padding: 6.5rem !important}
.pd-70{padding: 7rem !important}
.pd-75{padding: 7.5rem !important}
.pd-80{padding: 8rem !important}
.pd-85{padding: 8.5rem !important}
.pd-90{padding: 9rem !important}
.pd-95{padding: 9.5rem !important}
.pd-100{padding: 10rem !important}

.pdtb-0{padding: 0 0 !important}
.pdtb-5{padding: 0.5rem 0 !important}
.pdtb-10{padding: 1rem 0 !important}
.pdtb-15{padding: 1.5rem 0 !important}
.pdtb-20{padding: 2rem 0 !important}
.pdtb-25{padding: 2.5rem 0 !important}
.pdtb-30{padding: 3rem 0 !important}
.pdtb-35{padding: 3.5rem 0 !important}
.pdtb-40{padding: 4rem 0 !important}
.pdtb-45{padding: 4.5rem 0 !important}
.pdtb-50{padding: 5rem 0 !important}
.pdtb-55{padding: 5.5rem 0 !important}
.pdtb-60{padding: 6rem 0 !important}
.pdtb-65{padding: 6.5rem 0 !important}
.pdtb-70{padding: 7rem 0 !important}
.pdtb-75{padding: 7.5rem 0 !important}
.pdtb-80{padding: 8rem 0 !important}
.pdtb-85{padding: 8.5rem 0 !important}
.pdtb-90{padding: 9rem 0 !important}
.pdtb-95{padding: 9.5rem 0 !important}
.pdtb-100{padding: 10rem 0 !important}

.pdrl-0{padding: 0 0 !important}
.pdrl-5{padding: 0 .5rem !important}
.pdrl-10{padding: 0 1rem !important}
.pdrl-15{padding: 0 1.5rem !important}
.pdrl-20{padding: 0 2rem !important}
.pdrl-25{padding: 0 2.5rem !important}
.pdrl-30{padding: 0 3rem !important}
.pdrl-35{padding: 0 3.5rem !important}
.pdrl-40{padding: 0 4rem !important}
.pdrl-45{padding: 0 4.5rem !important}
.pdrl-50{padding: 0 5rem !important}
.pdrl-55{padding: 0 5.5rem !important}
.pdrl-60{padding: 0 6rem !important}
.pdrl-65{padding: 0 6.5rem !important}
.pdrl-70{padding: 0 7rem !important}
.pdrl-75{padding: 0 7.5rem !important}
.pdrl-80{padding: 0 8rem !important}
.pdrl-85{padding: 0 8.5rem !important}
.pdrl-90{padding: 0 9rem !important}
.pdrl-95{padding: 0 9.5rem !important}
.pdrl-100{padding: 0 10rem !important}

.pdt-1{padding-top: 0.1rem !important}
.pdt-2{padding-top: 0.2rem !important}
.pdt-3{padding-top: 0.3rem !important}
.pdt-4{padding-top: 0.4rem !important}
.pdt-5 { padding-top: 0.5rem !important;}
.pdt-6{padding-top: 0.6rem !important}
.pdt-7{padding-top: 0.7rem !important}
.pdt-8{padding-top: 0.8rem !important}
.pdt-9{padding-top: 0.9rem !important}
.pdt-10 { padding-top: 1rem !important;}
.pdt-11{padding-top: 1.1rem !important}
.pdt-12{padding-top: 1.2rem !important}
.pdt-13{padding-top: 1.3rem !important}
.pdt-14{padding-top: 1.4rem !important}
.pdt-15{ padding-top: 1.5rem !important;}
.pdt-16{padding-top: 1.6rem !important}
.pdt-17{padding-top: 1.7rem !important}
.pdt-18{padding-top: 1.8rem !important}
.pdt-19{padding-top: 1.9rem !important}
.pdt-20 { padding-top: 2rem !important;}
.pdt-25{ padding-top: 2.5rem !important;}
.pdt-30 { padding-top: 3rem !important;}
.pdt-35{ padding-top: 3.5rem !important;}
.pdt-40 { padding-top: 4rem !important;}
.pdt-45{ padding-top: 4.5rem !important;}
.pdt-50 { padding-top: 5rem !important;}
.pdt-55{ padding-top: 5.5rem !important;}
.pdt-60 { padding-top: 6rem !important;}
.pdt-65{ padding-top: 6.5rem !important;}
.pdt-70 { padding-top: 7rem !important;}
.pdt-75{ padding-top: 7.5rem !important;}
.pdt-80 { padding-top: 8rem !important;}
.pdt-85{ padding-top: 8.5rem !important;}
.pdt-90 { padding-top: 9rem !important;}
.pdt-95{ padding-top: 9.5rem !important;}
.pdt-100 { padding-top: 10rem !important;}


.pdr-1{padding-right: 0.1rem !important}
.pdr-2{padding-right: 0.2rem !important}
.pdr-3{padding-right: 0.3rem !important}
.pdr-4{padding-right: 0.4rem !important}
.pdr-5 { padding-right: 0.5rem !important;}
.pdr-6{padding-right: 0.6rem !important}
.pdr-7{padding-right: 0.7rem !important}
.pdr-8{padding-right: 0.8rem !important}
.pdr-9{padding-right: 0.9rem !important}
.pdr-10 { padding-right: 1rem !important;}
.pdr-11{padding-right: 1.1rem !important}
.pdr-12{padding-right: 1.2rem !important}
.pdr-13{padding-right: 1.3rem !important}
.pdr-14{padding-right: 1.4rem !important}
.pdr-15{ padding-right: 1.5rem !important;}
.pdr-16{padding-right: 1.6rem !important}
.pdr-17{padding-right: 1.7rem !important}
.pdr-18{padding-right: 1.8rem !important}
.pdr-19{padding-right: 1.9rem !important}
.pdr-20 { padding-right: 2rem !important;}
.pdr-25{ padding-right: 2.5rem !important;}
.pdr-30 { padding-right: 3rem !important;}
.pdr-35{ padding-right: 3.5rem !important;}
.pdr-40 { padding-right: 4rem !important;}
.pdr-45{ padding-right: 4.5rem !important;}
.pdr-50 { padding-right: 5rem !important;}
.pdr-55{ padding-right: 5.5rem !important;}
.pdr-60 { padding-right: 6rem !important;}
.pdr-65{ padding-right: 6.5rem !important;}
.pdr-70 { padding-right: 7rem !important;}
.pdr-75{ padding-right: 7.5rem !important;}
.pdr-80 { padding-right: 8rem !important;}
.pdr-85{ padding-right: 8.5rem !important;}
.pdr-90 { padding-right: 9rem !important;}
.pdr-95{ padding-right: 9.5rem !important;}
.pdr-100 { padding-right: 10rem !important;}


.pdb-1{padding-bottom: 0.1rem !important}
.pdb-2{padding-bottom: 0.2rem !important}
.pdb-3{padding-bottom: 0.3rem !important}
.pdb-4{padding-bottom: 0.4rem !important}
.pdb-5 { padding-bottom: 0.5rem !important;}
.pdb-6{padding-bottom: 0.6rem !important}
.pdb-7{padding-bottom: 0.7rem !important}
.pdb-8{padding-bottom: 0.8rem !important}
.pdb-9{padding-bottom: 0.9rem !important}
.pdb-10 { padding-bottom: 1rem !important;}
.pdb-11{padding-bottom: 1.1rem !important}
.pdb-12{padding-bottom: 1.2rem !important}
.pdb-13{padding-bottom: 1.3rem !important}
.pdb-14{padding-bottom: 1.4rem !important}
.pdb-15{ padding-bottom: 1.5rem !important;}
.pdb-16{padding-bottom: 1.6rem !important}
.pdb-17{padding-bottom: 1.7rem !important}
.pdb-18{padding-bottom: 1.8rem !important}
.pdb-19{padding-bottom: 1.9rem !important}
.pdb-20 { padding-bottom: 2rem !important;}
.pdb-25{ padding-bottom: 2.5rem !important;}
.pdb-30 { padding-bottom: 3rem !important;}
.pdb-35{ padding-bottom: 3.5rem !important;}
.pdb-40 { padding-bottom: 4rem !important;}
.pdb-45{ padding-bottom: 4.5rem !important;}
.pdb-50 { padding-bottom: 5rem !important;}
.pdb-55{ padding-bottom: 5.5rem !important;}
.pdb-60 { padding-bottom: 6rem !important;}
.pdb-65{ padding-bottom: 6.5rem !important;}
.pdb-70 { padding-bottom: 7rem !important;}
.pdb-75{ padding-bottom: 7.5rem !important;}
.pdb-80 { padding-bottom: 8rem !important;}
.pdb-85{ padding-bottom: 8.5rem !important;}
.pdb-90 { padding-bottom: 9rem !important;}
.pdb-95{ padding-bottom: 9.5rem !important;}
.pdb-100 { padding-bottom: 10rem !important;}

.pdl-1{padding-left: 0.1rem !important}
.pdl-2{padding-left: 0.2rem !important}
.pdl-3{padding-left: 0.3rem !important}
.pdl-4{padding-left: 0.4rem !important}
.pdl-5 { padding-left: 0.5rem !important;}
.pdl-6{padding-left: 0.6rem !important}
.pdl-7{padding-left: 0.7rem !important}
.pdl-8{padding-left: 0.8rem !important}
.pdl-9{padding-left: 0.9rem !important}
.pdl-10 { padding-left: 1rem !important;}
.pdl-11{padding-left: 1.1rem !important}
.pdl-12{padding-left: 1.2rem !important}
.pdl-13{padding-left: 1.3rem !important}
.pdl-14{padding-left: 1.4rem !important}
.pdl-15{ padding-left: 1.5rem !important;}
.pdl-16{padding-left: 1.6rem !important}
.pdl-17{padding-left: 1.7rem !important}
.pdl-18{padding-left: 1.8rem !important}
.pdl-19{padding-left: 1.9rem !important}
.pdl-20 { padding-left: 2rem !important;}
.pdl-25{ padding-left: 2.5rem !important;}
.pdl-30 { padding-left: 3rem !important;}
.pdl-35{ padding-left: 3.5rem !important;}
.pdl-40 { padding-left: 4rem !important;}
.pdl-45{ padding-left: 4.5rem !important;}
.pdl-50 { padding-left: 5rem !important;}
.pdl-55{ padding-left: 5.5rem !important;}
.pdl-60 { padding-left: 6rem !important;}
.pdl-65{ padding-left: 6.5rem !important;}
.pdl-70 { padding-left: 7rem !important;}
.pdl-75{ padding-left: 7.5rem !important;}
.pdl-80 { padding-left: 8rem !important;}
.pdl-85{ padding-left: 8.5rem !important;}
.pdl-90 { padding-left: 9rem !important;}
.pdl-95{ padding-left: 9.5rem !important;}
.pdl-100 { padding-left: 10rem !important;}

/* background-color ------------------*/
.bg-colorf7{background-color: #f7f7f7}
.bg-colorff{background-color: #ffffff}
.bd-colord7{border: 0.1rem solid #d7d7d7;}

/* text color ------------------------*/
.red { color: #dc0032;}
.org { color: #ff451a;}
.wte { color: #fff !important;}
.co_blue {color:#004d97}
.co_blue2 {color:#4b96e6 !important; } /* blue */
.co_red2 {color:#ed2a11 !important; } /* red */
.co_org2 {color:#fb8060 !important; } /* orange */
.co_yellow {color:#fbcf60 !important; } /* yellow */
.co_green {color:#009688 !important; } /* green */
.co_purple {color:#6b1d7a  !important; } /* pupple */
.co_purple2  {color:#850699 !important; } /* pupple2 */
.co_gray {color:#666 !important; } /*gray */
.co_gray2 {color:#555 !important; } /*gray */

/* bold 진하게 */
.bold4{font-weight:400 !important;}
.bold5{font-weight:500 !important;}
.bold6{font-weight:600 !important;}
.bold7{font-weight:700 !important;}
.bold9{font-weight:900 !important;}

/* privacy test color */
.priv { color: #be343a !important;}

/* font size ------------------------*/
.f10{font-size:1rem !important; }
.f11{font-size:1.1rem !important; }
.f12{font-size:1.2rem !important; }
.f13 { font-size: 1.3rem !important;}
.f14 { font-size: 1.4rem !important;}
.f15 { font-size: 1.5rem !important;}
.f16 { font-size: 1.6rem !important;}
.f17 { font-size: 1.7rem !important;}
.f18{font-size:1.8rem !important; }
.f20 { font-size: 2rem !important;}
.f22{font-size:2.2rem !important; }
.f24{font-size:2.4rem !important; }

/* width -----------------------------*/
.w70 { width: 7rem !important;}
.w85 { width: 8.5rem !important;}
.w95 { width: 9.5rem !important;}
.w120 { width: 12rem !important;}
.w145 { width: 14.5rem !important;}
.w200 { width: 20rem !important;}
.w290 { width: 29rem !important;}
.w300 { width: 30rem !important;}
.w400 { width: 40rem !important;}
.w500 { width: 50rem !important;}
.w100per { width: 100% !important;}
.w95per { width: 95% !important;}
.w90per { width: 90% !important;}
.w85per { width: 85% !important;}
.w80per { width: 80% !important;}
.w70per { width: 70% !important;}
.w60per { width: 60% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}
.w15per { width: 15% !important;}
.w25per { width: 25% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}

/* 2020-07-16 width-percent 스타일 추가 */
.wpct1 {width:1% !important; }
.wpct2 {width:2% !important; }
.wpct3 {width:3% !important; }
.wpct4 {width:4% !important; }
.wpct5 {width:5% !important; }
.wpct6 {width:6% !important; }
.wwpct7 {width:7% !important; }
.wpct8 {width:8% !important; }
.wpct9 {width:9% !important; }
.wpct10 {width:10% !important; }
.wpct11 {width:11% !important; }
.wpct12 {width:12% !important; }
.wpct13 {width:13% !important; }
.wpct14 {width:14% !important; }
.wwpct15 {width:15% !important; }
.wpct16 {width:16% !important; }
.wpct17 {width:17% !important; }
.wpct18 {width:18% !important; }
.wpct19 {width:19% !important; }
.wpct20 {width:20% !important; }
.wpct21 {width:21% !important; }
.wpct22 {width:22% !important; }
.wpct23 {width:23% !important; }
.wpct24 {width:24% !important; }
.wpct25 {width:25% !important; }
.wpct26 {width:26% !important; }
.wpct27 {width:27% !important; }
.wpct28 {width:28% !important; }
.wpct29 {width:29% !important; }
.wpct30 {width:30% !important; }
.wpct33 {width:33% !important; }
.wpct34 {width:33% !important; }
.wpct35 {width:35% !important; }
.wpct40 {width:40% !important; }
.wpct45 {width:45% !important; }
.wpct50 {width:50% !important; }
.wpct55 {width:55% !important; }
.wpct60 {width:60% !important; }
.wpct65 {width:65% !important; }
.wpct70 {width:70% !important; }
.wpct75 {width:75% !important; }
.wpct80 {width:80% !important; }
.wpct85 {width:85% !important; }
.wpct90 {width:90% !important; }
.wpct95 {width:95% !important; }
.wpct96 {width:96% !important; }
.wpct98 {width:98% !important; }
.wpct100 {width:100% !important; }

/* 2020-10-23 width-px 스타일 추가 */
.wd28 {width:2.8rem !important; }
.wd50 {width:5rem !important; }
.wd60 {width:6rem !important; }
.wd70 {width:7rem !important; }
.wd80 {width:8rem !important; }
.wd90 {width:9rem !important; }
.wd95 {width:9.5rem !important; }
.wd100 {width:10rem !important; }
.wd105 {width:10.5rem !important; }
.wd110 {width:11rem !important; }
.wd115 {width:11.5rem !important; }
.wd120 {width:12rem !important; }
.wd125 {width:12.5rem !important; }
.wd130 {width:13rem !important; }
.wd135 {width:13.5rem !important; }
.wd140 {width:14rem !important; }
.wd145 {width:14.5rem !important; }
.wd150 {width:15rem !important; }
.wd155 {width:15.5rem !important; }
.wd160 {width:16rem !important; }
.wd165 {width:16.5rem !important; }
.wd170 {width:17rem !important; }
.wd180 {width:18rem !important; }
.wd190 {width:19rem !important; }
.wd200 {width:20rem !important; }
.wd250 {width:25rem !important; }

/*높이지정*/
.blank05 {height:0.5rem !important; }
.blank10 {height:1rem !important; }
.blank15 {height:1.5rem !important; }
.blank20 {height:2rem !important; }
.blank25 {height:2.5rem !important; }
.blank30 {height:3rem !important; }
.blank40 {height:4rem !important; }
.blank50 {height:5rem !important; }


.hei10{height:1rem !important; }
.hei20{height:2rem !important; }
.hei28{height:2.8rem !important; }
.hei30{height:3rem !important; }
.hei40{height:4rem !important; }
.hei50{height:5rem !important; }
.hei60{height:6rem !important; }
.hei70{height:7rem !important; }
.hei80{height:8rem !important; }
.hei90{height:9rem !important; }
.hei100{height:10rem !important; }
.hei200{height:20rem !important; }
.hei220{height:22rem !important; }
.hei230{height:23rem !important; }
.hei240{height:24rem !important; }
.hei250{height:25rem !important; }
.hei300{height:30rem !important; }

.bdt2{border-top-width: 0.2rem !important}
.bdr2{border-right-width: 0.2rem !important}
.bdb2{border-bottom-width:0.2rem !important}
.bdl2{border-left-width: 0.2rem !important}