@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Days+One);
@import url(http://fonts.googleapis.com/css?family=Play);

* html  .png24  {tmp:expression(setPng24(this))}

body { 
	font-family:Play,돋움,Dotum,Helvetica,AppleGothic,Sans-serif; 
	-webkit-text-size-adjust:none;
	width:100%;
	color:#333333;
	font-size:13px;
	margin:0px;

	text-align: center;
	letter-spacing:0; 
	word-break:keep-all;
}
section, p, dl, ul, menu, dir {
	-webkit-padding-start: 0px;
	display: block;
	list-style-type: disc;
	margin:  0px;
}

img, fieldset, button {border:none;}
hr, button img {display:none;}
img, fieldset {border:0px none;}
dl, ul, ol, li{list-style:none;padding:0px;margin:0px;}
a, a:link, a:visited {text-decoration:none;color:#666666;}
a:hover, a:active, a:focus {text-decoration:underline;color:#0080c6;}

textarea {overflow:auto;} 
img, input, select, textarea {vertical-align:middle;}


div{padding:0px;margin:0px;}

/* float 해제 */	
.float_clear{clear:both;}
.float_left{float:left;}
.float_right{float:right;}

.position_relative{
	position:relative;
}	
#header{
	clear:both;
	position:relative;
	height:80px;
	width:100%;
	background:transparent url(/images/headerrBg.jpg) repeat-x top left;		

}
#headerDiv{
	clear:both;
	position:relative;
	width:956px;
	height:50px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	background:transparent url(/images/headerrBg.jpg) repeat-x top left;		
}
#topMenu{
clear:both;
	position:relative;
	width:956px;
/*	height:30px;	*/
	margin:0 auto;
	font-size:14px;	

	
}

#topMenu ul{
	padding-top:5px;
	font-weight:bold;			
}

#topMenu ul, #topMenu ul a{
	clear:both;
/*	font-family: 'Days One', Dinbol;*/
	font-family: 'Play', Dinbol;
	color:#dcdcdc;

}
#topMenu ul a:hover{
	color:#FFFFFF;	
}

#topMenu ul a:hover, #topMenu ul a:active, #topMenu ul a:focus {text-decoration:none;}


#topMenu ul li{
	display: inline;

}

#Depth1_Div{
	position:absolute;	
	top:-34px;
	left:240px;
}
#Depth1Bottom_Div{
	position:absolute;
	top:-15px;
	left:255px;	
}

#Depth2_Div{
	position:absolute;
	top:-34px;
	left:370px;	
}
#Depth2Bottom_Div{
	position:absolute;
	top:-15px;
	left:385px;	
}

#Depth3_Div{
	position:absolute;
	top:-34px;
	left:498px;
}
#Depth3Bottom_Div{
	position:absolute;
	top:-15px;
	left:513px;	
}

#Depth4_Div{
	position:absolute;
	top:-34px;
	left:640px;
}
#Depth4Bottom_Div{
	position:absolute;
	top:-15px;
	left:655px;	
}

#SubMenuDiv .topSubMenu{

	background:transparent url(/images/header_submenuBg.jpg) repeat-x top left;
}

#SubMenuDiv .topSubMenu {
	font-size:12px;
	font-family: 'Play', Dinbol;
	display: inline;
	color:#333333;
	padding:0px;
	margin:0px;
	font-weight:normal;				

}
#SubMenuDiv .topSubMenu li{
/*	height:30px;*/
}


#SubMenuDiv .topSubMenu  a{
	font-family: 'Play', Dinbol;
	clear:both;
	color:#333333;	

}
#SubMenuDiv .topSubMenu  a:hover{
	color:#0080be;	
}
#footer{
	clear:both;
	position:relative;
	height:40px;
	width:100%;
/*	background:transparent url(/images/footerBg.jpg) repeat-x top left;	*/
	border:0px;
	border-top:1px;
	border-style:solid;
	border-color:#cccccc;

}

#footerDiv{
	clear:both;
	position:relative;
	width:956px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	
/*	background:transparent url(/images/footerBg.jpg) repeat-x top left;		*/

	color:#666666;

}

#wrapper{
	clear:both;
	position:relative;
	width:956px;
/*	background-color: #ededed;*/
	margin:0 auto;
	text-align:left;
/*background:transparent url(/images/intro_bg.jpg) repeat top left;*/
}



.ul_left, .ul_left a{
	clear:both;
	font-family:'Play';
	color:#999999;	
}

.ul_left a:hover{
	color:#666666;	
}

.ul_left li {
	display: inline;
}

.imgboard{
	border:1px;
	border-color:#cccccc;
	border-style:solid;
}
#mainTopDiv{
	clear:both;
	position:relative;
	width:934px;
	height:352px;
	margin:0 auto;	
	border:0px;border-right:1px;border-left:1px;border-style:solid;border-color:#999999;		
	padding-top:10px;	
/*	background:transparent url(/images/mainBgTop.jpg) repeat-x top left;	
	margin-top:10px;
*/	
}

#mainMiddleDiv{
	clear:both;
	position:relative;
	width:936px;
	height:30px;
	margin:0 auto;	
	background:transparent url(/images/mainBgMiddle.jpg) repeat-x top left;	
}

#mainBottomDiv{
	clear:both;
	position:relative;
	width:934px;
	height:122px;
	margin:0 auto;	
	border:0px;border-right:1px;border-left:1px;border-style:solid;border-color:#999999;	
	padding-bottom:10px;	
/*	background:transparent url(/images/mainBgBottom.jpg) repeat-x top left;	
	margin-bottom:10px;
*/	
}

#MainIMG_Div{
	border:0px;border-style:solid;border-color:#999999;

/*	 -webkit-box-reflect:below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,0.5))); */
}
#Main_Experience_TipDiv{
	position:absolute;
	bottom:24px;
	left:680px;
	text-align:center;
}

#Main_Experience_TipDiv ul{
	background:transparent url(/images/header_submenuBg.jpg) repeat-x top left;
	padding:0px;
	margin:0px;
}

#Main_Experience_TipDiv ul li{
	display:inline;
	padding:0px;
	margin:0px;
}
#Main_Experience_TipBottomDiv{
	position:absolute;
	top:22px;
	left:75px;

}

#Main_ExperienceDiv{
	padding-top:5px;
	position:absolute;
	top:0px;
	left:0px;
	width:680px;
	height:357px;
	border:0px;border-right:1px;border-style:solid;border-color:#999999;	
	background-color:#FFFFFF;
}
#Main_Experience_ListDiv{
	position:absolute;
	bottom:0px;
	left:682px;
	text-align: center;	
	width:252px;
}
#Main_Experience_ListDiv a ,#Main_Experience_ListDiv  a:link,#Main_Experience_ListDiv  a:visited{
	 text-decoration:none;
	 color:#666666;
}
#Main_Experience_ListDiv  a:hover{
	 text-decoration:none;
	 color:#0099ff;
}
#Main_Experience_ListDiv  a:active,#Main_Experience_ListDiv  a:focus{
	 text-decoration:none;
	 color:#cc66cc;
}
#Main_Experience_descriptionDiv{
	position:absolute;
	top:2px;
	left:682px;

	width:252px;
	text-align: center;

}

#Main_Experience_descriptionDiv .title{
	padding:0px;
/*
	font-size:14px;
	
	font-weight:bold;
*/
	color:#333333;
}

#Main_Experience_descriptionDiv div.description{
/*
	text-align:left;
	padding:10px 10px 0px 10px;
*/	
	line-height:18px;
	position:absolute;top:227px;left:10px;width:232px;text-align:left;padding:0px;
}
#Main_bottomCell01Div{
	position:absolute;
	top:12px;
	left:20px;
	width:140px;
}
#Main_bottomCell01_descriptionDiv{
	position:absolute;
	top:7px;
	left:135px;
	width:310px;	
}
#Main_bottomCell01_urlDiv{
	position:absolute;
	top:100px;
	left:135px;
	width:310px;	

}
#Main_bottomCell02Div{
	position:absolute;
	top:12px;
	left:490px;
	width:140px;
}

#Main_bottomCell02_descriptionDiv{
	position:absolute;
	top:7px;
	left:605px;
	width:310px;
}
#Main_bottomCell02_urlDiv{
	position:absolute;
	top:100px;
	left:605px;
	width:310px;

}
#Main_bottomCell01_urlDiv a, #Main_bottomCell02_urlDiv a{
	color:#006699;
}

#mainBottomDiv .title{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding-top:5px;
}

#mainBottomDiv .subtitle{
	color:#0080c6;
	text-align:center;
	padding:8px 10px;
}
#Main_bottom_GubunDiv{
	position:absolute;
	top:14px;
	left:468px;

	border:0px;
	border-left:1px;
	border-style:solid;
	border-color:#939494;
	height:94px;
}

#FBLikeDiv{
	position:absolute;
	top:5px;
	left:440px;
}
#TWLikeDiv{
	position:absolute;
	top:5px;
	left:587px;
}

#LeftDiv{
	float: left;
	width:160px;
	padding:20px 10px; 
}
#RightDiv{
	position:relative;
	float: left;
	margin:20px 0px;	
	padding:0px 20px;	
	border:0px;
	border-left:1px;
	border-style:solid;
	border-color:#cccccc;	
}

#history_ul{
	
}

#history_ul li{
clear:both;
	padding:5px 2px;
}
.ClientImgDiv{
	clear:both;
	width:720px;
	margin:0px 0px 0px 0px;
}
.ClientImgDiv li{
	float:left;
	padding:15px 7px;
	width:130px;
	height:75px;
	text-align:center;
}

.request_input{
	font-size:13px;
	border:0px;
	border-bottom:1px;
	border-style:solid;
	border-color:#999999;
	background-color:transparent;
	color:#666666;
}
.request_textarea{
	font-size:13px;
	border:1px;
	border-style:solid;
	border-color:#999999;
}

.ExperienceImgDiv{
	clear:both;
	width:720px;
	margin:0px 0px 0px 0px;
}
.ExperienceImgDiv li{
	float:left;
	padding:20px 10px 10px 10px;
	width:220px;
	height:170px;
	text-align:center;
}
.ExperienceImgDiv img{
	border:1px;
	border-style:solid;
	border-color:#e1e1e1;
	padding:1px;
}

.MobileExperienceImgDiv{
	clear:both;
	width:720px;
	margin:0px 0px 0px 0px;
}
.MobileExperienceImgDiv li{
	float:left;
	padding:20px 10px 10px 10px;
	width:220px;
	height:330px;
	text-align:center;
}
.MobileExperienceImgDiv img{
	border:1px;
	border-style:solid;
	border-color:#e1e1e1;
	padding:1px;
}

.MobileExperience_Row_ImgDiv{
	clear:both;
	width:720px;
	margin:0px 0px 0px 0px;
}
.MobileExperience_Row_ImgDiv li{
	float:left;
	padding:20px 10px 10px 10px;
	width:330px;
	height:198px;
	text-align:center;
}
.MobileExperience_Row_ImgDiv img{
	border:1px;
	border-style:solid;
	border-color:#e1e1e1;
	padding:1px;
}

.ExperienceTitleDiv{
	clear:both;
	width:720px;
	margin:0px 0px 0px 0px;
}
.ExperienceTitleDiv li{
	float:left;
	padding:0px 10px 10px 10px;
	width:220px;
	text-align:right;
}


.ExperienceTitleDiv a, .ExperienceTitleDiv a:link, .ExperienceTitleDiv a:visited {color:#666666;text-decoration:none;}
.ExperienceTitleDiv a:hover, .ExperienceTitleDiv a:active, .ExperienceTitleDiv a:focus {color:#577abd;text-decoration:underline;}

.LeftMenuDiv  a{
	font-family: 'Play', Dinbol;
	clear:both;
	color:#333333;	

}
.LeftMenuDiv  a:hover{
	color:#0080c6;	
}

.span_btn{
	border:1px;
	border-style:solid;
	border-color:#999999;
	text-align:center;
	background-color:#dddddd;
	padding:5px 100px;
}