@charset "euc-kr"; /* @charset "utf-8"; */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {-webkit-text-size-adjust:none;}
/* html{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;outline:none;overflow-y:scroll;overflow-x:hidden;} °¡·Î ½ºÅ©·Ñ¹Ù Á¦¾î */
html{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;outline:none;overflow-y:scroll;overflow-y:scroll;}

/*body {font-size:0.75em;line-height:1.25em; color:#555;background-color:#ffffff;overflow:hidden;}  ¸ð¹ÙÀÏ¿¡¼­ PC ¹öÁ¯ º¸±âÇÒ¶§ ½ºÅ©·Ñ ¾ÈµÇ´Â°Í Ã³¸® web4you */
body {font-size:0.75em;line-height:1.25em; color:#555;background-color:#ffffff;overflow:}


/* font-family:'nanumgothic' / 'dotum' css ±âº» / 'Gulim'Àº ÇÑ±ÛÀ©µµ¿ì ±âº»ÆùÆ®  / 'Tahoma' ¿µ¹®À©µµ¿ì ±âº»ÆùÆ® 'Arial' , 'sans-serif' "¸¼Àº °íµñ" , "Malgun Gothic" / color:#282828 */
/* ¿øº» */
/* body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0;font-family:'nanumgothic';} */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0;font-family:"µ¸¿ò",'Dotum','Calibri','Tahoma';}
h1, h2, h3, h4, h5, h6 {font-weight:normal;100%;}
dl, dd, ul, ol, li {list-style:none;}
fieldset, img {border:none;}
hr, button img {display:none;}
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
em,address{font-style:normal;}
input,textarea,select,button,table{vertical-align:middle;outline:none}
label { cursor:pointer; }
a {text-decoration:none;color:#666}
a:hover {text-decoration:none;}
img {vertical-align:middle;}
.hidden{display:none}


/* float */
.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 */

* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* bg */
.bg_none{background:none}

/* float */
.fl_l {display:block; float:left; width:auto;}
.fl_r {display:block; float:right; width:auto;}
.fl_c {display:block; float:center; width:auto;}
.clear{clear:both}

/* line */
#wrap .noline_b {border-bottom:none;}
#wrap .noline_r {border-right:none;}
#wrap .noline_t {border-top:none;}
.line_b{border-bottom:1px solid #dadada}
.line_l{border-left:1px solid #dadada}
.line_r{border-right:1px solid #dadada}
.line_t{border-top:1px solid #dadada}

/* color */
.f_red{color:#e72a2a}
.f_black {color:#393939;}
.f_orange {color:#fe6601;}
.f_yellow {color:#fede4a;}
.f_gray {color:#aaa;} 
.f_gray2 {color:#747474;}
.f_gray3 {color:#444;}
.f_gray4 {color:#878787;}
.f_gray5 {color:#ddd;}
.f_gray6 {color:#898888;}
.f_white {color:#fff;}
.f_point {color:#3462cb;}
.f_point2 {color:#ffe465;}
.f_point3 {color:#e93636;}
.f_navy11 a{color:#a6b2c6;}

/* text-align */
.ta_l{text-align:left}
.ta_c{text-align:center}
.ta_r{text-align:right}

/* style */
.f_bold {font-weight:bold;}
.f_normal {font-weight:normal;}
.f_ls-1 {letter-spacing:-1px;}

/* margin */
.mg_t5 {margin-top:5px;}
.mg_t8 {margin-top:8px;}
.mg_t10 {margin-top:10px;}
.mg_t12 {margin-top:12px;}
.mg_t15 {margin-top:15px;}
.mg_t20 {margin-top:20px;}
.mg_t25 {margin-top:25px;}
.mg_t30 {margin-top:30px;}
.mg_t40 {margin-top:40px;}
.mg_l5 {margin-left:5px;}
.mg_l6 {margin-left:6px;}
.mg_l10 {margin-left:10px;}
.mg_l30 {margin-left:30px;}
.mg_l45 {margin-left:45px;}
.mg_r2 {margin-right:2px;}
.mg_r5 {margin-right:5px;}
.mg_r7{margin-right:7px;}
.mg_r8{margin-right:37px;}
.mg_r10 {margin-right:10px;}
.mg_r13 {margin-right:13px;}
.mg_r15 {margin-right:15px;}
.mg_r26 {margin-right:26px;}
.mg_b3 {margin-bottom:3px;}
.mg_b5 {margin-bottom:5px;}
.mg_b30 {margin-bottom:30px;}
.mg_b45 {margin-bottom:45px;}

/* padding */
.pd_t25 {padding-top:25px;}
.pd_b70 {padding-bottom:70px}

/* tables still need cellspacing="0" in the markup */
table {
 border-collapse: separate;
 border-spacing: 0;
 }
caption, th, td {
 font-weight: normal;
 }

