@charset "utf-8";
/* CSS Document */
html { overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,label{margin:0px; padding:0px;}
body,input,div,dt,dd,li,th,td,textarea,p,select,option {font-family:'Dotum','AppleGothic','sans-serif';font-size:12px;line-height:18px;text-decoration:none; color:#333; }
label,input {vertical-align:middle;}

/* webfont */
@font-face {
 font-family: 'NBG';
 font-style: normal;
 src: url('../images/font/NanumBarunGothic.eot');
 src: url('../images/font/NanumBarunGothic.eot#iefix') format('embedded-opentype'),
 url('../images/font/NanumBarunGothic.woff') format('woff'),
 url('../images/font/NanumBarunGothic.ttf') format('truetype');
 }

/*버튼 스타일*/
.btn {display:inline-block; font-size:12px;  font-weight:normal;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;  -ms-user-select:none;-o-user-select:none;user-select:none}
.btn.md {font-size:14px;font-weight:bold;height:39px;padding:0 20px 4px;}
.btn-default , .btn-default_blue {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(5%, #fff), to(#f7f7f7));
    background-image:-moz-linear-gradient(top, #fff, #fff 5%, #f7f7f7);}
.btn-default_blue {color:#0066b3;background-color:#fff;border-color:#b1b1b1}
.btn-default_blue:hover,
.btn-default_blue:active,
.btn-default_blue.active {border-color:#858585; color:#555;}
.btn-default_blue:active,
.btn-default_blue.active,
.btn-default_blue {background-image:none}

/* Object */
#left{ width:175px}
.bg_left { background:url(../images/common/bg_left.gif) repeat-y 0 0}
.snb{float:left;width:65px;}
.aside{float:left;width:175px; overflow:hidden}
#content{padding:0}

/* Left */
.snb ul li { background:url(../images/sub/snb_bar.gif) no-repeat bottom; height:70px}
.snb ul li a:hover{display:block;width:65px;background:#FFF;}
.ltitle { text-align:right;}
.snb_tree ul,.snb_tree ul li,.snb_tree button,.snb_tree a{margin:0;padding:0;font-size:12px; color:#CCC; width:150px;overflow:hidden; display:none}
.snb_tree a strong{letter-spacing:-1px;cursor:pointer;_cursor /**/:hand}
.snb_tree ul{display:block;position:relative;padding:3px 0 0 11px;background:url(../images/sub/line_tree_vr.gif) repeat-y 11px -1px;zoom:1}
.snb_tree ul li{position:relative;padding:3px 0 2px 8px;background:url(../images/sub/line_tree_hr.gif) no-repeat 1px 5px !important;white-space:nowrap;list-style:none}
.snb_tree ul li a,.snb_tree ul li span.snb_tree_label{position:relative;top:0;left:16px;_left /**/:0}
.snb_tree ul li button{display:inline-block;position:relative;*top:-2px;_top:-2px;_left /**/:-16px;width:13px;*width:17px;height:13px;*height:17px;margin:0 -13px 0 0;*margin:0 -17px -2px -2px;border:none;background:url(../images/sub/btn_tree_collapse.gif) no-repeat;*font-family:Sans-serif;*font-size:0;*line-height:0;text-indent:-10000px;*text-indent:0;cursor:pointer;_cursor /**/:hand}
.snb_tree ul li ul{display:none;margin:0 0 -2px 6px;padding:2px 0 0;background-position:0 0}
.snb_tree ul li ul li{display:none}
.snb_tree ul li.snb_tree_on button{background-position:0 -13px;*background-position:2px -11px}
.snb_tree ul li.snb_tree_off button{background-position:0 0;*background-position:2px 2px}
.snb_tree ul li.snb_tree_on ul{display:block}
.snb_tree ul li.snb_tree_on ul li{display:block}
.snb_tree ul li.snb_tree_off ul{display:none}
.snb_tree ul li.snb_tree_off ul li{display:none}
.snb_tree ul li.snb_tree_last{background:url(../images/sub/line_tree_last_hr.gif) no-repeat 0 5px !important}
.menu_v{position:relative;width:100%;line-height:normal}
.menu_v ul{margin:0;padding:0;list-style:none}
.menu_v li{position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1}
.menu_v li a{display:block;position:relative;padding:8px 10px;color:#CCC;font-weight:bold;text-decoration:none;border-bottom:1px solid #333;*zoom:1}
.menu_v li a .i{position:absolute;top:50%;left:100%;width:8px;height:8px;margin:-4px 0 0 -16px;color:#ccc;background:url(../images/sub/ico_sub.gif) no-repeat left top}
.menu_v li ul{padding:5px 0;background:#333}
.menu_v li li{margin:0}
.menu_v li li a{padding:5px 10px;border:0;background:#333;font-weight:normal}
.menu_v li li a span{color:#CCC}
.menu_v li.active{z-index:2;border-bottom:1px solid #333}
.menu_v li li.active{border:0}
.menu_v li.active a{border:0;color:#000}
.menu_v li.active .i{background-position:0 -44px}
.menu_v li.active li a{border:0}
.menu_v li.active ul{display:block;border-top:1px solid #333}
.menu_v li.active li.active a span{font-weight:bold;color:#cf0;letter-spacing:-1px}

/* Content */
.cnt_title { width:100%;height:70px;background:url(../images/sub/bg_ctitle.gif) repeat-x 0 0; position:relative}
.cnt_title h3 { position:absolute; top:25px; left:10px; color:#336; font-size:14px; font-weight:bold}
.cnt_title span.navi { position:absolute;top:10px;right:10px; font-size:11px; color:#666;}
.form_area {padding-top: 10px;padding-left: 10px;}

/* templet_popup*/
.bg_head .addFind { padding:10px; border:3px solid #d3d9e1; text-align:center; margin-bottom:10px}
.bg_head .addFind input { width:300px; padding:3px 5px}
.bg_head .total { text-align:right; margin-bottom:5px}
.bg_head .tablestyle { width:100%}
.bg_head .tablestyle thead th { border-top:2px solid #d3d9e1; border-bottom:1px solid #d3d9e1; padding:10px; color:#54697a; background-color:#f1f5f9 }
.bg_head .tablestyle td { text-align:center; padding:4px; border-bottom:1px dotted #d3d9e1;}
.bg_head .tablestyle td.tdLeft { text-align:left}
.bg_head .result {width:100%;height:310px;overflow-x: hidden;overflow-y: auto;}
.bg_head #trPostAddress_road { overflow-y:scroll; height:100px}
.bg_head .srchHelp { width:395px; margin:0 auto; text-align:left; overflow:hidden;}
.bg_head .srchHelp .fl {float:left; display:inline; text-align:center; width:80px;}
.bg_head .srchHelp .fl p { text-align:left; margin-bottom:3px}
.bg_head .srchHelp .fr {float:left; display:inline; margin-left:10px;}
.bg_head .srchHelp .fr li {height:16px; line-height:16px; margin-bottom:3px; font-size:11px}
.bg_head .addSelect {border:1px solid #CCC; padding:7px 15px 0; height:100px; overflow-y:scroll; margin-bottom:10px}
.bg_head .addSelect li { background:url(../images/juso/bul_02.gif) no-repeat 0 50%; padding:0 0 7px; text-indent:13px; position:relative; border-bottom:1px dotted #DDD; margin-bottom:7px}
.bg_head .addSelect li span.btn_pack { position:absolute; right:0; text-align:center; text-indent:0}
.bg_head #map { border:1px solid #ccc;}

/* validate error */
label.error {color: red; font-style: italic}
div.error { display: none; }
input.error { border: 1px dotted red; }

/*알림니다*/
#notice_on_wrap {background:url('../images/common/anvil_wrap.png') no-repeat;width:588px;height:320px;margin:0 auto;margin-top:50px;}
.notice_on {padding-top:140px;text-align:center;}
.notice_on h4 {font-family:'NBG', 'Malgun Gothic';font-size:20px;line-height:28px;height:50px;}
.notice_on p {margin-bottom:20px;font-size:15px;}

.id_photo {width:150px;height:200px; display:block; background:url(../images/sub/id_photo.gif) no-repeat; margin:0 auto}