@charset "utf-8";

/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/notokr/noto-sans-kr-v12-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-100.woff') format('woff'), /* Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/notokr/noto-sans-kr-v12-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-300.woff') format('woff'), /* Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* noto-sans-kr-400 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/notokr/noto-sans-kr-v12-latin_korean-400.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-400.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-400.woff') format('woff'), /* Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-400.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-400.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/notokr/noto-sans-kr-v12-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-500.woff') format('woff'), /* Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/notokr/noto-sans-kr-v12-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/notokr/noto-sans-kr-v12-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium/titillium-web-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
  url('../fonts/titillium/titillium-web-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/titillium/titillium-web-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-300.woff') format('woff'), /* Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/titillium/titillium-web-v8-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-400 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium/titillium-web-v8-latin-400.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
  url('../fonts/titillium/titillium-web-v8-latin-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/titillium/titillium-web-v8-latin-400.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-400.woff') format('woff'), /* Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-400.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/titillium/titillium-web-v8-latin-400.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-300italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/titillium/titillium-web-v8-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'),
  url('../fonts/titillium/titillium-web-v8-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/titillium/titillium-web-v8-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/titillium/titillium-web-v8-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium/titillium-web-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
  url('../fonts/titillium/titillium-web-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/titillium/titillium-web-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-600.woff') format('woff'), /* Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/titillium/titillium-web-v8-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/titillium/titillium-web-v8-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'),
  url('../fonts/titillium/titillium-web-v8-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/titillium/titillium-web-v8-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-600italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/titillium/titillium-web-v8-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/titillium/titillium-web-v8-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

html {font-size:10px; -ms-text-size-adjust: none; -webkit-text-size-adjust: none;}

/* init style */
*,
*:before,
*:after { margin:0; padding:0; -moz-box-sizing: border-box; box-sizing: border-box;}
html:before, body:before, .page:before {clear:both; display:block; content:"";}
html:after, body:after, .page:after {clear:both; display:block; content:"";}
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {border:0;outline:0;background:transparent;}
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary {display:block;}
a {margin:0;padding:0;border:0; text-decoration:none; vertical-align:baseline; display:inline-block; cursor:pointer; color:#222;}
nav, ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after {content:none;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;}

section{position:relative; width:100%; height:auto; overflow:hidden;}

.not-a {pointer-events:none;}
h1, h2, h3, h4, h5, h6, th, dt, strong{font-weight:400;}
:disabled {
  background: #eeeeee;
}

html, body {width:100%; height:100%; font-size:10px;}
/* body font set */
body {margin: 0; padding: 0; line-height: 1.3; letter-spacing: -0.1rem; vertical-align:baseline; font-size:1.5rem; font-family: 'Noto Sans KR', AppleGothic, Helvetica, sans-serif; font-weight:300; color:#555; overflow-x:hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:100%; }
button {font-size:1.5rem; font-family: 'Noto Sans KR', AppleGothic, Helvetica, sans-serif; font-weight:300; color:#222;}
:-ms-input-placeholder,
::-ms-input-placeholder,
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
::placeholder {
	color:#a9a9a9 !important;
}

/* list style */
ul {margin:0; padding:0;}
ul:before,
ul:after {content:"";display:block;clear:both;}
li { list-style:none;}
li.first { padding-left:0px; }
ul.fl-list li , .fl-list { float:left; }
ul.fr-list li , fr-list { float:right; }
.fl-list:after , .fr-list:after { clear:both; display:block; content:""; }
ol.l-basic { margin:0 0 30px 18px; padding:0; }
ol.l-num { position:relative; margin:0; list-style:none;}
ol.l-num li { margin:0; padding: 0 0 0 20px; }
ol.l-num li span.num { position:absolute; margin:0 0 0 -20px; }
ol.l-num li.sub { margin:0; padding: 0 0 0 36px; }
ol.l-num li.sub span.num { position:absolute; margin:0 0 0 -18px; }
ol.even li:nth-child(2n) {margin-bottom:10px;}
ol.all li { margin-bottom:10px;}

/* form style */
fieldset {padding:0px;margin:0px;border:0px;}
legend{display:none;}
input[type='tel'],input[type='url'],input[type='number'], input[type='email'], input[type='text'], input[type='password'],
input.text,input.password {border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;height:1.5em;line-height:1.3em;padding:0.30em 5px 0.4em 5px;vertical-align:middle;margin:1px;}
input[type='tel']:enabled,input[type='url']:enabled,input[type='number']:enabled, input[type='email']:enabled, input[type='text']:enabled, input[type='password']:enabled
{
	background-color:#fff;
}
input[type=radio],input[type=checkbox] {border:none;padding:0;margin:0}
textarea {border:1px solid #ddd;padding:2px 5px;}
select::-ms-expand { background:#fff; border:0px; display:none; }
select { border:1px solid #dddddd; background:url('../img/select.png') no-repeat right center; cursor:pointer; -webkit-padding-end:30px; background-size:17px 5px; -webkit-appearance: none; -moz-appearance: none; appearance:none; }

/* img style */
img {border:0px;vertical-align:middle;}
img.f-width { width:100%; }

/* cursor style */
button, .hand { cursor:pointer; }

/* center thumbnail */
.thumbnail-wrapper {
	width:100%;
	height:100%;
}

.thumbnail-wrapper .thumbnail {
	position:relative;
	padding-top:100%;
	overflow:hidden;
}

.thumbnail-wrapper .thumbnail .centered {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	-webkit-transform: translate(50%,50%); 
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
}

.thumbnail-wrapper .thumbnail .centered img {
	position: absolute; 
	top: 0; 
	left: 0; 
	max-width: 100%; 
	height: auto; 
	-webkit-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* basic style */
.fl {float:left;}
.fr {float:right;}

.cn {cursor:default;}
.accessibility {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0,0,0,0);}
.cr:before,
.cr:after {content:""; display:table; clear:both;}
.container:after {content:"";display:table;clear:both;}
.pos-r {position:relative;}
.pos-a {position:absolute;}

.block { display:block; }
.inline {display:inline;}
.inline-block { display:inline-block; }
.table {display:table; width:100%; height:100%; }

.col { float:left; box-sizing:border-box;min-height:1px;}
.dotted { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.hidden {display:none !important;}
.over-hidden {overflow:hidden;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
.shadow {box-shadow:0 3px 3px rgba(0, 0, 0, .1);}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.text-lowercase { text-transform: lowercase;}
.text-uppercase { text-transform: uppercase;}
.vtop {vertical-align:text-top !important;}
.vcenter {vertical-align:middle !important;}
.vbottom {vertical-align:bottom !important;}

.nb {font-weight:normal;}
.b {font-weight:bold;}

.wp100 {width:100%;}

.pad5-l {padding-left:5px;}
.pad10-l {padding-left:10px;}
.pad5-r {padding-right:5px;}
.pad10-r {padding-right:10px;}

/* gradi */
.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,
.row:after{content:"";display:block;clear:both;}

[class*="col-"]{ position: relative; min-height: 1px; padding-right: 15px;  padding-left: 15px;	float: left;}
.col-xs-12 { width: 100%;}
.col-xs-11 { width: 91.66666667%;}
.col-xs-10 { width: 83.33333333%;}
.col-xs-9 { width: 75%;}
.col-xs-8 { width: 66.66666667%;}
.col-xs-7 { width: 58.33333333%;}
.col-xs-6 { width: 50%;}
.col-xs-5 { width: 41.66666667%;}
.col-xs-4 { width: 33.33333333%;}
.col-xs-3 { width: 25%;}
.col-xs-2 { width: 16.66666667%;}
.col-xs-1 { width: 8.33333333%;}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) {

  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/* font size */
.f11 {font-size:1.1rem;}
.f12 {font-size:1.2rem;}
.f13 {font-size:1.3rem;}
.f14 {font-size:1.4rem;}
.f15 {font-size:1.5rem;}
.f16 {font-size:1.6rem;}
.f17 {font-size:1.7rem;}
.f18 {font-size:1.8rem;}
.f19 {font-size:1.9rem;}
.f20 {font-size:2.0rem;}
.f21 {font-size:2.1rem;}
.f22 {font-size:2.2rem;}
.f23 {font-size:2.3rem;}
.f24 {font-size:2.4rem;}
.f25 {font-size:2.5rem;}
.f26 {font-size:2.6rem;}
.f27 {font-size:2.7rem;}
.f28 {font-size:2.8rem;}
.f29 {font-size:2.9rem;}
.f30 {font-size:3.0rem;}
.f31 {font-size:3.1rem;}
.f32 {font-size:3.2rem;}
.f33 {font-size:3.3rem;}
.f34 {font-size:3.4rem;}
.f35 {font-size:3.5rem;}
.f36 {font-size:3.6rem;}
.f37 {font-size:3.7rem;}
.f38 {font-size:3.8rem;}
.f39 {font-size:3.9rem;}
.f40 {font-size:4.0rem;}
.f41 {font-size:4.1rem;}
.f42 {font-size:4.2rem;}
.f43 {font-size:4.3rem;}
.f44 {font-size:4.4rem;}
.f45 {font-size:4.5rem;}
.f46 {font-size:4.6rem;}
.f47 {font-size:4.7rem;}
.f48 {font-size:4.8rem;}
.f49 {font-size:4.9rem;}
.f50 {font-size:5.0rem;}

@media only screen and (max-width:1100px){
    .f11 {font-size:1.0rem;}
	.f12 {font-size:1.1rem;}
	.f13 {font-size:1.2rem;}
	.f14 {font-size:1.3rem;}
	.f15 {font-size:1.4rem;}
	.f16 {font-size:1.5rem;}
	.f17 {font-size:1.6rem;}
	.f18 {font-size:1.7rem;}
	.f19 {font-size:1.8rem;}
	.f20 {font-size:1.9rem;}
	.f21 {font-size:2.0rem;}
	.f22 {font-size:2.1rem;}
	.f23 {font-size:2.2rem;}
	.f24 {font-size:2.3rem;}
	.f25 {font-size:2.4rem;}
	.f26 {font-size:2.5rem;}
	.f27 {font-size:2.6rem;}
	.f28 {font-size:2.7rem;}
	.f29 {font-size:2.8rem;}
	.f30 {font-size:2.9rem;}
    .f31 {font-size:3.0rem;}
    .f32 {font-size:3.1rem;}
    .f33 {font-size:3.2rem;}
    .f34 {font-size:3.3rem;}
    .f35 {font-size:3.4rem;}
    .f36 {font-size:3.5rem;}
    .f37 {font-size:3.6rem;}
    .f38 {font-size:3.7rem;}
    .f39 {font-size:3.8rem;}
    .f40 {font-size:3.9rem;}
    .f41 {font-size:4.0rem;}
    .f42 {font-size:4.1rem;}
    .f43 {font-size:4.2rem;}
    .f44 {font-size:4.3rem;}
    .f45 {font-size:4.4rem;}
    .f46 {font-size:4.5rem;}
    .f47 {font-size:4.6rem;}
    .f48 {font-size:4.7rem;}
    .f49 {font-size:4.8rem;}
    .f50 {font-size:4.9rem;}
}

@media only screen and (max-width:768px) {
    .f11 {font-size:0.9rem;}
    .f12 {font-size:1.0rem;}
    .f13 {font-size:1.1rem;}
    .f14 {font-size:1.2rem;}
    .f15 {font-size:1.3rem;}
    .f16 {font-size:1.4rem;}
    .f17 {font-size:1.5rem;}
    .f18 {font-size:1.6rem;}
    .f19 {font-size:1.7rem;}
    .f20 {font-size:1.8rem;}
    .f21 {font-size:1.9rem;}
    .f22 {font-size:2.0rem;}
    .f23 {font-size:2.1rem;}
    .f24 {font-size:2.2rem;}
    .f25 {font-size:2.3rem;}
    .f26 {font-size:2.4rem;}
    .f27 {font-size:2.5rem;}
    .f28 {font-size:2.6rem;}
    .f29 {font-size:2.7rem;}
    .f30 {font-size:2.8rem;}
    .f31 {font-size:2.9rem;}
    .f32 {font-size:3.0rem;}
    .f33 {font-size:3.1rem;}
    .f34 {font-size:3.2rem;}
    .f35 {font-size:3.3rem;}
    .f36 {font-size:3.4rem;}
    .f37 {font-size:3.5rem;}
    .f38 {font-size:3.6rem;}
    .f39 {font-size:3.7rem;}
    .f40 {font-size:3.8rem;}
    .f41 {font-size:3.9rem;}
    .f42 {font-size:4.0rem;}
    .f43 {font-size:4.1rem;}
    .f44 {font-size:4.2rem;}
    .f45 {font-size:4.3rem;}
    .f46 {font-size:4.4rem;}
    .f47 {font-size:4.5rem;}
    .f48 {font-size:4.6rem;}
    .f49 {font-size:4.7rem;}
    .f50 {font-size:4.8rem;}
}

@media only screen and (max-width:450px) {
    .f11 {font-size:0.8rem;}
    .f12 {font-size:0.9rem;}
    .f13 {font-size:1.0rem;}
    .f14 {font-size:1.1rem;}
    .f15 {font-size:1.2rem;}
    .f16 {font-size:1.3rem;}
    .f17 {font-size:1.4rem;}
    .f18 {font-size:1.5rem;}
    .f19 {font-size:1.6rem;}
    .f20 {font-size:1.7rem;}
    .f21 {font-size:1.8rem;}
    .f22 {font-size:1.9rem;}
    .f23 {font-size:2.0rem;}
    .f24 {font-size:2.1rem;}
    .f25 {font-size:2.2rem;}
    .f26 {font-size:2.3rem;}
    .f27 {font-size:2.4rem;}
    .f28 {font-size:2.5rem;}
    .f29 {font-size:2.6rem;}
    .f30 {font-size:2.7rem;}
    .f31 {font-size:2.8rem;}
    .f32 {font-size:2.9rem;}
    .f33 {font-size:3.0rem;}
    .f34 {font-size:3.1rem;}
    .f35 {font-size:3.2rem;}
    .f36 {font-size:3.3rem;}
    .f37 {font-size:3.4rem;}
    .f38 {font-size:3.5rem;}
    .f39 {font-size:3.6rem;}
    .f40 {font-size:3.7rem;}
    .f41 {font-size:3.8rem;}
    .f42 {font-size:3.9rem;}
    .f43 {font-size:4.0rem;}
    .f44 {font-size:4.1rem;}
    .f45 {font-size:4.2rem;}
    .f46 {font-size:4.3rem;}
    .f47 {font-size:4.4rem;}
    .f48 {font-size:4.5rem;}
    .f49 {font-size:4.6rem;}
    .f50 {font-size:4.7rem;}
}

/* z-index */
.zi-999 {z-index:999;}
.zi-500 {z-index:500;}
.zi-200 {z-index:200;}
.zi-150 {z-index:150;}
.zi-100 {z-index:100;}
.zi-1 {z-index:1;}