@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: 400px;margin:100px auto;background:#fff;border:1px #ddd solid;}
.login_box .login_ti {padding: 40px;text-align:  center;padding-bottom: 0;}
.login_box .login_ti strong {font-family: 'Lato';font-size: 25px;font-weight: 500;letter-spacing: 4px;color: #2f2f2f;}
.login_box .login_ti p { font-size:11px; color:#727272; padding-top:10px; }
.login_box .input_box {padding: 37px 40px;}
.input_box .form_box {position:relative;}
.input_box .form_box label {display:inline-block;width:72px;vertical-align:middle;color: #b9b9b9;font-family: 'Lato';font-weight: 600;font-size: 12px;margin: 10px 0;}
.input_box .form_box span {display: block;vertical-align:middle;}
.input_box .form_box span input[type="text"],
.input_box .form_box span input[type="password"]{background: #ffffff;border:none;color:#777;height: 30px;line-height: 30px;padding:2px;border:  1px solid #ddd;border-radius: 0;width: 100%;}
.input_box .form_box p {text-align: left;margin: 10px 0;}
.input_box .form_box p label {padding:0;color:#535353;font-size:11px;height:13px;vertical-align:middle;cursor:pointer;color: #adadad;}
.input_box .form_box p input[type="checkbox"] { vertical-align:-4px; height:13px; width:13px; }
.input_box .form_box a.btn {display: block;/* width: 154px; */text-align:  center;height: 45px;line-height: 45px;background: #2a62ff;font-weight: 600;color: #fff;font-size: 14px;letter-spacing: 2px;/* border-radius: 100px; */margin:  0 auto;cursor:  pointer;font-family: 'Lato';}
.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: 12px;color:#c7c7c7;font-style:  normal;font-family:  'Lato';text-transform:  uppercase;letter-spacing: 0.5px;}

/* 양쪽정렬 버튼 및 텍스트(리스트 테이블) */
.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}

/* 다국어 퀵 메뉴 */
.quick_grp {position:fixed;top:50%;margin-top:-144px;right:20px;z-index:900;}
.quick_grp ul li {margin-bottom:12px;list-style:  none;}
.quick_grp ul li a {display:block;width:35px;height:35px;border-radius:50px;margin:0 auto;box-sizing:  border-box;cursor:  pointer;}
.quick_grp ul li a.item01 {background:url('/resource/image/icon/flag_kor.png') center no-repeat;background-size:35px;}
.quick_grp ul li a.item02 {background:url('/resource/image/icon/flag_eng.png') center no-repeat;background-size:35px}
.quick_grp ul li a.item03 {background:url('/resource/image/icon/flag_jpn.png') center no-repeat;background-size:35px}
.quick_grp ul li a.item04 {background:url('/resource/image/icon/flag_chn.png') center no-repeat;background-size:35px}

/* 툴팁 */
.tooltip {z-index: 99999;background: url('ui-images/tooltip_icon.gif') no-repeat 50% 25px #fff;border:1px solid #ccc;padding:5px 5px;display:none; 
color:#818181;text-align:left;font-size:11px;zoom:1;-moz-box-shadow: 1px 1px 2px #d4d4d4; -webkit-box-shadow: 1px 1px 2px #d4d4d4;
box-shadow: 1px 1px 2px #d4d4d4;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#d4d4d4')";
filter:progid:DXImageTransform.Microsoft.Shadow(color='#d4d4d4',direction=135, strength=2);-moz-opacity: 0.8;-khtml-opacity: 0.8;
opacity: 0.8; filter: alpha(opacity=80);}