@charset "utf-8";


body
{
margin:0px auto;
text-align:center;
font-size:12px;
font-family: 굴림,gulim,돋움,dotum,Vertical,Arial;
/*background-image:url(img/back_2.png);
background-image:url(img/bg01.jpg);*/
background-repeat:repeat;
}

img
{
display:inline; /*이미지를 가로로정렬*/
margin:0px 0px 0px 0px;
border:0px;
}

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

#wrap
{
margin:0 auto; /* 중앙정렬 할려면 랩에 적어줘야함 */
width:320px; /*가로세로를 줘야 작업물이 중앙으로간다 */
height:420px;
text-align:center;
}

.Gradient {
background: #f1d2a1; /* Old browsers */
background: -moz-linear-gradient(left, #f1d2a1 0%, #9fc5e7 29%, #93bee7 54%, #c5ddf1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f1d2a1), color-stop(29%,#9fc5e7), color-stop(54%,#93bee7), color-stop(100%,#c5ddf1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f1d2a1 0%,#9fc5e7 29%,#93bee7 54%,#c5ddf1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f1d2a1 0%,#9fc5e7 29%,#93bee7 54%,#c5ddf1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f1d2a1 0%,#9fc5e7 29%,#93bee7 54%,#c5ddf1 100%); /* IE10+ */
background: linear-gradient(left, #f1d2a1 0%,#9fc5e7 29%,#93bee7 54%,#c5ddf1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1d2a1', endColorstr='#c5ddf1',GradientType=1 );
}

 .pagehere{
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	background-color:#ddd;
	font-weight:bold;
	font-size:1.1em;
	width:50px; 
}

.a_1
{
float:left; 
width:108px;
height:58px;
margin:0px 0px 0px 0px;
text-align:left;
}

.a_2
{
float:left; 
width:104px;
height:58px;
margin:0px 0px 0px 0px;
text-align:center;
}

.a_3
{
float:left; 
width:108px;
height:58px;
margin:0px 0px 0px 0px;
text-align:right;
}

.a_11
{
float:left; 
width:40px;
height:58px;
margin:0px 0px 0px 0px;
text-align:left;
}

.a_21
{
float:left; 
width:240px;
height:58px;
margin:0px 0px 0px 0px;
text-align:center;
}

.a_31
{
float:left; 
width:40px;
height:58px;
margin:0px 0px 0px 0px;
text-align:right;
}

/*.menu
{
vertical-align:middle;
width:320px; 
text-align:center;
margin:0px 0px 0px 0px;
border:0px;
} */


.b_1
{
clear:both;
float:left; 
width:81px;
height:35px;
margin:0px 0px 0px 0px;
}

.b_2
{
float:left; 
width:80px;
height:35px;
margin:0px 0px 0px 0px;
}

.b_3
{
float:left; 
width:80px;
height:35px;
margin:0px 0px 0px 0px;
}

.b_4
{
float:left; 
width:79px;
height:35px;
margin:0px 0px 0px 0px;
}

.qr
{
float:left; 
width:330px;
margin:0px 0px 0px 0px;
}

.c_1
{
clear:both;
position:relative;
width:320px;
height:242px;
margin:0px 0px 0px 0px;
text-align:center;
}

.d_1
{
clear:both;
width:320px;
height:42px;
margin:0px 0px 0px 0px;
text-align:center;
}

.e_1
{
clear:both;
float:left; 
width:152px;
height:51px;
margin:0px 0px 0px 0px;
text-align:right;
}

.e_2
{
float:left; 
width:16px;
height:51px;
margin:0px 0px 0px 0px;
}

.e_3
{
float:left; 
width:152px;
height:51px;
margin:0px 0px 0px 0px;
text-align:left;
}

.f_1
{
clear:both;
float:left; 
width:156px;
height:32px;
margin:0px 0px 0px 0px;
text-align:right;
}

.f_2
{
float:left; 
width:3px;
height:32px;
margin:0px 0px 0px 0px;
text-align:center;
}

.f_3
{
float:left; 
width:161px;
height:32px;
margin:0px 0px 0px 0px;
text-align:left;
}

.g_1
{
clear:both;
float:left; 
width:320px;
height:13px;
margin:0px 0px 0px 0px;
text-align:center;
}

ul, li{margin:0px; padding:0px; list-style:none; vertical-align:top; }
.sample_bn{width:320px; height:242px;}
.sample_bn p{position:absolute; top:177px; left:-22px; z-index:0; margin:0px; width:100px; height:35px; padding:0px;}
.sample_bn div{position:relative; overflow:hidden; float:left; width:320px; height:242px;}
.sample_bn div ul{position:absolute; left:0px; top:0px; width:20000px; height:242px;}
.sample_bn div ul li{float:left; width:320px; height:242px;}