*{font-family:"Nanum Gothic" !important;}

/* common */
body{margin:0;}
img{border:0}
*{font-family:"Nanum Gothic", dotum,"µ¸¿ò" !important; }

.wrapBoxTop{width:1000px;margin:auto;margin-bottom:50px}
.wrapBoxBot{width:1000px;margin:auto}
.clb{clear:both}

/* ¹è°æ À̹ÌÁö */
.colorApricot{background:#f5e0da url('../images/bgBody_apricot.gif') center 0 no-repeat}
  .colorApricot #gnb div{border:1px solid #f5e0da}
  .colorApricot #gnb div .tit img{border:1px solid #f5e0da}

.colorAbout{background:#ead5cf url('../images/bgBody_about_repeat.gif') repeat-x}
.colorAbout .wrapBoxTop{background:url('../images/bgBody_about.gif') center 0 no-repeat}
  .colorAbout #gnb div{border:1px solid #f5e0da}
  .colorAbout #gnb div .tit img{border:1px solid #f5e0da}


/* ½ºÅä¾î */
.colorSky{background:#e6f2f6 url('../images/bgBody_sky_repeat.gif') repeat-x}
.colorSky .wrapBoxTop{background:url('../images/bgBody_sky.gif') center 0 no-repeat}
  .colorSky #gnb div{border:1px solid #baf2f6}
  .colorSky #gnb div .tit img{border:1px solid #baf2f6}


/* º£ÀÌÄ¿¸® */
.colorBakeryYellow{background:#f1e8d4 url('../images/bgBody_bakeryYellow_repeat.gif') repeat-x}
.colorBakeryYellow .wrapBoxTop{background:url('../images/bgBody_bakeryYellow.gif') center 0 no-repeat}
  .colorBakeryYellow #gnb div{border:1px solid #f1e8d4}
  .colorBakeryYellow #gnb div .tit img{border:1px solid #f1e8d4}


/* °í°´¼¾ÅÍ */
.colorGrey{background:#dedede url('../images/bgBody_grey_repeat.gif') repeat-x; }
.colorGrey .wrapBoxTop{background:url('../images/bgBody_grey.gif') center 0 no-repeat}
  .colorGrey #gnb div{border:1px solid #dedede}
  .colorGrey #gnb div .tit img{border:1px solid #dedede}

.whiteBrown{background:#e6d8c9 url('../images/bgBody_whiteBrown_repeat.gif') repeat-x}
.whiteBrown .wrapBoxTop{background:url('../images/bgBody_whiteBrown.gif') center 0 no-repeat}
  .whiteBrown #gnb div{border:1px solid #e6d8c9}
  .whiteBrown #gnb div .tit img{border:1px solid #e6d8c9}

/* sliding up*/
.slidingUp{position:relative;}
.slidingUpBox{position:absolute;overflow:hidden;height:0;  bottom:0px;left:0;}
.textbox { width:250px; height:241px; color:#000; text-align:center; font-size:12px;  background:#FFF;  filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; } /* Á¦Ç°¸®½ºÆ® ÇÏ´Ü ½Å»óÇ°/½ºÆä¼È »óÇ° ¿À¹ö½Ã È­¸é */


.textbox p {padding:100px 20px 20px 20px; height:201px; }



/* Á¦Ç° ¸®½ºÆ® ½æ³×ÀÏ ½½¶óÀ̵ù ¾÷ ±â´É */

.thum_showbox { position:absolute; width:156px; height:157px;  z-index:9;cursor:pointer;overflow:hidden; }
.thum_showbox_ov { font-size:12px; color:#666;  background:#FFF;  filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;  width:124px; height:125px; padding:15px; border:1px #ffb309 solid; position:absolute;z-index:12;cursor:pointer;overflow:hidden;top:300px; }
.thum_showbox_ov p {font-weight:bold; color:#000; font-size:14px; }













/* header */
#header *{margin:0;padding:0;list-style:none}
#header h1{padding:30px 0 40px;text-align:center}

#gnb{
	z-index:3000;
	position:relative;
	padding-bottom:15px}
#gnb li{
	display:inline;
	position:relative;
	margin-right:3px}
#gnb div{
	display:none;
	position:absolute;
	top:12px;*top:43px;
	left:0;
	width:340px;
	padding:16px 19px 12px 0;
	background:#fff}
#header #gnb div a.tit img{
	clear:both;
	float:left;
	border-bottom:0;
	margin:-59px 0 0 -1px}
#gnb div img{float:right}
#gnb li ul{margin:5px 0 0 17px}
#gnb li li{
	position:static;
	display:block;
	margin:0;
	padding-left:8px;
	background:url('../images/bulsquare.gif') 0 center no-repeat}
#gnb li li a{
	display:block;
	font-size:11px;
	padding:4px 0;
	line-height:19px;
	text-decoration:none;
	color:#aaa}
#gnb li li span{
	display:none;
	position:absolute;
	top:16px;
	right:19px;
	width:160px;
	height:100%;
	background-repeat:no-repeat}
#gnb li li a:hover span{display:block;}



#gnb form{position:absolute;top:0;right:0}

/*
#gnb form select{
	height:28px;
	padding:2px 5px;
	border:1px solid #d2d2d2}
*/

#gnb form .searchWord{	height:25px;	line-height:25px;	padding-left:10px; border:1px solid #d2d2d2; }
#gnb form .btnSearch{	height:25px;	line-height:22px;	padding:0 10px 5px;	margin-top: 4px; background:#898989;	border:1px solid #d2d2d2; font-weight:bold; color:#fff; }
:root .btnSearch {padding-top:2px; padding-bottom: 2px;}



#gnbSub{height:10px;	padding-top:17px; background:url('../images/bgBar.png') center 0 no-repeat; }
#gnbSub ul{	float:right;	padding-left:15px; background:url('../images/iconHome.png') 0 no-repeat; }
#gnbSub li{display:inline; color:#afa8a8; font-size:9px;}

#gnbSub li  a:link,  #gnbSub li  a:visited,  #gnbSub li   a:active  {	color:#afa8a8;	font-size:10px;	font-family:"tahoma";}
#gnbSub li  a:hover  {color:#333;}










/********* ¼­ºê¸Þ´º¿ë ÅÇ ½ºÅ¸ÀÏ ********/

	ul.tabs {
		margin: 0;
		padding: 0;
		float: right;
		list-style: none;
		height: 32px;
		border-bottom: 1px solid #f8bcab;
		border-left: 1px solid #f8bcab;
		width: 986px;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 21px ;
		height: 31px;
		line-height: 31px;
		border: 1px solid #f8bcab;
		border-left: none;
		color:#999;		
		background: #EEEEEE;
		overflow: hidden;
		position: relative;
		font-size:11px;
	}
	ul.tabs li:hover {
		background: #f8bcab;
		color:#fff;
	}	
	ul.tabs li.active{
		background: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		font-weight: bold;
		color:#ff9577;
	}
	.tab_container {
		border: 1px solid #f8bcab;
		border-top: none;
		clear: both;
		float: right; 
		width: 985px;
		background: #FFFFFF;
		min-height:300px;;
	}
	.tab_content {
		padding: 20px;
		font-size: 12px;
		display: none;
	}






















/* footer */
#footer{clear:both; background:#fff;  }
#footer *{padding:0;list-style:none}
#footer .wrapBoxBot{position:relative}
#footer .fnr{padding:14px 0 14px 2px; border-bottom:1px solid #d8d8d8; }
#footer .fnr li{display:inline;	margin-right:1px;	padding-right:10px; background:url('../images/fnr_dot.gif') right center no-repeat; }
#footer .fnr li:last-child{background:none}
#footer .fnr .last{background:none}

#footer .snsNR{position:absolute; top:0;	*top:13px; 	right:3px;}
#footer .snsNR li{display:inline}



.footContents{	position:relative; margin:30px 0 0 0; padding:0; }
.footContents *{ margin:0; padding:0; font-size:12px; }
#footer .allMenu li{float:left}
#footer .allMenu dl{margin-right:30px;}
#footer .allMenu dt{ margin-bottom:20px; 	font-weight:bold; }
#footer .allMenu .titImg dt{margin-bottom:12px;} /* ÇÏ´Ü °úõÇູÂý½Ò¶± ¸Þ´º À̹ÌÁö¶§¹®¿¡ º°µµ·Î ºüÁü */

/* ÇÏ´Ü Ç®¿ÀÇ ¸Þ´º ºÎºÐ  */
#footer .allMenu dd{margin-bottom:12px}
#footer .allMenu  a:link,  #footer .allMenu  a:visited,  #footer .allMenu  a:active  {color:#aaa; }
#footer .allMenu  a:hover  {color:#ebbaab; }



/* ÇÏ´Ü ´º½º ºÎºÐ */
#footer .happyNews{float:left;margin:0}
#footer .happyNews dt{margin-bottom:7px}
#footer .happyNews dd{margin-bottom:12px}
#footer .happyNews a:link,  #footer .happyNews a:visited,  #footer .happyNews  a:active  {font-size:11px;	color:#747474; }
#footer .happyNews a:hover  {color:#333; }


#footer .happyNews span{color:#b9b9b9}
#footer .happyNews dd img{position:relative;bottom:-3px}



/* ÇÏ´Ü ¿ìÃø ¹è³Ê ºÎºÐ */
#footer .footBnr{float:right;margin:0}
#footer .footBnr li{margin-bottom:7px}
#footer .footBnr img{border:0px solid #e8e8e8}



#copyRight {	clear:both; padding:60px 0 5px; border-bottom:1px solid #d8d8d8 }
#logoFoot {padding:40px 0 35px;	text-align:center }







/* main rolling */
	.mrContainer{background:url('../images/rolling/bgMainRolling.png') 0 bottom repeat;}

	.da-slider{
		height:363px;
		position: relative;
		margin:13px auto 0;
		overflow: hidden;
		-webkit-transition: background-position 1.4s ease-in-out 0.3s;
		-moz-transition: background-position 1.4s ease-in-out 0.3s;
		-o-transition: background-position 1.4s ease-in-out 0.3s;
		-ms-transition: background-position 1.4s ease-in-out 0.3s;
		transition: background-position 1.4s ease-in-out 0.3s;
		/*background:#FF6600;*/
		}




	.da-slide{
		position: absolute;
		width: 900px;
		margin-left:50px;
		height: 100%;
		top: 0px;
		left: 0px}


	.da-slide2{
		position: absolute;
		width: 900px;
		margin-left:50px;
		height: 100%;
		top: 0px;
		left: 0px}


	.da-slide-current{z-index: 1000;}
	.da-slide .da-img{opacity: 0;}
	.da-slider-fb .da-slide .da-img{opacity: 1;}
	.da-slider-fb .da-slide{left: 100%;}
	.da-slider-fb .da-slide.da-slide-current{left: 0px;}
	.da-slide .da-img{text-align: center;}
	.da-dots{
		width: 100%;
		position: absolute;
		text-align: center;
		left: 0px;
		bottom: 20px;
		z-index: 2000;
		-moz-user-select: none;
		-webkit-user-select: none;}
	.da-dots span{
		display: inline-block;
		position: relative;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background:#acacac;
		margin: 3px;
		cursor: pointer;
		box-shadow: 
			1px 1px 1px rgba(0,0,0,0.1) inset, 
			1px 1px 1px rgba(255,255,255,0.1);}
	.da-dots span.da-dots-current{background:#505050;}
	.da-dots span.da-dots-current:after{filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
	.da-arrows{
		-moz-user-select: none;
		-webkit-user-select: none;}



	.da-arrows span{
		position: absolute;
		top: 50%;
		width: 21px;
		height: 42px;
		cursor: pointer;
		z-index: 2000;
		opacity: 0.5;
		-webkit-transition: opacity 0.4s ease-in-out 0.2s;
		-moz-transition: opacity 0.4s ease-in-out 0.2s;
		-o-transition: opacity 0.4s ease-in-out 0.2s;
		-ms-transition: opacity 0.4s ease-in-out 0.2s;
		transition: opacity 0.4s ease-in-out 0.2s;}
	.da-slider:hover .da-arrows span{opacity: 1;}

	.da-arrows span.da-arrows-prev{left: 15px;background: transparent url('../images/rolling/iconArrows.png') no-repeat top left}
	.da-arrows span.da-arrows-next{right: 15px;background: transparent url('../images/rolling/iconArrows.png') no-repeat top right}






	.da-slide-current .da-img{opacity: 1;}
	/* Animation classes and animations */

	/* Slide in from the right*/
	.da-slide-fromright .da-img{
		-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
		-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
		-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
		-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
		animation: fromRightAnim4 0.6s ease-in 0.8s both;
	}
	@-webkit-keyframes fromRightAnim1{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim2{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim3{
		0%{ left: 110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim4{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}

	@-moz-keyframes fromRightAnim1{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-moz-keyframes fromRightAnim2{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-moz-keyframes fromRightAnim3{
		0%{ left: 110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-moz-keyframes fromRightAnim4{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}

	@-o-keyframes fromRightAnim1{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-o-keyframes fromRightAnim2{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-o-keyframes fromRightAnim3{
		0%{ left: 110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-o-keyframes fromRightAnim4{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}

	@-ms-keyframes fromRightAnim1{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-ms-keyframes fromRightAnim2{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-ms-keyframes fromRightAnim3{
		0%{ left: 110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-ms-keyframes fromRightAnim4{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}

	@keyframes fromRightAnim1{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@keyframes fromRightAnim2{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@keyframes fromRightAnim3{
		0%{ left: 110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@keyframes fromRightAnim4{
		0%{ left: 110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}
	/* Slide in from the left*/
	.da-slide-fromleft .da-img{
		-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
		-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
		-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
		-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
		animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	}
	@-webkit-keyframes fromLeftAnim1{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim2{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim3{
		0%{ left: -110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-webkit-keyframes fromLeftAnim4{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}

	@-moz-keyframes fromLeftAnim1{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-moz-keyframes fromLeftAnim2{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-moz-keyframes fromLeftAnim3{
		0%{ left: -110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-moz-keyframes fromLeftAnim4{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}

	@-o-keyframes fromLeftAnim1{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-o-keyframes fromLeftAnim2{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-o-keyframes fromLeftAnim3{
		0%{ left: -110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-o-keyframes fromLeftAnim4{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}

	@-ms-keyframes fromLeftAnim1{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-ms-keyframes fromLeftAnim2{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-ms-keyframes fromLeftAnim3{
		0%{ left: -110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@-ms-keyframes fromLeftAnim4{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}

	@keyframes fromLeftAnim1{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@keyframes fromLeftAnim2{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@keyframes fromLeftAnim3{
		0%{ left: -110%; opacity: 0; }
		1%{ left: 10%; opacity: 0; }
		100%{ left: 10%; opacity: 1; }
	}
	@keyframes fromLeftAnim4{
		0%{ left: -110%; opacity: 0; }
		100%{ left: 60%; opacity: 1; }
	}
	/* Slide out to the right */
	.da-slide-toright .da-img{
		-webkit-animation: toRightAnim4 0.6s ease-in both;
		-moz-animation: toRightAnim4 0.6s ease-in both;
		-o-animation: toRightAnim4 0.6s ease-in both;
		-ms-animation: toRightAnim4 0.6s ease-in both;
		animation: toRightAnim4 0.6s ease-in both;
	}
	@-webkit-keyframes toRightAnim1{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim2{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: 100%; opacity: 0; }
	}
	@-webkit-keyframes toRightAnim4{
		0%{ left: 60%;  opacity: 1; }
		30%{ left: 55%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}

	@-moz-keyframes toRightAnim1{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-moz-keyframes toRightAnim2{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-moz-keyframes toRightAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: 100%; opacity: 0; }
	}
	@-moz-keyframes toRightAnim4{
		0%{ left: 60%;  opacity: 1; }
		30%{ left: 55%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}

	@-o-keyframes toRightAnim1{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-o-keyframes toRightAnim2{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-o-keyframes toRightAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: 100%; opacity: 0; }
	}
	@-o-keyframes toRightAnim4{
		0%{ left: 60%;  opacity: 1; }
		30%{ left: 55%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}

	@-ms-keyframes toRightAnim1{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-ms-keyframes toRightAnim2{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@-ms-keyframes toRightAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: 100%; opacity: 0; }
	}
	@-ms-keyframes toRightAnim4{
		0%{ left: 60%;  opacity: 1; }
		30%{ left: 55%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}

	@keyframes toRightAnim1{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim2{
		0%{ left: 10%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: 100%; opacity: 0; }
	}
	@keyframes toRightAnim4{
		0%{ left: 60%;  opacity: 1; }
		30%{ left: 55%;  opacity: 1; }
		100%{ left: 100%; opacity: 0; }
	}
	/* Slide out to the left*/
	.da-slide-toleft .da-img{
		-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
		-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
		-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
		-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
		animation: toLeftAnim4 0.6s ease-in 0.6s both;
	}
	@-webkit-keyframes toLeftAnim1{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim2{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}
	@-webkit-keyframes toLeftAnim4{
		0%{ left: 60%;  opacity: 1; }
		40%{ left: 70%;  opacity: 1; }
		90%{ left: 0%;  opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}

	@-moz-keyframes toLeftAnim1{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-moz-keyframes toLeftAnim2{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-moz-keyframes toLeftAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}
	@-moz-keyframes toLeftAnim4{
		0%{ left: 60%;  opacity: 1; }
		40%{ left: 70%;  opacity: 1; }
		90%{ left: 0%;  opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}

	@-o-keyframes toLeftAnim1{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-o-keyframes toLeftAnim2{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-o-keyframes toLeftAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}
	@-o-keyframes toLeftAnim4{
		0%{ left: 60%;  opacity: 1; }
		40%{ left: 70%;  opacity: 1; }
		90%{ left: 0%;  opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}

	@-ms-keyframes toLeftAnim1{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-ms-keyframes toLeftAnim2{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@-ms-keyframes toLeftAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}
	@-ms-keyframes toLeftAnim4{
		0%{ left: 60%;  opacity: 1; }
		40%{ left: 70%;  opacity: 1; }
		90%{ left: 0%;  opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}

	@keyframes toLeftAnim1{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim2{
		0%{ left: 10%;  opacity: 1; }
		30%{ left: 15%;  opacity: 1; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim3{
		0%{ left: 10%;  opacity: 1; }
		99%{ left: 10%; opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}
	@keyframes toLeftAnim4{
		0%{ left: 60%;  opacity: 1; }
		40%{ left: 70%;  opacity: 1; }
		90%{ left: 0%;  opacity: 0; }
		100%{ left: -50%; opacity: 0; }
	}


/* main */
.mainBnr:after{	content:" "; display:block; clear:both; }
.mainBnr *{margin:0;padding:0;list-style:none}
.mainBnr div{float:left}

.mainBnr .mainBnrLeft{ padding:0 9px 6px 0; background:url('../images/bgBnr_main.png') right bottom no-repeat;}
.mainBnr .mainBnrCenter{margin-right:4px; padding-right:5px; background:url('../images/bgBnr_main2.png') right 0 no-repeat;}
.mainBnr .mainBnrCenter ul{padding:15px 0 0 5px;}
.mainBnr .mainBnrCenter li{	float:left; background:#fff; border:15px solid #fff; }
.mainBnr .mainBnrCenter li.center{	margin:0 15px;}

.mainBnr .mainBnrRight{	padding:0 6px 5px 0; background:url('../images/bgBnr_main.png') right bottom no-repeat;}



/* sub Contents */
.subContents{
	width:1000px;
	padding-bottom:50px;
	text-align:center;
	min-height:300px;
	overflow:hidden;
	}
.subContents h2{
	margin:0;
	padding:0;
	text-align:left}
.subContents .nav{
	margin-bottom:20px;
	padding-left:20px;
	font-size:11px;
	color:#b6b6b6;
	text-align:left}

.subContents span { font-weight:bold; }



/* rolling Area */
.subRolling{
	width:1000px;
	height:409px;
	margin:40px 0 0 0;
	padding:0px;
	background:url('../images/bg_rollingImg.png')  no-repeat;
	/*background:#ff6600;	*/
	}
.subRolling .da-arrows{display:none}





/* Thumbnail slider style */
.ps_slider{
	width:1000px;
	height:220px;
	position:relative;
	margin:0 auto}
.ps_slider .tit{padding:20px 0;}
#ps_albums{
	position:relative;
	overflow:hidden;
	height:175px}
.ps_album{
	position:absolute;
	float:left;
	width:153px;
	height:160px;
	padding:0 7px 0 0;
	background:url('../images/bg_productList.png') no-repeat}
.ps_album a{
	display:block;
	float:left;
	position:relative}
.ps_album a img{
	z-index:1;
	position:absolute}
.ps_album img{
	z-index:10;
	position:relative;
	float:right;
	margin:1px 0 0 1px;}




.ps_album .shop_icon {margin:5px 2px 0 0 ;}
.pop_bread_subject {font-size:14px; font-weight:bold; }






.ps_slider a.next,
.ps_slider a.prev{
	position:absolute;
	background-repeat:no-repeat;
	width:50%;
	height:15px;
	top:180px;
	opacity:1;
	cursor:pointer}
.ps_slider a.prev:hover,.ps_slider a.next:hover{opacity:0.6}
.ps_slider a.disabled,
.ps_slider a.disabled:hover{
	opacity:0.4;
	cursor:default}
.ps_slider a.endBtn{display:none;}
.ps_slider a.prev{
	left:0;
	background-position:left;
	background-image:url('../images/btn_prev.png');
	}
.ps_slider a.next{
	right:0;
	background-position:right;
	background-image:url('../images/btn_next.png');
	}



.productListArea{	margin:70px 0; display:block; height:450px;  }
.productListArea *{margin:0;padding:0;list-style:none}
.productListArea dl{
	float:left;
	width:267px;
	height:380px;
	margin-right:15px;
	background:url('../images/bgProductNS.png') right bottom no-repeat}
.productListArea dt{margin-bottom:6px}
.productListArea dd{
	width:250px;
	background:#fff;
	text-align:center;
	font-size:12px;
	color:#fe8b8b}


.productListArea .name{padding-top:24px}
.productListArea dd span{
	display:block;
	margin-top:14px;
	font-size:16px;
	font-weight:bold;
	color:#000}

.productListArea ul{
	float:left;
	margin-top:34px;}
.productListArea .bnrAdList{
	width:255px;
	margin-right:20px}
.productListArea .bnrAdList li{
	height:164px;
	margin-bottom:14px;
	background:url('../images/bgBnr_subMain.png') 2px 0 no-repeat}






.new_productListArea{  margin:0 auto;	height:290px; background:#ff6600; }
.new_productListArea *{margin:0;padding:0;list-style:none}
.new_productListArea dl{
	float:left;
	width:220px;
	height:290px;
	margin-right:34px;
	background:url('../img/z001.png') left top no-repeat; }
.new_productListArea dt{margin-bottom:6px}


.new_productListArea dl.xxx{margin-right:0px; }


.new_productListArea dd{
	width:210px;
	background:#fff;
	text-align:center;
	font-size:12px;
	color:#fe8b8b}


.new_productListArea .name{padding-top:10px}
.new_productListArea dd span{
	display:block;
	margin-top:7px;
	font-size:16px;
	font-weight:bold;
	color:#000}


.textbox2 { width:210px; height:210px; color:#000; text-align:center;  background:#FFF;  filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; } /* Á¦Ç°¸®½ºÆ® ÇÏ´Ü ½Å»óÇ°/½ºÆä¼È »óÇ° ¿À¹ö½Ã È­¸é */











/* ½Å»óÇ° ¸ñ·Ï ºÎºÐ */
img, a{margin:0;padding:0;}
#prod_new_list { width:100%;  background:#ff6600; margin:0 0 0 15px; padding:0; }
#prod_new_list  ul{ list-style:none; float:left;  background:#ff6600; text-align:left; margin:0; padding:0; }
#prod_new_list  li { list-style:none;	float:left; display:inline;   width:162px; height:162px; margin:0; padding:0;  border:1px solid #fff; border-left:none; border-top:none;    }
#prod_new_list  li img { width:162px; height:162px; border:0 none; }
#prod_new_list  li.first { border-left:1px solid #fff; }
#prod_new_list  li.top { border-top:1px solid #fff; }

#prod_new_list  .icon_new { position:absolute; width:61px; height:61px; z-index:10;  background:url('/img/icon_new.png') left top no-repeat }
#prod_new_list  .icon_special { position:absolute; width:61px; height:61px; z-index:10;  background:url('/img/icon_special.png') left top no-repeat }
#prod_new_list  .icon_plus { position:absolute; width:61px; height:61px; z-index:10;  background:url('/img/icon_plus.png') left top no-repeat }




/* Á¦Ç° ¸®½ºÆ® »ó´Ü ¹Ú½º »õ·Î Àâ±â */
/* rolling Area */
.subvisiul{
	width:1000px;
	height:399px;
	margin:40px 0 0 0;
	padding:10px 0 0 7px;
	background:url('../images/bg_rollingImg.png') no-repeat;
	/*background:#ff6600;*/
}
.bbox_the { width:984px; height:389px; /*background:#ff6600;*/ }




/*½ºÅä¾î Å×À̺í*/
.store_title {text-align:left;}
.store_text {text-align:left; padding-bottom:20px;}