@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Play:400,700&subset=greek');

/*body 에 background-img를 넣는건 최대한 자제하세요*/
* {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: 'Play', sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } 

html { margin:0px;padding:0px;height:100%;width:100%; }

body  { 
	font-size: 12px;  
	line-height: 190%;
	font-family: 'Play', sans-serif;
	letter-spacing: 0.03em;
	
}
body,td,th {
	height: 100%;
}
label { 
	cursor:pointer; color: #818181; font-family: frutigerltcom-light;  font-size: 14px; 
}

code  { display:block; }

a, a:hover, a:focus, a:active, a:link, a:visited {
	text-decoration: none;
}

a:link, a:visited { color: #000; }

img, object, embed, video {
	max-width: 100%;
	border: 0;
	display: block;
}

/* 폰트 size 정의 */
.t-s-40 { font-size: 40px; }
.t-s-36 {
	font-size: 36px;
	line-height: 130%;
}
.t-s-30 { font-size: 30px; line-height: 100%; }
.t-s-28 { font-size: 28px; }
.t-s-26 { font-size: 26px; }
.t-s-24 { font-size: 24px; }
.t-s-22 { font-size: 22px; }
.t-s-20 { font-size: 20px; }
.t-s-18 { font-size: 18px; }
.t-s-16 { font-size: 16px; }
.t-s-14 { font-size: 14px; }
.t-s-13 { font-size: 13px; }
.t-s-12 { font-size: 12px; }
.t-s-11 { font-size: 11px; }
.t-s-10 { font-size: 10px; }
/* 폰트 color 정의 */
.t-c-black { color: #000; }
.t-c-242424 { color: #242424; }
.t-c-333 { color: #333; }
.t-c-444 { color: #444; }
.t-c-555 { color: #555; }
.t-c-666 { color: #666; }
.t-c-888 { color: #888; }
.t-c-999 { color: #999; }
.t-c-929292 { color: #929292; }
.t-c-ccc { color: #ccc; }
.t-c-red { color: #C00; }
.t-c-green { color: #89b33a; }
.t-c-white { color: #fff; }
/*
.t-c-black a:link, a:visited { color: #000; }
.t-c-242424 a:link, a:visited { color: #242424; }
.t-c-333 a:link, a:visited { color: #333; }
.t-c-555 a:link, a:visited { color: #555; }
.t-c-666 a:link, a:visited { color: #666; }
.t-c-888 a:link, a:visited { color: #888; }
.t-c-999 a:link, a:visited { color: #999; }
.t-c-929292 a:link, a:visited { color: #929292; }
.t-c-ccc a:link, a:visited { color: #ccc; }
.t-c-red a:link, a:visited { color: #red; }
.t-c-green a:link, a:visited { color: #89b33a; }
.t-c-white a:link, a:visited { color: #fff; }
*/
.t-underline { text-decoration: underline; }
.t-undernone {	text-decoration: none; }
/* 폰트 weight 정의 */
.t-w-300 { font-weight: 300; }
.t-w-400 { font-weight: 400; }
.t-w-500 { font-weight: 500; }
.t-w-600 { font-weight: 600; }
.t-w-700 { font-weight: 700; }
.t-w-800 { font-weight: 800; }
.t-w-bold {font-weight: bold; }
/* 폰트 align 정의 */
.t-a-C { text-align: center; }
.t-a-L { text-align: left; }
.t-a-R { text-align: right; }
.t-a-J {	text-align: justify; text-justify: inter-word; }
/* 폰트 family 정의 */
.f-f-L { font-family: 'Lato', sans-serif; }
.f-f-O { font-family: 'Open Sans', sans-serif; }
.f-f-K { font-family: 'Play', sans-serif;}
.f-f-N { font-family: 'Play', sans-serif;}
.small { font-size: 75%; }
/* 자간정의 */
.letter-space { letter-spacing: 0.05em; }
.letter-space01 { letter-spacing: 0.1em; }
/* blank정의 */
.blank_5 { width: 100%; height: 5px; }
.blank_10 { width: 100%; height: 10px; }
.blank_15 { width: 100%; height: 15px; }
.blank_20 { width: 100%; height: 20px; }
.blank_25 { width: 100%; height: 25px; }
.blank_27 { width: 100%; height: 27px; }
.blank_30 { width: 100%; height: 30px; }
.blank_40 { width: 100%; height: 40px; }
.blank_50 { width: 100%; height: 50px; }
.blank_60 { width: 100%; height: 60px; }
.blank_70 { width: 100%; height: 70px; }
.blank_80 { width: 100%; height: 80px; }
.blank_90 { width: 100%; height: 90px; }
.blank_100 { width: 100%; height: 100px; }
.blank_120 { width: 100%; height: 120px; }
.blank_150 { width: 100%; height: 150px; }
.blank_180 { width: 100%; height: 180px; }
.blank_L_5 { padding-left: 5px; }
.blank_L_10 { padding-left: 10px; }
.blank_L_20 { padding-left: 20px; }
.blank_L_30 { padding-left: 30px; }
.blank_L_40 { padding-left: 40px; }
.blank_L_50 { padding-left: 50px; }
.blank_L_60 { padding-left: 60px; }
.blank_L_70 { padding-left: 70px; }
.blank_L_80 { padding-left: 80px; }
.blank_L_100 { padding-left: 100px; }
.blank_L_200 { padding-left: 200px; }
.blank_R_10 { padding-right: 10px; }
.blank_R_20 { padding-right: 20px; }
.blank_R_30 { padding-right: 30px; }
.blank_R_40 { padding-right: 40px; }
.blank_R_50 { padding-right: 50px; }
.blank_R_60 { padding-right: 60px; }
.blank_R_70 { padding-right: 70px; }
.blank_R_80 { padding-right: 80px; }
.blank_R_90 { padding-right: 90px; }
.blank_R_100 { padding-right: 100px; }
.blank_R_110 { padding-right: 110px; }
.blank_R_120 { padding-right: 120px; }
.box_90 { width: 90px; }
.box_100 { width: 100px; }
.box_110 { width: 110px; }
.box_120 { width: 120px; }
.box_130 { width: 130px; }
.box_140 { width: 140px; }
.box_150 { width: 150px; }
.box_160 { width: 160px; }
.box_170 { width: 170px; }
.box_180 { width: 180px; }
.box_190 { width: 190px; }
.box_200 { width: 200px; }
.box_210 { width: 210px; }
.box_220 { width: 220px; }
.box_230 { width: 230px; }
.box_250 { width: 250px; }
.box_270 { width: 270px; }
.back-c-w { background-color: #FFF !important; }
.back-c-f4 { background-color: #f4f4f4 !important; }

p, dl, dt, dd, ol,  form, fieldset, blockquote, table, thead, tbody, tfoot, tr, td, th {
	margin: auto;
	padding: 0;
	line-height: 170%;
	list-style-type: none;
}

button, select, textarea, input, select {   
	border:0px;
}

em, cite, address, optgroup { 
	font-style:normal; 
}

kbd, samp { 
	font-family:monospace; 
}

br, p {
	line-height: 170%;
	font-size: 14px;
}
td {
	color: #555555;
	background-color: #ffffff;
	/*text-align: center;*/
	font-size: 12px;
/*	border-bottom: 1px solid #000;*/
	text-align: center;
}
th {
	color: #464646;
	background-color: #fafafa;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;*/
	font-weight: normal;
}
.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
}
.clear_both {
	clear: both;
}