@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
 body, html { padding: 0; margin: 0; font-family: 'Nanum Gothic', 'dotum', sans-serif ; font-size: 13px; line-height:150%; }
.font_barcode {font-family: 'code_128regular';}
.font_league_r {font-family: 'league_gothicregular','Helvetica Neue','Helvetica','Arial'  !important; letter-spacing:2px; font-weight:normal;}
.font_league_cr {font-family: 'league_gothicCnRg','Helvetica Neue','Helvetica','Arial'  !important;letter-spacing:2px; font-weight:normal;}
p, div, table, tr, th, td, form, fieldset, textares { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
hr, legend, caption { display: none; }
a { cursor: pointer; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
html {  }
body { min-height:100%;text-align: center; }
/* for layout */
select, input, textarea {   font-family: 'Nanum Gothic', 'dotum', sans-serif ; font-size: 13px;}
.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }
.text_normal { font-weight: normal !important; }
.txt_blue { color: #369 !important; }
.txt_green { color: #090 !important; }
.txt_gray { color: #999 !important; }
.txt_orange { color: #F30 !important; }
.txt_red { color: #de0031 !important; }
.txt_pink { color: #cc246d !important; }
.cursor { cursor: pointer; }
.border { border: 1px solid #CCC; }
.border_n { border: none !important; }
.border3 { border: 1px solid #CCC; height: 18px; }
.wid20 { width: 20px; }
.wid30 { width: 30px; }
.wid50 { width: 50px; }
.wid65 { width: 65px; }
.wid70 { width: 70px; }
.wid80 { width: 80px; }
.wid90 { width: 90px; }
.wid100 { width: 100px !important;   }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }
.wid170 { width: 170px; }
.wid200 { width: 200px; }
.wid280 { width: 280px; }
.wid300 { width: 300px; }
.wid350 { width: 350px; }
.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid500 { width: 500px; }
.wid540 { width: 540px; }
.wid580 { width: 580px; }
.wid600 { width: 600px; }
.wid700 { width: 700px; }
.gap_150 { height: 150px; }
.gap_100 { height: 100px; }
.gap_70 { height: 70px; }
.gap_55 { height: 55px; }
.gap_50 { height: 50px; }
.gap_40 { height: 40px; }
.gap_20 { height: 20px; }
.gap_25 { height: 25px; }
.gap_30 { height: 30px; }
.gap_15 { height: 15px; }
.gap_10 { height: 10px; }
.gap_3 { height: 3px; font-size: 0; }
.gap_5 { height: 5px; font-size: 0; }
.gap_8 { height: 8px; font-size: 0; line-height: 0; }
.gap_7 { height: 7px; font-size: 0; line-height: 0; }
.gap_6 { height: 6px; font-size: 0; line-height: 0; }
.font_12 { font-size:12px; letter-spacing:-1px; color:#999;}
.font_16 { font-size:16px;word-break:break-all;}
.font_14 { font-size:14px!important ; } 
.font_17 { font-size:17px!important ; }
.font_18 { font-size:18px!important ; }
.font_19 { font-size:19px!important ; }
.font_20 { font-size:20px!important ; }
.font_21 { font-size:21px!important ; }
.font_22 { font-size:22px!important ; }
.font_23 { font-size:23px!important ; }
.font_24 { font-size:24px!important ; }
#common_i { display: none; }
.inline_b { display: inline-block !important }
.btns { text-align: center; margin: 10px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
input, button { vertical-align: middle; margin: 0; padding: 0; border: 1px solid #999999; box-sizing: content-box;  /* ÀÔ·ÂÆû¿¡¼­ ÃãÃßÁö ¾Ê´Â ÃÖ¼Ò ÁÙ°£ 1.2 */ ; box-sizing: border-box; }
textarea { vertical-align: middle; font-size: 12px; margin: 0; padding: 0; border: 1px solid #999999; box-sizing: content-box; line-height: 18px; /* ÀÔ·ÂÆû¿¡¼­ ÃãÃßÁö ¾Ê´Â ÃÖ¼Ò ÁÙ°£ 1.2 */ }
input[type=text], input[type=password], textarea { text-indent: 0.3em; vertical-align: middle; }
input[type="checkbox"], input[type="radio"] { margin: 0; padding: 0; vertical-align: middle; width: 20px; height: 20px; line-height: 13px; }
input[type="radio"] { border: none }
input[type="file"] { width: 98%; border: none }
*::-webkit-input-placeholder {
color:#999 !important;
}
*::-moz-placeholder {
color:#999!important;
} /* firefox 19+ */
*:-ms-input-placeholder {
color:#999!important;
} /* ie */
*input:-moz-placeholder {
color:#999!important;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input[type="text"], input[type="password"], input[type="search"], input[type="submit"], input[type="email"], input[type="number"],, input[type="date"], textarea { border-radius: 0; font: -webkit-small-control; text-align: -webkit-auto; -webkit-appearance: none; -webkit-box-sizing: content-box; } /* input ±×¸²ÀÚ, ¶ó¿îµù Á¦°Å */
/* mchrom & sapari's search input type reset
input[type="search"] { -webkit-appearance:textfield; box-sizing:content-box; }
*/

*:focus { outline: 0; }
textarea:focus, input:focus { outline: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
.hide { display: none !important; }
label { cursor: pointer; }
a { text-decoration: none; color: #000; }
a:hover, a:active, a:focus { text-decoration: none; /* color:#444; */ }
select { height: 18px; padding: 0 0 0 3px; vertical-align: middle; font-size: 13px; color: #444; border: 1px solid #999999; box-sizing: content-box; }
select:disabled { background: #CCC; }
input:disabled { background: #CCC; }
.hidden { display: none; } 


.pagination { }
.pagination ul { display: inline-block; *display:inline;
*zoom:1;
margin: 0 auto; }
/* ÆäÀÌ¡ */
.pagination { }
.pagination ul { display: inline-block; *display:inline;
*zoom:1;
margin: 0 auto; }
/* ÆäÀÌ¡ */
.paging { margin: 15px 0; text-align: center; clear: both;}
.paging a {position: relative; float: left; display:inline-block; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; font-size:12px; }
.paging .num { margin:0 5px; }
.paging .num strong, .paging .num a { display:inline-block;      }
.paging .num a:hover { background:#EEE; text-decoration:none; }
.paging .num .current { position: relative; float: left; display:inline-block; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none;color: #ffffff; cursor: default;border: 1px solid #000; background-color: #333333;  font-size:12px; }
.paging .num .none { border:0; }
.paging .first { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-right:1px solid #d8d8d8; padding: 6px 12px;  color:#666; }
.paging .prev { padding: 6px 12px; border-right:1px solid #d8d8d8; color:#666; }
.paging .next { border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 6px 12px;border-left:1px solid #d8d8d8;  color:#666; }
.paging .last {border-top-right-radius: 4px; border-bottom-right-radius: 4px;  padding: 6px 12px;  color:#666; }


.paging_wrap { margin: 15px 0; text-align: center; clear: both; }
.pagination { margin: 20px 0; height: 25px; text-align: center; }
.pagination ul { display: inline-block; *display:inline;
*zoom:1;
margin: 0 auto; }
.pagination { display: inline-block; padding-left: 0; margin: 0 0; border-radius: 4px; text-align: center; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; font-size:12px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #676565; border-color: #000; }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #333; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }

.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;font-size:12px; text-decoration:none !important;vertical-align:top;white-space:nowrap;  line-height:22px}
.btn_pack a {display:inline-block;line-height:26px; text-align:center;}
.btn_pack *{ cursor:pointer;_cursor:hand}
.btn_pack *{padding:0 10px 0 10px; font-size:12px}
.btn_pack.gray { border:1px solid #000;}
.btn_pack.gray,
.btn_pack.gray *{background:#fff;color:#000; }
.btn_pack.gray *:hover,
.btn_pack.gray *:active,
.btn_pack.gray *:focus{color:#333}
.btn_pack.black { border:1px solid #000;}
.btn_pack.black,
.btn_pack.black *{background:#413f44;color:#fff; }
.btn_pack.black *:link{ color:#fff; }
.btn_pack.black *:hover,
.btn_pack.black *:active,
.btn_pack.black *:focus{color:#fff}
.btn_pack.red { border:1px solid #F00;}
.btn_pack.red,
.btn_pack.red *{background:#F00;color:#fff; }
.btn_pack.red *:link{ color:#fff; }
.btn_pack.red *:hover,
.btn_pack.red *:active,
.btn_pack.red *:focus{color:#fff}
.btn_pack i { line-height:22px !important}

.btn_pack.large  {padding:0 20px 0 16px; height:36px;line-height:36px}
.btn_pack.large * { height:36px; font-size:14px;line-height:36px}


.main_body { background:#22140b url(../image/bg_main.png) left bottom repeat-x; text-align:center; min-height:100%;  }
.container { width:1070px; margin:0 auto;}
.header { height:85px; position:relative; z-index:100;}
.header h1 { width:216px; height:65px; position:absolute; left:0; top:20px;}
.top_glb { height:25px; width:400px; position: absolute; top:10px; right:0; color:#d5bf9a; font-size:12px; text-align:right;}
.top_glb a { color:#d5bf9a; display:inline-block; margin:0 10px;}
.nav_wrap {  height:42px; width:640px; position: absolute; top:40px; right:0; background:url(../image/nav_bg.png) no-repeat;}
.nav_wrap ul { margin-left:40px;}
.nav_wrap li { width:150px; float:left;left:42px;}
.nav_sub { height:25px; width:600px; right:0; top:85px; position:absolute;}
.nav_sub ul { text-align:left; display:block; position:absolute; top:0px; left:0; display:none;}
.nav_sub li { display:inline-block; margin:0 10px; font-size:14px; font-weight:800; color:#e4cca4;}
.nav_sub li a {color:#e4cca4;}
.sub_ul02 { margin-left:180px}
.sub_ul03 { margin-left:250px}
.sub_ul04 { margin-left:300px}
.main_box { width:1070px; margin:0 auto; height:501px; position:relative;}
.main_visual { width:762px; height:501px; position:absolute; left:0; top:0; z-index:10;}
.main_notice { width:305px; height:180px; position:absolute; left:732px; top:80px;z-index:11; }
.main_tb1 { margin-top:10px;}
.main_tb1 td { font-size:13px; color:#ecd5b2; height:22px;  }
.main_tb1 td a {color:#ecd5b2;}
.main_bn { width:305px; height:181px; position:absolute; left:732px; top:260px;z-index:11;}
.footer { background:url(../image/bg_footer.png) left bottom repeat-x; height:168px; box-sizing:border-box;width:100%; text-align:center; }

.tb_foot { width:1000px; margin:0 auto 0 auto;}
.tb_foot td { color:#9d9066;   font-size:11px; line-height:140%;}
.tb_foot td strong{ color:#fdd48e}
.tb_foot td a {color:#9d9066; }

.article_wrap { width:100%; background:#fff; margin-top:30px;  min-height:500px;}
.left_wrap { width:240px; float:left; text-align:left;}
.right_wrap { width:830px;float:right;text-align:left;}
.left_inner { padding:10px;}
.left_h2 { width:210px; height:60px; text-align:center; line-height:60px; font-size:26px; color:#ff8e5a; background:#413f44; font-weight:normal; box-sizing:content-box; margin-bottom:1px;}
.left_1ul { width:210px;}
.left_1ul li {  background:#837f80; border-bottom:1px solid #9e9e9e;}
.left_1ul li a { display:block; padding:17px 0 15px 30px ;   box-sizing:border-box; color:#fefefe; font-size:16px; }
.left_1ul li a:hover { background:#676767}
.left_1ul li.on a { background:#676565}

.left_2ul { display:none }
.left_2ul li { display:block;  background:#837f80; border-bottom: 0 none; letter-spacing:-1px;}
.left_2ul li a { display:block; padding:7px 0 8px 40px ;   box-sizing:border-box; color:#e5e1df; font-size:13px; background:#413f44 url(../image/bullet_01.gif) 30px center no-repeat; }
.left_2ul li a:hover { background:#676767 url(../image/bullet_01.gif) 30px center no-repeat; }

.right_inner { padding:35px; }
.right_h3 { font-size:30px; color:#ff8e5a; padding:0; margin:0 0 30px 0;}

.tb_history { border-collapse:collapse;}
.tb_history th { text-align:right; padding:5px 20px 5px 0; font-size:23px; color:#666;}
.tb_history th, .tb_history td { vertical-align:top;}
.tb_history th.point { font-size:50px; text-decoration:overline;}
.tb_history td { padding:5px;}
.tb_history td.month { font-weight:800; text-align:right; color:#666; padding-right:30px;}

.tb_map td { font-size:15px; color:#666; line-height:150%;}

.tb_list { border-collapse:collapse;}
.tb_list th { background:#666; color:#fff; padding:10px; text-align:center; font-size:13px; border-right:1px solid #fff;}
.tb_list td { background:#fff; padding:10px; text-align:center; font-size:12px; border-bottom:1px solid #ddd;}
.tb_list td a { color:#000;}
.label_new { font-size:10px; background:#F00; color:#fff; display:inline-block; padding:1px 5px; border-radius:3px;}

.list_sch { text-align:right;}
.list_sch .inpt { border:1px solid #999;height:31px;  color:#999; padding:0 0 0 5px; margin:0; box-sizing:border-box;font-size:12px; vertical-align:middle; line-height:31px;}

.list_sch .button { display:inline-block; padding:0 10px; background:#413f44; color:#fff; border:0 none; font-size:12px; vertical-align:middle; height:31px;line-height:31px;}
 
.board_contnent { padding:20px 0 50px 0; min-height:200px; border-bottom:1px solid #CCC;}
.board_contnent img { max-width:760px; height:auto;}
.board_ttl {background:#666; color:#fff; font-size:16px; text-align:left; padding:10px 10px; text-align:center; margin:20px 0 0 0;}
.board_date { font-size:12px; color:#666; padding:10px; border-bottom:1px solid #ccc;}

.wrap_3msg {font-size:12px; color:#666; padding:15px; background:#f1f1f1; margin-bottom:10px;}
.form_tb { border-collapse:collapse;}
.form_tb td, .form_tb th { padding:5px;}
.form_tb th { text-align:right; font-weight:500;}
.form_input {border:1px solid #999;height:31px;  color:#666; padding:0 5px; margin:0; box-sizing:border-box;font-size:12px; vertical-align:middle; line-height:31px;} 
.form_txtarea {border:1px solid #999; color:#666; padding:5px; margin:0; box-sizing:border-box;font-size:12px; vertical-align:middle; }
.agree_box {border:1px solid #999; color:#666; padding:5px; margin:0; box-sizing:border-box;font-size:12px; vertical-align:middle; height:100px; line-height:150%; overflow:auto; width:600px}