@charset "utf-8";

/* 내용 */
#container { width:975px; padding:35px 14px; margin:0 auto; font-family:"돋움", dotum, Tahoma, Geneva, sans-serif, Apple Gothic; }
#container:after { content: ''; clear: both; display: block; }

/* 로그인 */
.login_box { width:580px; margin:100px auto; background:#fff; border:1px #ddd solid }
.login_box .login_ti { padding:50px; }
.login_box .login_ti strong { font-family:arial; font-size:2.5em; font-weight:normal; letter-spacing:-1px; color:#D04B28; }
.login_box .login_ti p { font-size:11px; color:#727272; padding-top:10px; }
.login_box .input_box {float:right; width:430px; margin:0 75px 60px 0;}
.input_box .form_box {position:relative;}
.input_box .form_box label { display:inline-block; width:72px; padding-left:7px; vertical-align:middle; color:#888; font-family:Tahoma; font-size:11px; }
.input_box .form_box span { display:inline-block; vertical-align:middle; }
.input_box .form_box span input[type="text"],
.input_box .form_box span input[type="password"]{ background:#535353; border:none; color:#f1f1f1; height:20px; line-height:20px; padding:2px; }
.input_box .form_box p {padding-left:80px; padding-top:5px;}
.input_box .form_box p label { padding:0; color:#535353; font-size:11px; height:13px; vertical-align:middle; cursor:pointer; color:#727272; }
.input_box .form_box p input[type="checkbox"] { vertical-align:-4px; height:13px; width:13px; }
.input_box .form_box a.btn {position:absolute; display:inline-block; right:0; top:0; }
.input_box .form_box .br {height:1px; }
.login_box:after {display:block; content:''; clear:both; }
/* 카피 */
#footer { border-top: solid 1px #ddd; padding:20px 0; text-align:center; }
#footer .copy { font-size:0.9em; font-family:Tahoma, Geneva, sans-serif, Apple Gothic; color:#c7c7c7; }

/* 양쪽정렬 버튼 및 텍스트(리스트 테이블) */
.list_both {overflow:visible;clear:both; height:30px;}
.list_both:after {display:block;content:'';clear:both;}
.list_both_line {border-bottom:1px #dddddd solid; margin-bottom:20px;}
.list_both_line_blue {border-bottom:1px #82a3d7 solid;}
.list_both .fl{float:left; line-height:29px;}
.list_both .fl:after {display:block;content:'';clear:both;}
.list_both .fr{float:right; line-height:29px; font-size:11px; vertical-align:top}
.list_both .fr a,em {color:#777; font-weight:normal; line-height:29px; font-size:11px; vertical-align:top}
.list_both .fr img {}

/* 검색박스 */
.search_grp {border:1px solid #9C9C9C; padding:15px 10px; margin:0.5em 0; border-radius:7px; box-sizing:border-box; 
			-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-border-radius:7px;}
.search_grp label {display:inline-block;padding:0 5px 0 0; font-size:13px;letter-spacing:-1px;vertical-align:middle; font-weight:bold; color:#555;}
.search_grp .lbel_gs {padding-left:20px;}
.search_grp input[type=text] {border:1px solid #b5b5b5;width:230px;vertical-align:middle;padding-left:5px;font-size:12px;}
.search_grp select {border:1px solid #b5b5b5;width:250px;height:27px;vertical-align:middle;}
.search_grp .btn_gs {width:55px;height:26px;line-height:25px;vertical-align:middle; border:1px solid #9C9C9C; border-radius:3px;
					background:url('/resources/image/bg/title_bgw2.gif') repeat; -webkit-border-radius:3px;}
.search_grp .btn_gs {*line-height:22px; *margin-left:4px;} /* IE7 */
.search_grp .btn_gs:hover {text-decoration:underline;color:#333;border:1px solid #444;}

.tbl_type_srch,.tbl_type_srch th,.tbl_type_srch td{border:0; clear:both;}  
.tbl_type_srch {width:100%; font-size:12px;table-layout:fixed; clear:both; margin-top: 20px; border-top:1px solid #dce0e9;}  
.tbl_type_srch caption{display:none}  
.tbl_type_srch th{padding:10px 10px 0 10px; border-bottom:1px solid #dce0e9; color:#333; font-weight:bold; text-align:right; background:#f8f8f8; vertical-align:top;}  
.tbl_type_srch td{padding:5px 5px 5px 12px; border-bottom:1px solid #dce0e9; background:none !important; line-height:16px; color:#666; text-align:left;}
.tbl_type_srch td.syyb{color:#333; font-size:11px; font-weight:bold; text-align:right !important }
.tbl_type_srch td .btn {padding:0;}

/* 폼테이블 새로운 기본 */
.form_tbl {margin:1em 0;font-size:12px;font-family:Tahoma, Geneva, sans-serif; clear: both;}
.form_tbl select {border:1px solid #d3d3d3;}
.form_tbl input,
.form_tbl select,
.form_tbl table,
.form_tbl button{font-size:12px; color:#666;}
.form_tbl table{width:100%; border:0; border-top:1px solid #82a3d7; border-bottom:1px solid #cccccc;}
.form_tbl caption{padding:8px 0;font-weight:bold;text-align:left}
.form_tbl th{padding:9px;border:0;vertical-align:middle;}
.form_tbl td{padding:9px;border:0;vertical-align:middle;}
.form_tbl th{color:#344051; padding-top:12px;}
.form_tbl td{color:#666}
.form_tbl thead th{border-bottom:1px solid #e9e9e9;background:#e5e9ef}
.form_tbl tbody th{border-bottom:1px solid #e9e9e9;background:#f8f8f8;text-align:left; font-size:12px;}
.form_tbl tfoot th{border-bottom:1px solid #e9e9e9}
.form_tbl tbody td{border-bottom:1px solid #e9e9e9}
.form_tbl tfoot td{border-bottom:1px solid #e9e9e9; color:#333}
.form_tbl tbody .vh_display2 ul {float:left; margin-right:0px;}
.form_tbl tbody .vh_display2 ul.arrow_box {float:left; width:24px !important; height:64px; margin-right:0px; background:url('/resources/image/icon/syj_arrow.gif') center no-repeat;}
.form_tbl tbody .vh_display2 ul.arrow_box li {text-align:center; color:#555; width: 24px;}
.form_tbl tbody td ul.img_box {float:left; margin-right:24px;position: relative;}
.form_tbl tbody td ul.img_box li {text-align:center; color:#555; line-height:130%; font-size:11px;}
.form_tbl tbody td ul.img_box li.pic {width:74px; height:64px; border:1px #dbdbdb solid;}
.form_tbl tbody td ul.img_box li.pic img {width:70px; height:60px;}
.form_tbl tbody td ul.img_box li.pic .x_box img {width:9px; height:9px !important;}
.form_tbl tbody td ul.img_box2 {float:left; position: relative;}
.form_tbl tbody td ul.img_box2 li {text-align:center; color:#555; line-height:130%; font-size:11px;}
.form_tbl tbody td ul.img_box2 li.pic {width:74px; height:64px; border:1px #dbdbdb solid;}
.form_tbl tbody td ul.img_box2 li.pic img {width:70px; height:60px;}
.form_tbl tbody td ul.img_box2 li.pic .x_box img {width:9px; height:9px !important;}

.form_tbl tbody td ul.img_box_s {float:left; width:72px; height:62px; margin-bottom:5px; vertical-align:top;}
.form_tbl tbody td ul.img_box_s li {width:74px; height:64px; background:#ffffff; border:1px #dbdbdb dotted; margin-bottom:5px; vertical-align:top; text-align:center;}
.form_tbl tbody td ul.img_box_s li img {margin-top:20px;}

.form_tbl tbody td ul.arrow_box {float:left; width:24px !important; height:64px; margin-right:0px; background:url('/resources/image/icon/syj_arrow.gif') center no-repeat;}
.form_tbl tbody td ul.arrow_box li {text-align:center; color:#555; width:24px; background:url('/resources/image/icon/syj_arrow.gif') center no-repeat;}

.form_tbl .item{position:relative;margin:-4px 0; font-size:11px; color:#999;}
.form_tbl .item .i_text{margin:2px;padding:3px 4px;border:1px solid #d3d3d3;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.form_tbl .item .i_help{position:absolute;top:4px;right:0; font-size:11px;}
.form_tbl .item .i_label{ top:6px; left:10px; color:#999; font-size:11px;}
.form_tbl .item .i_dsc{margin:2px 0 0 0; font-size:11px; color:#999; line-height:17px;}
.form_tbl .item .i_check,
.form_tbl .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form_tbl .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form_tbl .item .pic {display:inline-block; width:77px; height:67px; background:#f7f7f7; border:1px #dbdbdb solid; text-align:center; padding: 2px;}
.form_tbl .item .pic img{width:77px; height:67px;}
.form_tbl .item select{margin:2px}
.form_tbl .item label{margin:0 10px 0 0; color:#666; font-size:12px; cursor:pointer; vertical-align:middle}

.form_tbl li.pic {width:70px; height:60px; background:#f7f7f7; border:1px #dbdbdb solid; margin-bottom:5px;}
.form_tbl li .x_box {position: absolute; width:67px; height:16px;margin-top:1px; text-align:right;}
.form_tbl li .x_box img {width:9px !important; height:9px !important;}
.form_tbl li.pic  img{width:70px; height:60px; margin-top:2px;}
.form_tbl li .jj_box {position: absolute; width:70px; height:16px;margin-top:1px; text-align:right;}
.form_tbl li .jj_box img {width:16px !important; height:16px !important}