/* ===== COMMON ===== */
.center {margin: 0 auto;}
.relative {position: relative;}
caption {visibility:hidden; font-size:0; width:0; height:0; overflow:hidden; line-height:0px;}

.no_sign::before {content: ""!important; position: relative !important; margin-right: 0 !important;}

/* wrap */

.wrap {width:100%; overflow:hidden; font-weight:500; }
.container {margin:0 auto; width:1110px;}
.contain {margin:0 auto; width:800px;}

/* TEXT COLOR */
.txt_white {color:#ffffff !important;} /* White */

.txt_blue {color:#36419D !important;} /* Symbol Blue */
.txt_dblue {color:#002F81 !important;} /* Symbol Blue */

.txt_black1 {color:#111 !important;} /* Black 111 */
.txt_black2 {color:#222 !important;} /* Black 222 */
.txt_black3 {color:#333 !important;} /* Black 333 */

.txt_gray5 {color:#555 !important;} /* Gray */
.txt_gray6 {color:#666 !important;} /* Gray */
.txt_gray8 {color:#888 !important;} /* Gray */
.txt_gray9 {color:#999 !important;} /* Gray */
.txt_grayc {color:#ccc !important;} /* Gray */
.txt_grayb {color:#bbb !important;} /* Gray */
.txt_lgray {color:#999 !important;} /* Light Gray */

.txt_redc {color:#cc0000 !important;} /* RED cc */
.txt_redf {color:#ff0000 !important;} /* RED ff */

.txt_yellowf {color:#ffff00 !important;} /* YELLOW ffff00 */
.txt_yellow2 {color:#fff200 !important;} /* YELLOW fff200 */

.t_hidden {display: none;}

.ls_0 {letter-spacing:0 !important;}
.ls_1 {letter-spacing:-1px !important;}
.ls_2 {letter-spacing:-2px !important;}

.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}

.font_s10 {font-size:10px !important;}
.font_s11 {font-size:11px !important;}
.font_s12 {font-size:12px !important;}
.font_s13 {font-size:13px !important;}
.font_s14 {font-size:14px !important;}
.font_s15 {font-size:15px !important;}
.font_s16 {font-size:16px !important;}
.font_s17 {font-size:17px !important;}
.font_s18 {font-size:18px !important;}
.font_s19 {font-size:19px !important;}
.font_s20 {font-size:20px !important;}
.font_s22 {font-size:22px !important;}
.font_s24 {font-size:24px !important;}
.font_s37 {font-size:37px !important;}
.font_s42 {font-size:42px !important;}

/*flexbox*/
.flex_box {display: flex; justify-items: flex-start; align-items: center; flex-wrap: wrap; align-content: center;}
.flex_box02 {display: flex; justify-content: space-between; align-items: flex-start;}
.flex_box03 {display: flex; justify-content: center; align-items: center;}
.flex_box04 {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; align-content: center;}
.flex_box05 {display: flex; justify-content: space-between; align-items: center;}


/* PADDING */

.pd0 {padding:0 !important;}
.pd04 {padding:4px !important;}
.pd05 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}

.pdt0 {padding-top:0 !important;}
.pdt05 {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;}
.pdt45 {padding-top:45px !important;}
.pdt50 {padding-top:50px !important;}
.pdt60 {padding-top:60px !important;}
.pdt70 {padding-top:70px !important;}
.pdt75 {padding-top:75px !important;}
.pdt90 {padding-top:90px !important;}
.pdt120 {padding-top:120px !important;}
.pdt155 {padding-top:155px !important;}
.pdt200 {padding-top:200px !important;}

.pdb0 {padding-bottom: 0 !important;}
.pdb05 {padding-bottom:5px!important;}
.pdb10 {padding-bottom:10px!important;}
.pdb15 {padding-bottom:15px!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;}
.pdb60 {padding-bottom:60px!important;}
.pdb68 {padding-bottom:68px!important;}
.pdb70 {padding-bottom:70px!important;}
.pdb80 {padding-bottom:80px!important;}
.pdb84 {padding-bottom:84px!important;}
.pdb90 {padding-bottom:90px!important;}
.pdb100 {padding-bottom:100px!important;}
.pdb120 {padding-bottom:120px!important;}
.pdb125 {padding-bottom:125px!important;}
.pdb140 {padding-bottom:140px!important;}
.pdb200 {padding-bottom:200px!important;}

.pdl0 {padding-left:0 !important;}
.pdl05 {padding-left:5px!important;}
.pdl06 {padding-left:6px!important;}
.pdl08 {padding-left:8px!important;}
.pdl10 {padding-left:10px!important;}
.pdl12 {padding-left:12px!important;}
.pdl13 {padding-left:13px!important;}
.pdl14 {padding-left:14px!important;}
.pdl15 {padding-left:15px!important;}
.pdl16 {padding-left:16px!important;}
.pdl18 {padding-left:18px!important;}
.pdl20 {padding-left:20px!important;}
.pdl21 {padding-left:21px!important;}
.pdl23 {padding-left:23px!important;}
.pdl25 {padding-left:25px!important;}
.pdl28 {padding-left:28px!important;}
.pdl30 {padding-left:30px!important;}
.pdl35 {padding-left:35px!important;}
.pdl40 {padding-left:40px!important;}
.pdl45 {padding-left:45px!important;}
.pdl50 {padding-left:50px!important;}
.pdl55 {padding-left:55px!important;}
.pdl60 {padding-left:60px!important;}
.pdl67 {padding-left:67px!important;}
.pdl70 {padding-left:70px!important;}

.pdr0 {padding-right:0 !important;}
.pdr05 {padding-right:5px!important;}
.pdr06 {padding-right:6px!important;}
.pdr08 {padding-right:8px!important;}
.pdr10 {padding-right:10px!important;}
.pdr12 {padding-right:12px!important;}
.pdr13 {padding-right:13px!important;}
.pdr14 {padding-right:14px!important;}
.pdr15 {padding-right:15px!important;}
.pdr16 {padding-right:16px!important;}
.pdr18 {padding-right:18px!important;}
.pdr20 {padding-right:20px!important;}
.pdr21 {padding-right:21px!important;}
.pdr23 {padding-right:23px!important;}
.pdr25 {padding-right:25px!important;}
.pdr28 {padding-right:28px!important;}
.pdr30 {padding-right:30px!important;}
.pdr35 {padding-right:35px!important;}
.pdr40 {padding-right:40px!important;}
.pdr45 {padding-right:45px!important;}
.pdr50 {padding-right:50px!important;}
.pdr55 {padding-right:55px!important;}
.pdr60 {padding-right:60px!important;}
.pdr67 {padding-right:67px!important;}
.pdr70 {padding-right:70px!important;}

/* MARGIN */

.mg0 {margin:0 !important;}

.mgt0 {margin-top:0px !important;}
.mgt02 {margin-top:2px !important;}
.mgt03 {margin-top:3px !important;}
.mgt04 {margin-top:4px !important;}
.mgt05 {margin-top:5px !important;}
.mgt06 {margin-top:6px !important;}
.mgt08 {margin-top:8px !important;}
.mgt09 {margin-top:9px !important;}
.mgt10 {margin-top:10px !important;}
.mgt12 {margin-top:12px !important;}
.mgt15 {margin-top:15px !important;}
.mgt16 {margin-top:16px !important;}
.mgt17 {margin-top:17px !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;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}
.mgt85 {margin-top:85px !important;}
.mgt90 {margin-top:90px !important;}
.mgt95 {margin-top:95px !important;}
.mgt100 {margin-top:100px !important;}
.mgt105 {margin-top:105px !important;}
.mgt150 {margin-top:150px !important;}

.mgb-04 {margin-bottom:-4px !important;}
.mgb02 {margin-bottom:2px !important;}
.mgb03 {margin-bottom:3px !important;}
.mgb04 {margin-bottom:4px !important;}
.mgb05 {margin-bottom:5px !important;}
.mgb06 {margin-bottom:6px !important;}
.mgb07 {margin-bottom:7px !important;}
.mgb08 {margin-bottom:8px !important;}
.mgb09 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb11 {margin-bottom:11px !important;}
.mgb12 {margin-bottom:12px !important;}
.mgb13 {margin-bottom:13px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb16 {margin-bottom:16px !important;}
.mgb18 {margin-bottom:18px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb28 {margin-bottom:28px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb32 {margin-bottom:32px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb64 {margin-bottom:64px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb100 {margin-bottom:100px !important;}


.mgr02 {margin-right:2px;}
.mgr03 {margin-right:3px;}
.mgr04 {margin-right:4px;}
.mgr05 {margin-right:5px;}
.mgr08 {margin-right:8px;}
.mgr09 {margin-right:9px;}
.mgr10 {margin-right:10px;}
.mgr12 {margin-right:12px;}
.mgr13 {margin-right:12px;}
.mgr14 {margin-right:14px;}
.mgr15 {margin-right:15px;}
.mgr16 {margin-right:16px;}
.mgr20 {margin-right:20px;}
.mgr25 {margin-right:25px;}
.mgr30 {margin-right:30px;}
.mgr35 {margin-right:35px;}
.mgr40 {margin-right:40px;}
.mgr50 {margin-right:50px;}
.mgr75 {margin-right:75px;}

.mgl02 {margin-left:2px;}
.mgl03 {margin-left:3px;}
.mgl04 {margin-left:4px;}
.mgl05 {margin-left:5px;}
.mgl06 {margin-left:6px;}
.mgl08 {margin-left:8px;}
.mgl10 {margin-left:10px;}
.mgl12 {margin-left:12px;}
.mgl14 {margin-left:14px;}
.mgl15 {margin-left:15px;}
.mgl16 {margin-left:16px;}
.mgl18 {margin-left:18px;}
.mgl20 {margin-left:20px;}
.mgl25 {margin-left:25px;}
.mgl28 {margin-left:28px;}
.mgl30 {margin-left:30px;}
.mgl40 {margin-left:40px;}
.mgl50 {margin-left:50px;}
.mgl70 {margin-left:70px;}
.mgl100 {margin-left:100px;}
.mgl120 {margin-left:120px;}
.mgl150 {margin-left:150px;}

/* WIDTH */

.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w125 {width:125px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w155 {width:155px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w175 {width:175px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w250 {width:250px;}
.w280 {width:280px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w340 {width:340px;}
.w350 {width:350px;}
.w370 {width:370px;}
.w380 {width:380px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w650 {width:650px;}
.w700 {width:700px;}
.w800 {width:800px;}
.w850 {width:850px;}
.w900 {width:900px;}
.w1000 {width:1000px;}
.w1110 {width:1110px;}
.w1200 {width:1200px;}

.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w19p {width:19% !important;}
.w20p {width:20% !important;}
.w23p {width:23% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w36p {width:36% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.wFull {width:100% !important;}

.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h100 {height:100px;}
.h150 {height:150px;}
.h160 {height:160px;}
.h170 {height:170px;}
.h175 {height:175px;}
.h180 {height:180px;}
.h186 {height:186px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h300 {height:300px;}
.h500 {height:500px;}

.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}

.bg_white {background-color: #FFFFFF !important;}
.bg_lgray2 {background-color: #F5F5F5;}
.bg_lgray {background-color: #FAFAFA;}
.bg_gray {background-color: #F9F9F9;}
.bg_dgray {background-color: #ABABAB;}
.bg_blue {background-color: #002F81;}
.bg_lblue {background-color: #F4F9FB;}



/*BORDER*/
.bd1 {border:1px solid #D9D9D9 !important}
.bdt0 {border-top: none !important;}
.bdt {border-top: 1px solid #D9D9D9 !important;}
.bdl0 {border-left: none !important;}
.bdl {border-left: 1px solid #D9D9D9 !important;}
.bdr0 {border-right: none !important;}
.bdr {border-right: 1px solid #D9D9D9 !important;}
.bdb0 {border-bottom: none !important;}
.bdb {border-bottom: 1px solid #D9D9D9 !important;}
.bdb1 {border-bottom: 1px solid #DDDDDD !important;}

.bdt2 {border-top: 2px solid #333 !important;}


/*line-height*/
.lha {line-height: inherit!important ;}

/*line-height*/
.lh0 {line-height: inherit !important;}
.lh11 {line-height: 11px !important;}
.lh12 {line-height: 12px !important;}
.lh13 {line-height: 13px !important;}
.lh14 {line-height: 14px !important;}
.lh15 {line-height: 15px !important;}
.lh16 {line-height: 16px !important;}
.lh17 {line-height: 17px !important;}
.lh18 {line-height: 18px !important;}
.lh19 {line-height: 19px !important;}
.lh20 {line-height: 20px !important;}
.lh21 {line-height: 21px !important;}
.lh22 {line-height: 22px !important;}
.lh23 {line-height: 23px !important;}
.lh24 {line-height: 24px !important;}
.lh25 {line-height: 25px !important;}
.lh26 {line-height: 26px !important;}
.lh27 {line-height: 27px !important;}
.lh28 {line-height: 28px !important;}
.lh29 {line-height: 29px !important;}
.lh30 {line-height: 30px !important;}
.lh32 {line-height: 32px !important;}
.lh34 {line-height: 34px !important;}
.lh35 {line-height: 35px !important;}
.lh47 {line-height: 47px !important;}
.lh50 {line-height: 50px !important;}

/* 2022.01.02. */
.progress-container {
	position : fixed;
	top : 0;
	width : 100%;
	height : 3px;
	background : transparent;
	z-index : 10;
}

.progress-bar {
  height: 3px;
  background: rgba(70,100,230,0.98); 
  width: 0%;
}

/*=====CHECKBOX====*/
.checkbox01 input[type="checkbox"] {display:none;}
.checkbox01 input[type="checkbox"] + label {cursor: pointer;}
.checkbox01 input[type="checkbox"] + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-regular); margin-right: 14px; cursor: pointer;}
.checkbox01 input[type="checkbox"]:checked + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-solid); margin-right: 14px; cursor: pointer; color:#002F81; }

.checkbox02 input[type="checkbox"] {display:none;}
.checkbox02 input[type="checkbox"] + label {cursor: pointer;}
.checkbox02 input[type="checkbox"] + label::before {content:"\f0c8"; display: inline-block; font: var(--fa-font-regular); margin-right: 10px; cursor: pointer;}
.checkbox02 input[type="checkbox"]:checked + label::before {content:"\f14a"; display: inline-block; font: var(--fa-font-solid); margin-right: 10px; cursor: pointer; color:#002F81; }

/*=====RADIO====*/
.radio01 input[type="radio"] {display:none;}
.radio01 input[type="radio"] + label {cursor: pointer;}
.radio01 input[type="radio"] + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-regular); margin-right: 7px; cursor: pointer;}
.radio01 input[type="radio"]:checked + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-solid); margin-right: 7px; cursor: pointer; color:#002F81; }


.hidden_box {display: none;}