@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* Common */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, legend, button, select, p, blockquote, th, td, table { padding:0; margin:0; font-family:'나눔 고딕','Nanum Gothic','나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','dotum';}
ol, ul, li { list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%;}
form, fieldset, img { border:0; margin:0; padding:0;}
address, caption, em { font-weight:normal; font-style:normal;}

/* Link */
a { text-decoration:none; font-family:'나눔 고딕','Nanum Gothic','나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','dotum'; /* 링크클릭시 생기는 점선없애기*/ outline: none;} 
a:link, a:visited {color:#000;text-decoration:none;}
a:hover, a:active { color:#000;text-decoration:none;}


/* Table */
/*table { border-spacing:0; padding:0; margin 0; border-collapse:collapse; border:0; empty-cells:show;}*/
caption { display:none;}
tr, th, td { margin:0; padding:0;}

/* float 속성 초기화 */
.clear { clear:both; display:block; float: none; font-size:0 !important; height:0; line-height:0 !important; margin:0 !important; overflow:hidden; padding:0 !important; width:100%;}

/* Form */
/*.input_text { vertical-align:middle; padding:6px 3px; width:144px; height:16px; border:0; font-size:13px; background:#fff;}*/
.input_textarea { overflow:auto; width:98%; min-height:100px; padding:1%; border:1px solid #d7d7d7; color:#555; font-size:13px;}
.input_textarea_log { overflow:auto; float:left; width:280px; min-height:180px; padding:10px; margin-bottom:20px; border:1px solid #cecece; background:#f9f9f9; font-size:13px; color:#555;}
.input_text { vertical-align:middle; padding:6px 3px; height:13px; border:1px solid #d1d1d1; font-size:12px; background:#fff;}
.input_text_log { vertical-align:middle; padding-left:20px; width:160px; height:32px; border:1px solid #cecece; color:#525252; font-size:13px; background:#f9f9f9;}
.input_select { vertical-align:middle; border:1px solid #d1d1d1; height:27px; padding:4px 12px 4px 3px; background:#fff; font-size:12px;}
.input_radio { vertical-align:middle; margin:2px 0;}
.input_checkbox { vertical-align:middle; margin:2px 0; border:0; vertical-align:middle;}
.input_file { padding:3px 4px; height:23px; border:1px solid #d1d1d1; font-size:12px; vertical-align:middle;}
.input_text0 { vertical-align:middle; padding:6px 3px; height:13px; border:0px;font-size:12px; background:#fff;line-height:11px;}


/*
.input_textarea { overflow:auto; padding:3px; border:1px solid #d1d1d1; font-size:12px;}
.input_select { vertical-align:middle; border:1px solid #d1d1d1; height:27px; padding:4px 12px 4px 3px; background:#fff; font-size:12px;}
.input_radio { vertical-align:middle; margin:2px 0;}
.input_checkbox { vertical-align:middle; margin:2px 0; border:0; vertical-align:middle;}
.input_file { padding:3px 4px; height:23px; border:1px solid #d1d1d1; font-size:12px; vertical-align:middle;}
*/

/* 숨김영역 */
#accessibility, .skip, hr, legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

/* ie6 png 파일 투명처리 */
.png24 { tmp:expression(setPng24(this));}

/* ie6에서 이미지 공백 0으로 조절 */
img { border:0; margin:0; padding:0; vertical-align:top;}

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img { vertical-align:middle;}
input, textarea, select { font-family:'Nanum Gothic', sans-serif;}

/* Letter-spacing */
.ls0 { letter-spacing:0 !important;}

/* display */
.disblock { display:block !important;}
.disnone { display:none !important;}
.disinline { display:inline !important;}

/* align */
.left { text-align:left !important;}
.center { text-align:center !important;}
.right { text-align:right !important;}

/* marginall */
.allc { margin:0 auto !important;}

/* vertical align */
.top { vertical-align:top !important;}
.middle { vertical-align:middle !important;}
.bottom { vertical-align:bottom !important;}

/* float */
.float_l { float:left !important;}
.float_r { float:right !important;}
.clear_b { clear:both !important;}
.clear_l { clear:left !important;}
.clear_r { clear:right !important;}

/* Padding */
.pt0 {padding-top:0px !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt20 {padding-top:20px !important;}
.pt23 {padding-top:23px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt80 {padding-top:80px !important;}

.pr0 {padding-right:0px !important;}
.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr6 {padding-right:6px !important;}
.pr7 {padding-right:7px !important;}
.pr8 {padding-right:8px !important;}
.pr9 {padding-right:9px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr80 {padding-right:80px !important;}

.pl0 {padding-left:0px !important;}
.pl1 {padding-left:1px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl6 {padding-left:6px !important;}
.pl7 {padding-left:7px !important;}
.pl8 {padding-left:8px !important;}
.pl9 {padding-left:9px !important;}
.pl10 {padding-left:10px !important;}
.pl12 {padding-left:12px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl33 {padding-left:33px !important;}
.pl35 {padding-left:35px !important;}
.pl70 {padding-left:70px !important;}
.pl250 {padding-left:250px !important;}
.pl300 {padding-left:300px !important;}

.pb0 {padding-bottom:0px !important;}
.pb1 {padding-bottom:1px !important;}
.pb2 {padding-bottom:2px !important;}
.pb3 {padding-bottom:3px !important;}
.pb4 {padding-bottom:4px !important;}
.pb5 {padding-bottom:5px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb8 {padding-bottom:8px !important;}
.pb9 {padding-bottom:9px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb13 {padding-bottom:13px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}

/* Margin */
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.ml9 {margin-left:9px !important;}
.ml10 {margin-left:10px !important;}
.ml13 {margin-left:13px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml22 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml115 {margin-left:115px !important;}

.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30 {margin-right:30px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

/* Width */
.w100 { width:100%;}

.wd50 { width:50px;}
.wd80 { width:80px;}
.wd100 { width:100px;}
.wd130 { width:130px;}
.wd180 { width:180px;}
.wd350 { width:350px;}
.wd530 { width:530px;}
.wd710 { width:710px;}

/* Height */
.h100 { height:100%;}

.hd50 { height:50px;}
.hd80 { height:80px;}
.hd100 { height:100px;}
.hd130 { height:130px;}
.hd180 { height:180px;}
.hd350 { height:350px;}
.hd530 { height:530px;}
.hd710 { height:710px;}

/* text */
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px !important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font21 {font-size:21px !important;}
.font22 {font-size:22px !important;}
.font23 {font-size:23px !important;}
.font24 {font-size:24px !important;}
.font25 {font-size:25px !important;}

/* color */
.red1 {color:#ff0000 !important;}
.orange1 {color:#fedf80 !important;}
.orange2 {color:#fdc109 !important;}
.orange3 {color:#eacf7d !important;}
.grey1 {color:#c5c2c2 !important;}
.gray2 {color:#666 !important;}
.blue1 {color:#053384 !important;}
.blue2 {color:#15336a !important;}
.blue3 {color:#10316d !important;}
.blue4 {color:#184cab !important;}


/* font-weight */
.fontb {font-weight:bold;}
.fontn {font-weight:normal;}

/* background */
.bg_eee {background:#eee !important;}
.bg_f0f4ff {background:#f0f4ff !important;}
.bg_fedf80 {background:#fedf80 !important;}
.bg_fff {background:#fff !important;}



/* board_write_skin */
#board_write_skin { width:700px; margin:40px auto 0 auto;}
#board_write_skin .write_form_skin { width:100%; border-top:solid 2px #555; letter-spacing:-0.05em;}
#board_write_skin .write_form_skin th { padding:15px 0 16px 25px; border-bottom:solid 1px #e5e5e5; font-size:13px; font-weight:bold; background:url(../design/contents/bg_grayline.gif) no-repeat right center; color:#555; text-align:left;}
#board_write_skin .write_form_skin td { padding:10px 20px; border-bottom:solid 1px #e5e5e5; font-size:12px; color:#797979; text-align:left;}
#board_write_skin .write_form_skin .p_guide { color:#555; padding-left:15px;}

.bot_search ul { width:380px; margin:0 auto;}
.bot_search li { float:left; margin-right:7px;}

.font_b
{ color:#365e71; font-weight:bold}

.font_sky
{ color:#5b959e; font-weight:bold}

.font_o
{color: #f55a06; font-weight:bold}

.font_tit
{font-weight:bold; background-color:efefef; text-align:center}

.font_tit1
{font-weight:bold; background-color:efefef; text-indent:4px }

.font_orange
{font-weight:bold; color:#ec7603; text-align:right}

.font_red
{font-weight:bold; color:#e55533}

.font_big
{font-weight:bold; font-size:18px; text-align:center; color:#333333}

.font_white
{color:#ffffff}

.font_bu
{color:087f9d}

.cal
{font-family: "Arial", "verdana"; font-size:11px; font-weight:bold; color:#FFFFFF; padding-left:6px}

.cal_red
{font-family: "Arial", "verdana"; font-size:11px; font-weight:bold; color:#ff99bf; padding-left:6px}

.cal_num{ font-family: "Tahoma","verdana"; color: #000000;font-size:26px;font-style: normal;
          font-weight: bold;line-height : 26px; }

.cal_num2{ font-family: "Tahoma","verdana"; color: #D4D4D4;font-size:10px;font-style: normal;
          font-weight: bold;}

.cal_num3{ font-family: "Tahoma","verdana"; color: #FF9022;font-size:9px;font-style: normal;
          font-weight: bold;}

.tb_text{ font-size:13px;text-align:center; padding:5px 0 5px 0;}

/* 폰트공통 */
.p_indent { padding-left:20px; color:#797979; letter-spacing:-0.05em; line-height:1.6em;}
.p_order { color:#333; font-weight:bold; font-size:14px; letter-spacing:-0.05em;}
.p_pop { color:#333; font-size:14px; letter-spacing:-0.05em;}
.ico_mark_blue { height:30px; padding-left:20px; font-size:14px; background:url(../design/contents/ico_mark_blue.gif) no-repeat left 3px; color:#0b75ba; letter-spacing:-0.05em;}

.txt_orange { color:#f94b07;}
.txt_green { color:#429c00;}
.txt_orange_b { color:#f94b07; font-weight:bold;}
.txt_green_b { color:#429c00; font-weight:bold;}
.txt_black_b { color:#595959; font-weight:bold;}

.txt_blue { color:#0d6ecb;}
.txt_mint { color:#38a7b8;}
.txt_red { color:#cb1c1c;}
.txt_black { color:#4e5054;}



/* 버튼공통 */
.btn_center { text-align:center;}

.box_con { border-top:solid 1px #e9e9e9; border-left:solid 1px #e9e9e9; border-right:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0;}
