/* ¸¶Áø°ú ÆеùÀÇ ÃʱâÈ­ */
a, abbr, acronym, address, 
b, blockquote, big, body,
center, caption, cite, code, command,
 dd, del, dfn, dl, div, dt, 
em, embed,
fieldset, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img,
label, legend, li, 
object, ol,
p, pre, 
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, 
u, ul, 
var,
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{ margin:0; padding:0}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* Çì´õ ÆùÆ® »çÀÌÁî ÃʱâÈ­ */
h1,h2,h3,h4,h5,h6 {font-size:100% }


/* ¸®½ºÆ®ÀÇ ½ºÅ¸ÀÏ Á¦°Å */
ol, ul {list-style:none}


/* ÆùÆ® °­Á¶ Ư¼º ÃʱâÈ­ */
address, caption, cite, code, dfn, em, 
strong, th, var {font-style :normal; font-weight:normal}


/* Å×ÀÌºí ½ºÅ¸ÀÏ ÃʱâÈ­ */
table {border-collapse:collapse; border-spacing:0}


/* À̹ÌÁö ¹× Çʵå¼Â¿¡¼­ º¸´õÇ¥½Ã ÃʱâÈ­ */
fieldset, img {border:0}

img, input, button, select, textarea {margin:0; padding:0; vertical-align:middle}


/* ĸ¼Ç°ú Å×À̺íÇì´õ ÅؽºÆ® Á¤·Ä ÃʱâÈ­ */
caption, th {text-align:left }


/* Àο뱸 Ç¥½Ã ÃʱâÈ­ */
q:before, q:after {content :''} 
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}

caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}
label {cursor: pointer;}

a {text-decoration: none;}
/* hidden_class */
.hidden {width:0; height:0; margin:0; padding:0; overflow:hidden; line-height:0; font-size:0; visibility:hidden; position:absolute; left:0; top:0}

.clr:before, .clr:after, .cf:before, .cf:after {content: ""; display: block;}
.clr:after, .cf:after {clear: both;}

/* button */
button[type=button] {cursor: pointer;}

/* backDrop */
#backDrop, .backDrop {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block;}
#backDrop {display: none;}
/* dropDown-bg */
.dropDown-bg {position: fixed; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; background: url(http://img.ocean2you.co.kr/go/black_rgba58.png) repeat;}

.appe-reset {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.appe-s-reset {
	border: 1px solid #ddd; border-radius: 0; background: #fff;
}


/* aÅÂ±× ¾ÆÀÌÄÜ X¹öÆ°*/
.a-i-x, .a-i-x2 {position: absolute; display: block; width: 20px; height: 20px; top: 10px; right: 10px;}
.a-i-x:before, .a-i-x:after,
.a-i-x2:before, .a-i-x2:after {content: ""; display: inline-block; position: absolute; width: 1px; height: 20px; background: #555;}
.a-i-x2:before, .a-i-x2:after {width: 20px; height: 1px;}
.a-i-x:before, .a-i-2:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.a-i-x:after, .a-i-x2:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);   
}

/* rArrow, lArrow ¹öÆ° */
.ic-lArrow:after, .ic-rArrow:after, .ic-bArrow:after {
    position: relative; top: -2px;
    content: ""; display: inline-block; width: 7px; height: 7px; border: 1px solid #898989;
    -webkit-transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg); 
    -o-transform: rotate(-45deg); 
    transform: rotate(-45deg); 
}
.ic-lArrow:after {
    border-right: 0; border-bottom: 0;
    left: 2px;
}
.ic-rArrow:after {
    border-top: 0; border-left: 0;
    right: 2px;
}
.ic-bArrow:after {
    border-top: 0; border-right: 0;
    top: 2px; width: 8px; height: 8px;
}
.ie8 .ic-lArrow:after, .ie8 .ic-rArrow:after {
    width: auto; height: auto; 
    border: 0; left: 0; right: 0;
}
.ie8 .ic-lArrow:after {content: "¢¸";}
.ie8 .ic-rArrow:after {content: "¢º";}
.ie8 .ic-bArrow:after {content: "¡å";}