/*초기화 코드*/


@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, 
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section ,article{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:11pt;
  font-family:nanum-gothic;
  vertical-align:baseline;
  color:#2c2c2c;
}


a:link {text-decoration:none;color:#3d3d3d;}
a:visited {text-decoration:none;color:#3d3d3d;}
a:active {text-decoration:none;color:#3d3d3d;}
a:hover {text-decoration:none;color:#3d3d3d;}

body{ background-color:#fff;margin-left:0;margin-top:0;margin-right:0;}
body,button{ line-height:1.8em;font-size:12px; font-family:�������,arial, Helvetica, AppleGothic, sans-serif; color:#3d3d3d; }

input,select{
font-size:12px;
font-family:�������,arial, Helvetica, AppleGothic, sans-serif;
color:#3d3d3d;
border:1px solid #bbb;
}

img,fieldset,iframe{border:0 none}
br{letter-spacing:0px;}
header, footer, aside, section, article,div { display:block; }
div,ul,li{margin:0;padding:0;list-style:none;}

/*640px CSS코드*/

#wrap {width:640px; margin:0 auto;}

#wrap #content{}
#wrap #content .menu{}
#wrap #content .menu ul{}
#wrap #content .menu ul:after{content:''; display:block; clear:both;}
#wrap #content .menu ul li{float:left;}

/*이미지 슬라이더 CSS*/
.wrap{width:640px;margin:0 auto; position:relative;}
.bx-wrapper {position:relative; width:640px;}
.bx-pager{display:none;}
.bx-viewport{margin:0; padding-top:-5px; border:none;}

/*
.bx-prev{display:none;}
.bx-next{display:none;}
*/

/*고객센터 부분*/
.custom{position:relative; height:197px;}
.custom .custom_sub{position:absolute; top:-40px;}






/*미디어쿼리*/
/*-------------------------미디어쿼리 320px 구간------------------------------*/

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

	#wrap {width:320px; margin:0 auto;}

	#top img{width:320px;}
	
	#wrap #content .menu ul li img{width:64px;}


	/*이미지 슬라이더 CSS*/
	.wrap{width:320px;margin:0 auto; position:relative;}
	.bx-wrapper {position:relative; width:320px;}
	.bx-pager{display:none;}
	.bx-viewport{margin:0; border:none;}

	.custom{position:relative; height:78px;}
	.custom .custom_sub{position:absolute; top:-40px;}
	.custom .custom_sub img{width:320px;}

	.footer img{width:320px;}



	.sub01 img{width:320px;}

	.sub02 img{width:320px;}

	.sub03 img{width:320px;}

	.sub04 img{width:320px;}

	.sub05 img{width:320px;}



}

/*---------------------------미디어쿼리 360px 구간---------------------------------*/

@media all and (min-width:321px) and (max-width:480px){ 

	#wrap {width:360px; margin:0 auto;}

	#top img{width:360px;}
	
	#wrap #content .menu ul li img{width:72px;}


	/*이미지 슬라이더 CSS*/
	.wrap{width:360px;margin:0 auto; position:relative;}
	.bx-wrapper {position:relative; width:360px;}
	.bx-pager{display:none;}
	.bx-viewport{margin:0; border:none;}

	.custom{position:relative; height:90px;}
	.custom .custom_sub{position:absolute; top:-40px;}
	.custom .custom_sub img{width:360px;}

	.footer img{width:360px;}




	.sub01 img{width:360px;}

	.sub02 img{width:360px;}

	.sub03 img{width:360px;}

	.sub04 img{width:360px;}

	.sub05 img{width:360px;}


}