/*초기화 코드*/


@charset "euc-kr";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, 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:12px;
  font-family:'나눔고딕', NanumGothic, 'Nanum Gothic',arial, Helvetica, AppleGothic, sans-serif;
  vertical-align:baseline;  
}


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

html, body { width: 100%; height: 100%; margin: 0; padding: 0; outline: 0; border: 0; }

table { border-collapse: collapse; border-spacing: 0; }
input{ outline-style:none;} , textarea{ outline-style:none;}
input,select{
	font-size:12px;
	font-family:'나눔고딕', NanumGothic, 'Nanum Gothic',arial, Helvetica, AppleGothic, sans-serif;
	color:#3d3d3d;
	border:1px solid #bbb;
}

img { max-width: 100%; vertical-align: middle; }
img,embed,object,video { max-width: 100%; }
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;display:block}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*640px CSS코드*/

#wrap{max-width:640px; margin:0 auto; width:100%; position:relative; overflow:hidden;}

.top {width:100%;}
.top > h1 {width:100%;}
.top > h1 > a {display:block; width:100%;}
.top > h1 > a > img {width:100%;}

.navi {width:100%;}
.navi .naviInner {width:100%; max-width:640px; margin:0 auto;}
.navi .naviInner > ul {width:100%;}
.navi .naviInner > ul:after {content:''; display:block; clear:both;}
.navi .naviInner > ul > li {width:20%; float:left;}
.navi .naviInner > ul > li > a {display:block;}
.navi .naviInner > ul > li > a > img {width:100%;}

.fixed {position:fixed; top:0; left:0; z-index:100;}

.mainSlWrap {width:100%;}

.cont {width:100%;}
.cont > img{width:100%;}

.mapWrap {width:100%; padding:0 0 50px 0; background-color:#181818;}
.root_daum_roughmap {width:100% !important;}

.footer {width:100%;}
.footer .call {width:100%;}
.footer .call > a {display:block; width:100%;}
.footer .call > a > img {width:100%;}

.footer .blog {width:100%;}
.footer .blog > img{width:100%;}

.footer .info {width:100%;}
.footer .info > img{width:100%;}


/*이미지 슬라이더 CSS*/
.bx-mainSl {position:relative;}
.bx-mainSl .bx-pager{position:absolute; top:-70px; right:50%; z-index:9; margin-right:-61px;}
.bx-mainSl .bx-pager .bx-pager-item{display:inline-block; margin:0 2px; z-index:9;}
.bx-mainSl .bx-pager.bx-default-pager a{background-image:url('/img/main/best_dot01.png'); width:18px; height:18px; display:block; }
.bx-mainSl .bx-pager.bx-default-pager a.active {
	background-image: url('/img/main/best_dot02.png'); width:68px; height:18px; display:block;
}

/*이미지슬라이더 좌우버튼 안보이게 설정*/

/* 이미지슬라이더 좌우 CONTROLS (NEXT / PREV) */
.bx-mainSl .bx-prev {left: 0px; background: url("/img/main/play_left.png") no-repeat ;}
.bx-mainSl .bx-next {right: 0px; background: url("/img/main/play_right.png") no-repeat ;}

.bx-mainSl .bx-prev:hover {background-position: 0 0;}
.bx-mainSl .bx-next:hover {background-position: 0 0;}

.bx-mainSl .bx-controls-direction a { position: absolute; top: 50%; margin-top: -30px;	outline: 0;	width: 32px; height: 60px; text-indent: -9999px; z-index: 99;}

/*이미지슬라이더 CSS 끝*/






/*미디어쿼리*/
/*-------------------------미디어쿼리 320px 구간------------------------------
@media all and (max-width:320px){

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

	



}



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

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

	


}*/