@import url("/css/button.css");

/*----------------------------------RESET----------------------------------*/
body,html {width:100%;min-height:100%;height:100%;font:12px/140% "dotum";color:#323232;background:url('/img/pop_bg01.gif') repeat-x 0 0}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, button, input, table, tr, th, td, img {margin:0;padding:0;border:0;vertical-align:middle}
select{margin:0;padding:0;vertical-align:middle}
h1, h2, h3, h4, h5, h6{}
ul, ol, li{list-style:none}
caption{font-size:0;line-height:0}
a, button{cursor:pointer}
button span {vertical-align:middle}
a, span{display:inline-block}
table {clear:both;margin:0;padding:0;border-collapse:collapse}

a{color:#323232;text-decoration:none}
a:hover{color:#196acb;text-decoration:underline}

input[type="text"],
input[type="file"],
input[type="password"]
{height:16px;font:12px"dotum";padding:2px 1px 0 0;margin:1px;border:1px solid #ccc}
/*{height:16px;font:12px/180%"dotum";padding:2px 2px 0 2px;margin:2px;.margin:0 2px 0 0;border:1px solid #ccc}*/

input[type="text"].trans {background:none;color:#666;border:none}
input[type="text"].lightgray {background:#eee;color:#666}
input[type="text"].gray {background:#666;color:#fff;border:1px solid #404040}
input[type="text"].green {background:#f2fef7;color:#319760;border:1px solid #d2eada}
input[type="text"].blue {background:#f2f8fe;color:#000;border:1px solid #d2e0ea}
input[type="text"].red  {background:#fef2f2;color:#d2002c;border:1px solid #ead2d5}
input[type="text"].purple {background:#f4f2fe;color:#443197;border:1px solid #d3d2ea}

input[type="text"].c {text-align:center}
input[type="text"].r {text-align:right}
input[type="file"] {background:#fdfbef;color:#2d1706;border:1px solid #ded5a9}

h4{margin:5px 0 5px 0;padding:0 0 0 15px;font:bold 14px "dotum";background:url('/img/icon/bl_arrow01.gif') no-repeat -4px -2px}

.clear {clear:both}

.red {color:#ff2d2d}
.blue {color:#196acb}
.gray {color:#aaa}
.green {color:#427100}
.purple {color:#6641b2}

.green1 {background-color:#f2fce4}
.green2 {background-color:#e5fbe4}
.blue1 {background-color:#daecfa}
.blue2 {background-color:#e6edff}
.b_purple1, 
.b_green1
{font:10px "tahoma";color:#fff;text-align:center;margin:-6px 0 0 0;letter-spacing:-1px;padding:0 3px 0 3px}

.b_purple1 {border:1px solid #6d2fd4;background-color:#8145e5}
.b_green1 {border:1px solid #71b800;background-color:#7cca00}

.t_normal {font-size:12px;font-weight:normal}
.s_font {font:normal 11px "dotum";letter-spacing:-0.05em}
.eng {font-family:tahoma;letter-spacing:normal}
.big {font:bold 18px "dotum"}

/*span*/
.num01 {width:20px;height:15px;margin:0 5px 0 0;display:inline-block;border:1px solid #2b70ac;color:#fff;background:#4d8dc4;text-align:center}

/*textarea*/
.t_area01 {height:160px;text-align:left;padding:10px;overflow-y:scroll;overflow-x:hidden;border:1px solid #ddd}
.t_area02 {width:97%;height:50px;text-align:left;padding:10px;border:1px solid #ddd}
.t_area03 {width:97%;margin:2px;height:300px;font:12px/180% "dotum";text-align:left;padding:10px;border:1px solid #ddd;background:#fff}
.t_area04 {width:97%;height:80px;text-align:left;padding:10px;border:1px solid #ddd}

/*----------------------------- POP Style-----------------------------*/
#pop_wrap {width:100%;height:100% }
#pop_wrap h1{width:auto;height:25px;color:#fff;text-align:left;font:bold 14px "dotum";letter-spacing:-0.05em;padding:5px 0 0 0}
#pop_wrap h1 span{width:20px;height:26px;margin:-3px 5px 0 5px;vertical-align:middle;background:url('/img/icon/ic_check.png') no-repeat 5px 5px}
#pop_wrap #pop_inner {width:95%;margin:0 auto;padding:20px 0 20px 0}
#pop_wrap #pop_inner h2{clear:both;font:bold 12px "dotum";margin:10px 0 10px 0;color:#004396;letter-spacing:-0.05em;background:url('/img/icon/bl_arrow02.gif') no-repeat 1px 3px ;padding:5px 0 1px 20px;border-top:1px solid #b3cbd5;border-bottom:1px solid #2b7999}
#pop_wrap #pop_inner h3 {clear:both;font:bold 12px "dotum"}


/*----------------------------------help pop----------------------------------*/
#pop_wrap_help {width:100%;height:100%;background:url('/img/pop_bg02.gif') repeat-x 0 0 #fff}
#pop_wrap_help h1{margin:0 0 0 20px}
#pop_wrap_help #pop_inner {width:auto;margin:20px;}
#pop_wrap_help #pop_inner .img img{border:1px solid #666;margin:0 0 20px 0}

/*----------------------------- Table Style-----------------------------*/
/*tr color*/
table.list_green .on, 
table.list_green_noline .on, 
table.list_red .on, 
table.list_red_noline .on, 
table.list_purple .on, 
table.list_purple_noline .on, 
table.list_blue .on, 
table.list_blue_noline .on 
{background-color:#f5f5f5;}
table.list_green .off, 
table.list_green_noline .off, 
table.list_red .off, 
table.list_red_noline .off, 
table.list_purple .off, 
table.list_purple_noline .off, 
table.list_blue .off, 
table.list_blue_noline .off 
{background-color:#fff;}

/*view style*/
table.view_red,
table.view_purple,
table.view_green,
table.view_blue
{width:99.9%;border:1px solid #cecece;margin:0}

table.view_red th, table.view_red td,
table.view_purple th, table.view_purple td,
table.view_green th, table.view_green td,
table.view_blue th, table.view_blue td
{border:1px solid #ddd}

table.view_red th,
table.view_purple th,
table.view_green th, 
table.view_blue th
{text-align:center;letter-spacing:-0.05em;padding:5px;}

table.view_red td,
table.view_purple td,
table.view_green td, 
table.view_blue td
{padding:3px;}

table.view_red td.pd01,
table.view_purple td.pd01,
table.view_green td.pd01, 
table.view_blue td.pd01
{padding:5px 3px 5px 3px}

table.view_red td.pd_view,
table.view_purple td.pd_view,
table.view_green td.pd_view, 
table.view_blue td.pd_view
{padding:10px}

table.view_blue {border-top:2px solid #5694d1}
table.view_blue th{background:#eee}

table.view_green {border-top:2px solid #a1c58f}
table.view_green th{background:#eee}

table.view_red {border-top:2px solid #e4a3a9}
table.view_red th{background:#eee}

table.view_purple {border-top:2px solid #ad96cd}
table.view_purple th{background:#eee}

/*list style*/
table.list_blue th.c,
table.list_blue td.c, 
table.list_blue_noline th.c,  
table.list_blue_noline td.c, 

table.list_red th.c,
table.list_red td.c, 
table.list_red_noline th.c,  
table.list_red_noline td.c, 

table.list_green th.c,
table.list_green td.c,  
table.list_green_noline th.c, 
table.list_green_noline td.c,

table.list_purple th.c,
table.list_purple td.c, 
table.list_purple_noline th.c, 
table.list_purple_noline td.c,

table.view_blue th.c,
table.view_blue td.c, 
table.view_red th.c,
table.view_red td.c, 
table.view_green th.c,
table.view_green td.c, 
table.view_purple th.c,
table.view_purple td.c
{text-align:center}

table.list_blue th.l, 
table.list_blue td.l, 
table.list_blue_noline th.l, 
table.list_blue_noline td.l,

table.list_red th.l, 
table.list_red td.l, 
table.list_red_noline th.l,
table.list_red_noline td.l,

table.list_green th.l, 
table.list_green td.l, 
table.list_green_noline th.l, 
table.list_green_noline td.l,

table.list_purple th.l, 
table.list_purple td.l, 
table.list_purple_noline th.l, 
table.list_purple_noline td.l,

table.view_blue th.l,
table.view_blue td.l, 
table.view_red th.l, 
table.view_red td.l, 
table.view_green th.l,
table.view_green td.l, 
table.view_purple th.l, 
table.view_purple td.l
{text-align:left}

table.list_blue th.r, 
table.list_blue td.r,  
table.list_blue_noline th.r,
table.list_blue_noline td.r, 

table.list_red th.r, 
table.list_red td.r,  
table.list_red_noline th.r, 
table.list_red_noline td.r, 

table.list_green th.r, 
table.list_green td.r, 
table.list_green_noline th.r, 
table.list_green_noline td.r,

table.list_purple th.r, 
table.list_purple td.r, 
table.list_purple_noline th.r, 
table.list_purple_noline td.r,

table.view_blue th.r, 
table.view_blue td.r,  
table.view_red th.r, 
table.view_red td.r, 
table.view_green th.r,
table.view_green td.r, 
table.view_purple th.r, 
table.view_purple td.r 
{text-align:right}

table.list_red, 
table.list_red_noline,
table.list_green, 
table.list_green_noline, 
table.list_purple, 
table.list_purple_noline, 
table.list_blue, 
table.list_blue_noline
{width:99.9%;border-left:1px solid #cecece;border-right:1px solid #cecece;}

table.list_red td, 
table.list_red_noline td, 
table.list_green td, 
table.list_green_noline td, 
table.list_purple td, 
table.list_purple_noline td, 
table.list_blue td, 
table.list_blue_noline td 
{text-align:center;padding:5px 4px 0 4px;border:1px solid #ddd;border-top:none}

table.list_red td button, 
table.list_red_noline td button, 
table.list_green td button, 
table.list_green_noline td button, 
table.list_purple td button, 
table.list_purple_noline td button, 
table.list_blue td button, 
table.list_blue_noline td button 
{margin:-3px 0 2px 0}

table.list_red th, 
table.list_red_noline th, 
table.list_green th, 
table.list_green_noline th, 
table.list_purple th, 
table.list_purple_noline th, 
table.list_blue th, 
table.list_blue_noline th 
{text-align:center;padding:5px 4px 0 4px;.padding:3px 4px 1px 4px;}

table.list_red_noline td,
table.list_green_noline td,
table.list_purple_noline td,
table.list_blue_noline td
{border-left:none;border-right:none}

table.list_red tbody th, 
table.list_red_noline tbody th, 
table.list_green tbody th, 
table.list_green_noline tbody th, 
table.list_purple tbody th, 
table.list_purple_noline tbody th, 
table.list_blue tbody th, 
table.list_blue_noline tbody th 
{;font-weight:bold;border-bottom:1px solid #cecece;border-left:none;border-right:none;background:#eee}


table.list_blue, table.list_blue_noline 
{border-top:1px solid #96c7d7;border-bottom:2px solid #96c7d7}
table.list_blue th, table.list_blue_noline th
{color:#292929;border-left:1px solid #96c7d7;border-right:1px solid #96c7d7;border-bottom:1px solid #638199;background:url('/img/btn/btn_bg_blue3.gif') repeat-x left bottom #e1eff2}

table.list_red, table.list_red_noline 
{border-top:1px solid #f4c9cd;border-bottom:2px solid #e4a3a9}
table.list_red th, table.list_red_noline th
{color:#292929;border-left:1px solid #f4c9cd;border-right:1px solid #f4c9cd;border-bottom:1px solid #b20011;background:url('/img/btn/btn_bg_red3.gif') repeat-x left bottom #f5eaee}

table.list_green, table.list_green_noline 
{border-top:1px solid #b7de9e;border-bottom:2px solid #a1c58f}
table.list_green th, table.list_green_noline th 
{color:#292929;border-left:1px solid #b7de9e;border-right:1px solid #b7de9e;border-bottom:1px solid #318509;background:url('/img/btn/btn_bg_green4.gif') repeat-x left bottom #f4ffe7}

table.list_purple, table.list_purple_noline 
{border-top:1px solid #c2bfe5;border-bottom:2px solid #9586c1}
table.list_purple th, table.list_purple_noline th 
{color:#292929;border-left:1px solid #c2bfe5;border-right:1px solid #c2bfe5;border-bottom:1px solid #7864b5;background:url('/img/btn/btn_bg_purple4.gif') repeat-x left bottom #e1eff2}

/*tab style*/
.tab_green, 
.tab_red, 
.tab_purple, 
.tab_blue 
{width:100%;height:25px}

.tab_green span,
.tab_red span,
.tab_purple span,
.tab_blue span
{height:20px;cursor:pointer;float:left;margin:0 5px 0 0;padding:6px 30px 0 30px;text-align:center;font:bold 12px "dotum"}

.tab_green span.on,
.tab_red span.on,
.tab_purple span.on,
.tab_blue span.on
{cursor:default}

.tab_green a,
.tab_red a,
.tab_purple a,
.tab_blue a
{float:left;text-decoration:none}


.tab_blue span{border:1px solid #cacaca;border-bottom:none;color:#000;background:#fff}
.tab_blue span.on,
.tab_blue span:hover{color:#001960;border:1px solid #2b80d4;border-bottom:none;background:#dceeff}

.tab_green span{border:1px solid #cacaca;border-bottom:none;color:#000;background:#fff}
.tab_green span.on,
.tab_green span:hover{color:#288607;border:1px solid #6cbc71;border-bottom:none;background:#f2fef7}

.tab_red span{border:1px solid #cacaca;border-bottom:none;color:#000;background:#fff}
.tab_red span.on,
.tab_red span:hover{color:#b20011;border:1px solid #e4a3a9;border-bottom:none;background:#fef2f2}

.tab_purple span{border:1px solid #cacaca;border-bottom:none;color:#000;background:#fff}
.tab_purple span.on,
.tab_purple span:hover{color:#6d42b3;border:1px solid #ad96cd;border-bottom:none;background:#f4f2fe}




/*----------------------------- ETC Style-----------------------------*/

/*게시판내용 미리보기*/
span.preview{height:18px;border:1px solid #ccc;padding:5px 5px 0 25px;margin:2px 0 5px 0;background:url('/img/icon/ic_note.gif') no-repeat 3px 4px}

/*게시판 상단 h4 타이틀*/
.bbs_top {width:100%;margin:0 0 5px 0;float:left}
.bbs_top .left{float:left}
.bbs_top .left h4{margin:5px 0 0 0;padding:0 0 0 15px;font:bold 14px "dotum";background:url('/img/icon/bl_arrow01.gif') no-repeat -4px -2px}
.bbs_top .right{float:right}

/*게시판 상단 미리보기*/
.bbs_top_preview {width:100%;margin:8px 0 5px 0;float:left}
.bbs_top_preview .left{float:left}
.bbs_top_preview .left .s_font{margin:10px 0 0 0}
.bbs_top_preview .right{float:right}

/*게시판 하단 페이징*/
.list_btm {width:100%;padding:10px 0 20px 0}
.list_btm .total{float:left}
.list_btm .total span.total {width:10%}
.list_btm .page {width:90%;text-align:center}
.list_btm .page a{width:25px;vertical-align:middle;color:#000;font:normal 12px  "tahoma"}
.list_btm .page a:hover{font:bold 12px "tahoma";color:#ff4400;text-decoration:none}
.list_btm .page a span{visibility:hidden;.font-size:0}
.list_btm .page a.on{font:bold 12px "tahoma";color:#ff4400;cursor:default;text-decoration:underline}
.list_btm .page a.prev{width:9px;height:11px;margin:0 20px 0 0;background:url('/img/icon/ic_prev_blue.gif') no-repeat 0 0}
.list_btm .page a.next{width:9px;height:11px;margin:0  0 0 15px;background:url('/img/icon/ic_next_blue.gif') no-repeat 0 0}

/*게시판 하단 페이징 버튼있음*/
.list_btm_btn {width:100%;padding:10px 0 20px 0}
.list_btm_btn .total{float:left}
.list_btm_btn .tota span.total {width:10%}
.list_btm_btn .page {width:80%;float:left;text-align:center}
.list_btm_btn .page a{width:25px;vertical-align:middle;color:#000;font:normal 12px  "tahoma"}
.list_btm_btn .page a:hover{font:bold 12px "tahoma";color:#ff4400;text-decoration:none}
.list_btm_btn .page a span{visibility:hidden;.font-size:0}
.list_btm_btn .page a.on{font:bold 12px "tahoma";color:#ff4400;cursor:default;text-decoration:underline}
.list_btm_btn .page a.prev{width:9px;height:11px;margin:0 20px 0 0;background:url('/img/icon/ic_prev_blue.gif') no-repeat 0 0}
.list_btm_btn .page a.next{width:9px;height:11px;margin:0  0 0 15px;background:url('/img/icon/ic_next_blue.gif') no-repeat 0 0}
.list_btm_btn .btn {width:10%;float:right;text-align:right}

/*게시판 하단 페이징 - 총건수 없는 것 추가*/
.list_btm_nt {width:100%;padding:10px 0 20px 0}
.list_btm_nt .page {width:100%;text-align:center}
.list_btm_nt .page a{width:25px;vertical-align:middle;color:#000;font:normal 12px  "tahoma"}
.list_btm_nt .page a:hover{font:bold 12px "tahoma";color:#ff4400;text-decoration:none}
.list_btm_nt .page a span{visibility:hidden;.font-size:0}
.list_btm_nt .page a.on{font:bold 12px "tahoma";color:#ff4400;cursor:default;text-decoration:underline}
.list_btm_nt .page a.prev{width:9px;height:11px;margin:0 20px 0 0;background:url('/img/icon/ic_prev_blue.gif') no-repeat 0 0}
.list_btm_nt .page a.next{width:9px;height:11px;margin:0  0 0 15px;background:url('/img/icon/ic_next_blue.gif') no-repeat 0 0}


/*게시판 하단 버튼 목록*/
.list_button {width:100%;text-align:center;padding:10px 0 20px 0}

/*BOX STYLE*/	
.box_left {float:left}
.box_right {float:right}
.box_center {text-align:center}

.box_left_blue {border-top:2px solid #5694d1;float:left}
.box_left_red {border-top:2px solid #e4a3a9;float:left}
.box_left_purple {border-top:2px solid #ad96cd;float:left}
.box_left_green {border-top:2px solid #a1c58f;float:left}


.box_inner {width:auto;overflow:hidden;clear:both;line-height:150%;margin:0 10px 10px 10px}
	dl.hyp {clear:both}
	dl.hyp dt{width:20px;clear:both;float:left}
	dl.hyp dd{width:97%;float:left}


.box_inner2 {width:auto;overflow:hidden;clear:both;line-height:150%;margin:-20px 10px 10px 10px}



.gray_box {width:850px;overflow:hidden;clear:both;padding:15px;background:#f5f5f5;border:1px solid #d9d9d9}
.gray_box2 {width:850px;float:left;clear:both;line-height:240%;margin:0 0 10px 0;padding:0 15px 0 15px;background:#f5f5f5;border:1px solid #d9d9d9}

.gray_box3 {line-height:150%;background:#f5f5f5;padding:15px;border:1px solid #d9d9d9}

.gray_box4_img {width:825px;line-height:150%;background:#f5f5f5;padding:15px;border:1px solid #d9d9d9}
.gray_box4_img img{float:left;margin:5px 15px 0 0}

.gray_box4_img div {width:auto;overflow:hidden;line-height:150%;margin:0 10px 0 30px}
.gray_box4_img div dl.hyp {clear:both;overflow:hidden;border-bottom:1px solid #ccc;margin:10px 0 0 0}
.gray_box4_img div dl.hyp_end {;margin:10px 0 0 0;border-bottom:none}
.gray_box4_img div dt{width:130px;clear:both;padding:0 0 0 20px;float:left;font:bold 12px "dotum";background:url('/img/icon/bl01.gif') no-repeat 5px 1px}
.gray_box4_img div dd{width:595px;float:left;}

.gray_box5 {width:825px;line-height:150%;background:#fff;padding:15px;border:1px solid #d9d9d9}
.gray_box5 div {width:auto;overflow:hidden;line-height:150%;margin:10px}
.gray_box5 div h4{width:auto;border-bottom:2px solid #5098c6;margin:10px 0 15px 0;padding:0 0 5px 15px;display:block;font:bold 13px "dotum";letter-spacing:-0.05em}
.gray_box5 div dl.hyp {clear:both;overflow:hidden;border-bottom:1px solid #ddd;margin:10px 0 0 0}
.gray_box5 div dl.hyp_end {;margin:10px 0 0 0;border-bottom:none}
.gray_box5 div dt{width:130px;clear:both;padding:0 0 0 20px;float:left;font:bold 12px "dotum";background:url('/img/icon/bl01.gif') no-repeat 5px 1px}
.gray_box5 div dd{width:595px;float:left;}


.box_indent01 { clear:both;padding:0 0 0 15px;margin:0 0 10px 0}

.box_agree {width:780px;margin:0 0 20px 0;border-bottom:2px solid #ddd;float:left;text-align:center;padding:10px;}
.box_blue{width:auto;padding:20px;border:3px solid #b2c9dd;text-align:center}

.box_link {width:auto;overflow:hidden;padding:10px 20px 10px 20px;border-top:2px solid #9a86cb;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#f8f8f8}
.box_link li{width:49.99%;float:left}
.box_link li a{float:left;margin:5px 0 0 0;font-weight:bold;padding:0 0 0 20px;color:#323232;background:url('/img/icon/ic_link.gif') no-repeat 0 3px}
.box_link li a:hover {color:#196acb;text-decoration:underline}


.t_box_purple {clear:both;margin:0 0 10px 0;font:bold 12px/180% "dotum";.font:bold 12px/150% "dotum";color:#fff;letter-spacing:-0.05em;padding:2px 2px 0 25px;border:1px solid #9073ad;background:url('/img/icon/ic_list.png') no-repeat 5px 4px #b097eb;}