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

/* hidden */
.hidden, #contents .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none }

/* input */
.inpst1 { padding:4px 5px 5px 5px; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4}

/* input button */
.inp_bt1 { border:1px solid #333; background:#505050; color:#fff; padding:5px }
.inp_bt2 { border:1px solid #333; background:#505050; color:#fff; padding:24px 0; text-align:center }

/* with */
.w_40{ width:50px!important;}
.w_100{ width:100px!important;}
.w_140{ width:140px!important;}
.w_180{ width:150px!important;}
.w_197{ width:173px!important;}
.w_250{ width:250px!important;}
.w_350{ width:350px!important;}
.w_400{ width:400px!important;}
.w_550{ width:550px!important;}
.h_200{ height:200px!important;}

/* font-family */
.ftf { font-family:Verdana; font-size:11px; color:#222 }
/* align */
.t_alc { text-align:center }

/* color */
.t_col1 { color:#1972c6 }
.t_col2 { color:#ff8a00 }
.t_col3 { color:#9194a1 }
.t_col4 { color:#111 }
.t_col5 { color:#555 }

.b { font-weight:bold }
.nor { font-weight:normal }

/* 버튼 정렬 */
#btn_al { position:relative; margin-top:30px; text-align:right }
#btn_al1 { position:relative; height:32px; margin-top:22px }
#btn_al1 .left { position:absolute; left:0; top:0 }
#btn_al1 .right { position:absolute; right:0; top:0 }
#btn_al1 .right img { margin-left:2px }
#btn_al2 { position:relative; height:32px; margin-top:22px; text-align:center }
#btn_al2 img { margin:0 1px }
#btn_al3 { position:relative; margin-top:40px; text-align:center }

/* button */
.btn1 { border:1px solid #006633; background:#0c8543; display:inline-block; padding:12px 20px; color:#fff; text-decoration:none; font-size:1.20em; text-align:center; min-width:80px; margin:0 2px }
.btn2 { border:1px solid #e1a106; background:#fdb813; display:inline-block; padding:12px 20px; color:#333; text-decoration:none; font-size:1.20em; text-align:center; min-width:80px; margin:0 2px }
.btn3 { border:1px solid #333; background:#505050; display:inline-block; padding:12px 20px; color:#fff; text-decoration:none; font-size:1.20em; text-align:center; min-width:80px; margin:0 2px }
.btn1:hover, .btn2:hover, .btn3:hover { text-decoration:none }
.btn1:focus, .btn2:focus, .btn3:focus { text-decoration:none }
.btn1:visited, .btn2:visited, .btn3:visited { text-decoration:none }

/* margin */
.mt_0 { margin-top:0px!important; }
.mt_3 { margin-top:3px }
.mt_7 { margin-top:7px }
.mt_8 { margin-top:8px!important; }
.mt_10 { margin-top:10px!important; }
.mt_12 { margin-top:12px!important; }
.mt_15 { margin-top:15px!important; }
.mt_20 { margin-top:20px!important; }
.mt_26 { margin-top:26px }
.mt_30 { margin-top:30px }
.mt_35 { margin-top:35px }
.mt_40 { margin-top:40px }
.mt_50 { margin-top:50px }
.mr_5 { margin-right:5px }
.mr_10 { margin-right:10px }
.ml_10 { margin-left:10px }
.ml_20 { margin-left:20px }
.ml_50 { margin-left:50px }


.num{padding:0 0 0 15px;margin:10px 0 0 15px;list-style:decimal;}
.num li{padding:0 0 0 0;list-style:decimal;font:normal 12px dotum;color:#6b6b6b;margin:0 0 10px 0;line-height:18px;}

.num2{padding:0 0 0 15px;margin:10px 0 0 10px;list-style:decimal;}
.num2 li{padding:0 0 0 0;list-style:decimal;font:normal 14px dotum;color:#666;margin:0 0 10px 0;line-height:18px;}

.select {position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1; }
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #d3d3d3; color:#555; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent; font-weight:bold}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #B2B2B2;}
.select button.myValue{ font-family: 'Nanum Gothic', sans-serif;  height:24px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:22px; text-indent:8px; padding-top:2px}
.select .ctrl{position:absolute; top:0; right:0; width:20px; height:24px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #ff8a00; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul{ top:24px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa; background:#FFF;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
.select li.hover *{ background:#ff8a00; color:#fff;}