@charset "UTF-8";

@import url(layout.css?v=250520);
@import url(sub.css?v=250528);
@import url(swiper.css);

@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap");

/*==========================================================================
Base
==========================================================================*/
*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::selection {
	background: rgba(57, 194, 255, 0.8); /* Firefox */
	background: rgba(57, 194, 255, 0.8); /* Safari */
	color: #fff;
}
::-moz-selection {
	background: rgba(57, 194, 255, 0.8); /* Firefox */
	background: rgba(57, 194, 255, 0.8); /* Firefox */
	color: #fff;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
p,
iframe,
span,
strong,
em {
	margin: 0;
	padding: 0;
	font-size: inherit;
	/* word-break: break-word; */
	word-break: keep-all;
	-webkit-text-size-adjust: none;
}
html {
	font-size: 62.5%;
}
body {
	font-family: "Pretendard", sans-serif;
	font-size: 1.6rem;
	color: #222;
	line-height: auto;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
	word-break: keep-all;
}
html,
body {
	width: 100%;
	height: 100%;
}
header,
hgroup,
footer,
section,
article,
aside,
nav,
canvas,
figure,
figcaption {
	display: block;
}
table {
	font-size: inherit;
	border-collapse: separate /*collapse*/;
	border-spacing: 0;
	table-layout: fixed;
}
th,
td {
	word-wrap: break-word;
	word-break: break-all;
	font-weight: normal;
}
fieldset,
iframe {
	border: 0;
	vertical-align: top;
}
small {
	font-size: 12px;
	color: #666;
}
img {
	border: 0;
	font-size: 0;
	vertical-align: top;
}
address,
cite,
code,
dfn,
em,
var {
	font-style: normal;
	font-weight: normal;
}
li,
dd {
	list-style: none;
	word-break: break-word;
	word-break: keep-all;
}
hr {
	display: none;
}
caption {
	overflow: hidden;
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	margin-top: -1px;
}
legend {
	overflow: hidden;
	left: -9999px;
	text-indent: 9999px;
	width: 0;
	height: 0;
	overflow: hidden;
	line-height: 0;
	white-space: nowrap;
	color: #000;
}
button {
	padding: 0;
	border: 0;
	cursor: pointer;
	background: none;
	vertical-align: middle;
	font-size: 12px;
	appearance: none;
	moz-appearance: none;
	border: 0;
	overflow: visible;
	outline: none;
}

input,
textarea {
	font-family: "Pretendard", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0px;
	margin: 0px;
}

a,
a code {
	color: #5c5c5c;
	text-decoration: none; /*마우스오버시 자연스럽게*/
	transition-duration: 300ms;
	transition-property: color, border-color, background-color;
	transition-timing-function: ease;
}
a:active,
a:active code {
	text-decoration: none; /*마우스오버시 자연스럽게*/
	transition-duration: 300ms;
	transition-property: color, border-color, background-color;
	transition-timing-function: ease;
}
a:hover,
a:hover code,
a:focus,
a:focus code {
	text-decoration: none; /*마우스오버시 자연스럽게*/
	transition-duration: 300ms;
	transition-property: color, border-color, background-color;
	transition-timing-function: ease;
}
sup,
sub {
	font-size: 0.9em;
	font-style: italic;
}
checkbox {
	vertical-align: middle;
}
a {
	outline: none;
	cursor: pointer;
}
.hand {
	cursor: pointer;
}
input:focus {
	outline: none;
}

/* 아이폰설정초기화 */
input,
textarea,
button,
select {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

/* 정렬 */
.center {
	text-align: center !important;
}
.align_left {
	text-align: left !important;
}
.align_right {
	text-align: right !important;
}
.fr {
	float: right !important;
}
.fl {
	float: left !important;
}
.mid {
	vertical-align: middle !important ;
}
.clear {
	clear: both !important;
}
.overhide {
	overflow: hidden !important;
}

/* font */

.fw-T {
	font-weight: 100 !important;
}
.fw-EL {
	font-weight: 200 !important;
}
.fw-L {
	font-weight: 300 !important;
}
.fw-R {
	font-weight: 400 !important;
}
.fw-M {
	font-weight: 500 !important;
}
.fw-SB {
	font-weight: 600 !important;
}
.fw-B {
	font-weight: 700 !important;
}
.fw-EB {
	font-weight: 800 !important;
}
.fw-BL {
	font-weight: 900 !important;
}

.fwL {
	font-variation-settings: "wght" 300;
}
.fwR {
	font-variation-settings: "wght" 400;
}
.fwB {
	font-variation-settings: "wght" 700;
}
.fwE {
	font-variation-settings: "wght" 800;
}
.fwH {
	font-variation-settings: "wght" 900;
}

.fc-M1 {
	color: #034ea2 !important;
}
.fc-M2 {
	color: #00a1e4 !important;
}
.fc-bl {
	color: #222 !important;
}
.fc-wh {
	color: #fff !important;
}

:root {
	--blue: #0044a0;
	--skyblue: #02aef6;
	--mint: #00a9c8;
	--pupple: #584af7;
}

/* margin */
.mt0 {
	margin-top: 0 !important;
}
.mt1 {
	margin-top: 1px !important;
}
.mt2 {
	margin-top: 2px !important;
}
.mt3 {
	margin-top: 3px !important;
}
.mt4 {
	margin-top: 4px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt6 {
	margin-top: 6px !important;
}
.mt7 {
	margin-top: 7px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt9 {
	margin-top: 9px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt11 {
	margin-top: 11px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt13 {
	margin-top: 13px !important;
}
.mt14 {
	margin-top: 14px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt16 {
	margin-top: 16px !important;
}
.mt17 {
	margin-top: 17px !important;
}
.mt18 {
	margin-top: 18px !important;
}
.mt19 {
	margin-top: 19px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt21 {
	margin-top: 21px !important;
}
.mt22 {
	margin-top: 22px !important;
}
.mt23 {
	margin-top: 23px !important;
}
.mt24 {
	margin-top: 24px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt26 {
	margin-top: 26px !important;
}
.mt27 {
	margin-top: 27px !important;
}
.mt28 {
	margin-top: 28px !important;
}
.mt29 {
	margin-top: 29px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt32 {
	margin-top: 32px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt36 {
	margin-top: 36px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt55 {
	margin-top: 55px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt65 {
	margin-top: 65px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt75 {
	margin-top: 75px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt85 {
	margin-top: 85px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt95 {
	margin-top: 95px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mt110 {
	margin-top: 110px !important;
}
.mt120 {
	margin-top: 120px !important;
}
.mt150 {
	margin-top: 150px !important;
}
.mt200 {
	margin-top: 200px !important;
}
.mt250 {
	margin-top: 250px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}
.mb1 {
	margin-bottom: 1px !important;
}
.mb2 {
	margin-bottom: 2px !important;
}
.mb3 {
	margin-bottom: 3px !important;
}
.mb4 {
	margin-bottom: 4px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb6 {
	margin-bottom: 6px !important;
}
.mb7 {
	margin-bottom: 7px !important;
}
.mb8 {
	margin-bottom: 8px !important;
}
.mb9 {
	margin-bottom: 9px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb11 {
	margin-bottom: 11px !important;
}
.mb12 {
	margin-bottom: 12px !important;
}
.mb13 {
	margin-bottom: 13px !important;
}
.mb14 {
	margin-bottom: 14px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb16 {
	margin-bottom: 16px !important;
}
.mb17 {
	margin-bottom: 17px !important;
}
.mb18 {
	margin-bottom: 18px !important;
}
.mb19 {
	margin-bottom: 19px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb21 {
	margin-bottom: 21px !important;
}
.mb22 {
	margin-bottom: 22px !important;
}
.mb23 {
	margin-bottom: 23px !important;
}
.mb24 {
	margin-bottom: 24px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mb150 {
	margin-bottom: 150px !important;
}

.ml0 {
	margin-left: 0px !important;
}
.ml1 {
	margin-left: 1px !important;
}
.ml2 {
	margin-left: 2px !important;
}
.ml3 {
	margin-left: 3px !important;
}
.ml4 {
	margin-left: 4px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml6 {
	margin-left: 6px !important;
}
.ml7 {
	margin-left: 7px !important;
}
.ml8 {
	margin-left: 8px !important;
}
.ml9 {
	margin-left: 9px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml11 {
	margin-left: 11px !important;
}
.ml12 {
	margin-left: 12px !important;
}
.ml13 {
	margin-left: 13px !important;
}
.ml14 {
	margin-left: 14px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml16 {
	margin-left: 16px !important;
}
.ml17 {
	margin-left: 17px !important;
}
.ml18 {
	margin-left: 18px !important;
}
.ml19 {
	margin-left: 19px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml55 {
	margin-left: 55px !important;
}
.ml60 {
	margin-left: 60px !important;
}
.ml65 {
	margin-left: 65px !important;
}
.ml70 {
	margin-left: 70px !important;
}
.ml80 {
	margin-left: 80px !important;
}
.ml90 {
	margin-left: 90px !important;
}
.ml100 {
	margin-left: 100px !important;
}
.ml110 {
	margin-left: 110px !important;
}
.ml115 {
	margin-left: 115px !important;
}
.ml120 {
	margin-left: 120px !important;
}
.ml125 {
	margin-left: 125px !important;
}
.ml130 {
	margin-left: 130px !important;
}
.ml140 {
	margin-left: 140px !important;
}
.ml150 {
	margin-left: 150px !important;
}
.ml200 {
	margin-left: 200px !important;
}
.ml250 {
	margin-left: 250px !important;
}
.ml300 {
	margin-left: 300px !important;
}
.ml310 {
	margin-left: 310px !important;
}
.ml320 {
	margin-left: 320px !important;
}
.ml330 {
	margin-left: 330px !important;
}
.ml340 {
	margin-left: 340px !important;
}
.ml350 {
	margin-left: 350px !important;
}
.ml360 {
	margin-left: 360px !important;
}
.ml370 {
	margin-left: 370px !important;
}
.ml380 {
	margin-left: 380px !important;
}
.ml390 {
	margin-left: 390px !important;
}
.ml400 {
	margin-left: 400px !important;
}
.ml410 {
	margin-left: 410px !important;
}
.ml420 {
	margin-left: 420px !important;
}
.ml430 {
	margin-left: 430px !important;
}
.ml440 {
	margin-left: 440px !important;
}
.ml450 {
	margin-left: 450px !important;
}
.ml460 {
	margin-left: 460px !important;
}
.ml470 {
	margin-left: 470px !important;
}
.ml480 {
	margin-left: 480px !important;
}
.ml490 {
	margin-left: 490px !important;
}
.ml500 {
	margin-left: 500px !important;
}
.ml550 {
	margin-left: 550px !important;
}

.mr1 {
	margin-right: 1px !important;
}
.mr2 {
	margin-right: 2px !important;
}
.mr3 {
	margin-right: 3px !important;
}
.mr4 {
	margin-right: 4px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr6 {
	margin-right: 6px !important;
}
.mr7 {
	margin-right: 7px !important;
}
.mr8 {
	margin-right: 8px !important;
}
.mr9 {
	margin-right: 9px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr11 {
	margin-right: 11px !important;
}
.mr12 {
	margin-right: 12px !important;
}
.mr13 {
	margin-right: 13px !important;
}
.mr14 {
	margin-right: 14px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr16 {
	margin-right: 16px !important;
}
.mr17 {
	margin-right: 17px !important;
}
.mr18 {
	margin-right: 18px !important;
}
.mr19 {
	margin-right: 19px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr26 {
	margin-right: 26px !important;
}
.mr27 {
	margin-right: 27px !important;
}
.mr28 {
	margin-right: 28px !important;
}
.mr29 {
	margin-right: 29px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr31 {
	margin-right: 31px !important;
}
.mr32 {
	margin-right: 32px !important;
}
.mr33 {
	margin-right: 33px !important;
}
.mr34 {
	margin-right: 34px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr36 {
	margin-right: 36px !important;
}
.mr37 {
	margin-right: 37px !important;
}
.mr38 {
	margin-right: 38px !important;
}
.mr39 {
	margin-right: 39px !important;
}
.mr40 {
	margin-right: 40px !important;
}

/* padding */
.pb0 {
	padding-bottom: 0px !important;
}
.pb1 {
	padding-bottom: 1px !important;
}
.pb2 {
	padding-bottom: 2px !important;
}
.pb3 {
	padding-bottom: 3px !important;
}
.pb4 {
	padding-bottom: 4px !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb6 {
	padding-bottom: 6px !important;
}
.pb7 {
	padding-bottom: 7px !important;
}
.pb8 {
	padding-bottom: 8px !important;
}
.pb9 {
	padding-bottom: 9px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb11 {
	padding-bottom: 11px !important;
}
.pb12 {
	padding-bottom: 12px !important;
}
.pb13 {
	padding-bottom: 13px !important;
}
.pb14 {
	padding-bottom: 14px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb16 {
	padding-bottom: 16px !important;
}
.pb17 {
	padding-bottom: 17px !important;
}
.pb18 {
	padding-bottom: 18px !important;
}
.pb19 {
	padding-bottom: 19px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb21 {
	padding-bottom: 21px !important;
}
.pb22 {
	padding-bottom: 22px !important;
}
.pb23 {
	padding-bottom: 23px !important;
}
.pb24 {
	padding-bottom: 24px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb26 {
	padding-bottom: 26px !important;
}
.pb27 {
	padding-bottom: 27px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb120 {
	padding-bottom: 120px !important;
}
.pb180 {
	padding-bottom: 180px !important;
}
.pb200 {
	padding-bottom: 200px !important;
}

.pt0 {
	padding-top: 0px !important;
}
.pt1 {
	padding-top: 1px !important;
}
.pt2 {
	padding-top: 2px !important;
}
.pt3 {
	padding-top: 3px !important;
}
.pt4 {
	padding-top: 4px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt6 {
	padding-top: 6px !important;
}
.pt7 {
	padding-top: 7px !important;
}
.pt8 {
	padding-top: 8px !important;
}
.pt9 {
	padding-top: 9px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt11 {
	padding-top: 11px !important;
}
.pt12 {
	padding-top: 12px !important;
}
.pt13 {
	padding-top: 13px !important;
}
.pt14 {
	padding-top: 14px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt16 {
	padding-top: 16px !important;
}
.pt17 {
	padding-top: 17px !important;
}
.pt18 {
	padding-top: 18px !important;
}
.pt19 {
	padding-top: 19px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt21 {
	padding-top: 21px !important;
}
.pt22 {
	padding-top: 22px !important;
}
.pt23 {
	padding-top: 23px !important;
}
.pt24 {
	padding-top: 24px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt26 {
	padding-top: 26px !important;
}
.pt27 {
	padding-top: 27px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt40 {
	padding-top: 40px !important;
}

.pl0 {
	padding-left: 0px !important;
}
.pl1 {
	padding-left: 1px !important;
}
.pl2 {
	padding-left: 2px !important;
}
.pl3 {
	padding-left: 3px !important;
}
.pl4 {
	padding-left: 4px !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pl6 {
	padding-left: 6px !important;
}
.pl7 {
	padding-left: 7px !important;
}
.pl8 {
	padding-left: 8px !important;
}
.pl9 {
	padding-left: 9px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl11 {
	padding-left: 11px !important;
}
.pl12 {
	padding-left: 12px !important;
}
.pl13 {
	padding-left: 13px !important;
}
.pl14 {
	padding-left: 14px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl16 {
	padding-left: 16px !important;
}
.pl17 {
	padding-left: 17px !important;
}
.pl18 {
	padding-left: 18px !important;
}
.pl19 {
	padding-left: 19px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl21 {
	padding-left: 21px !important;
}
.pl22 {
	padding-left: 22px !important;
}
.pl23 {
	padding-left: 23px !important;
}
.pl24 {
	padding-left: 24px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl26 {
	padding-left: 26px !important;
}
.pl27 {
	padding-left: 27px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}

.pr0 {
	padding-right: 0px !important;
}
.pr1 {
	padding-right: 1px !important;
}
.pr2 {
	padding-right: 2px !important;
}
.pr3 {
	padding-right: 3px !important;
}
.pr4 {
	padding-right: 4px !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pr6 {
	padding-right: 6px !important;
}
.pr7 {
	padding-right: 7px !important;
}
.pr8 {
	padding-right: 8px !important;
}
.pr9 {
	padding-right: 9px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr11 {
	padding-right: 11px !important;
}
.pr12 {
	padding-right: 12px !important;
}
.pr13 {
	padding-right: 13px !important;
}
.pr14 {
	padding-right: 14px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr16 {
	padding-right: 16px !important;
}
.pr17 {
	padding-right: 17px !important;
}
.pr18 {
	padding-right: 18px !important;
}
.pr19 {
	padding-right: 19px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr21 {
	padding-right: 21px !important;
}
.pr22 {
	padding-right: 22px !important;
}
.pr23 {
	padding-right: 23px !important;
}
.pr24 {
	padding-right: 24px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr26 {
	padding-right: 26px !important;
}
.pr27 {
	padding-right: 27px !important;
}
.pr30 {
	padding-right: 30px !important;
}

@media all and (max-width: 977px) {
	.mt10 {
		margin-top: 0.5% !important;
	}
	.mt20 {
		margin-top: 1% !important;
	}
	.mt25 {
		margin-top: 1.5% !important;
	}
	.mt30 {
		margin-top: 2% !important;
	}
	.mt35 {
		margin-top: 2.5% !important;
	}
	.mt40 {
		margin-top: 3% !important;
	}
	.mt45 {
		margin-top: 3.5% !important;
	}
	.mt50 {
		margin-top: 4% !important;
	}
	.mt55 {
		margin-top: 4.5% !important;
	}
	.mt60 {
		margin-top: 5% !important;
	}
	.mt70 {
		margin-top: 6% !important;
	}
	.mt80 {
		margin-top: 7% !important;
	}

	.mb25 {
		margin-bottom: 1.5% !important;
	}
	.mb30 {
		margin-bottom: 2% !important;
	}
	.mb35 {
		margin-bottom: 2.5% !important;
	}
	.mb40 {
		margin-bottom: 3% !important;
	}
	.mb45 {
		margin-bottom: 3.5% !important;
	}
	.mb50 {
		margin-bottom: 4% !important;
	}
	.mb55 {
		margin-bottom: 4.5% !important;
	}
	.mb60 {
		margin-bottom: 5% !important;
	}
}

@media all and (max-width: 767px) {
	.mt10 {
		margin-top: 1.5% !important;
	}
	.mt20 {
		margin-top: 2.5% !important;
	}
	.mt30 {
		margin-top: 3% !important;
	}
	.mt35 {
		margin-top: 3.5% !important;
	}
	.mt40 {
		margin-top: 4% !important;
	}
	.mt45 {
		margin-top: 4.5% !important;
	}
	.mt50 {
		margin-top: 5% !important;
	}
	.mt55 {
		margin-top: 5.5% !important;
	}
	.mt60 {
		margin-top: 6% !important;
	}
	.mt70 {
		margin-top: 7% !important;
	}
	.mt80 {
		margin-top: 8% !important;
	}

	.mb25 {
		margin-bottom: 2.5% !important;
	}
	.mb30 {
		margin-bottom: 3% !important;
	}
	.mb35 {
		margin-bottom: 3.5% !important;
	}
	.mb40 {
		margin-bottom: 4% !important;
	}
	.mb45 {
		margin-bottom: 4.5% !important;
	}
	.mb50 {
		margin-bottom: 5% !important;
	}
	.mb55 {
		margin-bottom: 5.5% !important;
	}
	.mb60 {
		margin-bottom: 6% !important;
	}
}

/* layout */

.col-12 {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.col-s-12 {
	position: relative;
	width: 1400px;
	margin: 0 auto;
}

.col-9 {
	position: relative;
	width: 75%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.col-7 {
	position: relative;
	width: 60%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.col-6 {
	position: relative;
	width: 50%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.col-5 {
	position: relative;
	width: 40%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.col-4 {
	position: relative;
	width: 33.33%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.col-3 {
	position: relative;
	width: 25%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.col-2 {
	position: relative;
	width: 16.66%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.col-s-3 {
	position: relative;
	width: 25%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.col-s-4 {
	position: relative;
	width: 33.33%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.col-s-6 {
	position: relative;
	width: 50%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.show-1400 {
	display: block;
}
.hide-1400 {
	display: none;
}

@media screen and (max-width: 1299px) {
	.col-s-12 {
		width: 100%;
	}
}

@media screen and (max-width: 1199px) {
	.show-1199 {
		display: block;
	}
	.hide-1199 {
		display: none;
	}
}

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

@media screen and (max-width: 767px) {
	.col-3 {
		width: 100%;
	}
	.col-6 {
		width: 100%;
	}
	.col-9 {
		width: 100%;
	}

	.col-s-3 {
		width: 50%;
	}

	.show-767 {
		display: block;
	}
	.hide-767 {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.col-7 {
		width: 100%;
	}
	.col-5 {
		width: 100%;
	}

	.col-s-6 {
		width: 100%;
	}

	.show-640 {
		display: block;
	}
	.hide-640 {
		display: none;
	}
}

@media screen and (max-width: 568px) {
	.col-4 {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.col-s-3 {
		width: 100%;
	}
}

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