@charset "utf-8";

/*= 타이틀 텍스트 ------------------------------------------------------------------------------------------------------*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{
  display: block;
  margin:0;
  padding: 0;
  font-weight: 400;
  font-family:'Noto Sans KR';
  line-height:1.8;
  cursor: default;
  position: relative;
}

h1, .h1 {
  font-size: 28px;
  font-weight: 400;
  letter-spacing: calc((-30 / 1000) * 1em);
  line-height: 1.8;
}

h2, .h2 {
  font-size: 24px;
  font-weight:  400;
  letter-spacing: calc((-20 / 1000) * 1em);
  line-height: 1.8;
}

h3, .h3 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: calc((-18 / 1000) * 1em);
    line-height: 1.8;
}

h4, .h4 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: calc((-80 / 1000) * 1em);
    line-height: 1.8;
}

h5, .h5 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: calc((-80 / 1000) * 1em);
  line-height: 1.8;
}


/*= 공통적용 요소 ---------------------------------------------------------------------------------------------------------*/

/* 넓이 width */
.WPx40 {width:40px !important;}
.WPx50 {width:50px !important;}
.WPx60 {width:60px !important;}
.WPx70 {width:70px !important;}
.WPx80 {width:80px !important;}
.WPx90 {width:90px !important;}
.WPx100 {width:100px !important;}
.WPx105 {width:105px !important;}
.WPx110 {width:110px !important;}
.WPx120 {width:120px !important;}
.WPx130 {width:130px !important;}
.WPx140 {width:140px !important;}
.WPx150 {width:150px !important;}
.WPx160 {width:160px !important;}
.WPx170 {width:170px !important;}
.WPx180 {width:180px !important;}
.WPx190 {width:190px !important;}
.WPx198 {width:198px !important;}
.WPx200 {width:200px !important;}
.WPx240 {width:240px !important;}
.WPx300 {width:300px !important;}
.WPx400 {width:400px !important;}

.WP10 {width:10% !important;}
.WP15 {width:15% !important;}
.WP20 {width:20% !important;}
.WP25 {width:25% !important;}
.WP30 {width:30% !important;}
.WP33 {width:33% !important;}
.WP35 {width:35% !important;}
.WP40 {width:40% !important;}
.WP45 {width:45% !important;}
.WP50 {width:50% !important;}
.WP53 {width:53% !important;}
.WP56 {width:56% !important;}
.WP60 {width:60% !important;}
.WP65 {width:65% !important;}
.WP70 {width:70% !important;}
.WP75 {width:75% !important;}
.WP80 {width:80% !important;}
.WP85 {width:85% !important;}
.WP90 {width:90% !important;}
.WP95 {width:95% !important;}
.WP100 {width:100% !important;}


/* 최소 넓이 min-width */
.TmiW150 {min-width:150px !important;}
.TmiW200 {min-width:200px !important;}
.TmiW240 {min-width:240px !important;}
.TmiW600 {min-width:600px !important;}
.TmiW640 {min-width:640px !important;}
.TmiW760 {min-width:760px !important;}
.TmiW840 {min-width:840px !important;}

/* 최대 넓이 max-width */
.TmaxW1010 {max-width:1010px !important;}


/* 높이 height */
.HIx24 {height:24px !important;}
.HIx26 {height:26px !important;}
.HIx28 {height:28px !important;}
.HIx32 {height:32px !important;}
.HIx34 {height:34px !important;}
.HIx38 {height:38px !important;}
.HIx40 {height:40px !important;}
.HIx50 {height:50px !important;}
.HIx56 {height:56px !important;}
.HIx60 {height:60px !important;}
.HIx100 {height:100px !important;}
.HIx200 {height:200px !important;}
.HIx300 {height:300px !important;}
.HIx350 {height:350px !important;}


/* 폰트 사이즈 */
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font16 {font-size:16px !important;}
.font18 {font-size:18px !important;}
.font20 {font-size:18px !important;}
.fontBold {font-weight:bold !important;}
.fontNormal {font-weight:normal !important;}


/* 폰트 높이 */
.fontHight {line-height:1.8;}
.fontH11 {line-height:1.1;}


/* 폰트 자간 넓이 */
.lesp_0em {letter-spacing: 0em !important;}


/* 폰트 컬러 */
.fontWhite    {color:#FFF !important;}
.fontCblue    {color:blue !important;}
.fontCblueA   {color:#228dfa !important;}
.fontCblueB   {color:#00a2ff !important;}
.fontcblueC   {color:#24638a !important;}
.fontCorange  {color:orange !important;}
.fontCorangeA {color:#ff7700 !important;}
.fontCred     {color:red !important;}
.fontCredA    {color:#e42e16 !important;}
.fontCgreen   {color:green !important;}
.fontCgrayA   {color:#b2b2b2 !important;}
.fontCgrayB   {color:#a9a9a9 !important;}
.fontCgrayC   {color:#333 !important;}
.fontCgrayD   {color:#666 !important;}
.fontCgrayE   {color:#888 !important;}
.fontCblackA  {color:#000 !important;}


/* 텍스트 위치 */
.ModTcenter {text-align:center !important;}
.ModTleft   {text-align:left !important;}
.ModTright  {text-align:right !important;}


/* 백그라운드 컬러 */
.Col_white   {background:#FFF !important;}
.Col_blackA  {background:#192a3c !important;}
.Col_grayA   {background:#ddd !important;}
.Col_grayB   {background:#f9f9f9 !important;}
.Col_grayC   {background:#fcfcfc !important;}
.Col_grayD   {background:#f6f6f6 !important;}
.Col_orangeA {background:#ffd400 !important;}
.Col_orangeB {background:#ff7700 !important;}
.Col_orangeC {background:#ff8a00 !important;}
.Col_orangeD {background:#ffae00 !important;}
.Col_orangeE {background:#fed400 !important;}
.Col_greenA  {background:#00b3a1 !important;}
.Col_greenB  {background:#f9fff3 !important;}
.Col_greenC  {background:#4dd6da !important;}
.Col_blueA   {background:#13b1f4 !important;}
.Col_blueB   {background:#228dfa !important;}
.Col_blueC   {background:#f1f8fe !important;}
.Col_beigeA  {background:#fffefa !important;}
.Col_pink    {background:#fff9f9 !important;}


/* 투명도 */
.Opacity5 {opacity: 0.5 !important;}


/* 마징 */
.Mg_rhm1 {margin-right:-1px !important;}
.Mg_rh2  {margin-right:2px !important;}
.Mg_rh4  {margin-right:4px !important;}
.Mg_rh5  {margin-right:5px !important;}
.Mg_rh10 {margin-right:10px !important;}
.Mg_rh15 {margin-right:15px !important;}
.Mg_rh20 {margin-right:20px !important;}
.Mg_rh35 {margin-right:35px !important;}
.Mg_rh40 {margin-right:40px !important;}
.Mg_rh60 {margin-right:60px !important;}
.Mg_lh4  {margin-left:4px !important;}
.Mg_lh5  {margin-left:5px !important;}
.Mg_lh10 {margin-left:10px !important;}
.Mg_lh20 {margin-left:20px !important;}
.Mg_lh30 {margin-left:30px !important;}
.Mg_lh84 {margin-left:84px !important;}
.Mg_Top1 {margin-top:1px !important;}
.Mg_Top2 {margin-top:2px !important;}
.Mg_Top4 {margin-top:4px !important;}
.Mg_Top6 {margin-top:6px !important;}
.Mg_Top10{margin-top:10px !important;}
.Mg_Top12{margin-top:12px !important;}
.Mg_Top20{margin-top:20px !important;}
.Mg_Top30{margin-top:30px !important;}
.Mg_Top40{margin-top:40px !important;}
.Mg_Bt2  {margin-bottom:2px !important;}
.Mg_Bt4  {margin-bottom:4px !important;}
.Mg_Bt5  {margin-bottom:5px !important;}
.Mg_Bt10 {margin-bottom:10px !important;}
.Mg_Bt20 {margin-bottom:20px !important;}
.Mg_Bt30 {margin-bottom:30px !important;}
.Mg_Bt40 {margin-bottom:80px !important;}
.Mg_LR40 {margin: 0 40px !important;}
.Mg_CT   {margin:0 auto !important;}

/* 패딩 */
.Pd_5     {padding:5px !important;}
.Pd_10    {padding:10px !important;}
.Pd_20    {padding:20px !important;}
.Pd_TB2   {padding-top:2px !important; padding-bottom:2px !important;}
.Pt_4     {padding-top:4px !important;}
.Pt_10    {padding-top:10px !important;}
.Pt_20    {padding-top:20px !important;}
.Pt_30    {padding-top:30px !important;}
.Pt_40    {padding-top:40px !important;}
.Pd_L7Per {padding-left:7% !important;}
.Pd_Lno   {padding-left:0px !important;}
.Pd_L4    {padding-left:4px !important;}
.Pd_L10   {padding-left:10px !important;}
.Pd_L20   {padding-left:20px !important;}
.Pd_L25   {padding-left:25px !important;}
.Pd_L30   {padding-left:30px !important;}
.Pd_R4    {padding-right:4px !important;}
.Pd_R6    {padding-right:6px !important;}
.Pd_R10   {padding-right:10px !important;}
.Pd_R15   {padding-right:15px !important;}
.Pd_R20   {padding-right:20px !important;}
.Pb_2     {padding-bottom:2px !important;}
.Pb_4     {padding-bottom:4px !important;}
.Pb_6     {padding-bottom:6px !important;}
.Pb_10    {padding-bottom:10px !important;}
.Pb_20    {padding-bottom:20px !important;}
.Pb_30    {padding-bottom:30px !important;}
.Pb_40    {padding-bottom:40px !important;}
.PdNo     {padding:0 !important;}

/* 링크 */
.Font-LinkA {color: #01aaa7; text-decoration:underline;}

/* 기타공통 */
.Pointer   {cursor: pointer !important;}
.Border1   {border: 1px solid #EEE !important;}
.BorbotNo  {border-bottom:none !important;}
.Borbot1px {border-bottom:1px solid #DDD !important;}
.BorbotE   {border-bottom:1px solid #E1E1E1 !important;}
.BortopNo  {border-top:none !important;}
.BorNo     {border:none !important;}
.RadioTxt  {display:inline-block; line-height:24px; padding:0 14px 0 4px;}
.Dinline   {display:inline-block !important;}
.FlexCt    {display: flex; align-items:center;}
.FlexWrap  {flex-wrap: wrap;}
.FlexCtEnd {display: flex; align-items:center; justify-content: flex-end;}
.FlexCtCenter {display: flex; align-items:center; justify-content: center;}
.FlexCtBetween {display: flex; align-items:center; justify-content:space-between !important;}
.PosiabsolA {position: absolute; top: 50%; right: 5px; transform: translateY(-50%);}
.line1p     { width:100%; height:1px; background: #DDD;}
.min-heightAuto {min-height:auto !important;}


/* 체크박스공통 */
.checksA {
    position: relative;
    height: auto;
    display: inline-block;
}

.checksA input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.checksA input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-right: 10px;
}

.checksA input[type="checkbox"]+label:before {
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: -4px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 3px;
    margin-left: 10px;
}

.checksA input[type="checkbox"]:checked+label:before {
    content: '';
    border-color: #999;
    background: #FFF url('../images/icon/check_on_orange.png')no-repeat center left 2px;
}

.checksA_none {
    display: block !important;
}