@charset "UTF-8";
/* CSS Document */
body { margin: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(0, 0, 0); word-wrap: break-word; }
body, input, textarea, select, button, table { font-family: Tahoma,Geneva,sans-serif; }
form { margin: 0px; padding: 0px; }
input[type="checkbox"], input[type="radio"] { width: 13px; height: 13px; margin: 0px; padding: 0px; }
.fl { float: left; }
.fr { float: right; }
.bd { background: none repeat scroll 0% 0% rgb(248, 248, 248); padding: 1px 0px; border-bottom: 1px solid rgb(204, 200, 190); }
.bd:after { content: ""; margin: 0px; position: relative; top: 3px; display: block; clear: both; height: 1px; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
.hx { position: relative; border-bottom: 1px solid rgb(204, 200, 190); padding: 8px 10px; margin: 0px; }
.hx:after { content: ""; margin: 0px -10px; position: relative; top: 10px; display: block; clear: both; height: 1px; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
.hx.h2 { background: none repeat scroll 0% 0% rgb(229, 229, 229); }
.hx h2 { margin: 0px 10px 0px 0px; display: inline; }
.hx h2 { font-size: 16px; line-height: 1.4; }
.ff { margin: 0px; padding: 10px 0px; }
.ff ul { margin: 0px 10px 10px; padding: 10px 0px 0px; list-style: none outside none; }
.ff li { margin: 0px 0px 5px; padding: 0px; }
.ff label + input[type="text"], .ff label + input[type="password"], .ff label + textarea, .ff label + select { display: block; width: 96%; font-size: 14px; margin: 0px 0px 5px; }
.ff label + input[type="text"], .ff label + input[type="password"], .ff label + textarea { padding: 5px; }
.hp { background: none repeat scroll 0% 0% rgb(238, 238, 238); border-top: 1px solid rgb(221, 221, 221); padding: 12px 10px ! important; margin: 10px 0px ! important; }
.hp li { margin: 0px; display: inline; border-left: 1px solid rgb(204, 204, 204); padding: 0px 4px 0px 8px; }
.hp li:first-child { border: 0px none; }
.hp a { color: rgb(51, 51, 51); text-decoration: none; }
.bna { text-align: center; padding: 0px 10px; margin: 10px 0px; }
.bna:after { content: ""; display: block; clear: both; }
.bn { display: inline-block; line-height: 26px ! important; padding: 0px 10px; font-size: 12px; font-weight: bold; border: 1px solid; text-decoration: none; border-radius: 5px; cursor: pointer; vertical-align: middle; }
.bn[type="submit"], .bn[type="button"] { height: 28px; }
.bn.dark { border-color: rgb(102, 102, 102); background: -moz-linear-gradient(center top , rgb(126, 124, 120), rgb(92, 91, 88)) repeat scroll 0% 0% rgb(119, 119, 119); color: rgb(255, 255, 255); box-shadow: 0px 0px 1px rgb(255, 255, 255) inset; }
.message { border: 1px solid rgb(221, 221, 221); background: none repeat scroll 0% 0% rgb(248, 248, 248); margin: 1em 0px; padding: 0px 1em; border-radius: 5px; line-height: 1.4; font-size: 12px; }
.message p { margin: 1em 0px ! important; }
.message.info, .message.error, .message.update { padding-left: 55px; }
.message.info { border-color: rgb(224, 232, 236); background: url('msg.info.png') no-repeat scroll 1em 0.5em rgb(237, 249, 255); }


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò',Dotum,'±¼¸²',Gulim,Tahoma,Geneva,sans-serif; }
ul, ol { list-style: none outside none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
html, body { width: 100%; margin: 0px; padding: 0px; height: 100%; background-color: rgb(255, 255, 255); word-wrap: break-word; }
a { color: inherit; text-decoration: none; }
* {  }
header, footer { display: block; }
.fl { float: left; }
.fr { float: right; }
 
#content-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#container { position: relative; width: 100%; }
#container .contents_box { overflow: hidden; display: block; }
#footer .stb_box { overflow: hidden; padding: 10px 5px; text-align: right; background-color: rgb(248, 248, 248); border-top: 1px solid rgb(195, 195, 195); }
#footer .stb_box .top_btn, #footer .stb_box .sns_list { display: inline-block; border: 1px solid rgb(153, 157, 164); border-radius: 3px; background: none repeat scroll 0% 0% rgb(242, 242, 242); }
#footer .stb_box .top_btn { background: none repeat scroll 0% 0% rgb(190, 190, 190); }
#footer .stb_box .top_btn a, #footer .stb_box .sns_list a { display: block; padding: 5px 4px 5px 20px; color: rgb(135, 143, 154); font-size: 11px; background: url('bottom_btn.png') no-repeat scroll 3px 0px transparent; }
#footer .stb_box .top_btn a { color: rgb(93, 93, 93); font-weight: bold; }
#footer .stb_box a.top { background-position: 3px -95px; }
#footer .footer_wrap { overflow: hidden; padding-bottom: 5px; border-top: 1px solid rgb(135, 143, 154); background-color: rgb(235, 235, 235); text-align: center; font-size: 13px; display: block; }
#footer .footer_btn_box { padding-top: 5px; overflow: hidden; margin-bottom: 6px; }
#footer .footer_btn_box a { color: rgb(51, 51, 51); font-size: 12px; display: inline-block; margin: 0px 1px; padding: 0px 5px; border: 1px solid rgb(160, 167, 175); border-radius: 3px; background: none repeat scroll 0% 0% rgb(255, 255, 255); line-height: 25px; }
#footer p.copyright, #footer p.siteinfo { overflow: hidden; color: rgb(102, 102, 102); width: 100%; display: inline-block; padding-bottom: 4px; font-size: 11px; letter-spacing: -1px; }


#actChangeBox { padding: 5px; }
#actChangeBox .bd { background: none repeat scroll 0% 0% transparent; padding: 1px 0px; border-bottom: 0px none; }
#actChangeBox .bd:after { content: ""; margin: 0px; position: relative; top: 3px; display: block; clear: both; height: 0px; background: none repeat scroll 0% 0% transparent; }
#actChangeBox .hx { border-bottom: 0px none; padding: 8px 5px; margin: 0px; }
#actChangeBox .hx:after { height: 0px; background: none repeat scroll 0% 0% transparent; }
#actChangeBox .hx.h2 { background: none repeat scroll 0% 0% transparent; }
#actChangeBox .hx h2 { margin: 0px 10px 0px 0px; display: inline; color: rgb(17, 17, 17); font-size: 14px; font-weight: bold; padding-left: 10px; border-left: 6px solid rgb(190, 190, 190); text-shadow: 1px 1px 0px rgb(255, 255, 255); }
#actChangeBox .ff { border: 1px solid rgb(190, 190, 190); border-radius: 5px; }
#actChangeBox .ff li { margin: 0px 0px 10px; padding: 5px; background: none repeat scroll 0% 0% rgb(244, 244, 244); border: 1px solid rgb(190, 190, 190); border-radius: 5px; }
#actChangeBox .ff label { display: inline-block; font-size: 12px; margin-bottom: 5px; color: rgb(51, 51, 51); text-shadow: 0px 1px 0px rgb(255, 255, 255); }
#actChangeBox .ff li label:first-child { font-size: 13px; font-weight: bold; }
#actChangeBox .ff label + input[type="text"], #actChangeBox .ff label + input[type="password"], #actChangeBox .ff label + textarea, #actChangeBox .ff label + select { display: inline-block; width: 96%; font-size: 14px; margin: 0px 0px 5px; overflow: hidden; }
#actChangeBox .ff label + input[type="text"], #actChangeBox .ff label + input[type="password"], #actChangeBox .ff label + textarea, #actChangeBox .ff input[type="text"], #actChangeBox .ff .inputText { padding: 5px; border: 1px solid rgb(170, 170, 170); color: rgb(51, 51, 51); border-radius: 3px; }
#actChangeBox .ff p { font-size: 12px; }
#actChangeBox .hp { background: none repeat scroll 0% 0% transparent; border-top: 0px none; padding: 12px 10px ! important; margin: 10px 0px ! important; }
#actChangeBox .hp li { margin: 3px 0px; display: block; border: 0px none; padding: 0px 5px; }
#actChangeBox .hp li:first-child { border: 0px none; }
#actChangeBox .hp a { padding: 7px; font-size: 13px; display: block; background: none repeat scroll 0px 0px rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: 0px 1px 0px rgb(255, 255, 255); overflow: hidden; }


#header { position: relative; width: 100%; }
.header_top { position: relative; height: 55px; background: -moz-linear-gradient(center top , rgb(86, 86, 86) 0%, rgb(50, 50, 50) 100%) repeat scroll 0% 0% transparent; overflow: hidden; width: 100%; }
.header_top .htl { position: absolute; top: 0px; left: 0px; padding-right: 26px; }
.logobox { position: relative; display: block; height: 50px; margin: 0px; }
.logobox h1 { display: block; font-size: 20px; font-weight: bold; }
.logobox h1 a { position: relative; padding: 5px 0px 5px 5px; display: block; line-height: 40px; height: 40px; color: rgb(255, 255, 255); text-shadow: 0px 0px 2px rgb(0, 0, 0); letter-spacing: -1px; z-index: 2; }
.logobox h1 a span { float: left; clear: both; display: inline-block; line-height: 24px; overflow: hidden; white-space: nowrap; }
.logobox h1 a span.sub { color: rgb(186, 197, 210); font-size: 11px; line-height: 16px; text-shadow: 0px 0px 1px rgb(0, 0, 0); letter-spacing: 0px; clear: both; }
.btnbox { display: block; list-style: none outside none; z-index: 3; }
.btnbox li { position: relative; display: inline-block; float: right; height: 55px; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.btnbox li a { display: inline-block; width: 45px; margin: 0px; padding-top: 30px; font-size: 10px; text-align: center; letter-spacing: -1px; color: rgb(255, 255, 255); background: url('header_btn.png') no-repeat scroll left center transparent; opacity: 0.6; }
.btnbox li a.login { background-position: 2px 0px; }
.btnbox li a.search { background-position: -43px 0px; }
.btnbox li a.sitemap { background-position: -88px 0px; }
.btnbox li a span { display: inline-block; line-height: 20px; }
.sub_style .header_top { height: 40px; }
.sub_style .header_top .htl { height: 35px; padding-top: 5px; padding-right: 26px; }
.sub_style .logobox { height: 35px; }
.sub_style .logobox h1 { font-size: 18px; }
.sub_style .logobox h1 a { line-height: 20px; height: 20px; letter-spacing: 0px; }
.sub_style .logobox h1 a span { line-height: 100%; }
.sub_style .logobox h1 a span.sub { margin-left: 3px; padding-top: 4px; float: none; }
.sub_style .btnbox li { padding: 0px 2px; height: 40px; }
.sub_style .btnbox li a { margin-top: 4px; padding-top: 0px; width: 30px; height: 30px; }
.sub_style .btnbox li a.login { background-position: -6px -2px; }
.sub_style .btnbox li a.search { background-position: -52px -2px; }
.sub_style .btnbox li a.sitemap { background-position: -98px -2px; }
.sub_style .btnbox li a span { display: none; }
#hideLayerBox { overflow: hidden; display: block; background: none repeat scroll 0% 0% rgb(50, 50, 50); }
#hideLayerBox .box_wrap { padding: 5px; margin: 5px; border-radius: 4px; background-color: rgb(255, 255, 255); }
#hideLayerBox .btn_area { overflow: hidden; padding: 3px; display: block; border-top: 1px solid rgb(213, 218, 222); }
#hideLayerBox .btn_area span { display: inline-block; padding: 1px; background-color: rgb(196, 199, 208); border-radius: 4px; margin: 0px 2px; }
#hideLayerBox .btn_area span a { display: block; padding: 3px 5px; font-size: 12px; color: rgb(102, 102, 102); background-color: rgb(248, 248, 249); border-radius: 3px; box-shadow: 1px 2px 1px rgb(253, 253, 253) inset, -1px 0px 1px rgb(249, 249, 249) inset; }
#searchBox, #myinfoBox, #sitemapBox { display: none; border-top: 1px solid rgb(0, 0, 0); }
#sitemapBox { padding: 5px; }
#searchBox .default_form { margin: 5px 5px 3px; }
#searchBox .keyarea { position: relative; display: block; border: 2px solid rgb(190, 190, 190); border-radius: 2px; padding-right: 45px; }
#searchBox .keyword { width: 98%; height: 24px; font-size: 14px; padding: 2px 0px 1px 2px; line-height: 16px; border: 0px none; }
#searchBox .submit { position: absolute; top: 0px; right: 0px; height: 28px; width: 40px; border: 0px none; background: url('icon_search.png') no-repeat scroll center center transparent; z-index: 2; }
#searchBox .submit span { display: none; }
.sitemap_box { overflow: hidden; margin: 5px; padding: 2px; border: 1px solid rgb(190, 190, 190); }
.sitemap_box .sitemap { margin: 0px; padding: 0px; list-style: none outside none; }
.sitemap_box .sitemap li span { position: relative; display: block; background: none repeat scroll 0% 0% rgb(237, 237, 237); }
.sitemap_box .sitemap li span a { color: rgb(102, 102, 102); font-size: 14px; text-decoration: none; display: block; padding: 7px; border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(221, 221, 221); }
.header_middle { overflow: hidden; display: block; border-top: 1px solid rgb(0, 0, 0); background: none repeat scroll 0% 0% rgb(77, 77, 77); }
.hide_menu_box .m_list li:nth-child(1) { border-radius: 1px 0px 0px; }
.hide_menu_box .m_list li:nth-child(3) { border-radius: 0px 1px 0px 0px; }
.hide_menu_box .m_list li:nth-last-child(1) { border-radius: 0px 0px 1px; }
.hide_menu_box .m_list li:nth-last-child(3) { border-radius: 0px 0px 0px 1px; }
.hide_menu_box .m_list li:nth-child(n+4) { border-top: 1px solid rgb(198, 198, 198); }
.hide_menu_box .m_list li:nth-child(3n-1) { border-left: 1px solid rgb(198, 198, 198); border-right: 1px solid rgb(198, 198, 198); }
.hide_menu_box .m_list li:nth-child(3n) { float: none; overflow: hidden; width: auto; }
.sub_title_box { position: relative; overflow: hidden; padding: 0px 80px; height: 35px; repeat-x scroll center top transparent; }
.sub_title_box .prev, .sub_title_box .cate { position: absolute; top: 0px; display: block; padding: 2px 0px; width: 70px; }
.sub_title_box .prev { left: 5px; text-align: left; }
.sub_title_box .prev button, .sub_title_box .cate button { display: inline-block; line-height: 22px; padding: 0px 7px; font-size: 12px; border: 1px solid rgb(160, 167, 175); border-radius: 3px; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
.sub_title_box .mtitle { position: relative; overflow: hidden; padding: 0px; line-height: 32px; height: 32px; text-align: center; }
.sub_title_box .mtitle .menu_title { display: inline; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; }