@import url('/_css/reset.css'); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/***************************** CSS RESET start *****************************/

/* base */

/*½ºÅ©·Ñ Ç×»ó°íÁ¤*/
body{ overflow-Y:scroll; *overflow-Y:; } 

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {margin:0;padding:0;letter-spacing:0;}
body, div, ul, ol, li, dl, dt, dd {display:block;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}

/* ie6, ie7 - input 1px ¸¶ÁøÀÌ Àֱ⶧¹®¿¡*/
* html input {margin:-1px 0;} 
*:first-child+html input {margin:-1px 0;}

/*ºê¶ó¿ìÁ®¸¶´Ù üũ¹Ú½º³ª ¶óµð¿À ¹öÆ°ÀÇ À§Ä¡°¡ ´Ù¸£±â¶§¹®¿¡ ÃÖÀûÈ­ À§Ä¡¸¦ À§ÇØ*/
input.checkbox {width:13px; height:13px; vertical-align:top;}



/*½ºÅ©·Ñ¹Ù¼Ó¼º*/
body,tr,td {scrollbar-face-color: #F2F2F2;	scrollbar-shadow-color: #999999;	scrollbar-highlight-color: #FFFFFF;	scrollbar-3dlight-color: #999999;	scrollbar-darkshadow-color: #F5F5F5;	scrollbar-track-color: #F1F1F1;	scrollbar-arrow-color: #999999;} 

/*¸µÅ©Á¡¼±¾ø¾Ö±â*/
a {outline:none; selector-dummy:expreession (this.hideFocus=true); text-decoration:none;}
img {border:0; outline:none; selector-dummy:expreession (this.hideFocus=true);}

/***************************** clearfix start ****************************/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {content: ".";             /* the period is placed on the page as the last thing before the div closes */
 display: block;                           /* inline elements don't respond to the clear property */ 
    height: 0;                             /* ensure the period is not visible */
    clear: both;                           /* make the container clear the period */
    visibility: hidden;                    /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

header, section, nav, acticle, footer {display:block;}

/* ±âº» ÆùÆ® */
body {font-family:"³ª´®°íµñ", "NanumGothic", "µ¸¿ò", Dotum, Helvetica, Sans-serif; font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-family:"³ª´®°íµñ", "NanumGothic", "µ¸¿ò", Dotum, Helvetica, Sans-serif;}
p {font-size:14px;letter-spacing:-0.5px;color:#555;line-height:150%;word-break:break-all;}

/***************************** ȨÆäÀÌÁö±âº»css_style start ****************************/

/* a-style */
a {color: #555555; text-decoration:none;}
a:hover, a:active {color: #ff6633; text-decoration:none;}

/*ºí¸´+ŸÀÌƲ*/
.icon_title {background:url(/_img/cart/icon1.gif) left center no-repeat;  font:14px ³ª´®°íµñb; text-indent:14px; line-height:25px; color:#555555; font-weight:bold; vertical-align:middle;}

/*input*/
input[type="text"], textarea {outline:none; background: #fff; font-size: 12px; padding:1px; border:1px solid #ccc; height:20px; line-height:20px; color: #555; vertical-align:middle; border-radius:2px; margin:1px;}
input[type="file"] {background: #fff; color: #555;  height:22px; line-height:22px; margin:1px 0px; vertical-align:middle; border:1px solid #ccc; padding:0;}
input[type="radio"], input[type="checkbox"] {border:none; background:none; vertical-align:middle;}
select {background:#ffffff; height:22px; line-height:22px; margin:1px 0px; vertical-align:middle; border:1px solid #ddd; padding:0;  font-size:12px; color:#F60;}

textarea       {background:#f5f8f9; line-height:20px; margin:1px 0px; vertical-align:middle; border:1px solid #ccc; padding:10px; width:95%;}

 /*big¹öÆ°*/
.big_button, input.big_button {font-family:'Nanum Gothic', 'Dotum', 'Open Sans', sans-serif; height:38px;color:#fff; cursor:pointer;font-weight:700;font-size:12px;vertical-align:middle; margin:0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:none;text-shadow:-1px -1px 0px rgba(0,0,0,.1); font-weight:600;} 

.big_button {padding:11px 20px 12px 20px;} 
input.big_button {line-height:38px; padding:0px 20px;} 

/*¹öÆ°*/ 
.button,.btn_search,.btn_gray,.btn_Lgray,.btn_blue,.btn_red,.btn_green,.btn_orange,.btn_black,.btn_Lgreen,.btn_purple,.btn_yellow,.btn_sky, 
input.button, input.btn_gray, input.btn_Lgray, input.btn_blue, input.btn_search, input.btn_red, input.btn_green, input.btn_orange, input.btn_black, input.btn_Lgreen, input.btn_purple,input.btn_yellow , index.btn_sky {font-family:'Nanum Gothic', 'Dotum', 'Open Sans', sans-serif; height:24px; color:#fff; cursor:pointer;font-size:11px;vertical-align:middle; margin:0; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border:none; text-shadow:-1px -1px 0px rgba(0,0,0,.1); font-weight:600;} 
 
.button,.btn_search,.btn_gray,.btn_Lgray,.btn_blue,.btn_red,.btn_green,.btn_orange,.btn_black,.btn_Lgreen,.btn_purple,.btn_sky 
{padding:5px 6px 6px 6px;}
input.button, input.btn_gray, input.btn_Lgray, input.btn_blue, input.btn_search, input.btn_red, input.btn_green, input.btn_orange, input.btn_black, input.btn_Lgreen, input.btn_purple, index.btn_sky 
{line-height:24px; padding:0px 6px;} 

  
.button, .big_button {background:#664d44;} /*¹öÆ°±âº»½ºÅ¸ÀÏ*/
.btn_search {background:#664d44; width:40px;}
.btn_gray   {background:#999999;} 
.btn_Lgray  {background:#aaaaaa;} 
.btn_black  {background:#333333;} 

.btn_blue   {background:#003399;}
.btn_sky    {background:#00a2ff;}
.btn_red    {background:#cc3333;} 
.btn_green  {background:#188c18;}
.btn_Lgreen {background:#71b32a;}
.btn_orange {background:#fb7e1e;}
.btn_purple {background:#7a158c;} 

/*¹öÆ°Á¤·Ä*/
.bsR {clear:both;text-align:right; padding:15px 0px;}
.bsC {clear:both;text-align:center; padding:15px 0px;}
.bsL {clear:both;text-align:left; padding:15px 0px;}
.bsB {clear:both;margin:10px 0px; padding:10px 10px; border:1px solid #e9e9e9; background:#fdfdfd; text-align:right;}

/*float¼³Á¤*/
.fl {float:left;}
.fr {float:right;}
.fn {float:none;}

/* ------------------------------------------------
    ±âº» ½ºÅ¸ÀÏ ¼³Á¤
   ---------------------------------------------- */
.vam {vertical-align:middle;}

.p0 {padding:0;}
.m0 {margin:0;}

/* ¸¶Áø top */
.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

/* ¸¶Áø right */
.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}

/* ¸¶Áø bottom */
.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

/* ¸¶Áø left */
.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

/* Æеù top */
.pt0 {padding-top:0px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}

/* Æеù right */
.pr0 {margin-right:0px;}
.pr5 {margin-right:5px;}
.pr10 {margin-right:10px;}
.pr15 {margin-right:15px;}
.pr20 {margin-right:20px;}
.pr30 {margin-right:30px;}
.pr40 {margin-right:40px;}
.pr50 {margin-right:50px;}

/* Æеù bottom */
.pb0  {padding-bottom:0px;}
.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

/* Æеù left */
.pl0  {padding-left:0px;}
.pl5  {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}

/* Åõ¸í */
.opacity10 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; /* IE-8 */ filter:alpha(opacity=10); /* IE-7 */ opacity:.1; /* all-browser */}
.opacity20 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'; filter:alpha(opacity=20); opacity:.2;}
.opacity30 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; filter:alpha(opacity=30); opacity:.3;}
.opacity40 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; filter:alpha(opacity=40); opacity:.4;}
.opacity50 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter:alpha(opacity=50); opacity:.5;}
.opacity60 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter:alpha(opacity=60); opacity:.6;}
.opacity70 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter:alpha(opacity=70); opacity:.7;}
.opacity80 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter:alpha(opacity=80); opacity:.8;}
.opacity90 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter:alpha(opacity=90); opacity:.9;}
.opacity100 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:alpha(opacity=100); opacity:1;}

/* ¶ó¿îµå (ie-8ÀÌÇÏÁö¿øX) */
.round3  {-moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -khtml-border-radius: 3px;}
.round5  {-moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;  -khtml-border-radius: 5px;}
.round8  {-moz-border-radius: 8px;  -webkit-border-radius: 8px;  border-radius: 8px;  -khtml-border-radius: 8px;}
.round10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;}
.round12 {-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -khtml-border-radius: 12px;}
.round15 {-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px;}
.round20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -khtml-border-radius: 20px;}
.round   {-moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;  -khtml-border-radius: 50%;}


/*///////ÆùÆ®°ü·Ã¼³Á¤/////////////////////////////////////*/

/* Á¦¸ñ ÆùÆ® */
h1 {font-size:30px;font-weight:bold;letter-spacing:-1.8px;}
h2 {font-size:24px;font-weight:bold;letter-spacing:-1.6px;}
h3 {font-size:18px;font-weight:bold;letter-spacing:-1.4px;}
h4 {font-size:16px;font-weight:bold;letter-spacing:-1.2px;}
h5 {font-size:14px;font-weight:bold;letter-spacing:-1px;}
h6 {font-size:12px;font-weight:bold;letter-spacing:-0.5px;}

/* ÆùÆ® µÎ²² */
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.bold500 {font-weight:500;}

/* ÅؽºÆ® ÀÚ°£ */
.ls02 {letter-spacing:-0.2px;}
.ls05 {letter-spacing:-0.5px;}
.ls08 {letter-spacing:-0.8px;}
.ls10 {letter-spacing:-1px;}
.ls12 {letter-spacing:-1.2px;}
.ls15 {letter-spacing:-1.5px;}
.ls18 {letter-spacing:-1.8px;}
.ls20 {letter-spacing:-2px;}

/* ÆùÆ® Å©±â, ÀÚ°£ */
.sz11 {font-size:11px;}
.sz12 {font-size:12px;}
.sz13 {font-size:13px;}
.sz14 {font-size:14px;}
.sz16 {font-size:16px;}
.sz18 {font-size:18px;}
.sz20 {font-size:20px;}
.sz24 {font-size:24px;}
.sz30 {font-size:30px;}
.sz36 {font-size:36px;}
.sz48 {font-size:48px;}
.sz60 {font-size:60px;}

/* ÅؽºÆ® Á¤·Ä */
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.justify {text-align:justify;}

/* Èæ¹é ±âº» »ö»ó */
.gray1 {color:#111;}
.gray2 {color:#222;}
.gray3 {color:#333;}
.gray4 {color:#444;}
.gray5 {color:#555;}
.gray6 {color:#666;}
.gray7 {color:#777;}
.gray8 {color:#888;}
.gray9 {color:#999;}
.black {color:#000;}
.white {color:#fff;}

/* standard ÅؽºÆ®Ä÷¯ */
.aqua    {color:#00FFFF;}
.blue    {color:#2276c4;}
.fuchsia {color:#FF00FF;}
.green   {color:#008000;}
.lime    {color:#00FF00;}
.maroon  {color:#800000;}
.navy    {color:#000080;}
.olive   {color:#808000;}
.orange  {color:#FFA500;}
.purple  {color:#800080;}
.red     {color:#cf3736;}
.teal    {color:#008080;}
.yellow  {color:#FFFF00;}


.contents_scrolly {overflow-x:hidden; overflow-y:scroll; border:1px solid #dddddd; }
.agree {font-size:12px; line-height:16px; color:#777777;}
.agree h1 {font-size:20px; color:#333; font-weight:bold;}
.agree h2 {font-size:14px; line-height:25px; color:#333; font-weight:bold;}

/*-------------------------------------------------------------
	°³ÀΰáÁ¦                         
-------------------------------------------------------------*/
.personal_wr {position: relative; padding:0;}

.personal_list {display: block; float: left; width: 25%; padding:0 5px; margin-bottom: 10px; }
.personal_list > div {display: block; border:1px solid #dddddd; cursor: pointer;}

.personal_list .psn_img {width: 100%; display: block;}
.personal_list .psn_img img {width: 100%; display: block;}
.personal_list .psn_name {display:block;line-height:22px; height:60px; padding:8px; font-size:12px; font-weight:normal; color:#777;overflow:hidden; border-top:1px solid #eee; text-align: center; padding-top: 10px;}
.personal_list .psn_price {display:block;line-height:22px; font-size:12px; font-weight:normal; color:#DF2C00;overflow:hidden; text-align: center; padding-bottom: 10px;}