@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
	margin: 0px;
	padding: 0px;
    font-family: "³ª´®°íµñ", 'Nanum Gothic';
}
#wrapper {
	float: left;
	width: 100%;
}
#header{
	float: left;
	width: 100%;
	position: fixed;
	background-color:#FFFFFF;
	left: 0px;
	top: 0px;
	z-index: 1000;
	color: rgba(40,43,52,1);
}
body,table,tr,td,select,input,div,form,textarea,font{     font-family: "³ª´®°íµñ", 'Nanum Gothic';}
#header-inner {
	width: 80%;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	z-index: 1000;
	margin-bottom: 20px;
}
#header-inner-logo {
	float: left;
	line-height: 60px;
	z-index: 1000;
}
#header-inner-logo-icon {
	float: left;
	height: 60px;
	width: 50px;
	font-size: 40px;
	z-index: 1000;
	text-align: center;
}
#header-inner-logo-text {
	float: left;
	height: 60px;
	margin-top: 15px;
	margin-left: 100px;
	font-size: 20px;
	z-index: 1000;
	font-family: 'Nanum Gothic';
	line-height:20px;
}

#header-inner-nav {
	float: right;
}
#header-inner-nav p {
	font-size: 16px;
	color: inherit;
	text-decoration: none;
	font-weight: 600;
	padding-left: 15px;
	display: block;
	float: left;
	margin-left: 15px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	line-height: 35px;
	padding-right: 15px;
	margin-bottom: 0px;
	margin-top: 12px;
}
#header-inner-nav p:hover {
	color: rgba(255,255,255,1);
	background-color: hsla(225,13%,18%,1);
	cursor:pointer;
}
#header-inner-phone {
	float: right;
	margin-left: 20px;
	margin-top: 20px;
}
#tab2 {BACKGROUND: #FFBA00;}
#tab3 {BACKGROUND: #FFFFFF;}
#tab4 {BACKGROUND: #FFBA00;}
#tab5 {BACKGROUND: #FFFFFF;}
#tab6 {BACKGROUND: #FFFFFF;}
#tab7 {BACKGROUND: #303030;}
.tab {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.tab2 {
	float: left;
	width: 100%;
	height:1500px;
	position: relative;
	overflow: hidden;
}

.tab img {
	float: left;
	width: 100%;
	z-index: -100;
}
.tab-headline {
	position: absolute;
	left: 0%;
	right: 0%;
	width: 98%;
	z-index: 100;
	top: 50%;
}

.tab-headline p {
	border: 0px solid rgba(255,255,255,1);
	font-size: 45px;
	color: rgba(255,255,255,1);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	margin: 0px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.tab-headline2 {
	position: absolute;
	width: 100%;
	z-index: 100;
	top: 30%;
}

.tab-headline2 p {
	border: 0px solid rgba(255,255,255,1);
	font-size: 45px;
	color: rgba(255,255,255,1);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	margin: 0px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


.tab-headline3 
{
	float: left;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 80px;
	z-index: 1;
	background-color: #FFFFFF;
}

.tab-headline4 {
	position: absolute;
	width: 100%;
	height: 2000px;
	z-index: 100;
	top: 10%;
}

.tab-headline4 p {
	border: 0px solid rgba(255,255,255,1);
	font-size: 45px;
	color: rgba(255,255,255,1);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	margin: 0px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.tab-button{
	float: left;
	height: 60px;
	line-height: 60px;
	background-color: #282b34;
	margin-right: 30px;
	margin-left: 30px;
}
.tab-button a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
	font-size: 16px;
}
.tab-button:hover .tab-button-icon{
	background-color: #0093fd;
}
.tab-button:hover .tab-button-text{
	background-color: #3D414E;
}
.tab-button-icon{
	float: left;
	height: 60px;
	width: 60px;
	text-align: center;
	background-color: #ef4a4a;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.tab-button-icon a {
	font-size: 25px;
}
.tab-button-text{
	float: left;
	height: 60px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.tab-button-text a {
	padding-left: 30px;
	padding-right: 30px;
}

/* kcm Å×À̺í */
.bordercolorkcm  {border-collapse: collapse;border:1px solid #2FC7ED;}
.bordercolorkcm2 {border:1px solid #555555;}
.bordercolorkcm2 td {border:1px solid #555555;}
.bordercolorkcm3 {border:0px solid #E3E3E3;}
.bordercolorkcm3 td {border:0px solid #E3E3E3;}
.bordercolorkcm4 {border:1px solid #3D3D3D;}
.bordercolorkcm4 td {border:1px solid #3D3D3D;}
.bordercolorkcm5 {border:0px solid #303030;}
.bordercolorkcm5 td {border:0px solid #303030;}
.bordercolorkcm6  {border-collapse: collapse;border:1px solid #474747;}
.bordercolorkcm7  {border-collapse: collapse;border:1px solid #353535;}
.bordercolorkcm8  {border-collapse: collapse;border:1px solid #E3E3E3;}
.bordercolorkcm9 {border-collapse: collapse;border:1px solid #3D3D3D;}
.bordercolorkcm10 {border-collapse: collapse;border:1px solid #FFD257;}
/*.bordercolorkcm11 {border-collapse: collapse;border:1px solid #E5A700;}*/

.color { text-decoration:none; color:#000000; font-weight: bold;}
.gray				{ color:#b5b5bd; }
.gray_				{text-decoration: none; color: #b5b5bd;}
.gray_ a:link		{text-decoration: none; color: #b5b5bd;}
.gray_ a:visited	{text-decoration: none; color: #b5b5bd;}
.gray_ a:hover		{text-decoration: none; color: #666;}


.red 	{ color:#ca3b70; }
.red2 	{ color:#FF6565;}
.red3  { color:#FF5150;}

.sky  	{ color:#20b2cd;}
.sky2  	{ color:#00485E;}
.blue	{ color:#9192a8;}
.yellow	{ color:#DD7200;}
.yellow2	{ color:#FFFEDF;}
.yellow3	{ color:#E76107;}
.yellow4	{ color:#8E3900;}
.yellow5	{ color:#FDFF51;}
.yellow5_				{text-decoration: none; color: #FDFF51;}
.yellow5_ a:link		{text-decoration: none; color: #FDFF51;}
.yellow5_ a:visited	{text-decoration: none; color: #FDFF51;}
.yellow5_ a:hover		{text-decoration: none; color: #FFFFFF;}
.yellow6	{ color:#FFE217;}
.yellow7	{ color:#FFBA00;}
.yellow8	{ color:#31290F;}
.yellow9	{ color:#846600;}

.gray2				{ color:#6D6D6D; }
.gray3				{ color:#8B8B8B; }
.gray4				{ color:#DFDFDF; }
.gray5				{ color:#4B4B4B; }
.gray6				{ color:#929292; }

.green				{ color:#7AA82D;}
.green2				{ color:#2E7B22;}


.black					{ color:#000000; }
.black_				{text-decoration: none; color: #000000;}
.black_ a:link		{text-decoration: none; color: #000000;}
.black_ a:visited	{text-decoration: none; color: #000000;}
.black_ a:hover		{text-decoration: none; color: #15839B;}

.white				{ color:#ffffff; }
.white_				{text-decoration: none; color: #FFFFFF;}
.white_ a:link		{text-decoration: none; color: #FFFFFF;}
.white_ a:visited	{text-decoration: none; color: #FFFFFF;}
.white_ a:hover		{text-decoration: none; color: #fff000;}


.white2_				{text-decoration: none; color: #FFFFFF;}
.white2_ a:link		{text-decoration: none; color: #FFFFFF;}
.white2_ a:visited	{text-decoration: none; color: #FFFFFF;}
.white2_ a:hover		{text-decoration: none; color: #00FFF6;}

.fs7 {font-size:7px;} 
.fs8 {font-size:8px;} 
.fs9 {font-size:9px;} 
.fs10 {font-size:10px;} 
.fs11 {font-size:11px;} 
.fs12 {font-size:12px;} 
.fs13 {font-size:13px;} 
.fs14 {font-size:14px;} 
.fs15 {font-size:15px;} 
.fs16 {font-size:16px;} 
.fs17 {font-size:17px;} 
.fs18 {font-size:18px;}
.fs19 {font-size:19px;} 
.fs20 {font-size:20px;}
.fs21 {font-size:21px;} 
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;} 
.fs28 {font-size:28px;} 
.fs30 {font-size:30px;}
.fs31 {font-size:31px;}
.fs32 {font-size:32px;}
.fs33 {font-size:33px;}
.fs34 {font-size:34px;}
.fs35 {font-size:35px;}
.fs36 {font-size:36px;}
.fs37 {font-size:37px;}
.fs38 {font-size:38px;}
.fs39 {font-size:39px;}
.fs40 {font-size:40px;}
.fs42 {font-size:42px;}
.fs44 {font-size:44px;}
.fs46 {font-size:46px;}
.fs48 {font-size:48px;}
.fs50 {font-size:50px;}

/* ¼ýÀÚ */
.number { font-family:'tahoma',verdana; font-weight:800;  }
.num	{ font-family:'tahoma',verdana; line-height: 200%;}
.bold 	{ font-weight:600; }
img {border: 0px;}

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

.lineh {line-height:30px;}

.lineh2 {line-height:23px;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.base7{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; 	text-align: center; width:60px;  margin-right:0px;  padding:12px 0px 12px 0px; border:1px solid #E3E3E3;}
.base7 a{color:#3B3B3B; !important; text-decoration:none; border:1px solid #E3E3E3; 	text-align: center;}
.base7:hover{color:#ffffff; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B; 	text-align: center;}

.base8{ color:#3B3B3B; background-color:#FFFFFF;  float:right; /*position:fixed;*/ _position:absolute; width:150px;  margin-right:0px;  padding:12px 0px 12px 0px; border:1px solid #E3E3E3;}
.base8 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #E3E3E3;}
.base8:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base9{ color:#FFFFFF; background-color:#FF4D4D;   /*position:fixed;*/ _position:absolute; width:250px;  margin-right:0px;  padding:20px 0px 20px 0px; border:1px solid #FF4D4D;}
.base9 a{color:#FFFFFF; !important; text-decoration:none; border:1px solid #3B3B3B;}
.base9:hover{color:#FFFFFF; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B;}

.base10{ color:#FFFFFF; background-color:#1B1B1B;  float:right; /*position:fixed;*/ _position:absolute; 	text-align: center; width:60px;  margin-right:0px;  padding:12px 0px 12px 0px; border:1px solid #1B1B1B;}
.base10 a{color:#3B3B3B; !important; text-decoration:none; border:1px solid #E3E3E3; 	text-align: center;}
.base10:hover{color:#ffffff; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B; 	text-align: center;}

.base11{ color:#FFFFFF; background-color:#1B1B1B;  float:right; /*position:fixed;*/ _position:absolute; 	text-align: center; width:100px;  margin-right:0px;  padding:12px 12px 12px 12px; border:1px solid #1B1B1B;}
.base11 a{color:#3B3B3B; !important; text-decoration:none; border:1px solid #E3E3E3; 	text-align: center;}
.base11:hover{color:#ffffff; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B; 	text-align: center;}

#base {margin: auto;}
.base12{ color:#DDDDDD; font-family: 'Nanum Gothic'; border-radius:4px;  background-color:#1B1B1B;   /*position:fixed;*/ position: relative;  text-align: center;  width:500px;  margin-right:0px;  padding:10px 10px 10px 10px; border:0px solid #1B1B1B;}
.base12 a{color:#DDDDDD; !important; font-family: 'Nanum Gothic'; text-decoration:none; border:0px solid #E3E3E3; 	text-align: center;}
.base12:hover{color:#ffffff; background-color:#EB305C;  cursor:pointer; font-family: 'Nanum Gothic'; border:0px solid #3B3B3B; 	text-align: center;}

.base13{ color:#FFFFFF; background-color:#1B1B1B;  float:right; /*position:fixed;*/ _position:absolute; 	text-align: center; width:160px;  margin-right:0px;  padding:12px 12px 12px 12px; border:1px solid #1B1B1B;}
.base13 a{color:#3B3B3B; !important; text-decoration:none; border:1px solid #E3E3E3; 	text-align: center;}
.base13:hover{color:#ffffff; background-color:#3B3B3B;  cursor:pointer; border:1px solid #3B3B3B; 	text-align: center;}

.sh {text-shadow:2px 2px 2px rgba(0,0,0,0.1);	}