﻿﻿@charset "utf-8";
body{margin:0;_text-align /**/:left}
#header{width:100%;margin:0 auto;background: url(/images/bg_top2.gif) repeat-x}

.header-top h1,.header ul,.header li,.header form,.header fieldset,.header legend,.header input,.header label,.header a,.header img{margin:0;padding:0;font-family:Dotum,AppleGothic,Sans-serif;font-size:12px;line-height:14px}
.header-top{position:relative;width:100%;height:71px;_height /**/:71px;margin:0 auto;background: url(/images/bg_top1.gif) repeat-x}
.header-top img,.header fieldset{border:none}
.header-top legend{display:none}
.header-top li{list-style:none}
.header-top:after{display:block;clear:both;content:''}
.header-top h1{_display:inline;float:left;margin-top:7px;margin-left:9px;_margin:7px 0 0 9px;font-size:0}
.header-top h1 a{display:block;float:left;margin:0 3px}
.header-top a{color:#646464;text-decoration:none}

/* Header right */
.box_type{display:table;position:relative;width:716px;margin-bottom:10px;border:3px solid #ceafc4}
.cell{display:table-cell;vertical-align:middle}
/* //Header right */

/* Header right */
.header-right {display:inline;float:right;margin-right:9px;font-family:Dotum,AppleGothic,sans-serif; font-size:11px; color:#fff}
.header-right a, .header-right a:hover { color:#fcce77 }
.header-right .separator {padding:0 6px;color:#fff}
.header-right .super {float:left;margin-left:10px;margin-top:7px;vertical-align:middle;}
.header-right .super .i_img {vertical-align:middle}
/* //Header right */

/* Table */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #dddee2;font-family:Dotum,AppleGothic,Sans-serif,dotum;font-size:12px;table-layout:fixed}
.tbl_type caption{display:none}
.tbl_type th{padding:5px 0 5px 20px;border-top:1px solid #dddee2;background:#f1f1f3;color:#666;text-align:left;vertical-align:top}
.tbl_type td{padding:5px 5px 5px 0px;border-top:1px solid #dddee2;line-height:16px;vertical-align:top}
/* //Table */

/* Form Table */
.form_table, .form_search{font-size:12px;font-family:Dotum,AppleGothic,Sans-serif}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:12px}
.form_table table{width:100%;border:0; border-spacing: 0;}
.form_table tr, div.form_table{border-top:1px solid #ddd}

.form_table th,.form_table td,.form_table .th {padding:2px;border:0;vertical-align:middle;border-bottom:1px solid #ddd;}
.form_table th,.form_table .th{color:#333;background:#f5f3ee;text-align:center;font-weight:normal;}
.form_table td                {color:#666;}
.form_table thead th{border-bottom:1px solid #ccc}

div.form_search {
	width:100%; border: 3px #ceafc4 solid;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
div.form_divide {
	width:100%; border: 1px solid #CCCCCC;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/*
.form_table .item{margin:-4px 0}
.form_table .item .i_label{ top:6px; left:10px}
.form_table .item .i_dsc{margin:2px 0}
.form_table .item .i_check,
.form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form_table .item .i_text{position:relative;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.form_table .item .i_textfield {width:100px; border:1px solid #c7c7c7; color:#676767; background-color:#ebebeb}
.form_table .item .i_img {vertical-align:middle}

.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form_table .item select{margin:2px}
.form_table .item label{margin:0 10px 0 0;cursor:pointer}
/*
/* //Form Table */

/* Form Table2 */
.form_table2{font-size:12px;font-family:Dotum,AppleGothic,Sans-serif;border-right:1px solid #CCCCCC}
.form_table2 input,
.form_table2 textarea,
.form_table2 select,
.form_table2 table,
.form_table2 button{font-size:12px}
.form_table2 table{width:100%;border:0;border-top:1px solid #999}
.form_table2 th,
.form_table2 td{padding:2px;border:0;vertical-align:middle}
.form_table2 th{color:#333}
.form_table2 td{color:#666}

.form_table2 th {padding:2px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#f8f8f8;text-align:center;}
.form_table2 th input{border:0;background-color:#f8f8f8;font-weight:bold;text-align:center}

.form_table2 td{border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#ffffff;text-align:center;font-weight:normal;}

/* //Form Table2 */

/* Form Table3 */
.form_table3{font-size:12px;font-family:Dotum,AppleGothic,Sans-serif}
.form_table3 input,
.form_table3 textarea,
.form_table3 select,
.form_table3 table,
.form_table3 button{font-size:12px}
.form_table3 table{width:100%}

.form_table3 th {padding:2px;border:1px solid #ccc;background:#f8f8f8;text-align:center;}
.form_table3 th input{border:0;background-color:#f8f8f8;font-weight:bold;text-align:center}

.form_table3 td{border:1px solid #ccc;background:#ffffff;text-align:center;font-weight:normal}

/* Form Table4 문자보내기 전용*/
.form_table4{font-size:12px;font-family:Dotum,AppleGothic,Sans-serif}
.form_table4 textarea{BACKGROUND-COLOR: transparent}
.form_table4 table{border-spacing:0px;border-style:none;padding:0px}
.form_table4 table{width:147px;border:0;border-top:0px}/*;background-color:#FF00FF}*/
.form_table4 td{border-spacing:0px;border-style:none}
.form_table4 td{padding:0px;border:0}
.form_table4 td{color:#666}
.form_table4 tbody td{border-bottom:0px}

/* Vertical Navigation Bar */
.menu_v{position:relative;width:224px;font-size:12px;font-family:Dotum,AppleGothic,Sans-serif;line-height:normal}
.menu_v ul{margin:0;padding:0;list-style:none}
.menu_v li{position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1}
.menu_v li a{display:block;position:relative;padding:8px 10px;color:#666;font-weight:bold;text-decoration:none;background:#fafafa;border:1px solid #eee;*zoom:1}
.menu_v li a .i{position:absolute;top:50%;left:100%;width:8px;height:8px;margin:-4px 0 0 -16px;color:#ccc;background:url(/images/ico_sub.gif) no-repeat left top}
.menu_v li ul{padding:5px 0;background:#fff}
.menu_v li li{margin:0}
.menu_v li li a{padding:5px 10px;border:0;background:#fff;font-weight:normal}
.menu_v li li a span{color:#000}
.menu_v li.active{z-index:2;border:1px solid #ccc}
.menu_v li li.active{border:0}
.menu_v li.active a{border:0;color:#000}
.menu_v li.active .i{background-position:0 -44px}
.menu_v li.active li a{border:0}
.menu_v li.active ul{display:block;border-top:1px solid #eee}
.menu_v li.active li.active a span{font-weight:bold;color:#9592d7;letter-spacing:-1px}

/* //Vertical Navigation Bar */
.nav-bar{overflow:hidden;clear:both; position:absolute; bottom:0;}

/* top_menu */
.tab_menu{
	width:100%;height:26px;padding:0;margin:0;
	text-decoration:none;color:#fff;font-size:14px;letter-spacing:-1;font-size:12px;font-family:Dotum,AppleGothic,Sans-serif;
}
.tab_menu li{float:left;position:relative;z-index:10;width: 84px;height: 26px;}
.tab_menu li a{display:block;color:#fff; background: url(/images/menu_off.gif) no-repeat;width: 84px;height: 26px;line-height:28px;text-align:center;}
.tab_menu a:hover, .tab_menu li .on{
	z-index:20; color:#000;font-weight:bold;background: url(/images/menu_on.gif) no-repeat;
}

/* left_menu */
.table_v{margin-top:-1px;margin-left:-1px}

/* MESSAGES */
.notification-global {width:100%; height:25px; padding:0; background:url(/images/bg_notice.gif) repeat-x;font-family:Dotum,AppleGothic,Sans-serif;color: #707070;line-height:25px ;font-size: 11px;letter-spacing:0px; position:relative;}
.notification-global a:hover { text-decoration:none; }
.notification-global img {vertical-align:middle}

/* footer */
#footer{margin-top:10px}
#myloading{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url("/images/loading9.gif");
	background-repeat: no-repeat;
	background-position: center center;
	z-index:9999 !important;
	background-color: #FFFFFF;
}

/* message */
.message {font-size:11px; color:#FF6644;}
.gird_message{font-size:12px; color:#0000FF;}
.textarea {border:1px solid #CCCCCC; padding:10px;line-height:14px;width:100%;height:100%;overflow:auto}

.alert_view {font-size:12px;}

/* 게시판 답변 테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type a{color:#383838;text-decoration:none}
.tbl_type{width:100%;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed}
.tbl_type caption,.tbl_type .frm label{display:none}
.tbl_type th{padding:5px 0 4px;border-top:solid 1px #999;border-bottom:solid 1px #b2b2b2;background-color:#f1f1f4;color:#333;font-weight:bold;line-height:13px;vertical-align:middle;text-align:center}
.tbl_type td{/*padding:8px 0 5px;*/border-bottom:solid 1px #d2d2d2;text-align:center;line-height:13px;}
.tbl_type .frm{padding:0;text-align:center;vertical-align:middle}
.tbl_type .frm input{margin:0;vertical-align:middle}
.tbl_type .num,.tbl_type .date,.tbl_type .hit{padding:0;font-family:Tahoma;font-size:11px;line-height:normal;vertical-align:middle}
.tbl_type .title{text-align:left}
.tbl_type .title .pic,.tbl_type .title .new{margin:0 0 2px;vertical-align:middle}
.tbl_type tr.reply .title a{padding-left:12px;background:url("/images/bt_psd_94.gif") 0 1px no-repeat}
.tbl_type tr.reply td a.comment{padding:0;background:none;color:#f00;font-size:12px;font-weight:bold}

.btn_sumit input {padding:0;background:url("/images/btn/bt_psd_91.gif") no-repeat}

/* 페이징 관련 */
.paginate_complex{margin:15px 0;line-height:normal;text-align:center}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -1px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#ff8600}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0;}
/* //페이징 관련 */
/* 문자보내기 특문과 이모티곤 전용 스타일 */
.sms_herf A:link { text-decoration:none; color: 00448B;}
.sms_herf A:visited { text-decoration:none; color: 00448B;}
.sms_herf A:active { text-decoration:underline; color: 00448B;}
.sms_herf A:hover {color: blue; text-decoration:underline;}
/* //문자보내기 특문과 이모티곤 전용 스타일 */

/** form**/
form {
		margin:0;
	 }

/* UI Object */
.lst_devreg{padding:0 0 65px 1px}
.lst_devreg li{padding-left:8px;background:url(/images/bu.gif) no-repeat 0 8px;color:#666;line-height:20px}
.lst_devreg li em{color:#f84e12}
/* //UI Object */

/*Multiselect UI */
.multiselect {
    width:15em;
    height:7em;
    border:solid 1px #c0c0c0;
    overflow:auto;
}
 
.multiselect label {
    display:block;
}
 
.multiselect-on {
    color:#ffffff;
    background-color:#000099;
}

/* 20191118 readonly */
input:read-only{ 
	background: #EFEFEF;
}
input:-moz-read-only { 
	background: #EFEFEF;
}
input[readonly]{ 
	background: #EFEFEF;
}

/* div table class 20180116 jiho */
.blank_bottom{
	height:25px;
}

/* 20191118 버튼 css : 호환성 체크시 안먹음 */
.btn_blk{
	font-size:12px;
	font-weight:bold;
	font-family:Dotum,AppleGothic,Sans-serif;
	cursor:pointer;
	display:inline-block;
	/*background: url('/images/btn/btn_blk_left.png') no-repeat, url('/images/btn/btn_blk_right.png') no-repeat right top, url('/images/btn/btn_blk_mid.png') repeat-x;*/
	background: url('/images/btn/btn_blk_mid.png') repeat-x;
	height:22px; line-height:22px;
	width:60px;
	text-align:center;
}

.noselect, .btn_blk {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* 20191118 Menu Scroll */
#leftmenu{
	/*overflow: hidden;*/
	overflow-x: hidden;
	overflow-y: auto;
}