@charset "utf-8";

ul, dl,dt,dd {margin:0;padding:0;list-style:none}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
box-shadow: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  #CFCDE4 0px 2px 4px 0px, #CFCDE4 0px 2px 16px 0px;
-moz-box-shadow:  #CFCDE4 0px 2px 4px 0px, #CFCDE4 0px 2px 16px 0px;
box-shadow: #CFCDE4 0px 2px 4px 0px, #CFCDE4 0px 2px 16px 0px;
border: 1px solid #706AB4 !important; /* 클릭했을시 박스 칼라 */
border-radius:7px;
}
.placeholdersjs { color: #aaa !important; }


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:30px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}


/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db; color:#000;vertical-align:middle;border-radius:7px;padding:10px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 10px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #418487;border-radius:5px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#418487}
.new_win .win_ul .selected {background:#418487;border-color:#336668;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;}



.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer; margin:10px 10px 30px 10px; border-radius:5px}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em; margin:10px 10px 30px 10px; border-radius:5px}

/* 검색결과 색상 */
.sch_word {color:#E11A83; margin:0 5px}


/*레디오 체크박스 디자인 */
input[type=radio].css-radio {	display: none;}
input[type=radio].css-radio + label.css-radiolabel { padding-left: 25px; vertical-align: middle; display: inline-block; cursor: pointer; background-repeat: no-repeat;  background-size:24px;}
input[type=radio]:checked.css-radio + label.css-radiolabel {background-position: 0px -24px;}
label.css-radiolabel {-ms-user-select: none; background-image: url("./images/chk_stats_r.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none;}

input[type=checkbox].css-checkbox {	display: none;}
input[type=checkbox].css-checkbox + label.css-checkboxlabel {padding-left: 25px; padding-bottom:1.5px; vertical-align: middle; display: inline-block; cursor: pointer; background-repeat: no-repeat; background-size:21px;}
input[type=checkbox]:checked.css-checkbox + label.css-checkboxlabel {background-position: 0px -21px;}
label.css-checkboxlabel {-ms-user-select: none; background-image: url("./images/chk_stats_r.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none;}

/* 텍스트 없이 가능 */
input[type=checkbox].css-checkbox_2 {display: none;}
input[type=checkbox].css-checkbox_2 + label.css-checkboxlabel_2 {padding-left: 25px;vertical-align: middle; display: inline-block; cursor: pointer; background-repeat: no-repeat; background-size: 21px; width: 21px; height: 21px; background-image: url("./images/chk_stats2.png");}
input[type=checkbox]:checked.css-checkbox_2 + label.css-checkboxlabel_2 {background-position: 0px -21px;}

/* 텍스트 없이 가능 */
input[type=checkbox].css-checkbox_3 {display: none;}
input[type=checkbox].css-checkbox_3 + label.css-checkboxlabel_3 {padding-left: 25px;vertical-align: middle; display: inline-block; cursor: pointer; background-repeat: no-repeat; background-size: 21px; width: 21px; height: 21px; background-image: url("./images/chk_stats_r.png");}
input[type=checkbox]:checked.css-checkbox_3 + label.css-checkboxlabel_3 {background-position: 0px -21px;}

.label_margin {height:24px;}