
.draggable{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
}


/* --------------------------------------------------------------------------- font-size*/

.fs10 { font-size: 0.625rem; } 
.fs11 { font-size: 0.688rem; } 
.fs12 { font-size: 0.750rem; } 
.fs13 { font-size: 0.813rem; } 
.fs14 { font-size: 0.875rem; } 
.fs15 { font-size: 0.938rem; } 
.fs16 { font-size: 1rem; }     /* 기준 */
.fs17 { font-size: 1.063rem; } 
.fs18 { font-size: 1.125rem; } 
.fs19 { font-size: 1.188rem; } 
.fs20 { font-size: 1.25rem; } 
.fs21 { font-size: 1.313rem; } 
.fs22 { font-size: 1.375rem; } 
.fs23 { font-size: 1.438rem; } 
.fs24 { font-size: 1.5rem; } 
.fs25 { font-size: 1.563rem; } 
.fs26 { font-size: 1.625rem; } 
.fs27 { font-size: 1.688rem; } 
.fs28 { font-size: 1.75rem; } 
.fs29 { font-size: 1.813rem; } 
.fs30 { font-size: 1.875rem; } 

.fs31 { font-size: 1.938rem; } 
.fs32 { font-size: 2rem; } 
.fs33 { font-size: 2.063rem; } 
.fs34 { font-size: 2.125rem; } 
.fs35 { font-size: 2.188rem; } 
.fs36 { font-size: 2.250rem; } 
.fs37 { font-size: 2.313rem; } 
.fs38 { font-size: 2.375rem; } 
.fs39 { font-size: 2.438rem; } 

.fs40 { font-size: 2.5rem; } 
.fs50 { font-size: 3.125rem; } 
.fs60 { font-size: 3.75rem; } 
.fs70 { font-size: 4.375rem; } 
.fs80 { font-size: 5rem; } 
.fs90 { font-size: 5.625rem; } 
.fs100 { font-size:6.250rem; } 


@media (min-width: 769px) { /* 모바일화면 이상 */

	.md_fs14 { font-size: 0.875rem; } 

	.md_fs18 { font-size: 18px; }
	.md_fs20 { font-size: 20px; }
	.md_fs22 { font-size: 22px; }
	.md_fs50 { font-size: 3.125rem; } 
}

@media (max-width: 575px) { /* 모바일기기전용 */
	.sm_fs13 { font-size: 0.813rem; } 
	.sm_fs14 { font-size: 14px; }
	.sm_fs16 { font-size: 16px; }
	.sm_fs18 { font-size: 18px; }
	.sm_fs24 { font-size: 1.5rem; } 
	.sm_fs30 { font-size: 1.875rem; } 

}


/* --------------------------------------------------------------------------- font weight*/

.font_l { font-weight: 100; } 
.font_r { font-weight: 400; } 
.font_m { font-weight: 500; } 
.font_sb { font-weight: 600; } 
.font_b { font-weight: bold; } 
.font_eb { font-weight: 800; } 
.font_bl { font-weight: 900; } 
.font_ita { font-style: italic; } 


/* --------------------------------------------------------------------------- font color*/


.font_color50  { color: #1b88fd; }  
.font_color100 { color: #007bff; }  /*사이트 주컬러색 농도 100 으로 봄*/ 
.font_color110 { color: #0179fa; }
.font_color120 { color: #0272ea; }  
.font_color200 { color: #0355ae; } 


.font_f { color: #fff; } /*화이트 */

.font_cdcbcb {color:#cdcbcb;} /*회색계열 1*/
.font_a0 {color:#a0a0a0;} /*회색계열 1*/
.font_92 {color:#929292;} /*회색계열 2*/
.font_8f {color:#8f8f8f;} /*회색계열 3*/
.font_89 {color:#898989;} /*회색계열 4*/
.font_85 {color:#858585;} /*회색계열 5*/
.font_7f {color:#7f7f7f;} /*회색계열 6*/
.font_7c {color:#7c7c7c;} /*회색계열 7*/
.font_72 {color:#727272;} /*회색계열 8*/
.font_66 {color:#666666;} /*회색계열 9*/
.font_55 {color:#555; }   /*회색계열 10*/
.font_4f {color:#4f4f4f;} /*회색계열 11*/

.font_ff0000 {color:#ff0000;} /*레드*/
.font_0000ff {color:#0000ff;} /*블루*/
.font_ffff00 {color:#ffff00;} /*노랑*/
.font_0067a3 {color:#0067a3;} /*블루-흐림*/

.font_11 {color:#111111;} /* 검정 9 */
.font_00 {color:#000;}    /* 검정 10 */


/* --------------------------------------------------------------------------- padding */

.pt1 {padding-top:1px}
.pt10 {padding-top:10px}


.pl5  {padding-left:5px}


.pb2  {padding-bottom:2px}
.pb5  {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb100 {padding-bottom:100px}


@media (min-width: 769px) { /* 모바일화면 이상 */
	.md_pt1 {padding-top:1px}
}

@media (min-width: 769px) and (max-width: 1080px) { /* PC와 모바일화면 사이 */

	.mdsm_pt1 {padding-top:1px}
}

@media (max-width: 575px) { /* 모바일기기전용 */
	.sm_pt1 {padding-top:1px}
}


/* --------------------------------------------------------------------------- margin-right */

.mr5  {margin-right:5px}
.mr8  {margin-right:8px}
.mr8  {margin-right:8px}
.mr18 {margin-right:18px;} 

@media (min-width: 769px) { /* 모바일화면 이상 */

	.md_mr18 { margin-right: 18px; } 

}

@media (max-width: 575px) { /* 모바일기기전용 */

	.sm_mr14 { margin-right: 14px; } 
	.sm_mr16 { margin-right: 16px; } 
	.sm_mr18 { margin-right: 18px; } 

}

/* --------------------------------------------------------------------------- margin-left */

.ml4  {margin-left:4px}
.ml5  {margin-left:5px}
.ml10 {margin-left:10px}
.ml11 {margin-left:11px}

/* --------------------------------------------------------------------------- margin-top */

.mt1 {margin-top:1px}
.mt3 {margin-top:3px}
.mt5 { margin-top: 5px; } 
.mt10 { margin-top: 10px; } 
.mt12 { margin-top: 12px; } 
.mt15 { margin-top: 15px; } 
.mt18 { margin-top: 18px; } 
.mt20 { margin-top: 20px; } 
.mt30 { margin-top: 30px; } 
.mt33 { margin-top: 33px; } 
.mt36 { margin-top: 36px; } 
.mt40 { margin-top: 40px; } 
.mt62 { margin-top: 62px; } 
.mt70 { margin-top: 70px; } 

@media (min-width: 769px) { /* 모바일화면 이상 */

	.md_mt1 { margin-top: 5px; } 
	.md_mt5 { margin-top: 5px; } 
	.md_mt10 { margin-top: 10px; } 
	.md_mt15 { margin-top: 15px; } 
	.md_mt20 { margin-top: 20px; } 
	.md_mt25 { margin-top: 25px; } 
	.md_mt30 { margin-top: 30px; } 
	.md_mt40 { margin-top: 40px; } 
	.md_mt50 { margin-top: 50px; } 
	.md_mt55 { margin-top: 55px; } 

}

@media (max-width: 768px) { /* 모바일기기전용 */

	.sm_mt1  { margin-top: 1px; } 
	.sm_mt2  { margin-top: 2px; } 
	.sm_mt5  { margin-top: 5px; } 
	.sm_mt10 { margin-top: 10px; } 
	.sm_mt15 { margin-top: 15px; } 
	.sm_mt20 { margin-top: 20px; } 
	.sm_mt25 { margin-top: 25px; } 
	.sm_mt30 { margin-top: 30px; } 
	.sm_mt40 { margin-top: 40px; } 
	.sm_mt50 { margin-top: 50px; } 
	.sm_mt60 { margin-top: 60px; } 
	.sm_mt70 { margin-top: 70px; } 

}

/* --------------------------------------------------------------------------- margin-bottom */

.mb2 { margin-bottom: 2px; } 
.mb3 { margin-bottom: 3px; } 
.mb5 { margin-bottom: 5px; } 
.mb10 { margin-bottom: 10px; } 
.mb15 { margin-bottom: 15px; } 
.mb20 { margin-bottom: 20px; } 
.mb25 { margin-bottom: 25px; } 
.mb30 { margin-bottom: 30px; } 
.mb33 { margin-bottom: 33px; } 
.mb40 { margin-bottom: 40px; } 
.mb50 { margin-bottom: 50px; } 
.mb100 { margin-bottom: 100px; } 


@media (min-width: 769px) { /* 모바일화면 이상 */

	.md_mb2 { margin-bottom: 2px; } 
	.md_mb4 { margin-bottom: 4px; } 
	.md_mb5 { margin-bottom: 5px; } 
	.md_mb7 { margin-bottom: 7px; } 
	.md_mb10 { margin-bottom: 10px; } 
	.md_mb15 { margin-bottom: 15px; } 
	.md_mb20 { margin-bottom: 20px; } 
	.md_mb30 { margin-bottom: 30px; } 
	.md_mb40 { margin-bottom: 40px; } 
	.md_mb62 { margin-bottom: 62px; } 

}


@media (max-width: 575px) { /* 모바일기기전용 */

	.sm_mb2  { margin-bottom: 2px; } 
	.sm_mb3  { margin-bottom: 3px; } 
	.sm_mb5  { margin-bottom: 5px; } 
	.sm_mb10 { margin-bottom: 10px; } 
	.sm_mb15 { margin-bottom: 15px; } 
	.sm_mb20 { margin-bottom: 20px; } 
	.sm_mb30 { margin-bottom: 30px; } 
	.sm_mb40 { margin-bottom: 40px; } 

}

/* --------------------------------------------------------------------------- width */


@media (min-width: 769px) { /* 모바일화면 이상 */

	.md_w40 {width:40px;}
	.md_w80 {width:80px;}

	.md_w30p {width:30%;}
	.md_w38p {width:38%;}
	.md_w40p {width:40%;}
	.md_w41p {width:41%;}
	.md_w43p {width:43%;}
	.md_w45p {width:45%;}
	.md_w48p {width:48%;}
	.md_w50p {width:50%;}
	.md_w53p {width:53%;}
	.md_w55p {width:55%;}
	.md_w58p {width:58%;}
	.md_w80p {width:80%;}
}

@media (min-width: 769px) and (max-width: 1080px) { /* PC와 모바일화면 사이 */

	.mdsm_w55p {width:55%;}
	.mdsm_w100p {width:100%;}
}


@media (max-width: 768px) { /* 모바일기기전용 */

	.sm_w40 {width:40px;}
	.sm_w60 {width:60px;}

	.sm_w38p {width:38%;}
	.sm_w40p {width:40%;}
	.sm_w41p {width:41%;}
	.sm_w43p {width:43%;}
	.sm_w45p {width:45%;}
	.sm_w48p {width:48%;}
	.sm_w50p {width:50%;}
	.sm_w53p {width:53%;}
	.sm_w55p {width:55%;}
	.sm_w58p {width:58%;}
	.sm_w80p {width:80%;}

    h1 { font-size: 1.375rem; font-weight: bold;} 
}


/* --------------------------------------------------------------------------- */


/*letter-spacing*/
.letter_10 { letter-spacing: -0.01em; } 
.letter_25 { letter-spacing: -0.025em; } 
.letter_50 { letter-spacing: -0.05em;}


/*word_break*/
.wb { word-break: keep-all; } 


.lh25 { line-height:25px; }
.lh30 { line-height:30px; }
.lh35 { line-height:35px; }

.lh0_8 { line-height:0.8;} 
.lh0_9 { line-height:0.9;} 
.lh1 { line-height:1;} 
.lh1_1 { line-height:1.1;} 
.lh1_2 { line-height:1.2;} 
.lh1_3 { line-height:1.3;} 
.lh1_5 { line-height:1.5;} 
.lh1_8 { line-height:1.8;} 
.lh2 { line-height:2;} 
.lh2_2 { line-height:2.2;} 
.lh2_3 { line-height:2.3;} 
.lh2_4 { line-height:2.4;} 

@media (min-width: 769px) { /* 모바일화면 이상 */
	.md_lh0_8 { line-height:0.8;} 

}


@media (max-width: 575px) { /* 모바일기기전용 */

	.sm_lh0_9 { line-height:0.9;} 
	.sm_lh1_1 { line-height:1.1;} 
}


.dp_ib {display:inline-block;}

.bg {background:#4f4f4f}

.ellipsis2 { /* 두줄적용 */
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.box_style1 {border-radius:15px; overflow: hidden; }
.box_style1 .box_style1_wrap { background: #fbfbfb; padding:19px; box-sizing: border-box;}


/* --------------------------------------------------------------------------- 나리야 스킨부분*/


.btn-primary,
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active,
.page-item.active .page-link,
.show > .btn-outline-primary.dropdown-toggle,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	background-color: #007bff !important;
	border-color: #007bff !important;
}

hr.hr::after,
.dropdown-item.active, 
.dropdown-item:active,
.bg-primary {
	background-color: #007bff !important;
}

.border-primary {
	border-color: #007bff !important;
}

.text-primary,
.btn-outline-primary.disabled, 
.btn-outline-primary:disabled {
	color : #007bff !important;
}

/* ---------------------------------------------------------- */

.btn-primary:focus, 
.btn-primary.focus,
.btn-primary:hover {
	background-color: #4A89DC !important;
	border-color: #4A89DC !important;
}

.btn-outline-primary {
	color: #4A89DC !important;
	border-color: #4A89DC !important;
}

.btn-outline-primary:hover {
	color: #fff !important;
}

a.bg-primary:hover, 
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
	background-color: #4A89DC !important;
}

.btn-primary:focus, 
.btn-primary.focus,
.btn-outline-primary:focus, 
.btn-outline-primary.focus,
.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(93, 156, 236, 0.5) !important;
}


/* ------------------------------------여기아래는 더이상 안씀 --------------------------------*/


/*font size*/
.fs_12 { font-size: 12px; } 
.fs_14 { font-size: 0.875rem; } 
.fs_15 { font-size: 0.938rem; } 
.fs_16 { font-size: 1rem; }       /* 기준 */
.fs_17 { font-size: 1.07rem; } 
.fs_18 { font-size: 1.13rem; } 
.fs_19 { font-size: 1.1875rem; } 
.fs_20 { font-size: 1.25rem; }
.fs_22 {font-size: 1.375rem;}
.fs_24 { font-size: 1.5rem; } 
.fs_25 { font-size: 1.563rem; } 
.fs_28 { font-size: 1.75rem; } 
.fs_30 { font-size: 1.875rem; } 
.fs_35 { font-size: 2.188rem; } 
.fs_40 { font-size: 2.5rem; } 
.fs_45 { font-size: 2.813rem; } 
.fs_46 { font-size: 2.875rem; } 
.fs_48 { font-size: 3rem; } 
.fs_50 { font-size: 3.125rem; } 
.fs_55 { font-size: 3.438rem; } 
.fs_56 { font-size: 3.5rem; } 
.fs_60 { font-size: 3.75rem; } 
.fs_70 { font-size: 4.375rem; } 
.fs_80 { font-size: 5rem; } 
.fs_85 { font-size: 5.313rem; } 
.fs_100 { font-size: 6.25rem; } 


@media screen and (max-width: 760px){
 .fs_35 { font-size: 20px; } 
 }

@media screen and (max-width: 720px){


	.fs_22 {font-size:13px;}
	.fs_25 { font-size: 18px; } 
	.fs_30 {font-size:15px;}
	.fs_35 { font-size: 20px; } 
	.fs_50 {font-size:30px}

	/*폰트새로설정t*/
	.fs_14 { font-size: 0.875rem; } 
	.fs_16 { font-size: 1rem; } 
	.fs_18 { font-size: 1.125rem; } 
	.fs_20 { font-size: 1.25rem; } 
	.fs_24 { font-size: 1.25rem; } 

}