@charset "utf-8";

/***************************************************************************************************************

버전 : Ver 0.2
수정날짜 : 2023-06-29
작업자 : 이채빈

*****************************************************************************************************************/

/* 웹폰트 : Pretendard ***************************************************************************************************************************************************/
@charset "UTF-8";

/* Pretendard : 프리텐다드 */
@font-face
{
	font-family:'Pretendard';
	font-weight: 100;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('fonts/pretendard/Pretendard-Thin.eot'), /* IE8 이하 */
      url('fonts/pretendard/Pretendard-Thin.woff2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('fonts/pretendard/Pretendard-Thin.woff') format("woff"), /* 모든 브라우저 */
      url('fonts/pretendard/Pretendard-Thin.ttf') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 200;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('fonts/pretendard/Pretendard-ExtraLight.eot'), /* IE8 이하 */
      url('fonts/pretendard/Pretendard-ExtraLight.woff2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('fonts/pretendard/Pretendard-ExtraLight.woff') format("woff"), /* 모든 브라우저 */
      url('fonts/pretendard/Pretendard-ExtraLight.ttf') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 300;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('fonts/pretendard/Pretendard-Light.eot'), /* IE8 이하 */
      url('fonts/pretendard/Pretendard-Light.woff2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('fonts/pretendard/Pretendard-Light.woff') format("woff"), /* 모든 브라우저 */
      url('fonts/pretendard/Pretendard-Light.ttf') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: normal;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('fonts/pretendard/Pretendard-Regular.eot'), /* IE8 이하 */
      url('fonts/pretendard/Pretendard-Regular.woff2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('fonts/pretendard/Pretendard-Regular.woff') format("woff"), /* 모든 브라우저 */
      url('fonts/pretendard/Pretendard-Regular.ttf') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 500;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('fonts/pretendard/Pretendard-Medium.eot'), /* IE8 이하 */
      url('fonts/pretendard/Pretendard-Medium.woff2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('fonts/pretendard/Pretendard-Medium.woff') format("woff"), /* 모든 브라우저 */
      url('fonts/pretendard/Pretendard-Medium.ttf') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 600;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('fonts/pretendard/Pretendard-SemiBold.eot'), /* IE8 이하 */
      url('fonts/pretendard/Pretendard-SemiBold.woff2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('fonts/pretendard/Pretendard-SemiBold.woff') format("woff"), /* 모든 브라우저 */
      url('fonts/pretendard/Pretendard-SemiBold.ttf') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 700;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('fonts/pretendard/Pretendard-Bold.eot'), /* IE8 이하 */
      url('fonts/pretendard/Pretendard-Bold.woff2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('fonts/pretendard/Pretendard-Bold.woff') format("woff"), /* 모든 브라우저 */
      url('fonts/pretendard/Pretendard-Bold.ttf') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 800;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('fonts/pretendard/Pretendard-ExtraBold.eot'), /* IE8 이하 */
      url('fonts/pretendard/Pretendard-ExtraBold.woff2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('fonts/pretendard/Pretendard-ExtraBold.woff') format("woff"), /* 모든 브라우저 */
      url('fonts/pretendard/Pretendard-ExtraBold.ttf') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 900;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('fonts/pretendard/Pretendard-Black.eot'), /* IE8 이하 */
      url('fonts/pretendard/Pretendard-Black.woff2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('fonts/pretendard/Pretendard-Black.woff') format("woff"), /* 모든 브라우저 */
      url('fonts/pretendard/Pretendard-Black.ttf') format("truetype"); /*안드로이드 4.4버전이하*/
}

/* 웹폰트 : Gmarket ***************************************************************************************************************************************************/
@font-face
{
	font-family:'Gmarket';
	font-weight: 700;
  src: url('fonts/gmarket/GmarketSansBold.eot') format("eot"),
      url('fonts/gmarket/GmarketSansBold.woff2') format("woff2"),
      url('fonts/gmarket/GmarketSansBold.woff') format("woff"),
      url('fonts/gmarket/GmarketSansBold.ttf') format("truetype");
}
@font-face
{
	font-family:'Gmarket';
	font-weight: 500;
  src: url('fonts/gmarket/GmarketSansMedium.eot') format("eot"),
       url('fonts/gmarket/GmarketSansMedium.woff2') format("woff2"),
       url('fonts/gmarket/GmarketSansMedium.woff') format("woff"),
       url('fonts/gmarket/GmarketSansMedium.ttf') format("truetype");
}
@font-face
{
	font-family:'Gmarket';
	font-weight: 300;
  src: url('fonts/gmarket/GmarketSansLight.eot') format("eot"),
       url('fonts/gmarket/GmarketSansLight.woff2') format("woff2"),
       url('fonts/gmarket/GmarketSansLight.woff') format("woff"),
       url('fonts/gmarket/GmarketSansLight.ttf') format("truetype");
}

/* 웹폰트 : A2Z ***************************************************************************************************************************************************/
@font-face
{
	font-family:'A2Z';
	font-weight: 100;
	src: url('fonts/a2z/A2Z-Thin.woff2') format("woff2");
}
@font-face
{
	font-family:'A2Z';
	font-weight: 200;
	src: url('fonts/a2z/A2Z-ExtraLight.woff2') format("woff2");
}
@font-face
{
	font-family:'A2Z';
	font-weight: 300;
	src: url('fonts/a2z/A2Z-Light.woff2') format("woff2");
}
@font-face
{
	font-family:'A2Z';
	font-weight: 400;
	src: url('fonts/a2z/A2Z-Regular.woff2') format("woff2");
}
@font-face
{
	font-family:'A2Z';
	font-weight: 500;
	src: url('fonts/a2z/A2Z-Medium.woff2') format("woff2");
}
@font-face
{
	font-family:'A2Z';
	font-weight: 600;
	src: url('fonts/a2z/A2Z-SemiBold.woff2') format("woff2");
}
@font-face
{
	font-family:'A2Z';
	font-weight: 700;
	src: url('fonts/a2z/A2Z-Bold.woff2') format("woff2");
}
@font-face
{
	font-family:'A2Z';
	font-weight: 800;
	src: url('fonts/a2z/A2Z-ExtraBold.woff2') format("woff2");
}
@font-face
{
	font-family:'A2Z';
	font-weight: 900;
	src: url('fonts/a2z/A2Z-Black.woff2') format("woff2");
}
/* reset css *********************************************************************************************************/
* {margin:0;padding:0;	word-break:normal; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-text-size-adjust:none;}
*:before, *:after {-webkit-box-sizing:border-box;box-sizing:border-box;}
*:hover {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
html, body{font-size:16px;font-family: "Pretendard", "Noto Sans KR",'Nanum Gothic','나눔 고딕','Malgun Gothic','돋움','sans-serif';line-height:1;color:#000;box-sizing:border-box;letter-spacing:-0.015rem;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; /* vertical-align: baseline; axboot grid랑 겹쳐서 주석처리 */}
ul, ol, li, dl, dt, dd {list-style:none;}
h1, h2, h3, h4, h5, h6 {line-height:normal;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;empty-cells:show;word-wrap:break-word;}
caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;padding:0;}
address, em, var, i {font-style:normal;}

img,fieldset,iframe{border:0;}
img,input,select,button,textarea{vertical-align:middle;box-sizing:border-box;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border:1px solid #e0e0e0;border-radius:3px;padding: 10px 30px 10px 10px;font-size:15px;background: #fff url(images/select-icon.png) no-repeat right 13px center;background-size: 14px;font-family: 'Pretendard';cursor: pointer;}
select::-ms-expand {display:none} /* IE 에서 Select box 화살표 제거 */
.ie8 select{height:1.8em;line-height:1.8em;}
.ie7 select{height:2.2em}

button{display:inline-block;*display:inline;padding:0;margin:0;border:0;cursor:pointer;vertical-align:middle;overflow:visible;background:transparent;outline:none;font-family: 'Pretendard' }
button::-moz-focus-inner,input::-moz-focus-inner, button:active{}

hr {display:block;height:1px;border:0;border-top:1px solid #ddd;margin:1em 0;padding:0;}

span, i{display:inline-block;}

a {color:inherit;text-decoration:none;}
a:focus{outline:none;}
a:hover, a:active { outline:0;}
/* a:focus {outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color; z-index:99;} */

input{font-family: 'pretendard';}

/* 정렬 *********************************************************************************************************/
@media screen and (max-width:1280px){
  html,body{font-size: 15px;}
}
@media screen and (max-width:1024px){
  html,body{font-size: 14px;}
}
@media screen and (max-width:768px){
  html,body{font-size: 12px;}
}


/* 정렬 *********************************************************************************************************/
.pos-f{position:fixed !important;}
.pos-a{position:absolute !important;}
.pos-r{position:relative !important;}
.pos-st{position:static !important;}
.dis-i {display:inline !important;}
.dis-ib {display:inline-block !important;}
.dis-b {display:block !important;}
.dis-f {display:flex !important;}
.of-h{overflow: hidden !important;}

/* 텍스트 정렬 */
.t-right{text-align:right !important;}
.t-left{text-align:left !important;}
.t-center{text-align:center !important;}
.t-top{vertical-align:top;}

/* 객체 정렬 */
.left {float:left !important;}
.right {float:right !important;}
.clear {clear:both !important;}


/* font style *********************************************************************************************************/
/* 굵기 */
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.lighter{font-weight:lighter !important;}

/* 말줄임 */
.ellipsis{white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis;}

/* 줄바꿈 */
.wordkeep {white-space:normal !important; word-break:keep-all !important;}

/* 기울기 */
.italic{font-style:italic !important;}
.underline { text-decoration:underline; }

/* 사이즈 */
.font-ss{font-size:x-small !important;} /* medium(기본 글자크기)에 대한 상대적인 크기 */
.font-s{font-size:small !important;}
.font-m{font-size:medium !important;}
.font-l{font-size:large !important;}
.font-xl{font-size:x-large !important;}

.font8 {font-size:8px !important;}
.font9 {font-size:9px !important;}
.font10 {font-size:10px !important;}
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px !important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font22 {font-size:22px !important;}
.font24 {font-size:24px !important;}
.font26 {font-size:26px !important;}
.font28 {font-size:28px !important;}
.font30 {font-size:30px !important;}
.font32 {font-size:32px !important;}
.font34 {font-size:34px !important;}
.font36 {font-size:36px !important;}
.font38 {font-size:38px !important;}
.font40 {font-size:40px !important;}
.font42 {font-size:42px !important;}
.font44 {font-size:44px !important;}
.font46 {font-size:46px !important;}
.font48 {font-size:48px !important;}
.font50 {font-size:50px !important;}

/*줄간격*/
.lh0 {line-height:0 !important;}
.lh110 {line-height:110% !important;}
.lh120 {line-height:120% !important;}
.lh130 {line-height:130% !important;}
.lh140 {line-height:140% !important;}
.lh150 {line-height:150% !important;}
.lh160 {line-height:160% !important;}
.lh170 {line-height:170% !important;}
.lh180 {line-height:180% !important;}
.lh190 {line-height:190% !important;}


/* 색상속성 *********************************************************************************************************/
/* font color */
.white{color:#fff !important;}
.yellow{color:#fff46d !important;}
.orange{color:#F2711C !important;}
.pink{color: #ff458a !important;}
.red{color:#D13232 !important;}
.mint{color: #87e4db !important;}
.green{color:#006908 !important;}
.blue{color:#0056b2 !important;}
.navy{color:#252f68 !important;}
.lightgray{color:#eee !important;}
.gray{color:#989898 !important;}
.darkgray{color:#555 !important;}
.black{color:#000 !important;}


/* bg color */
.bg-white {background:#fff !important;}
.bg-yellow{background:#fff89f !important;}
.bg-orange{background:#ffa637 !important;}
.bg-red {background:#e81e0f !important;}
.bg-blue {background:#0056b2 !important;}
.bg-green {background:#006908 !important;}
.bg-navy{background:#252f68 !important;}
.bg-lightgray {background:#f4f4f4 !important;}
.bg-gray {background:#989898 !important;}
.bg-darkgray {background:#333 !important;}
.bg-black{background:#000 !important;}



/* button *********************************************************************************************************/
.btWrap{width:100% !important;}
.btWrap > * {cursor:pointer !important;display:inline-block !important; margin:0 !important;}

.btn {display: inline-block;font-weight: 400;color: #000;text-align: center;vertical-align: middle;user-select: none;background-color: transparent;border: 1px solid transparent;padding: 0.75rem 1.5rem; font-size: 0.875rem;line-height: 1;border-radius: 0.1875rem;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;cursor:pointer;}

.btn-ss { padding:0 7px!important; height:26px!important; font-size:12px!important; line-height:26px !important;}
.btn-s { padding:0 10px!important; height:32px!important; font-size:12px!important; line-height:32px !important;}
.btn-m { padding:0 20px!important; height:40px!important; font-size:14px!important; line-height:40px !important;}
.btn-l { padding:0 30px!important; height:53px!important; font-size:14px!important; line-height:53px !important;}
.btn-xl { padding:0 50px!important; height:65px!important; font-size:20px!important; line-height:65px !important;}
@media screen and (max-width:740px) {

}


/* border style ***********************************************************************************************************************************/
/* border line */
.br {border: 1px solid #b9b9b9;}
.br-none{border:none !important;}
.br-white{border: 1px solid #fff;}
.br-black{border: 1px solid #000;}

.br-right{ border-right:1px solid #b9b9b9;}
.br-bottom{ border-bottom:1px solid #b9b9b9;}
.br-top{ border-top:1px solid #b9b9b9;}
.br-left{ border-left:1px solid #b9b9b9;}

/* border-radius */
.rd0 { border-radius:0px !important; -webkit-border-radius:0px !important; }
.rd1 { border-radius:1px !important; -webkit-border-radius:1px !important; }
.rd2 { border-radius:2px !important; -webkit-border-radius:2px !important; }
.rd3 { border-radius:3px !important; -webkit-border-radius:3px !important; }
.rd4 { border-radius:4px !important; -webkit-border-radius:4px !important; }
.rd5 { border-radius:5px !important; -webkit-border-radius:5px !important; }
.rd6 { border-radius:6px !important; -webkit-border-radius:6px !important; }
.rd7 { border-radius:7px !important; -webkit-border-radius:7px !important; }
.rd8 { border-radius:8px !important; -webkit-border-radius:8px !important; }
.rd9 { border-radius:9px !important; -webkit-border-radius:9px !important; }
.rd10 { border-radius:10px !important; -webkit-border-radius:10px !important; }
.rd11 { border-radius:11px !important; -webkit-border-radius:11px !important; }
.rd12 { border-radius:12px !important; -webkit-border-radius:12px !important; }
.rd13 { border-radius:13px !important; -webkit-border-radius:13px !important; }
.rd14 { border-radius:14px !important; -webkit-border-radius:14px !important; }
.rd15 { border-radius:15px !important; -webkit-border-radius:15px !important; }
.rd20 { border-radius:20px !important; -webkit-border-radius:20px !important; }
.rd50 { border-radius:50px !important; -webkit-border-radius:50px !important; }

/* circle */
.circle{display:inline-block;border-radius: 50%;text-align:center;}



/* scrollbar style ****************************************************************************************************************************************/
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-track {background: transparent;  }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(25,25,25,0.3); -webkit-border-radius: 8px; border-radius: 8px; }


/* padding margin 5단위로 설정 *********************************************************************************************************/
/* padding */
.pt-0{padding-top:0 !important;}
.pt-1{padding-top:.25rem !important;}
.pt-2{padding-top:.5rem !important;}
.pt-3{padding-top:1rem !important;}
.pt-4{padding-top:1.5rem !important;}
.pt-5{padding-top:3rem !important;}
.pt100{padding-top:100px !important;}

.pb-0{padding-bottom:0 !important;}
.pb-1{padding-bottom:.25rem !important;}
.pb-2{padding-bottom:.5rem !important;}
.pb-3{padding-bottom:1rem !important;}
.pb-4{padding-bottom:1.5rem !important;}
.pb-5{padding-bottom:3rem !important;}

.ps-0{padding-left:0 !important;}
.ps-1{padding-left:.25rem !important;}
.ps-2{padding-left:.5rem !important;}
.ps-3{padding-left:1rem !important;}
.ps-4{padding-left:1.5rem !important;}
.ps-5{padding-left:3rem !important;}

.pe-0{padding-right:0 !important;}
.pe-1{padding-right:.25rem !important;}
.pe-2{padding-right:.5rem !important;}
.pe-3{padding-right:1rem !important;}
.pe-4{padding-right:1.5rem !important;}
.pe-5{padding-right:3rem !important;}

.px-0{padding-right:0 !important;padding-left:0 !important;}
.px-1{padding-right:.25rem !important;padding-left:.25rem !important;}
.px-2{padding-right:.5rem !important;padding-left:.5rem !important;}
.px-3{padding-right:1rem !important;padding-left:1rem !important;}
.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important;}
.px-5{padding-right:3rem !important;padding-left:3rem !important;}

.py-0{padding-top:0 !important;padding-bottom:0 !important;}
.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important;}
.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important;}
.py-3{padding-top:1rem !important;padding-bottom:1rem !important;}
.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}
.py-5{padding-top:3rem !important;padding-bottom:3rem !important;}


/* margin */
.mt-0{margin-top:0 !important;}
.mt-1{margin-top:.25rem !important;}
.mt-2{margin-top:.5rem !important;}
.mt-3{margin-top:1rem !important;}
.mt-4{margin-top:1.5rem !important;}
.mt-5{margin-top:3rem !important;}

.mb-0{margin-bottom:0 !important;}
.mb-1{margin-bottom:.25rem !important;}
.mb-2{margin-bottom:.5rem !important;}
.mb-3{margin-bottom:1rem !important;}
.mb-4{margin-bottom:1.5rem !important;}
.mb-5{margin-bottom:3rem !important;}

.ms-0{margin-left:0 !important;}
.ms-1{margin-left:.25rem !important;}
.ms-2{margin-left:.5rem !important;}
.ms-3{margin-left:1rem !important;}
.ms-4{margin-left:1.5rem !important;}
.ms-5{margin-left:3rem !important;}

.me-0{margin-right:0 !important;}
.me-1{margin-right:.25rem !important;}
.me-2{margin-right:.5rem !important;}
.me-3{margin-right:1rem !important;}
.me-4{margin-right:1.5rem !important;}
.me-5{margin-right:3rem !important;}

.mx-0{margin-right:0 !important;margin-left:0 !important;}
.mx-1{margin-right:.25rem !important;margin-left:.25rem !important;}
.mx-2{margin-right:.5rem !important;margin-left:.5rem !important;}
.mx-3{margin-right:1rem !important;margin-left:1rem !important;}
.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important;}
.mx-5{margin-right:3rem !important;margin-left:3rem !important;}

.my-0{margin-top:0 !important;margin-bottom:0 !important;}
.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important;}
.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important;}
.my-3{margin-top:1rem !important;margin-bottom:1rem !important;}
.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important;}
.my-5{margin-top:3rem !important;margin-bottom:3rem !important;}

/* width 5% ~ 100% 비율 */
.w5 {width:5% !important;}
.w6 {width:6% !important;}
.w7 {width:7% !important;}
.w8 {width:8% !important;}
.w9 {width:9% !important;}
.w10 {width:10% !important;}
.w11 {width:11% !important;}
.w12 {width:12% !important;}
.w13 {width:13% !important;}
.w14 {width:14% !important;}
.w15 {width:15% !important;}
.w16 {width:16% !important;}
.w17 {width:17% !important;}
.w18 {width:18% !important;}
.w19 {width:19% !important;}
.w20 {width:20% !important;}
.w21 {width:21% !important;}
.w22 {width:22% !important;}
.w23 {width:23% !important;}
.w24 {width:24% !important;}
.w25 {width:25% !important;}
.w26 {width:26% !important;}
.w27 {width:27% !important;}
.w28 {width:28% !important;}
.w29 {width:29% !important;}
.w30 {width:30% !important;}
.w31 {width:31% !important;}
.w32 {width:32% !important;}
.w33 {width:33% !important;}
.w33-3 {width:33.3333333% !important;} 
.w34 {width:34% !important;}
.w35 {width:35% !important;}
.w36 {width:36% !important;}
.w37 {width:37% !important;}
.w38 {width:38% !important;}
.w39 {width:39% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w46 {width:46% !important;}
.w47 {width:47% !important;}
.w48 {width:48% !important;}
.w49 {width:49% !important;}
.w50 {width:50% !important;}
.w51 {width:51% !important;}
.w52 {width:52% !important;}
.w53 {width:53% !important;}
.w54 {width:54% !important;}
.w55 {width:55% !important;}
.w56 {width:56% !important;}
.w57 {width:57% !important;}
.w58 {width:58% !important;}
.w59 {width:59% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w66 {width:66% !important;}
.w67 {width:67% !important;}
.w68 {width:68% !important;}
.w69 {width:69% !important;}
.w70 {width:70% !important;}
.w71 {width:71% !important;}
.w72 {width:72% !important;}
.w73 {width:73% !important;}
.w74 {width:74% !important;}
.w75 {width:75% !important;}
.w76 {width:76% !important;}
.w77 {width:77% !important;}
.w78 {width:78% !important;}
.w79 {width:79% !important;}
.w80 {width:80% !important;}
.w81 {width:81% !important;}
.w82 {width:82% !important;}
.w83 {width:83% !important;}
.w84 {width:84% !important;}
.w85 {width:85% !important;}
.w86 {width:86% !important;}
.w87 {width:87% !important;}
.w88 {width:88% !important;}
.w89 {width:89% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w96 {width:96% !important;}
.w97 {width:97% !important;}
.w98 {width:98% !important;}
.w99 {width:99% !important;}
.w100 {width:100% !important;}