@charset "utf-8";
/* CSS Document */
/* 
Utility ver.1
유틸로 공통 사용가능한 
style요소를 묶은 css입니다.
since.2021
*/
/*
margin, padding은 1~10까지 전부 있고,
10 이후부터는 5의 배수만 있습니다.
100px까지만 여기서 제공합니다.
(나머지 값은 딴데 알아서 넣으세요........)
예시:
mt2,tm2p = margin-top:2px;
pb15,pm15p = padding-bottom:15px;
m30per = margin:30%;
예외:
m0 = margin: 0 auto;
----
width와 height는
0px부터 100px까지 5단위로 추가했습니다. 
퍼센트 단위도 0%부터 100% 5단위로 추가했습니다.
*/

/* 컬러 */
.main-point {color: #ff3f75;}

/* 레이아웃 */
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.t_left {
	text-align: left !important;
}
.t_right {
	text-align: right !important;
}
.t_center {
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}
.v_top {
	vertical-align: top;
}
.v_middle {
	vertical-align: middle;
}
.v_bottom {
	vertical-align: bottom;
}
.hand {
	cursor: pointer;
}
.hide {
	display: none !important;
}
.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.uppercase,
.upper {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.lowercase {
	text-transform: lowercase;
}
.block {
	display: block;
}
.inblock {
	display: inline-block;
}
.inline {
	display: inline;
}
.p_relative {
	position: relative;
}
.img-wrap {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* 폰트 디테일 */
/* 폰트 사이즈*/
.font-xs {font-size: 14px;} /* 모바일에서는 13px */
.font-sm {font-size: 16px;} /* 모바일에서는 14px */
.font-md {font-size: 18px;} /* 모바일에서는 16px */
.font-lg {font-size: 20px;} /* 모바일에서는 18px */
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20	{font-size: 20px;}
.font24 {font-size: 24px;}
/* 폰트 굵기 font-weight */
.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;
}

/* 자간 */
.ls0 {
	letter-spacing: 0 !important;
}
.ls-xs {
	letter-spacing: -0.03rem !important;
}
.ls-sm {
	letter-spacing: -0.05rem !important;
}
.ls-md {
	letter-spacing: -0.07rem !important;
}
.ls-lg {
	letter-spacing: -0.09rem !important;
}
.ls-xl {
	letter-spacing: -0.11rem !important;
}

/* margin 마진 */
.mg0 {
	margin: 0 auto;
}
.mt1 {
	margin-top: 1px;
}
.mt2 {
	margin-top: 2px;
}
.mt3 {
	margin-top: 3px;
}
.mt4 {
	margin-top: 4px;
}
.mt5 {
	margin-top: 5px;
}
.mt6 {
	margin-top: 6px;
}
.mt7 {
	margin-top: 7px;
}
.mt8 {
	margin-top: 8px;
}
.mt9 {
	margin-top: 9px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}
.mt55 {
	margin-top: 55px;
}
.mt60 {
	margin-top: 60px;
}
.mt65 {
	margin-top: 65px;
}
.mt70 {
	margin-top: 70px;
}
.mt75 {
	margin-top: 75px;
}
.mt80 {
	margin-top: 80px;
}
.mt85 {
	margin-top: 85px;
}
.mt90 {
	margin-top: 80px;
}
.mt95 {
	margin-top: 95px;
}
.mt100 {
	margin-top: 100px;
}
.mb0 {
	margin-bottom: 0px;
}
.mb1 {
	margin-bottom: 1px;
}
.mb2 {
	margin-bottom: 2px;
}
.mb3 {
	margin-bottom: 3px;
}
.mb4 {
	margin-bottom: 4px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb6 {
	margin-bottom: 6px;
}
.mb7 {
	margin-bottom: 7px;
}
.mb8 {
	margin-bottom: 8px;
}
.mb9 {
	margin-bottom: 9px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb45 {
	margin-bottom: 45px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb55 {
	margin-bottom: 55px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb65 {
	margin-bottom: 65px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb75 {
	margin-bottom: 75px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb85 {
	margin-bottom: 85px;
}
.mb90 {
	margin-bottom: 80px;
}
.mb95 {
	margin-bottom: 95px;
}
.mb100 {
	margin-bottom: 100px;
}
.ml0 {
	margin-left: 0px;
}
.ml1 {
	margin-left: 1px;
}
.ml2 {
	margin-left: 2px;
}
.ml3 {
	margin-left: 3px;
}
.ml4 {
	margin-left: 4px;
}
.ml5 {
	margin-left: 5px;
}
.ml6 {
	margin-left: 6px;
}
.ml7 {
	margin-left: 7px;
}
.ml8 {
	margin-left: 8px;
}
.ml9 {
	margin-left: 9px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.ml35 {
	margin-left: 35px;
}
.ml40 {
	margin-left: 40px;
}
.ml45 {
	margin-left: 45px;
}
.ml50 {
	margin-left: 50px;
}
.ml55 {
	margin-left: 55px;
}
.ml60 {
	margin-left: 60px;
}
.ml65 {
	margin-left: 65px;
}
.ml70 {
	margin-left: 70px;
}
.ml75 {
	margin-left: 75px;
}
.ml80 {
	margin-left: 80px;
}
.ml85 {
	margin-left: 85px;
}
.ml90 {
	margin-left: 90px;
}
.ml95 {
	margin-left: 95px;
}
.ml100 {
	margin-left: 100px;
}
.mr0 {
	margin-right: 0px;
}
.mr1 {
	margin-right: 1px;
}
.mr2 {
	margin-right: 2px;
}
.mr3 {
	margin-right: 3px;
}
.mr4 {
	margin-right: 4px;
}
.mr5 {
	margin-right: 5px;
}
.mr6 {
	margin-right: 6px;
}
.mr7 {
	margin-right: 7px;
}
.mr8 {
	margin-right: 8px;
}
.mr9 {
	margin-right: 9px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.mr35 {
	margin-right: 35px;
}
.mr40 {
	margin-right: 40px;
}
.mr45 {
	margin-right: 45px;
}
.mr50 {
	margin-right: 50px;
}
.mr55 {
	margin-right: 55px;
}
.mr60 {
	margin-right: 60px;
}
.mr65 {
	margin-right: 65px;
}
.mr70 {
	margin-right: 70px;
}
.mr75 {
	margin-right: 75px;
}
.mr80 {
	margin-right: 80px;
}
.mr85 {
	margin-right: 85px;
}
.mr90 {
	margin-right: 90px;
}
.mr95 {
	margin-right: 95px;
}
.mr100 {
	margin-right: 100px;
}

/* padding 패당 */
.pg0 {
	padding:0;
}
.pt1 {
	padding-top: 1px;
}
.pt2 {
	padding-top: 2px;
}
.pt3 {
	padding-top: 3px;
}
.pt4 {
	padding-top: 4px;
}
.pt5 {
	padding-top: 5px;
}
.pt6 {
	padding-top: 6px;
}
.pt7 {
	padding-top: 7px;
}
.pt8 {
	padding-top: 8px;
}
.pt9 {
	padding-top: 9px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt25 {
	padding-top: 25px;
}
.pt30 {
	padding-top: 30px;
}
.pt35 {
	padding-top: 35px;
}
.pt40 {
	padding-top: 40px;
}
.pt45 {
	padding-top: 45px;
}
.pt50 {
	padding-top: 50px;
}
.pt55 {
	padding-top: 55px;
}
.pt60 {
	padding-top: 60px;
}
.pt65 {
	padding-top: 65px;
}
.pt70 {
	padding-top: 70px;
}
.pt75 {
	padding-top: 75px;
}
.pt80 {
	padding-top: 80px;
}
.pt85 {
	padding-top: 85px;
}
.pt90 {
	padding-top: 80px;
}
.pt95 {
	padding-top: 95px;
}
.pt100 {
	padding-top: 100px;
}
.pb0 {
	padding-bottom: 0px;
}
.pb1 {
	padding-bottom: 1px;
}
.pb2 {
	padding-bottom: 2px;
}
.pb3 {
	padding-bottom: 3px;
}
.pb4 {
	padding-bottom: 4px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb6 {
	padding-bottom: 6px;
}
.pb7 {
	padding-bottom: 7px;
}
.pb8 {
	padding-bottom: 8px;
}
.pb9 {
	padding-bottom: 9px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb25 {
	padding-bottom: 25px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb35 {
	padding-bottom: 35px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb45 {
	padding-bottom: 45px;
}
.pb50 {
	padding-bottom: 50px;
}
.pb55 {
	padding-bottom: 55px;
}
.pb60 {
	padding-bottom: 60px;
}
.pb65 {
	padding-bottom: 65px;
}
.pb70 {
	padding-bottom: 70px;
}
.pb75 {
	padding-bottom: 75px;
}
.pb80 {
	padding-bottom: 80px;
}
.pb85 {
	padding-bottom: 85px;
}
.pb90 {
	padding-bottom: 90px;
}
.pb95 {
	padding-bottom: 95px;
}
.pb100 {
	padding-bottom: 100px;
}
.pl0 {
	padding-left: 0px;
}
.pl1 {
	padding-left: 1px;
}
.pl2 {
	padding-left: 2px;
}
.pl3 {
	padding-left: 3px;
}
.pl4 {
	padding-left: 4px;
}
.pl5 {
	padding-left: 5px;
}
.pl6 {
	padding-left: 6px;
}
.pl7 {
	padding-left: 7px;
}
.pl8 {
	padding-left: 8px;
}
.pl9 {
	padding-left: 9px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl25 {
	padding-left: 25px;
}
.pl30 {
	padding-left: 30px;
}
.pl35 {
	padding-left: 35px;
}
.pl40 {
	padding-left: 40px;
}
.pl45 {
	padding-left: 45px;
}
.pl50 {
	padding-left: 50px;
}
.pl55 {
	padding-left: 55px;
}
.pl60 {
	padding-left: 60px;
}
.pl65 {
	padding-left: 65px;
}
.pl70 {
	padding-left: 70px;
}
.pl75 {
	padding-left: 75px;
}
.pl80 {
	padding-left: 80px;
}
.pl85 {
	padding-left: 85px;
}
.pl90 {
	padding-left: 90px;
}
.pl95 {
	padding-left: 95px;
}
.pl100 {
	padding-left: 100px;
}
.pr0 {
	padding-right: 0px;
}
.pr1 {
	padding-right: 1px;
}
.pr2 {
	padding-right: 2px;
}
.pr3 {
	padding-right: 3px;
}
.pr4 {
	padding-right: 4px;
}
.pr5 {
	padding-right: 5px;
}
.pr6 {
	padding-right: 6px;
}
.pr7 {
	padding-right: 7px;
}
.pr8 {
	padding-right: 8px;
}
.pr9 {
	padding-right: 9px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr25 {
	padding-right: 25px;
}
.pr30 {
	padding-right: 30px;
}
.pr35 {
	padding-right: 35px;
}
.pr40 {
	padding-right: 40px;
}
.pr45 {
	padding-right: 45px;
}
.pr50 {
	padding-right: 50px;
}
.pr55 {
	padding-right: 55px;
}
.pr60 {
	padding-right: 60px;
}
.pr65 {
	padding-right: 65px;
}
.pr70 {
	padding-right: 70px;
}
.pr75 {
	padding-right: 75px;
}
.pr80 {
	padding-right: 80px;
}
.pr85 {
	padding-right: 85px;
}
.pr90 {
	padding-right: 90px;
}
.pr95 {
	padding-right: 95px;
}
.pr100 {
	padding-right: 100px;
}

/* 
width 모음
*/
.w5 {
	width: 5px;
}
.w10 {
	width: 10px;
}
.w15 {
	width: 15px;
}
.w20 {
	width: 20px;
}
.w25 {
	width: 25px;
}
.w30 {
	width: 30px;
}
.w35 {
	width: 35px;
}
.w40 {
	width: 40px;
}
.w45 {
	width: 45px;
}
.w50 {
	width: 50px;
}
.w55 {
	width: 55px;
}
.w60 {
	width: 60px;
}
.w65 {
	width: 65px;
}
.w70 {
	width: 70px;
}
.w75 {
	width: 75px;
}
.w80 {
	width: 80px;
}
.w85 {
	width: 85px;
}
.w90 {
	width: 90px;
}
.w95 {
	width: 95px;
}
.w100 {
	width: 100px;
}

.w5per {
	width: 5%;
}
.w10per {
	width: 10%;
}
.w15per {
	width: 15%;
}
.w20per {
	width: 20%;
}
.w25per {
	width: 25%;
}
.w30per {
	width: 30%;
}
.w35per {
	width: 35%;
}
.w40per {
	width: 40%;
}
.w45per {
	width: 45%;
}
.w50per {
	width: 50%;
}
.w55per {
	width: 55%;
}
.w60per {
	width: 60%;
}
.w65per {
	width: 65%;
}
.w70per {
	width: 70%;
}
.w75per {
	width: 75%;
}
.w80per {
	width: 80%;
}
.w85per {
	width: 85%;
}
.w90per {
	width: 90%;
}
.w95per {
	width: 95%;
}
.w100per {
	width: 100%;
}

/* 
height 모음
*/
.h5 {
	height: 5px;
}
.h10 {
	height: 10px;
}
.h15 {
	height: 15px;
}
.h20 {
	height: 20px;
}
.h25 {
	height: 25px;
}
.h30 {
	height: 30px;
}
.h35 {
	height: 35px;
}
.h40 {
	height: 40px;
}
.h45 {
	height: 45px;
}
.h50 {
	height: 50px;
}
.h55 {
	height: 55px;
}
.h60 {
	height: 60px;
}
.h65 {
	height: 65px;
}
.h70 {
	height: 70px;
}
.h75 {
	height: 75px;
}
.h80 {
	height: 80px;
}
.h85 {
	height: 85px;
}
.h90 {
	height: 90px;
}
.h95 {
	height: 95px;
}
.h100 {
	height: 100px;
}

.h5per {
	height: 5%;
}
.h10per {
	height: 10%;
}
.h15per {
	height: 15%;
}
.h20per {
	height: 20%;
}
.h25per {
	height: 25%;
}
.h30per {
	height: 30%;
}
.h35per {
	height: 35%;
}
.h40per {
	height: 40%;
}
.h45per {
	height: 45%;
}
.h50per {
	height: 50%;
}
.h55per {
	height: 55%;
}
.h60per {
	height: 60%;
}
.h65per {
	height: 65%;
}
.h70per {
	height: 70%;
}
.h75per {
	height: 75%;
}
.h80per {
	height: 80%;
}
.h85per {
	height: 85%;
}
.h90per {
	height: 90%;
}
.h95per {
	height: 95%;
}
.h100per {
	height: 100%;
}


/* 투명도 (ie호환)*/
.opacity {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.opacity0 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.opacity1 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	opacity: 0.1;
}
.opacity2 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: 0.2;
}
.opacity3 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.opacity4 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.opacity5 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.opacity6 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.opacity7 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.opacity8 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.opacity9 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
}
.opacity-full {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* 태블릿, 모바일 전용 (767px 이하) */

@media (max-width: 767px) {
	.mt70, .mt75, .mt80, .mt85, .mt90, .mt95, .mt100 {margin-top: 50px;}
	.mb70, .mb75, .mb80, .mb85, .mb90, .mb95, .mb100 {margin-bottom: 50px;}
	.ml70, .ml75, .ml80, .ml85, .ml90, .ml95, .ml100 {margin-left: 50px;}
	.mr70, .mr75, .mr80, .mr85, .mr90, .mr95, .mr100 {margin-right: 50px;}
	.pt70, .pt75, .pt80, .pt85, .pt90, .pt95, .pt100 {padding-top: 50px;}
	.pb70, .pb75, .pb80, .pb85, .pb90, .pb95, .pb100 {padding-bottom: 50px;}
	.pl70, .pl75, .pl80, .pl85, .pl90, .pl95, .pl100 {padding-left: 50px;}
	.pr70, .pr75, .pr80, .pr85, .pr90, .pr95, .pr100 {padding-right: 50px;}
	.font-xs {font-size: 13px;}
	.font-sm {font-size: 14px;}
	.font-md {font-size: 16px;}
	.font-lg {font-size: 18px;}
}