/*±âº» ¼³Á¤*/

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

@charset "euc-kr";


html {overflow:auto;} /*ie7 ¼¼·Î½ºÅ©·Ñ Á¦°Å */
html, body, p, div, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button {margin:0; padding:0;  color:#666;   font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif;}
 h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0; color:#333;  font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif;}
input, textarea, select, button {font-size:12px; color:#666;  font-family:'Nanum Gothic', '³ª´®°íµñ', "arial", 'Dotum'; }


fieldset, img, input{border:0; vertical-align:middle;}
select{ vertical-align:middle;height:20px;}
img {-ms-interpolation-mode:bicubic !important;}
table {border-collapse:collapse;}
legend {position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; }
caption {visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0;}
ul, ol {list-style:none !important;}
a {color:#5a5450; text-decoration:none;}
a:active {color:#5a5450; text-decoration:none; background:none; }
em { font-style: normal; }
.none {border:none !important;}

table.bdbn{border-bottom:none !important;}
table.bdtn{border-top:none !important;}
table.bdb {border-bottom:2px solid #cbc1b7 !important;}
.clear {clear:both !important;}
.pointer{cursor:pointer !important;}

input[type=text] { border:solid 1px #cecece; padding:7px;}
input[type=password] { border:solid 1px #cecece; padding:7px;}
input[type=checkbox] { vertical-align:middle;}
textarea { border:solid 1px #cecece; padding:3px;}




/* float */
.f_l {float:left !important; display:inline-block;}
.f_r {float:right !important;display:inline-block;}
.clear { clear:both; }

/*ÅؽºÆ® Á¤·Ä*/
.text_r {text-align:right !important;}
.text_c {text-align:center !important;}
.text_l {text-align:left !important;}

.text_t {vertical-align:top !important;}
.text_m {vertical-align:middle !important;}
.text_b {vertical-align:bottom !important;}

/*°¡¿îµ¥ ¹öÆ°*/
.ct_btn_01 { width:145px; margin:0 auto; margin-top:10px; margin-bottom:20px; }
.img_middle { vertical-align: middle; }
select {  vertical-align: middle;}

span.nbsp { display: inline-block;margin:0 10px; }

.f_bold { font-weight:bold; }


.diplay_n { display:none; }


/* margin */
.mt_0 { margin-top: 0px !important;}
.mt_5 { margin-top: 5px !important;}
.mt_10 { margin-top: 10px !important;}
.mt_15 { margin-top: 15px !important;}
.mt_20 { margin-top: 20px !important;}
.mt_25 { margin-top: 25px !important;}
.mt_30 { margin-top: 30px !important;}
.mt_35 { margin-top: 35px !important;}
.mt_40 { margin-top: 40px !important;}
.mt_45 { margin-top: 45px !important;}
.mt_50 { margin-top: 50px !important;}
.mt_60 { margin-top: 60px !important;}
.mt_70 { margin-top: 70px !important;}


.ml_0 { margin-left:0px !important;}
.ml_5 { margin-left:5px !important;}
.ml_10 { margin-left:10px !important;}
.ml_15 { margin-left:15px !important;}
.ml_20 { margin-left:20px !important;}
.ml_25 { margin-left:25px !important;}
.ml_30 { margin-left:30px !important;}
.ml_35 { margin-left:35px !important;}
.ml_40 { margin-left:40px !important;}
.ml_45 { margin-left:45px !important;}
.ml_50 { margin-left:50px !important;}
.ml_60 { margin-left:60px !important;}
.ml_70 { margin-left:70px !important;}
.ml_80 { margin-left:80px !important;}

.mr_1 { margin-right:1px !important;}
.mr_5 { margin-right:5px !important;}
.mr_10 { margin-right:10px !important;}
.mr_15 { margin-right:15px !important;}
.mr_20 { margin-right:20px !important;}
.mr_30 { margin-right:30px !important;}
.mr_40 { margin-right:40px !important;}
.mr_50 { margin-right:50px !important;}


.mb_5 { margin-bottom:5px !important;}
.mb_10 { margin-bottom:10px !important;}
.mb_15 { margin-bottom:15px !important;}
.mb_20 { margin-bottom:20px !important;}
.mb_30 { margin-bottom:30px !important;}
.mb_40 { margin-bottom:40px !important;}
.mb_50 { margin-bottom:50px !important;}
.mb_100 { margin-bottom:100px !important;}



.color_red { color:#e20909; }

/* input */

/* input size */
input.i_s_01 { width:170px; }
input.i_s_02 { width:120px; }
input.i_s_03 { width:420px; }
input.i_s_04 { width:490px; }

input.p_10 { width:10% !important; }
input.p_20 { width:20% !important; }
input.p_30 { width:30% !important; }
input.p_40 { width:40% !important; }
input.p_50 { width:50% !important; }
input.p_60 { width:60% !important; }
input.p_70 { width:70% !important; }
input.p_80 { width:80% !important; }
input.p_90 { width:90% !important; }
input.p_100 { width:100% !important; }

input.w_40 { width:40px !important; }
input.w_100 { width:100px !important; }

textarea.p_90 { width:90% !important; margin:5px 0; }