/* Created by Lee. YoungKwon */
/* Managed by Fullid.net */

/* Basic Tag Style */
body {
	margin: 0px;
	padding:0px;
	font: 13px/1.6 "맑은 고딕", "malgun", "Dotum";
	text-rendering: optimizelegibility;
	color: #555555;
}
a {
	color: #999;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
img {
	border: 0px;
}
p {
	margin: 0px;
}
nav ul, nav ol, nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Basic Layout Style */
#container {
	position: relative;
	margin: 0px auto;
	padding: 0px 50px;
	text-align: center;
	width: 800px;
}
.logo {
	background: url(../images/logo.png) top center no-repeat;
	width: 200px;
	height: 150px;
	border: 0px solid #F00;
	margin: 60px auto 40px auto;
}
.mailLink {
	position: absolute;
	width: 100px;
	height: 20px;
	border: 0px solid #F00;
	bottom: 23px;
	right: 205px;
	cursor: pointer
}
#leftDiv {
	width: 460px;
	float: left;
	overflow: hidden;
}
#rightDiv {
	width: 460px;
	float: right;
	overflow: hidden;
}
.wrap {
	width: 960px;
	margin: 0px auto 20px auto;
	overflow: hidden;
	clear: both;
}
.w960 {
	width: 960px;
	margin: auto;
	overflow: hidden;
	clear: both;
}
.marginT5 {
	margin-top: 5px;
}
.marginT10 {
	margin-top: 10px;
}
.marginT15 {
	margin-top: 15px;
}
.marginT20 {
	margin-top: 20px;
}
.marginT24 {
	margin-top: 24px;
}
.padI10 {
	padding: 10px;
}
.padI15 {
	padding: 15px;
}
.cleardefault {
	width: 300px;
	padding: 7px;
	border: 5px solid #cccccc;
	font: 12px/1 "맑은 고딕", "malgun", "Dotum";
	color: #999999;
}
/* Basic Colors for Font & Background */
.fWhite {
	color: #FFF;
}
.dwht {
	color: #ffffff;
}
.dblue {
	color: #0085c3;
}
.dteal {
	color: #71c6c1;
}
.dorg {
	color: #ff7700;
}
.dorg {
	color: #ff7700;
}
.dgrn {
	color: #7ab800;
}
.dbry {
	color: #b7295a;
}
.dligntgry {
	color: #999999;
}
.ddkgry {
	color: #444444;
}
.ddft {
	color: #616161;
}
.d999 {
	color: #999999;
}
.ddiamond {
	color: #abb3c8;
}
.dplatinum {
	color: #c8baaf;
}
.dCCC {
	color: #CCCCCC;
}
.dgold {
	color: #da9e00;
}
.bgdblue {
	background: #0085c3;
}
.bgdteal {
	background: #71c6c1;
}
.bgdorg {
	background: #ff7700;
}
.bgdorg {
	background: #ff7700;
}
.bgdgrn {
	background: #7ab800;
}
.bgdbry {
	background: #b7295a;
}
.bgdrred {
	background: #dc5034;
}
.bgdulgrey {
	background: #f9f7f6;
}
.bgdkgrey {
	background: #444444;
}
.contTypo {
	font: 52px/1.1 'GtfThin';
	text-align: center;
	color:#999999;
}
.footer {
	font: 1.0em/1.8 'GtfBook', 'Ygf760';
	text-align: center;
	margin: 40px 0px 0px 0px;
}
.tvlL{
	padding:15px 5px 15px 30px; background:#039;	text-decoration: none;

}
.tvlR{
	padding:15px 30px 15px 5px; background:#039;	text-decoration: none;

}
#badges{
	max-width:340px;
	margin:70px auto 0px auto;
	padding:0px 0px 50px 0px;
	list-style:none;
	display:flex;
	justify-content: space-around; 
}
#badges li{
	padding:0px;
}
.bgtransition {
  background-color: #000;
  background-position: top center;
  background-repeat:no-repeat;
  background-size: cover;
  animation: bgimages 30s infinite alternate;
}

.slogan{
	width:100%;
	text-align:center;
	font: 16px/1.1 'GtfBook';
	color:#FFFFFF;
	text-align:center;
}
.sloganEmp{
	font: 26px/1.4 'GtfBold';
	color:#a3ed14;
	text-align:center;
}

@keyframes bgimages {
  0% {
    background-image: url("../images/index_bg6.jpg");
  }
  20% {
    background-image: url("../images/index_bg.jpg");
  }
  40% {
    background-image: url("../images/index_bg2.jpg");
  }
  60% {
    background-image: url("../images/index_bg3.jpg");
  }
  80% {
    background-image: url('../images/index_bg4.jpg');
  }
  100% {
    background-image: url('../images/index_bg5.jpg');
  }
}

@media screen and (max-width: 900px) {
#container {
	position: relative;
	margin: 0px auto;
	padding: 0px 0px;
	text-align: center;
	width: 100%;
}
.contTypo {
	font: 50px/1.1 'GtfThin';
	text-align: center;
	padding: 20px 50px;
}
.footer {
	font: 1.0em/1.8 'GtfBook', 'Ygf760';
	text-align: center;
	margin: 40px 0px 0px 0px;
	padding:0px 50px;
}
}
@media screen and (max-width: 600px) {
.logo {
	background: url(../images/logo.png) top center no-repeat;
	background-size: 100% auto;
	width: 80px;
	height: 100px;
	border: 0px solid #F00;
	margin: 40px auto 00px auto;
}
.contTypo {
	font: 32px/1.1 'GtfThin';
	text-align: center;
	padding: 20px 50px;
}
.footer {
	font: 1.0em/1.8 'GtfBook', 'Ygf760';
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding:0px 50px;
}
.tvlL{
	padding:15px 30px 0px 30px; background:#039;
	display:block;
	width:200px;
	margin:0px auto;
}
.tvlR{
	padding:0px 30px 15px 30px; background:#039;
	display:block;
	width:200px;
	margin:0px auto;
}
}
@media screen and (max-width: 400px) {
.contTypo {
	font: 32px/1.1 'GtfThin';
	text-align: center;
	padding: 20px 50px;
}
.footer {
	font: 1.0em/1.8 'GtfBook', 'Ygf760';
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding:0px 50px;
}
#badges{
	margin:40px auto 0px auto;
	display:block;
}
#badges li{
	padding:0px 0px 20px 0px;
}
}