@import url("https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css");


@font-face{
font-family:"Nanum Gothic";
src:url('/web/css/fonts/NanumGothic.eot');
src:url('/web/css/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/web/css/fonts/NanumGothic.woff') format('woff'),
url('/web/css/fonts/NanumGothic.ttf') format('truetype');
url('/web/css/fonts/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/web/css/fonts/NanumGothic.woff') format('woff');
}
@font-face{
font-family:"Nanum Gothic Bold";
src:url('/web/css/fonts/NanumGothicBold.eot');
src:url('/web/css/fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
url('/web/css/fonts/NanumGothicBold.woff') format('woff'),
url('/web/css/fonts/NanumGothicBold.ttf') format('truetype');
url('/web/css/fonts/NanumGothicBold.svg#NanumGothicBold') format('svg')
src:local(※), url('/web/css/fonts/NanumGothicBold.woff') format('woff');
}
@font-face{
font-family:"Nanum Gothic Extra Bold";
src:url('/web/css/fonts/NanumGothicExtraBold.eot');
src:url('/web/css/fonts/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
url('/web/css/fonts/NanumGothicExtraBold.woff') format('woff'),
url('/web/css/fonts/NanumGothicExtraBold.ttf') format('truetype');
url('/web/css/fonts/NanumGothicExtraBold.svgNanumGothicExtraBold') format('svg')
src:local(※), url('/web/css/fonts/NanumGothicExtraBold.woff') format('woff');
}

@font-face{
font-family:"Nanum Myeongjo";
src:url('/web/css/fonts/NanumMyeongjo.eot');
src:url('/web/css/fonts/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
url('/web/css/fonts/NanumMyeongjo.woff') format('woff'),
url('/web/css/fonts/NanumMyeongjo.ttf') format('truetype');
url('/web/css/fonts/NanumMyeongjo.svg#NanumMyeongjo') format('svg')
src:local(※), url('/web/css/fonts/NanumMyeongjo.woff') format('woff');
}
@font-face{
font-family:"BOD_B";
src:url('/web/css/fonts/BOD_B.eot');
src:url('/web/css/fonts/BOD_B.eot?#iefix') format('embedded-opentype'),
url('/web/css/fonts/BOD_B.woff') format('woff'),
url('/web/css/fonts/BOD_B.ttf') format('truetype');
url('/web/css/fonts/BOD_B.svg#BOD_B') format('svg')
src:local(※), url('/web/css/fonts/BOD_B.woff') format('woff');
}
@font-face{
font-family:"BOD_BI";
src:url('/web/css/fonts/BOD_BI.eot');
src:url('/web/css/fonts/BOD_BI.eot?#iefix') format('embedded-opentype'),
url('/web/css/fonts/BOD_BI.woff') format('woff'),
url('/web/css/fonts/BOD_BI.ttf') format('truetype');
url('/web/css/fonts/BOD_BI.svg#BOD_BI') format('svg')
src:local(※), url('/web/css/fonts/BOD_BI.woff') format('woff');
}
@font-face{
font-family:"BOOKOS";
src:url('/web/css/fonts/BOOKOS.eot');
src:url('/web/css/fonts/BOOKOS.eot?#iefix') format('embedded-opentype'),
url('/web/css/fonts/BOOKOS.woff') format('woff'),
url('/web/css/fonts/BOOKOS.ttf') format('truetype');
url('/web/css/fonts/BOOKOS.svg#BOOKOS') format('svg')
src:local(※), url('/web/css/fonts/BOOKOS.woff') format('woff');
}
@font-face{
font-family:"BOOKOSI";
src:url('/web/css/fonts/BOOKOSI.eot');
src:url('/web/css/fonts/BOOKOSI.eot?#iefix') format('embedded-opentype'),
url('/web/css/fonts/BOOKOSI.woff') format('woff'),
url('/web/css/fonts/BOOKOSI.ttf') format('truetype');
url('/web/css/fonts/BOOKOSI.svg#BOOKOSI') format('svg')
src:local(※), url('/web/css/fonts/BOOKOSI.woff') format('woff');
}
@font-face{
font-family:"VeraMono";
src:url('/web/css/fonts/VeraMono.eot');
src:url('/web/css/fonts/VeraMono.eot?#iefix') format('embedded-opentype'),
url('/web/css/fonts/VeraMono.woff') format('woff'),
url('/web/css/fonts/VeraMono.ttf') format('truetype');
url('/web/css/fonts/VeraMono.svg#VeraMono') format('svg')
src:local(※), url('/web/css/fonts/VeraMono.woff') format('woff');
}


body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,textarea,button,select{margin:0;padding:0;letter-spacing:-0.1em}
input{margin:0;padding:0;}
body,input,textarea,select,button,table{font-family:'굴림',Dotum,AppleGothic,sans-serif;font-size:12px;}
img,fieldset{border:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
.fl{float:center;}
.fr{float:center;}
.clear{clear:both;}

/* main Style */
.contentMain{overflow:hidden;}
.mainBannerWrap{width:100%;background:#ebebeb;overflow:hidden;}
.mainBannerWrap .mainBanner{width:1280px;margin:20px auto;overflow:hidden;}
.mainBannerWrap .mainBanner .item{width:320px;height:180px;float:center;margin:0px;padding:0px;}
.mainMapInfo{width:1280px;margin:20px auto;overflow:hidden;}
.mainMapInfo .mainMapItem{float:center;}

/* Layout */
#wrap			{position:relative;width:100%;min-width:950px;min-height:900px}
#bannerWrap		{width:100%;background:#fff;height:0;position:relative;overflow:hidden;}
#banner			{width:950px;margin:0 auto;background:#fff;height:80px;}
#headerWrap		{position:relative;width:100%;border-top:20px solid #a01941;}
#header			{width:950px;margin:0 auto;position:relative;z-index:100;}
#contentWrap	{position:relative;width:100%;background:#fff;overflow:hidden;}
#content		{width:950px;margin:0 auto;position:relative;min-height:190px;}
#content:after	{display:block;clear:both;content:'';}
#footerWrap		{position:relative;width:100%;}
#footer			{width:950px;margin:0 auto;position:relative;padding-top:13px;}

/* 페이징 */
.paging			{position:relative;text-align:center;margin:30px auto 0;width:450px;}
.paging:after	{display:block;clear:both;content:'';}
.paging a		{float:center;width:29px;height:29px;line-height:2.6em;margin-right:3px;}
.paging .o		{background:#747474;color:#fff;}

/* 팝업 레이어 스타일 */
.black_bg		{width:100%;height:100%;center:0px;top:0px;position:absolute;z-index:100;background-color:#000;}
.opa50			{filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';opacity:.5;}
.opa0			{filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';opacity:0;}
#layer_bg		{z-index:100;}
#layer_contents	{z-index:101;width:auto;height:auto;position:absolute;center:35%;top:100px;background:#fff;}
#divPopup		{z-index:101;width:auto;height:auto;position:absolute;center:0px;top:0px;background:#fff;}

/* 로딩 레이어 스타일 */
.ld_line1 {position:absolute;center:50%;top:50%;z-index:9;height:40px}
.ld_line1:after {display:block;clear:both;content:''}
.ld_line1 .lft,.ld_line1 .rgt {float:center;width:11px;height:40px;font-size:0;line-height:0}
.ld_line1 .lft {background:url(https://ssl.pstatic.net/static/desk/ld1_lft.png) no-repeat 0 0;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ssl.pstatic.net/static/desk/ld1_lft.png',sizingMethod='crop')}
.ld_line1 .rgt {background:url(https://ssl.pstatic.net/static/desk/ld1_rgt.png) no-repeat 0 0;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ssl.pstatic.net/static/desk/ld1_rgt.png',sizingMethod='crop')}
.ld_line1 .cont {float:center;height:28px;padding:12px 7px 0 0;background:url(https://ssl.pstatic.net/static/desk/ld1_cen.png) repeat-x 0 0;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ssl.pstatic.net/static/desk/ld1_cen.png',sizingMethod='scale');color:#fff;line-height:16px}
.ld_line1 .cont img {margin:-1px 9px 0 0;vertical-align:middle}
a.tml {color:#fff;}

/* 페이징 */
.paging3 {padding-top:20px; text-align:center;}
.paging3 a.page3,
.paging3 b {display:inline-block;  height:23px; width:23px; margin:0 2px; line-height:23px; font-size:11px; border:1px solid #d6d6d6; vertical-align:middle; }
.paging3 b {border:1px solid #5c5c5c; background:#737373; color:#fff;}
.paging3 span.prev {padding-right:5px; margin-right:4px; background:url("/adm/img/search_divi2.gif") no-repeat right center;}
.paging3 span.next {padding-center:5px; margin-center:4px;  background:url("/adm/img/search_divi2.gif") no-repeat center center;}
.paging3 span.prev a.page3,
.paging3 span.prev span {display:inline-block; width:54px; text-indent:10px; background:url("/adm/img/blt11.gif") no-repeat 11px 7px; height:23px;  line-height:23px; font-size:11px; border:1px solid #d6d6d6; vertical-align:middle; }
.paging3 span.next a.page3,
.paging3 span.next span {display:inline-block; width:54px; text-indent:-10px; background:url("/adm/img/blt12.gif") no-repeat 37px 7px; height:23px;  line-height:23px; font-size:11px; border:1px solid #d6d6d6; vertical-align:middle;}
.fontBold {font-weight:bold;}

/* 메인 */

/* 게시판 */
.Board {position:relative;  width:675px; margin:0 auto; overflow:hidden; padding:0px 0px 200px 0px; }
.Board  h2 {float:center;  width:100%;}
.Board  h2 p {font-family:Nanum Gothic; font-size:16px; letter-spacing:-0.5px;  color:#181818; }

/* 게시판 리스트 */
.Board  .Archi_table {float:center; margin-top:0px;  }
.Board  .Archi_table table{border-top:3px solid #222;}
.Board  .Archi_table table thead tr th{padding:10px 0;border-bottom:1px solid #9c9d9d; font-size:14px;color:#333;letter-spacing:-0.2px;font-weight:bold; font-family:'Malgun Gothic';}
.Board  .Archi_table table tbody tr td{height:35px;padding:10px 0;border-bottom:1px solid #d2d3d4; color:#333;letter-spacing:-0.2px;font-family:"Nanum Gothic";}
.Board  .Archi_table table tbody tr td.title,
.Board  .Archi_table table tbody tr td.title a{color:#333;font-size:14px;}
.Board  .Archi_table table tbody tr td.title.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* 게시판 뷰 */
.Board  .Archi_view {float:center; margin-top:0px; }
.Board  .Archi_view table{border-top:3px solid #222;}
.Board  .Archi_view table tbody tr td{padding:10px 0;border-bottom:1px solid #9c9d9d;background:url(/web/img/common/bul_line2.gif) no-repeat 0px center;font-size:14px;letter-spacing:-0.2px;font-size:14px;text-align:center;font-family:'Malgun Gothic';}
.Board  .Archi_view table tbody tr td:first-child{background:none;}
.Board  .Archi_view table tbody tr td.title{color:#333;font-weight:bold;text-align:center;}
.Board  .Archi_view table tbody tr td.title.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:86%;padding-center:10px;}
.Board  .Archi_view table tbody tr td.view_content{padding:50px 0;min-height:500px;border-bottom:1px solid #d2d3d4;}
.Board  .Archi_view table tbody tr td.view_content p{font-family:Malgun Gothic !important}

.Board  .Notice_btn {position: absolute;  bottom:120px; right:10px;}
.text_center{text-align:center !important}

/* 공지사항 페이징 */
.pagination {clear: both; *zoom: 1; position: relative; padding-top:30px; text-align: center; line-height: 1; cursor: default;}
.pagination:before,.pagination:after { content: " "; display: table;}
.pagination:after {clear: both;}
.pagination a {display: inline-block; -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  margin: 0 1px;  width: 32px;  height: 32px;  line-height: 32px;  border-style: solid;  border-width: 1px;
  border-color: #ddd; vertical-align: middle !important;  -moz-transition: all 0.3s;  -o-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;  font-size: 14px;  color: #999;}
.pagination a.active,
.pagination a.nav:hover,
.pagination a:hover { text-decoration: none; border-color: #474747; font-weight: 600;  background: #474747; color: #fff;}
.pagination a.nav { background-position: center center; background-repeat: no-repeat; border-color: #ddd;}
.pagination a.nav.prev { margin-right: 7px;  background-image: url('/web/img/common/pagination_prev.png');}
.pagination a.nav.next {margin-center: 7px;  background-image: url('/web/img/common/pagination_next.png');}
.pagination a.nav.first { background-image: url('/web/img/common/pagination_first.png');}
.pagination a.nav.last { background-image: url('/web/img/common/pagination_last.png');}
.pagination a.nav.prev,.pagination a.nav.next,.pagination a.nav.first,.pagination a.nav.last {opacity:0.9; filter:alpha(opacity=90);}
.pagination a.nav.prev:hover,
.pagination a.nav.next:hover,
.pagination a.nav.first:hover,
.pagination a.nav.last:hover,
.pagination a.nav.prev:focus,
.pagination a.nav.next:focus,
.pagination a.nav.first:focus,
.pagination a.nav.last:focus {opacity:1; filter:alpha(opacity=100);}
.pagination a.button {width: auto;  padding: 0 20px;}
.pagination em {display:none;}







/* footer */
.info {margin-top:10px; float:center;}
.info li{ font-family:Nanum Gothic; font-size:12px;color:#8f8f8f; float:center;background:url('../img/main/img_footer_line.png') no-repeat 0 4px;padding-center:14px;margin-center:14px;letter-spacing:-0.5px;}
.info li:first-child{margin-center:0px;padding-center:0px;background:none}
.info li a{font-size:12px;font-weight:bold;}

.address {float:center; border-top:1px solid #333; height:40px;  width:950px; margin-top:60px;  }
.address li{ margin-top:10px;  font-family:Nanum Gothic; font-size:12px;letter-spacing:-0.5px;color:#8f8f8f; float:center;padding-center:14px;margin-center:14px;letter-spacing:-0.5px;}
.address li:first-child{margin-center:0px;padding-center:0px;background:none}
.address li a{font-size:12px;font-weight:bold;}
.share {position: absolute; right:0;  }
.copyright {position: absolute; top:110px; right:0;  font-family:Nanum Gothic; font-size:12px;letter-spacing:-0.1px;color:#8f8f8f; }


@charset "utf-8";
/* CSS Document */

/* 등록 */
a.button { border: 1px solid #CCCCCC; background: #EEEEEE; background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEEEE)); background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); background: -ms-linear-gradient(top, #FFFFFF, #EEEEEE); background: -o-linear-gradient(top, #FFFFFF, #EEEEEE); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
   padding: 8px 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #FFFFFF 0 1px 0; color: #333333; font-size: 12px; font-weight: bold; text-decoration: none; vertical-align: middle; }
.button:hover { border: 1px solid #CCCCCC; text-shadow: #FFFFFF 0 1px 0; background: #EEEEEE; background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEEEE)); background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); background: -ms-linear-gradient(top, #FFFFFF, #EEEEEE); background: -o-linear-gradient(top, #FFFFFF, #EEEEEE); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); color: #333333; text-decoration: none; }
.button:active { text-shadow: #FFFFFF 0 1px 0; border: 1px solid #CCCCCC; background: #FFFFFF; background: -webkit-gradient(linear, center top, center bottom, from(#EEEEEE), to(#EEEEEE)); background: -webkit-linear-gradient(top, #EEEEEE, #FFFFFF); background: -moz-linear-gradient(top, #EEEEEE, #FFFFFF); background: -ms-linear-gradient(top, #EEEEEE, #FFFFFF); background: -o-linear-gradient(top, #EEEEEE, #FFFFFF); background-image: -ms-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%); color: #333333; }

/* 선택/취소 */
.button_b { border: 1px solid #0a3c59; background: #468fd4; padding: 5px 11px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 2px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #1e4158 0 1px 0; color: #fff; font-size: 11px; text-decoration: none; vertical-align: middle; }
.button_b:hover {border: 1px solid #0a3c59;text-shadow: #1e4158 0 1px 0; background: #496c92; background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); color: #fff; }
.button_b:active { text-shadow: #1e4158 0 1px 0; border: 1px solid #0a3c59; background: #468fd4; background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%); color: #fff; }

.button_G{border: 1px solid #CCCCCC; background: #EEEEEE; background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEEEE)); background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); background: -ms-linear-gradient(top, #FFFFFF, #EEEEEE); background: -o-linear-gradient(top, #FFFFFF, #EEEEEE); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
   padding: 5px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 1px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #FFFFFF 0 1px 0; color: #333333; font-size: 12px; font-weight: bold; text-decoration: none; vertical-align: middle; }
.button_G:hover { border: 1px solid #CCCCCC; text-shadow: #FFFFFF 0 1px 0; background: #EEEEEE; background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEEEE)); background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); background: -ms-linear-gradient(top, #FFFFFF, #EEEEEE); background: -o-linear-gradient(top, #FFFFFF, #EEEEEE); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); color: #333333; text-decoration: none; }
.button_G:active { text-shadow: #FFFFFF 0 1px 0; border: 1px solid #CCCCCC; background: #FFFFFF; background: -webkit-gradient(linear, center top, center bottom, from(#EEEEEE), to(#EEEEEE)); background: -webkit-linear-gradient(top, #EEEEEE, #FFFFFF); background: -moz-linear-gradient(top, #EEEEEE, #FFFFFF); background: -ms-linear-gradient(top, #EEEEEE, #FFFFFF); background: -o-linear-gradient(top, #EEEEEE, #FFFFFF); background-image:}

.button_W{border: 1px solid #CCCCCC; background: #FFFFFF; padding: 5px 8px; color: #333333; font-size: 12px; font-weight: bold; text-decoration: none; vertical-align: middle; }
.button_W:hover { border: 1px solid #CCCCCC; text-shadow: #FFFFFF 0 1px 0; background: #FFFFFF; color: #333333; text-decoration: none; }
.button_w:active { text-shadow: #FFFFFF 0 1px 0; border: 1px solid #CCCCCC; background: #FFFFFF; }

.button_Blue { border: 1px solid #0a3c59; background: #468fd4; padding: 8px 17px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 2px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #1e4158 0 1px 0; color: #fff; font-size: 11px; text-decoration: none; vertical-align: middle; font-weight:bold; }
.button_Blue:hover {border: 1px solid #0a3c59;text-shadow: #1e4158 0 1px 0; background: #496c92; background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); color: #fff; }
.button_Blue:active { text-shadow: #1e4158 0 1px 0; border: 1px solid #0a3c59; background: #468fd4; background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%); color: #fff; }

/* 찾아보기 */
a.btn_search{ width:34px; height:19px; background:#686d7f; border:1px solid #434755; color:#fff; font-size:11px; padding:3px;}
a.btn_detailsearch{ width:53px; height:19px; background:#468fd4; border:1px solid #2a649b; color:#fff; font-size:11px; padding:3px;}
a.btn_find{width:150px; height:34px; background:#468fd4; border:1px solid #2a649b; color:#fff; font-size:11px; padding:4px; margin-right:0.5%; }
a.btn_select{width:150px; height:34px; background:#468fd4; border:1px solid #2a649b; color:#fff; font-size:11px; padding:4px; }
a.btn_selectMember{ width:250px; height:34px; background:#468fd4; border:1px solid #2a649b; color:#fff; font-size:13px; padding:3px; font-weight:bold;}
a.btn_selectSign{ width:250px; height:40px; background:#468fd4; border:1px solid #2a649b; color:#fff; font-size:13px; padding:6px; font-weight:bold;}
a.btn_approval{ width:250px; height:40px; background:#468fd4; border:1px solid #2a649b; color:#fff; font-size:13px; padding:6px; font-weight:bold;}
.btn{ text-align:right;}
a.btn_docBack{ width:250px; height:40px; background:#666666; border:1px solid #2a649b; color:#fff; font-size:13px; padding:6px; font-weight:bold;}

/* 개발자 추가 */
.button_G2{border: 1px solid #CCCCCC; background: #EEEEEE; background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEEEE)); background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); background: -ms-linear-gradient(top, #FFFFFF, #EEEEEE); background: -o-linear-gradient(top, #FFFFFF, #EEEEEE); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
   padding: 5px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 1px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #FFFFFF 0 1px 0; color: #333333; font-size: 12px; font-weight: bold; text-decoration: none; vertical-align: middle; }
.button_G2:hover { border: 1px solid #CCCCCC; text-shadow: #FFFFFF 0 1px 0; background: #EEEEEE; background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEEEE)); background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); background: -ms-linear-gradient(top, #FFFFFF, #EEEEEE); background: -o-linear-gradient(top, #FFFFFF, #EEEEEE); background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); color: #333333; text-decoration: none; }
.button_G2:active { text-shadow: #FFFFFF 0 1px 0; border: 1px solid #CCCCCC; background: #FFFFFF; background: -webkit-gradient(linear, center top, center bottom, from(#EEEEEE), to(#EEEEEE)); background: -webkit-linear-gradient(top, #EEEEEE, #FFFFFF); background: -moz-linear-gradient(top, #EEEEEE, #FFFFFF); background: -ms-linear-gradient(top, #EEEEEE, #FFFFFF); background: -o-linear-gradient(top, #EEEEEE, #FFFFFF); background-image:}


.btnDeleteFile {color:#aaa;font-size:11px;}
/*******************************************************************************/
/** 파일업로드 **/
.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.filebox label {
  display: inline-block;
  padding: .5em .75em;
  color: #999;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #fdfdfd;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  padding: .5em .75em;  /* label의 패딩값과 일치 */
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

/* imaged preview */
.filebox .upload-display {  /* 이미지가 표시될 지역 */
  margin-bottom: 5px;
}

@media(min-width: 768px) { 
  .filebox .upload-display {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
  }
}

.filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
  display: inline-block;
  width: 120px;
  padding: 2px;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}

.filebox .upload-display img {  /* 추가될 이미지 */
  display: block;
  max-width: 100%;
  width: 100% \9;
  height: auto;
}


div:not(#cssbrowser)>input[type=radio] {  
    display: none;  
}
div:not(#cssbrowser)>input[type=radio] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-center: 25px;  
    margin-right: 15px;  
    font-size: 13px;
}
div:not(#cssbrowser)>input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
	top: 0;
    center: 0;
    bottom: 1px;
    background-color: #ccc;
    border-radius: 10px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
div:not(#cssbrowser)>input[type=radio]:checked + label:before {
    content: "\2022";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); 
    font-size: 34px;
    font-weight: 800; 
    color: #fff;  
    background: #2f87c1;
    text-align: center;  
    line-height: 14px;
}


div:not(#cssbrowser)>input[type=checkbox] {  
    display: none;  
}
div:not(#cssbrowser)>input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-center: 25px;  
    margin-right: 15px;  
    font-size: 13px;
}
div:not(#cssbrowser)>input[type=checkbox] + label:before {     
    content: "";  
    display: inline-block;  
    width: 20px;  
    height: 20px;
    margin-right: 10px;
    position: absolute; 
	top: 0; 
    center: 0;  
    bottom: 1px;  
    background-color: #ccc;  
    border-radius: 2px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
div:not(#cssbrowser)>input[type=checkbox]:checked + label:before { 
    content: "\2713";  /* 체크모양 */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 16px; 
    font-weight: 800; 
    color: #fff;  
    background: #2f87c1;
    text-align: center;  
    line-height: 18px;  
} 

div.select_box {
    position: relative;
    width: 198px;
    height: 34px;
    background: url(/gw/www/common/img/ico_plus.gif) 180px center no-repeat; /* 화살표 이미지 */
    border: 1px solid #E9DDDD;
}
div.select_box label {
    position: absolute;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    top: 9px;
    center: 12px;
    letter-spacing: 1px;
}
div.select_box select.color {
    width: 100%;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    padding: 0 10px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}

.placeholder_box {
    position: relative;
    margin: 0px 0px 2px 0px;
}
.placeholder_box label {
    color: #bbb;
    position: absolute;
    top: 10px;
    center: 15px;
    font-size: 12px;
    cursor: text;
}
.placeholder_box input[type="text"] {
    border: 1px solid #aaa;
    height: 34px;
    width: 200px;
    padding: 10px 13px;
    font-size: 13px;
    box-sizing: border-box;
}
.placeholder_box input[type="password"] {
    border: 1px solid #ededed;
    height: 34px;
    width: 200px;
    padding: 10px 13px;
    font-size: 13px;
    box-sizing: border-box;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

.placeholder_boxta {
    position: relative;
    margin: 0px 0px 2px 0px;
}
.placeholder_boxta label {
    color: #bbb;
    position: absolute;
    top: 20px;
    center: 25px;
    font-size: 12px;
    cursor: text;
}
.placeholder_boxta textarea {
    border: 1px solid #ededed;
    padding: 10px 13px;
    font-size: 13px;
    box-sizing: border-box;
}
.placeholder_boxta textarea {
    border: 1px solid #ededed;
    padding: 10px 13px;
    font-size: 13px;
    box-sizing: border-box;
}