/* 공통 */
* {font-family:Dotum, Verdana, Geneva, sans-serif; font-size:12px; color:#333}

html, body {margin:0; border:0; padding:0; width:100%; height:100%; background:#fff}

table{border-spacing:0; border-collapse:collapse}

a:link, a:visited, a:focus {color: #333; text-decoration:none}
a:hover {color:#2d9eb9; text-decoration:none}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; vertical-align:middle; display:none}

th, td {empty-cells:show}

p, dl, dt, dd, ol, ul, li, form, fieldset, legend {overflow:hidden; list-style:none; margin:0; padding:0}

img {border:none}

a {border:none}

caption {display:none}

hr {display:none}


/* 공통 CLASS */
.dpn {display:none}
.dpb {display:block}
.dib {display:inline-block; vertical-align:middle}

.lst_paging {width:400px; height:20px; text-align:center; padding-top:15px; margin:0 auto}
.bt_btn {width:100%; height:24px; text-align:right; margin-top:10px}

.rb {color:red; font-weight:bold}
.gb {color:green; font-weight:bold}
.bb {color:blue; font-weight:bold}

.mr10 { margin-right:10px}

.in_gray_95 {font-size:12px; width:95%; height:16px; border:1px solid #aaa}
.in_gray_95:hover,.in_gray_95:focus {border:1px solid #444; background:#deeaf5}

.in_gray_90 {font-size:12px; width:90%; height:16px; border:1px solid #aaa}
.in_gray_90:hover,.in_gray_90:focus {border:1px solid #444; background:#deeaf5}

.in_gray_60 {font-size:12px; width:60%; height:16px; border:1px solid #aaa}
.in_gray_60:hover,.in_gray_60:focus {border:1px solid #444; background:#deeaf5}

.in_gray_100px {font-size:12px; width:100px; height:16px; border:1px solid #aaa}
.in_gray_100px:hover,.in_gray_100px:focus {border:1px solid #444; background:#deeaf5}

.in_gray_150px {font-size:12px; width:150px; height:16px; border:1px solid #aaa}
.in_gray_150px:hover,.in_gray_100px:focus {border:1px solid #444; background:#deeaf5}

.in_gray_60ul {font-size:12px; width:60%; height:20px; border:1px solid #aaa}
.in_gray_60ul:hover,.in_gray_60ul:focus {border:1px solid #444; background:#deeaf5}

.in_gray_95m {font-size:12px; width:95%; height:120px; border:1px solid #aaa; word-break:break-all}
.in_gray_95m:hover,.in_gray_95m:focus {border:1px solid #444; background:#deeaf5}

.se_base_95 {width:95%; font-size:12px; height:20px}
.se_base_100px {width:100px; font-size:12px; height:20px}

.guide {font-size:11px; color:red; letter-spacing:-1px; font-weight:normal}

/* 공통 */
#wrap {width:100%; height:100%; margin:0; padding:0; background:#60abd2}

#header {float:left; width:100%; height:46px; background:#60abd2; border-bottom:4px solid #17334e}

#title {float:left; width:500px; height:46px}
#title p {padding:14px 0 0 10px}

#btn_close {float:right;width:50px; height:46px; text-align:right}
#btn_close p {padding:14px 14px 0 0}

#content {float:left; width:100%; min-height:500px; background:#fff;}

#footer {clear:both; float:left; width:100%; height:20px; margin:0; padding:0; background:#60abd2; border-top:2px solid #17334e; text-align:right}
#footer p {padding:5px 10px 0 0; color:#fff; font-size:11px; letter-spacing:-1px}

/* 리스트 */
#list_01 {float:left; width:100%; margin:10px 0; }
#list_01 h2{padding:0 0 10px 7px; font-weight:bold}
#list_01 h2 span{color:#36C;}
#list_01 table {width:100%; border-top:1px solid #17334e; border-bottom:1px solid #17334e;}
#list_01 th {background:#e5e5e5; border:1px solid #555; padding:10px 3px 5px 3px; color:#333; letter-spacing:-1px}
#list_01 td {background:#fff; border:1px solid #555; padding:5px 3px 5px 3px; text-align:center}
#list_01 td.cell_txt_l {text-align:left}
#list_01 td.no_data  {color:#333; padding:50px}
#list_01 tbody tr:hover td {background:#deeaf5}
#list_01 tbody tr td a {color:#004b93; font-weight:bold}
#list_01 tbody tr td a:focus, #list_01 tbody tr td a:hover {color: #333; text-decoration:none}


/* 입력폼 */
#insert_01 {float:left; width:100%; margin:10px 0;}
#insert_01 table {width:100%;}
#insert_01 th {background:#efefef; border:1px solid #999; padding:3px; color:#333}
#insert_01 td {background:#fff; border:1px solid #ccc; padding:3px; text-align:left; vertical-align:middle}

/* 뷰 */
#view_01 {float:left; width:100%; margin:10px 0}
#view_01 table {width:100%}
#view_01 th {background:#efefef; border:1px solid #999; padding:3px; color:#333}
#view_01 td {background:#fff; border:1px solid #999; padding:5px 2px 2px 2px; text-align:left; vertical-align:middle}
#view_01 td.viw_con {min-height:400px; vertical-align:top}
#view_01 td.cell_txt_c {text-align:center}

/* 조회 */
#srh_01 {float:left; width:100%; margin:0 0 15px; padding:15px 0 15px 2px; background:#ffe1a0; border-bottom:1px solid #d97100;}
#srh_01 table td {padding:0 5px}
#srh_01 table td span{font-weight:bold;}


/* 팝업 */
.popup{position:absolute; width:300px;left:50%; margin-left:-130px; top:350px; z-index:1; border:3px solid #183550; background:#ebf3f7}
.popup h3{width:100%; background:#183550; color:#efefef; display:inline-block}
.popup h3 span{margin:10px; color:#efefef; display:inline-block }
.popup ul{margin:10px; line-height:20px}
.popup ul li.close{margin-top:10px; padding:10px 10px 0; text-align:center; border-top:1px solid #a5bfcc}


#hfsa_pop {width:100%; height:100%}
#hfsa_pop_en {width:1160px; height:650px; background:url(/image/fhs/hfsa_pop_bg_en.jpg) no-repeat}
#hfsa_pop_ch {width:1160px; height:650px; background:url(/image/fhs/hfsa_pop_bg_ch.jpg) no-repeat}
#hfsa_pop_vi {width:1160px; height:650px; background:url(/image/fhs/hfsa_pop_bg_vi.jpg) no-repeat}

#hfsa_fla {padding-right:251px; height:100%}
#hfsa_fla p {width:100%; height:100%}

#hfsa_right {position:absolute; right:0; top:0; width:250px; height:100%; overflow:hidden; border-left:solid #aaa; background:url(/image/mlc/bg_right.jpg)} 
#hfsa_right table {width:100%; height:100%}
#hfsa_right th {height:180px; background:url(/image/mlc/right_top_bg.gif) no-repeat}
#hfsa_rt {position:absolute; right:0; top:0; width:250px; height:265px; background:url(/image/fhs/hfsa_pop_rt_kr.jpg) no-repeat; z-index:1}
#hfsa_txt {float:left; padding-top:265px; height:100%; overflow:hidden}
#hfsa_right table td {height:80%; vertical-align:top}
#hfsa_right table td textarea {position:absolute; top:180px; right:0; border:none; width:240px; height:72%; padding:5px; margin:0 auto; border-bottom:1px solid #ccc; ; background:url(/image/mlc/bg_right.jpg)}

#hfsa_cls {position:absolute; top:5px; left:100%;margin-left:-28px; z-index:2} 

/* 다문화 */
#mlc_wrap {width:100%; height:100%; background:#e5f3b2; min-width:1010px; min-height:650px}
#mlc_en {position:absolute; left:50%; top:50%; margin:-315px 0 0 -500px; width:1000px; min-width:1000px; min-height:630px;  height:630px; background-image:url(/image/mlc/base_bg_en.jpg); border:3px solid #004c36; overflow:hidden}
#mlc_ch {position:absolute; left:50%; top:50%; margin:-315px 0 0 -500px; width:1000px; min-width:1000px; min-height:630px;  height:630px; background-image:url(/image/mlc/base_bg_ch.jpg); border:3px solid #004c36; overflow:hidden}
#mlc_vi {position:absolute; left:50%; top:50%; margin:-315px 0 0 -500px; width:1000px; min-width:1000px; min-height:630px;  height:630px; background-image:url(/image/mlc/base_bg_vi.jpg); border:3px solid #004c36; overflow:hidden}

#mlc_top_btn {float:right; width: 430px; height:42px; margin:15px 5px}
#mlc_top_btn ul {float:right}
#mlc_top_btn li {float:left; margin:0 5px}

#mlc_left {float:left; width:335px; height:390px; margin:195px 0 0 30px}
#mlc_left ul {margin:0 0 0 10px; width:310px}
#mlc_left li {float:left; width:300px; margin:8px}

#mlc_right {float:right; width:544px; height:390px; margin:123px 50px 0 0}
#mlc_right ul {margin:0; width:550px}
#mlc_right li {float:left; width:259px; margin:8px}