@charset "utf-8";

@font-face{
	font-family:'NanumGothicWeb';
	src:url('/css/NanumGothic.eot');
	src:url('/css/NanumGothic.eot?#iefix') format('embedded-opentype');
	src:local('?'), url('/css/NanumGothic.woff') format('woff');
	font-style:normal;font-weight:normal;
}

body{background:#fff;margin:0;padding:0;color:#333; font-family:NanumGothic,NanumGothicWeb,sans-serif !important;font-size:12px;line-height:1.3em; }

#contentWrap {margin-left:5px; margin-right:5px;}
#content_field h2{background: url("../images/bl/bl_circle.gif") no-repeat left center; vertical-align: bottom;padding-left:17px;font-size: 14px; letter-spacing: -1px;margin-top:5px; width:500px}

.search_service{position:relative;padding-top:0px;padding-bottom:10px;margin-left:5px;}
.search_service table{border:1px solid #dddddd;table-layout:fixed;} 
#content_field .search_area{background: url("../images/subpage/bg_searcharea.gif") no-repeat left center; width:800px;height:73px;}
.search_area{position:relative;}

/* 검색  */
.list{width:100%;margin-bottom:5px;}

.section{clear:both;width:100%;margin-bottom:5px;}
.section table{clear:both;width:100%;border-top:#589dda solid 2px;border-bottom:#589dda solid 2px;} 
.section table#default{clear:both;width:100%;border-bottom:#FFF solid 0;border-top:#589dda solid 2px;table-layout:fixed !important;}
.section table.bt0{clear:both;width:100%;border-bottom:#589dda solid 2px;border-top:#fff solid 0;table-layout:fixed !important;}
.section table#option{clear:both;width:100%;border-bottom:#FFF solid 0;border-top:#FFF solid 0;margin-top:-1px;table-layout:fixed !important;display:none;}
.section #buttonwrap{border-top:#589dda solid 2px;text-align:center;padding:5px 0 3px 0;}
.section table th,.section table td{border:1px solid #FFFFFF;padding:3px 5px;line-height:1.3;background:#f4f8fd;text-align:left;}
.section table th{background:#ccdef6;color:#000;}
.section table .tr{text-align:right;} 
.section table .tc{text-align:center;}
.section button,.section3 button{border:0 none;cursor:pointer;padding:0;}

.fl{float:left !important;}
.fr{float:right !important;}
.fc{float:center !important;}

/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/images/btn/button.gif) no-repeat; vertical-align:top; overflow:visible; color:#333;}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.button *:focus{ color:#333;outline:none;}
.button *:hover{ color:#690; }
.button *:active{ color:#333;}

/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-25px; padding:0 !important;}

.button.medium .check{ background-position:4px -150px;}
.button.large  .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small  .check{ background-position:3px -153px;}

.button.medium .excel{ background-position:4px -150px;}
.button.large  .excel{ background-position:4px -146px;}
.button.xLarge .excel{ background-position:5px -144px;}
.button.small  .excel{ background-position:3px -153px;}

.button.medium .confirm{ background-position:4px -150px;}
.button.large  .confirm{ background-position:4px -146px;}
.button.xLarge .confirm{ background-position:5px -144px;}
.button.small  .confirm{ background-position:3px -153px;}

.button.medium .save{ background-position:-16px -150px;}
.button.large  .save{ background-position:-14px -146px;}
.button.xLarge .save{ background-position:-14px -144px;}
.button.small  .save{ background-position:-18px -153px;}

.button.medium .update{ background-position:4px -150px;}
.button.large  .update{ background-position:4px -146px;}
.button.xLarge .update{ background-position:5px -144px;}
.button.small  .update{ background-position:3px -153px;}

.button.medium .cancel{ background-position:-34px -150px;}
.button.large  .cancel{ background-position:-34px -146px;}
.button.xLarge .cancel{ background-position:-34px -144px;}
.button.small  .cancel{ background-position:-37px -153px;}

.button.medium .delete{ background-position:-180px -150px;}
.button.large  .delete{ background-position:-180px -146px;}
.button.xLarge .delete{ background-position:-180px -144px;}
.button.small  .delete{ background-position:-180px -153px;}

.button.medium .close{ background-position:-34px -150px;}
.button.large  .close{ background-position:-34px -146px;}
.button.xLarge .close{ background-position:-34px -144px;}
.button.small  .close{ background-position:-37px -153px;}

.button.medium .calendar{ background-position:-56px -150px;}
.button.large  .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small  .calendar{ background-position:-59px -153px;}

.button.medium .refresh{ background-position:-76px -150px;}
.button.large  .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small  .refresh{ background-position:-79px -153px;}

.button.medium .gotop{ background-position:-97px -150px;}
.button.large  .gotop{ background-position:-97px -146px;}
.button.xLarge .gotop{ background-position:-97px -144px;}
.button.small  .gotop{ background-position:-99px -153px;}

.button.medium .gobottom{ background-position:-117px -150px;}
.button.large  .gobottom{ background-position:-117px -146px;}
.button.xLarge .gobottom{ background-position:-117px -144px;}
.button.small  .gobottom{ background-position:-119px -153px;}

.button.medium .prevpage{ background-position:-140px -150px;}
.button.large  .prevpage{ background-position:-140px -146px;}
.button.xLarge .prevpage{ background-position:-140px -144px;}
.button.small  .prevpage{ background-position:-140px -153px;}

.button.medium .nextpage{ background-position:-160px -150px;}
.button.large  .nextpage{ background-position:-160px -146px;}
.button.xLarge .nextpage{ background-position:-160px -144px;}
.button.small  .nextpage{ background-position:-160px -153px;}

.button.medium .print{ background-position:-206px -150px;}
.button.large  .print{ background-position:-206px -146px;}
.button.xLarge .print{ background-position:-206px -144px;}
.button.small  .print{ background-position:-206px -153px;}

.button.medium .search{ background-position:-234px -150px;}
.button.large  .search{ background-position:-234px -146px;}
.button.xLarge .search{ background-position:-234px -144px;}
.button.small  .search{ background-position:-234px -153px;}

.tr{text-align:right !important;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}

table, th, td{border-collapse:collapse;font-family:NanumGothic,NanumGothicWeb,sans-serif !important;font-size:12px;line-height:1.3em; }

/* 버튼 정렬 */
.btnC {clear:both;line-height:0;text-align:center;padding:10px 0 15px 0;}
.btnR  {clear:both;line-height:0;text-align:right;padding:10px 0 15px 0;float:right;}

.btnNearC {clear:both;line-height:0;text-align:center;padding:5px 0 3px 0;}
.btnNearL {clear:both;line-height:0;text-align:left;padding:5px 0 3px 0;}

.subTitle {clear:both;float:left;padding:3px 0;overflow:hidden;font-weight:600;font-size:13px;color:#222222;margin-top:-1px;}

img{border:0;vertical-align:middle;}

.explan{font-size:12px;clear:both;margin-bottom:5px;padding:5px 10px 5px 10px;border-top:#cd853f  solid 1px;border-bottom:#cd853f  solid 1px;background:#ffffe0;}

.w1{width:13px;}
.w2{width:19px;}
.w3{width:25px;}
.w4{width:31px;}
.w5{width:37px;}
.w6{width:45px;}
.w7{width:52px;}
.w8{width:59px;}
.w9{width:66px;}
.w10{width:73px;}
.w11{width:82px;}
.w12{width:89px;}
.w13{width:96px;}
.w14{width:103px;}
.w15{width:110px;}
.w16{width:118px;}
.w17{width:125px;}
.w18{width:132px;}
.w19{width:139px;}
.w20{width:146px;}
.w21{width:153px;}
.w22{width:160px;}
.w23{width:167px;}
.w24{width:174px;}
.w25{width:181px;}
.w26{width:188px;}
.w27{width:195px;}
.w28{width:202px;}
.w29{width:209px;}
.w30{width:216px;}
.w31{width:223px;}
.w32{width:230px;}
.w33{width:237px;}
.w34{width:244px;}
.w35{width:251px;}
.w36{width:258px;}
.w37{width:265px;}
.w38{width:272px;}
.w39{width:279px;}
.w40{width:286px;}
.w41{width:293px;}
.w42{width:300px;}
.w43{width:307px;}
.w44{width:314px;}
.w45{width:321px;}
.w46{width:328px;}
.w47{width:335px;}
.w48{width:342px;}
.w49{width:349px;}
.w50{width:356px;}
.w51{width:363px;}
.w52{width:370px;}
.w53{width:377px;}
.w54{width:384px;}
.w55{width:391px;}
.w56{width:398px;}
.w57{width:405px;}
.w58{width:412px;}
.w59{width:419px;}
.w60{width:426px;}
.w61{width:433px;}
.w62{width:440px;}
.w63{width:447px;}
.w64{width:454px;}
.w65{width:461px;}
.w66{width:468px;}
.w67{width:475px;}
.w68{width:482px;}
.w69{width:489px;}
.w70{width:496px;}
.w71{width:503px;}
.w72{width:510px;}
.w73{width:517px;}
.w74{width:524px;}
.w75{width:531px;}
.w76{width:538px;}
.w77{width:545px;}
.w78{width:552px;}
.w79{width:559px;}
.w80{width:566px;}
.w81{width:573px;}
.w82{width:580px;}
.w83{width:587px;}
.w84{width:594px;}
.w85{width:601px;}
.w86{width:608px;}
.w87{width:615px;}
.w88{width:622px;}
.w89{width:629px;}
.w90{width:636px;}
.w91{width:643px;}
.w92{width:650px;}
.w93{width:657px;}
.w94{width:664px;}
.w95{width:671px;}
.w96{width:678px;}
.w97{width:685px;}
.w98{width:692px;}
.w99{width:699px;}
.w100{width:706px;}
.w101{width:713px;}
.w102{width:720px;}
.w103{width:727px;}
.w104{width:734px;}
.w105{width:741px;}
.w106{width:748px;}
.w107{width:755px;}
.w108{width:762px;}
.w109{width:769px;}
.w110{width:776px;}
.w111{width:783px;}
.w112{width:790px;}
.w113{width:797px;}
.w114{width:804px;}
.w115{width:811px;}
.w116{width:818px;}
.w117{width:825px;}
.w118{width:832px;}
.w119{width:839px;}
.w120{width:846px;}
.w121{width:853px;}
.w122{width:860px;}
.w123{width:867px;}
.w124{width:874px;}
.w125{width:881px;}

input:focus
{
background-color:yellow;
}

.blue{color:#369; }
.lightblue{color:#316be6;}
.lightblue3{color:#316be6; background-color:yellow;}
.lightblue2{color:#589dda;}
.darkblue{color:#00f;}
.navy{color:#4e668f;}
.green{color:#1b7200;}
.darkgreen{color:#108682;}
.darkgreen2{color:#206077;}
.violet{color:#7e00b9;}
.pink{color:#FA30B1;}
.red{color:#f00; }
.orange{color:#ff6600;}
.yellowdeep{color:#ff9900;}
.yellow{color:#cccc00;}
.brown{color:#c95200;}
.darkbrown{color:#a52a2a;}
.white{color:#fff;}
.black{color:#000;}
.gray{color:#8f8f8f;}
.darkgray{color:#333;}
.lightgreen{color:#63E30D;}

.tc{text-align:center !important;}
.tr{text-align:right !important;}
.tl{text-align:left !important;}

input.bg{ border:1px solid #777 !important;background:#e6e6e6; }

/* 설명문 */
.description{clear:both;padding:5px 10px;border-top:#589dda solid 2px;border-bottom:#589dda solid 2px;background:#eaf1f7;margin-bottom:15px;}
.description ol{margin-left:20px;}
.description ol li{list-style:outside decimal;}