@charset 'utf8';
/* 공통영역 start */
html {}
body {position:relative; margin:0;padding:0;font-size:12px;color:#555;line-height:18px;  overflow-x:hidden;}
table, div {font-family:'Malgun Gothic','맑은 고딕',"돋움",dotum,'Apple SD Gothic Neo',sans-serif; font-size:12px;border-collapse:collapse;line-height:18px;}
select, textarea {border:1px solid #B7B6B6;background:#FFF;font-family:'Malgun Gothic','맑은 고딕',"돋움",dotum,'Apple SD Gothic Neo',sans-serif;font-size:12px;color:#5D5D5D;vertical-align:middle;}
input {font-family:돋움, Dotum, Verdana; color:#525552;}
form,ul,ol,dl,table,div,h1,h2,h3 {margin:0;padding:0;}
ul, li, ol {list-style-type : none;}
dl, dt, dd, p {padding:0; margin:0;}
img {border: 0;}
caption{display:none;}
fieldset {border:none;}
legend {display:none;}

a {color:#555; text-decoration:none;}
a:link {color:#555;}
a:visited {color:#555;}
a:active {color:#555;}
a:hover {color:#555; text-decoration:none;}
/* 공통영역 end */

/*정의된 네이밍*/
.fl {float:left; display:block ; }
.fr {float:right !important;}
.cl {clear:both;}
.at { vertical-align:top !important; }
.am { vertical-align:middle !important; }
.ab { vertical-align:bottom !important; }
.vo { vertical-align:auto !important; }
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.b {font-weight:bold !important;}
.nr {font-weight:normal !important;}
.u {text-decoration:underline !important;}
.mu {text-decoration:line-through;}
.nu {text-decoration:none}
.sp_1 {letter-spacing:-1px;}
.m0 { margin:0 !important; }
.p0 { padding:0 !important; }
.b0 { border:0 !important; }
.bb0 { border-bottom:0 !important; }
.bt0 { border-top:0 !important; }
.lhfs0 {font-size:0; line-height:0;}
.hand { cursor:pointer; }
.rela {position:relative;}
.bgnone { background:none !important; }
.bimgnone { background-image:none !important; }
.hidden{display:none;}
.png {/* _behavior:url('/inc/js/iepngfix.htc'); */}
.ie6mb17 {_margin-bottom:17px;}
.b0_2 { border:0 !important; }
.m0_2 { margin:0 !important; }

.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/

.pl0 {padding-left:0 !important;}
.pb25 {padding-bottom:25px !important;}
.pt10 {padding-top:10px !important;}
.pt25 {padding-top:25px !important;}
.mtl60 {margin-top:-60px !important;}

.input01 {padding-left:8px; background:none; border:1px solid #c9c5c4; vertical-align:middle;}
.input02 {padding-left:8px; background:#b0b0b0; border:1px solid #585858; vertical-align:middle; color:#fff;}
.radio01 {margin-top:-2px; vertical-align:middle;}
.checkbox01 {vertical-align:middle;}
.textarea01 {background:#fff; border:1px solid #c9c5c4;}

.info_boss {position:absolute; top:0; right:-202px;}

#wrapper {}
#header {position:relative; width:1276px; margin:0 auto;}
#header .top_cont {}
#header .top_cont .top_area {position:relative;}
#header .top_cont .top_area h1 {padding:42px 0 21px 76px;}
#header .top_cont .top_area .top_r {position:absolute; top:40px; right:2px;}
#header .top_cont .top_area .top_r div {padding-right:8px; float:left;}
#header .top_cont .top_area .top_r div span {width:154px; height:20px; padding-left:6px; border-right:none; display:block; float:left; line-height:20px;}
#header .top_cont .top_area .top_r ul {float:left;}
#header .top_cont .top_area .top_r ul li {display:inline-block;}
#header .top_cont .top_area .top_r ul li a {}
#header #gnb {padding-left:120px; border:1px solid #c9c5c4;}
#header #gnb:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html #header #gnb {display: inline-block;}
* html #header #gnb {display: inline-block;}
#header #gnb li {height:19px; padding-right:140px; line-height:19px; float:left;}
#header #gnb li.last {padding-right:0;}
#header #gnb li a {color:#251a16;}
#header #gnb li.on a {color:#7fcbc7;}
#header .menu_2th {position:relative; height:24px;}
#header .menu_2th .menu_2th_txt {position:absolute;}
#header .menu_2th .menu_2th_txt span {padding-right:40px;}
#header .menu_2th a {color:#a5a5a5;}
#container {width:1028px; margin:0 auto; padding:10px 0 125px; background:url('/img/bg_sub01.gif') no-repeat center bottom; overflow:hidden;}
#footer {position:relative; width:100%; padding:12px 0 30px; border-top:1px solid #c9c5c6; color:#b6b6b6; clear:both;}
#footer div {position:absolute; top:12px; right:0;}
#footer div img {padding-left:6px; vertical-align:middle;}

#main_cont {margin-top:45px;}
.m_content01 {width:1276px; padding-bottom:390px; margin:0 auto 22px; background:url('/img/bg_main_v01.jpg') no-repeat 86px bottom;}
.m_content01:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .m_content01 {display: inline-block;}
* html .m_content01 {display: inline-block;}
.m_content01 .graph_n {width:130px; height:170px; background:url('/img/bg_line.gif') repeat-y 117px top; float:left; font-size:11px;}
.m_content01 .graph_n ul {position:relative; height:127px;}
.m_content01 .graph_n ul li {position:absolute; left:0; width:119px; margin-bottom:-13px; background:url('/img/ico_g01.png') no-repeat right 7px; color:#888886;}
.m_content01 .graph_n ul li span {color:#a1d4c3;}
.m_content01 .graph_n ul li em {font-style:normal; color:#ad9cc8;}
.m_content01 .graph_n ul li strong {font-weight:normal; color:#fac790;}
.m_content01 .graph_cont {width:1031px; float:left;}
.m_content01 .graph_cont:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .m_content01 .graph_cont {display: inline-block;}
* html .m_content01 .graph_cont {display: inline-block;}
.m_content01 .graph_cont .graph_c {width:67px; padding-right:28px; float:left;}
.m_content01 .graph_cont .graph_c .graph_a {position:relative; height:127px;}
.m_content01 .graph_cont .graph_c .graph_a span {position:absolute; bottom:0; width:11px; display:inline-block; vertical-align:bottom; text-align:center;}
.m_content01 .graph_cont .graph_c .graph_a span img {margin-top:-10px;}
.m_content01 .graph_cont .graph_c .graph_a span.g01 {left:10px; background:url('/img/bg_graph01.gif') no-repeat;}
.m_content01 .graph_cont .graph_c .graph_a span.g02 {left:30px; background:url('/img/bg_graph02.gif') no-repeat;}
.m_content01 .graph_cont .graph_c .graph_a span.g03 {left:50px; background:url('/img/bg_graph03.gif') no-repeat;}
.m_content01 .graph_cont .graph_c .g_box {position:relative; margin-bottom:3px; background:#fff; border:1px solid #dbdbdb; display:block; text-align:center; z-index:1000;}
.m_content01 .graph_cont .graph_c .g_txt {margin-top:7px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-align:center; font-size:11px; color:#261b17; display:block; font-style:normal;}
.m_content01 .graph_info {position:relative; width:110px; height:142px; padding:28px 0 0 5px; background:url('/img/bg_line.gif') repeat-y left top; float:left; font-size:11px;}
.m_content01 .graph_info span {width:95px; height:13px; margin-bottom:9px; background:#c5e5da; border-radius:6px; line-height:13px; text-align:center; color:#fff; display:block;}
.m_content01 .graph_info span.c_s01 {background:#cec4df;}
.m_content01 .graph_info span.c_s02 {background:#fbd8a2;}
.m_content01 .graph_info div {position:absolute; bottom:5px; left:5px;}
.m_content01 .graph_info div em {color:#838182; font-size:14px; display:block; font-style:normal;}

.m_content02 {height:157px; padding-top:23px; background:url('/img/bg_main_s01.gif') no-repeat center top;}
.m_content02 .statistics {width:1096px; margin:0 auto;}
.m_content02 .statistics:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .m_content02 .statistics {display: inline-block;}
* html .m_content02 .statistics {display: inline-block;}
.m_content02 .statistics dl {height:133px; float:left;}
.m_content02 .statistics dl dt {font-size:22px; font-weight:bold; color:#fff; float:left;}
.m_content02 .statistics dl dd {font-size:14px; color:#fff; float:left;}
.m_content02 .statistics dl dd span {display:block;}

.main_c {width:1088px; margin:0 auto; padding:30px 0;}
.main_c:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .main_c {display: inline-block;}
* html .main_c {display: inline-block;}
.main_c .main_c01 {width:349px; float:left;}
.main_c .list_m01 {padding:5px 0 3px 3px; border-top:1px solid #c9c5c6; border-bottom:1px solid #c9c5c6;}
.main_c .list_m01 li {position:relative; padding-bottom:3px;}
.main_c .list_m01 li a {color:#737373;}
.main_c .list_m01 li span {position:absolute; top:0; right:0; color:#737373;}
.main_c .main_c02 {width:289px; padding-left:80px; float:left;}
.main_c .main_c03 {width:289px; padding-left:80px; float:left;}
.main_c .main_c03 .m_area {padding-bottom:10px;}
.main_c .main_c03 .m_area textarea {border:1px solid #c9c5c6;}
.search_m {}
.search_m .main_search {border:1px solid #c9c5c6; border-right:none; float:left;}
.search_m .search_btn {padding:0 10px; height:23px; line-height:23px; background:#3f3939; border:1px solid #b5b1b0; color:#fff;}
.main_c .search_txt {padding:4px 0 0 2px; color:#a2a2a2; font-style:normal; display:block;}
.main_c .main_tit {height:20px; padding-left:3px; font-weight:bold; color:#231816; font-size:13px;}

.sub_tit {height:27px; padding:23px 0 0 2px; border-bottom:1px solid #c9c5c4; font-size:21px; color:#7fcac5;}
.sub_tit span {color:#231814;}

.search_area {position:relative; padding:9px 0; margin-bottom:10px; border-bottom:1px solid #c9c5c6;}
.search_area:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .search_area {display: inline-block;}
* html .search_area {display: inline-block;}
.search_area .search_c01 {padding:7px 12px 7px 0; border-right:1px solid #c9c5c4; float:left;}
.search_area .search_c01 .search_m {margin-left:8px; display:inline-block;}
.search_area .search_c02 {padding:7px 0 7px 13px; float:left;}
.search_area .search_c02 .btn_v {position:absolute; top:16px; right:0;}
.search_area span {padding-right:3px; font-size:#271c1a;}

.search_cont {position:relative; padding:9px 0; margin-bottom:10px; border-bottom:1px solid #c9c5c6;}
.search_cont:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .search_cont {display: inline-block;}
* html .search_cont {display: inline-block;}
.search_cont .search_c {padding:7px 12px 7px 0; border-right:1px solid #c9c5c4; float:left;}
.search_cont .search_c.sc01 {padding:7px 0 7px 13px; float:left; border-right:none;}
.search_cont .search_c em {padding-right:5px; display:inline-block; font-style:normal;}
.search_cont .search_c .btn_v {position:absolute; top:16px; right:0;}

.tbl_sty01 {width:100%;}
.tbl_sty01 th {padding:10px 0 10px 20px; background:#efefef; border-top:1px solid #bab8b9; border-bottom:1px solid #bab8b9; color:#221816; text-align:left;}
.tbl_sty01 td {padding:10px 0 10px 20px; border-bottom:1px solid #c9c5c4;}
.tbl_sty01 .bdr {border-right:1px dashed #bababa;}
.bgt td {background:#fcf9d8;}

.tbl_sty02 {width:100%; margin-bottom:7px; border-bottom:1px solid #c9c5c6;}
.tbl_sty02 th {padding:10px 0; background:#efefef; border-top:1px solid #c6c2c1; border-bottom:1px solid #c6c2c1; color:#231816;}
.tbl_sty02 td {padding:15px 0; border-right:1px dashed #c6c6c6; text-align:center;}
.tbl_sty02 td.last {border-right:none;}

.paging {padding-top:23px; text-align:center;}
.paging a {padding:0 7px; display:inline-block; vertical-align:middle;}
.paging a.on {color:#299e96;}/* 1222 */
.paging div {margin-top:-3px; display:inline-block; vertical-align:middle; font-weight:bold;}
.paging img {display:inline-block; vertical-align:middle;}

.tbl_bar {padding:16px 13px; margin-top:25px; border-top:1px solid #c9c5c4; border-bottom:1px solid #c9c5c4; color:#281916;}
.tbl_bar .tbl_bar_cont {}
.tbl_bar .tbl_bar_cont:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .tbl_bar .tbl_bar_cont {display: inline-block;}
* html .tbl_bar .tbl_bar_cont {display: inline-block;}
.tbl_bar .tbl_bar_cont .paging01 {padding-top:1px; font-size:14px; float:left;}
.tbl_bar .tbl_bar_cont .scrap01 {float:right;}
.tbl_bar .tbl_bar_cont .scrap01 span {margin-right:-4px; display:inline-block;}

.notice_txt {padding:12px 0 25px; float:right; text-align:left; color:#a0a0a0;}
.notice_txt strong {color:#898989;}

.view_cont {margin-bottom:10px; padding-top:15px; border-bottom:1px solid #c9c5c4;}
.view_cont:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .view_cont {display: inline-block;}
* html .view_cont {display: inline-block;}
.view_cont .view_cont_01 {width:480px; padding-right:23px; border-right:1px solid #c9c5c4; float:left;}
.view_cont .view_cont_02 {width:470px; padding-left:27px; float:left;}
.view_cont p {padding-bottom:15px; color:#605e5f;}
.view_cont p span {font-weight:bold; font-size:13px; color:#291e1c;}

.view_cont01 {margin-bottom:10px; padding-top:15px; border-bottom:1px solid #c9c5c4;}
.view_cont01:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .view_cont01 {display: inline-block;}
* html .view_cont01 {display: inline-block;}
.view_cont01 .view_cont01_01 {width:480px; padding-right:23px; border-right:1px solid #c9c5c4; float:left;}
.view_cont01 .view_cont01_02 {width:470px; padding-left:27px; float:left;}
.v_txt01 {padding-bottom:15px; color:#605e5f;}
.v_txt01 span {font-weight:bold; font-size:13px; color:#291e1c;}

.comment_area {clear:both;}
.comment_area div {padding-top:7px; color:#626061; font-size:15px;}
.comment_area div strong {padding-bottom:0;}

.v_txt01 {position:relative; padding-bottom:18px; font-size:14px; color:#5a5955; clear:both;}
.v_txt01.ts_01 {padding-bottom:10px;}
.v_txt01 span {font-size:15px; display:inline-block;}
.v_txt01 strong ,
.v_txt01 strong a {color:#23903d;}

.write_cont {}
.write_cont div {padding:15px 0;}
.write_cont div strong {font-size:14px; color:#221816;}
.write_cont div span {padding-bottom:10px; font-size:14px; color:#221816; display:block; font-weight:bold;}
.write_cont div input,
.write_cont div textarea {border:1px solid #c9c5c4;}

.btn_r01 {padding-top:10px; text-align:right;}
.btn_s01 {height:20px; padding:0 32px; margin-left:5px; background:#3f3939; border:1px solid #898383; color:#949391 !important; display:inline-block; line-height:20px;}
.btn_s02 {height:20px; padding:0 32px; margin-left:5px; background:#7ccbc8; border:1px solid #6ca09e; color:#fff !important; display:inline-block; line-height:20px;}

.login_area {width:321px; margin:103px auto 120px; padding-bottom:138px; background:url('/img/bg_login01.gif') no-repeat center bottom;}
.login_area p {width:319px; height:20px; margin-bottom:19px; border:1px solid #c9c5c6;}
.login_area p span {width:28px; height:20px; padding-left:7px; line-height:20px; color:#3e3731; display:inline-block; font-weight:bold;}
.login_area p input {width:274px; height:15px; border:none;}
.login_area .log_btn {padding-top:15px; text-align:center;}
.login_area .log_btn .btn_log01 {height:20px; padding:0 32px; margin-left:5px; background:#3f3939; border:1px solid #898383; color:#949391 !important; display:inline-block; line-height:20px;}
.login_area .log_btn .btn_log02 {height:20px; padding:0 32px; margin-left:5px; background:#b6b6b6; border:1px solid #b6b6b6; color:#fff !important; display:inline-block; line-height:20px;}

.btn_sty01 {height:20px; padding:0 17px; background:#7ccbc8; line-height:20px; color:#fff !important; display:inline-block; vertical-align:middle; border:1px solid #6ca09e;}
.btn_sty02 {height:20px; padding:0 9px; background:#cdcfce; line-height:20px; color:#fff !important; display:inline-block; vertical-align:middle; border:1px solid #adabac;}
.btn_sty03 {height:22px; padding:0 14px; background:#3f3939; line-height:22px; color:#fff !important; display:inline-block; vertical-align:middle;}

/* Selectbox */
div.selectbox-wrap {position:relative; display:inline-block; *display:inline; height:24px; *zoom:1; vertical-align:middle;}
div.selectbox-wrap select {position:absolute; top:0; left:0; visibility:hidden;}
div.selectbox-wrap .value-holder {display:inline-block; height:19px; margin:0; padding:2px 30px 0 5px; border:1px solid #c8c5c0; outline:0; overflow:hidden; color:#a0a0a0; background:#fcf9d8 url('/img/btn_select01.gif') no-repeat 100% 50%; text-align:left; font-size:11px; line-height:14px; cursor:default;}
div.selectbox-disabled .value-holder {background-color:#f7f7f7;}
div.selectbox-wrap .value-holder:hover,
div.selectbox-wrap .value-holder:focus,
div.selectbox-wrap .value-holder:active {text-decoration:none !important;}
div.selectbox-wrap .new-selectbox {position:absolute !important; top:20px !important; left:0 !important; display:none; margin:0 !important; padding:0 !important; background:#fcf9d8; border:1px solid #c0d2dc !important; border-top:0 !important; overflow:hidden; background:#fff; font-size:11px !important; line-height:16px !important; text-align:left !important; *zoom:1;}
div.selectbox-wrap .new-selectbox iframe.blocker {position:absolute; top:0; left:-1px; width:100%; height:100%; z-index:-1; filter:alpha(opacity=0); *zoom:1; background:transparent;}
div.selectbox-wrap .new-selectbox ul  {width:auto !important; height:100% !important; overflow-y:auto; margin:0 !important; padding:0 !important; border:0 !important;}
div.selectbox-wrap .new-selectbox li {*position:relative; width:auto !important; height:auto !important;background:#fcf9d8; margin:0 !important; padding:0 0 0 5px !important; text-align:left !important; white-space:nowrap !important; text-indent:0 !important; cursor:default !important; color:#959595 !important; font-size:11px !important; line-height:16px !important; *zoom:1;}
div.selectbox-wrap .new-selectbox li.hover,
div.selectbox-wrap .new-selectbox li.selected {color:#000 !important; background-color:#fcf9d8 !important;}