@charset "utf-8";
@import url("basic.css");

/* common */
.al { text-align:left!important;}
.ar { text-align:right!important;}
.ac { text-align:center!important;}
.txt_red { color:#ff0000!important;}
.txt_blue { color:#0070c0!important;}
.txt_green { color:#277a6d!important;}
.txt_back { color: black!important;}
.bl_none { border-left:none!important;}
.br_none { border-right:none!important;}

.mt0 { margin-top:0!important;}
.mt2 { margin-top:2px!important;}
.mt3 { margin-top:3px!important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px!important;}
.mt20 { margin-top:20px!important;}

.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px!important;}
.ml20 { margin-left:20px!important;}

h1, h2, h3, h4, h5, h6, strong, th { font-family:NanumBarunGothicBold, dotum, '돋움', '굴림', Gulim, sans-serif; font-weight:normal;}

/* form */
.form_chk { margin:-1px 1px 0 0;}
.form_input { width:124px; height:16px; padding:0 1px; border:1px solid #ccc; background-color:#fff;}
.form_select { height:18px; padding:1px; border:1px solid #ccc; line-height:20px;}
.form_textarea { height:38px; padding:5px; border:1px solid #ccc;}
.form_date { width:124px; height:16px; padding:0 1px; border:1px solid #ccc; background-color:#fff; font-family:tahoma, dotum, '돋움', '굴림', Gulim, sans-serif;}
.right_radio { margin-top:10px; text-align:right;}
.right_radio label { margin-left:10px;}
 
/* button */
.btn_right { margin-top:10px; text-align:right;}
.btn_right>a { margin-left:2px;}
.btn_m1 { display:inline-block; height:22px; padding:2px 5px 0 6px; border:1px solid #c4c4c4; background-color:#fff; font-size:13px; line-height:15px; color:#444!important; font-family:NanumBarunGothicBold, dotum, '돋움', '굴림', Gulim, sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn_m1.btn_excel { padding-left:22px; background-image:url(/resources/admin/img/ico_excel.gif); background-repeat:no-repeat; background-position:6px 4px;}
.btn_m2 { display:inline-block; height:22px; padding:2px 5px 0 6px; border:1px solid #737373; background-color:#737373; font-size:13px; line-height:15px; color:#fff!important; font-family:NanumBarunGothicBold, dotum, '돋움', '굴림', Gulim, sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a.btn_m1, a.btn_m2 { padding-top:3px;}
.btn_s1 { display:inline-block; height:18px; padding:2px 5px 0; border:1px solid #737373; background-color:#737373; color:#fff!important; font-size:11px; line-height:12px; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn_s2 { display:inline-block; height:18px; padding:2px 5px 0; background-color:#fff; border:1px solid #c4c4c4; color:#444!important; font-size:11px; line-height:12px; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a.btn_s1, a.btn_s2 { padding-top:3px;}
.btn_file { display:inline-block; position:relative; overflow:hidden; height:18px; vertical-align:middle;}
.btn_file .btn_s1, .btn_file .btn_s2 { vertical-align:top;}
.btn_file input { position:absolute; top:0; right:0; width:100%; font-size:12px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.btn_b1 { display:inline-block; height:30px; padding:2px 15px 0; background-color:#fff; border:1px solid #c4c4c4; color:#444!important; font-size:15px; line-height:17px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* layout */
html, body { height:100%;}
body { overflow-y:scroll;}
#wrap { min-width:970px; color:#555; line-height:1.45;}

/* header */
#header { border-bottom:1px solid #bcbcbc;}
#header .header_in { position:relative; width:950px; margin:0 auto; padding:17px 0;}
#header .logo { /*padding-left:30px;*/}
#header .header_link { position:absolute; bottom:10px; right:0; font-size:11px;}
#header .header_link span { margin:0 2px; color:#d1d1d1;}
#header .header_txt { width:950px; margin:0 auto; padding:6px 0 4px; font-size:11px; text-align:right;}
#header .header_txt>span { padding-left:7px; background:url(/resources/admin/img/bul_01.gif) no-repeat 0 4px;}


/* gnb */
#gnb {width:100%; height:50px; position:absolute; left:0; top:91px; z-index:1000; overflow:hidden; background:rgba(0,168,142,0.8) url(/resources/admin/img/gnb.png) repeat-x left top;}
#gnb>ul { overflow:hidden; width:950px; margin:0 auto;}
#gnb>ul>li { width:16.6666%; float:left; text-align:left;}
#gnb>ul>li>a { display:block; height:50px; line-height:50px; color:#fff; font-size:15px; font-family:NanumBarunGothicBold, dotum, '돋움', '굴림', Gulim, sans-serif;}

#gnb>ul>li .depth02 {padding:10px 0;}
#gnb>ul>li .depth02>li {padding:10px 0; text-align:left;}
#gnb>ul>li .depth02>li>a {color:#fff;}
#gnb>ul>li .depth02>li>a:hover {font-weight:bolder;}


/* container */
#container { overflow:hidden; width:950px; margin:0 auto; padding-top:50px; padding-bottom:40px;}

/* lnb */
.lnb { float:left; width:165px; padding:40px 20px 40px 10px;}
.lnb h2 { height:46px; margin-bottom:3px; padding-top:20px; background-color:#ff5615; font-size:19px; color:#fff; text-align:center;}
.lnb>ul> .depth2{ padding:10px 0 7px 19px; border-bottom:1px solid #dcdcdc; background:url(/resources/admin/img/bul_01.gif) no-repeat 10px 18px; font-size:15px;}
.lnb>ul> .depth3{ padding:10px 0 7px 19px; border-bottom:1px solid #dcdcdc; font-size:15px;}
.lnb>ul>li { padding:10px 0 7px 19px; border-bottom:1px solid #dcdcdc; font-size:15px;}
.lnb>ul>li>a:hover, .lnb>ul>li.on>a { color:#ff5615;}

/* contents */
.contents { min-height:400px; margin:40px 0 0 212px;}
.title_h2 { margin-bottom:20px; padding:8px 0 6px 11px; background-color:#e0eeeb; color:#277a6d; font-size:13px;}
.title_h3 { margin:25px 0 9px; padding-left:10px; background:url(/resources/admin/img/icon_3depth_title.gif) no-repeat 0 4px; color:#38a19a; font-size:13px;}

/* footer */
#footer { padding:20px 0; border-top:1px solid #dfdfdf;}
#footer .copyright { width:950px; margin:0 auto; color:#656565; font-size:11px; text-align:center;}

/* main */
.main_contents { min-height:400px; margin:40px 0 0 0;}
.main_title { font-size:13px;}
.main_tblBox { margin:8px 0 25px; padding:9px 10px 10px; border:3px solid #e9e9e9;}
.main_status { margin-bottom:20px;}
.main_status a { display:inline-block; margin:3px 10px 0;}
.main_status a:hover { color:#277a6d;}

/* table_list */
.table_list table { margin-top:1px; border-collapse:collapse;}
.table_list th { padding:5px 1px 4px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background-color:#f1f1f1; background-image:url(/resources/admin/img/bar_board.gif); background-repeat:no-repeat; background-position:0 50%;}
.table_list th:first-child { background-image:none;}
.table_list td { padding:5px 1px 4px; border-bottom:1px solid #d1d1d1; text-align:center;}
.table_list tr:hover td { background-color:#f9f9f9;}
.table_list td a:hover { color:#277a6d;}
.table_list td.al, .table_list td.subject { padding-left:10px; text-align:left;}
.table_list td .important { color:#ff0000!important; font-family:NanumBarunGothicBold, dotum, '돋움', '굴림', Gulim, sans-serif;}

/* table_view */
.table_view table { border-collapse:collapse; border-top:1px solid #d1d1d1; table-layout:fixed;}
.table_view th { padding:5px 1px 4px; border:1px solid #d1d1d1; border-top:none; background-color:#f1f1f1;}
.table_view th.txt_blue { font-family:NanumBarunGothic, dotum, '돋움', '굴림', Gulim, sans-serif;}
.table_view th.al { padding-left:10px;}
.table_view td { padding:5px 1px 4px 10px; border:1px solid #d1d1d1; border-top:none;}
.table_view td.ac { padding-left:1px;}
.table_view td img { max-width:100%;}
.table_view a:hover { color:#277a6d;}
.table_view tr.total td { background-color:#f1f1f1;}
.table_view tr.tr_border th, .table_view tr.tr_border td { border-top:2px solid #aaa;}
.table_view .view_content { height:180px; padding:10px; vertical-align:top;}
.table_view .img_area { padding:5px 9px 5px 0;}
.table_view .edit_area { padding:15px 10px 30px; vertical-align:top;}
.table_view.table_nav { margin-top:10px;}
.table_view.table_statistics { margin-top:10px;}
.table_view.table_statistics td { padding-left:1px; background-color:#fff; text-align:center;}
.table_view.table_statistics tr.total td { background-color:#f1f1f1;}
.table_view.table_mail table { table-layout:auto;}
.table_view.table_mail th { padding-left:3px; padding-right:3px;}
.table_view.table_mail td { padding-left:3px; padding-right:3px; text-align:center; white-space:nowrap;}
.table_view.table_mail td.al { padding-left:5px; white-space:normal;}
.table_view.table_scroll { overflow-x:auto; margin-top:10px;}
.table_view.table_scroll table { table-layout:auto;}
.table_view.table_scroll th { padding-left:4px; padding-right:4px; white-space:nowrap;}
.table_view.table_scroll td { padding-left:4px; padding-right:4px; text-align:center; white-space:nowrap;}
.table_view.table_scroll td.al { padding-left:5px;}

/* list_bottom */
.list_bottom { position:relative; min-height:31px;}
.list_bottom .btn_right { position:absolute; top:9px; right:0; margin-top:0;}
.num_option { position:absolute; top:13px; left:0;}
.num_option .form_select { width:90px; margin-right:2px;}

/* list_top */
.list_top { position:relative;}
.list_top .txt_total { float:left;}
.list_top .btn_download { position:relative; top:-1px; margin-left:20px;}
.list_top .right_area { float:right; margin-top:-3px;}
.list_top .txt_link { margin-left:3px; font-family:NanumBarunGothicBold, dotum, '돋움', '굴림', Gulim, sans-serif;}
.list_top .txt_link:hover { color:#277a6d;}

/* paging */
.page_wrap { padding-top:16px; text-align:center;}
.page_wrap a { display:inline-block; margin:0 3px; text-align:center;}
.page_wrap a:hover { color:#277a6d;}
.page_wrap a.current { color:#277a6d; font-family:NanumBarunGothicBold, dotum, '돋움', '굴림', Gulim, sans-serif;}
.page_wrap a.btn_arrow { margin:0;}
.page_wrap a.btn_prev { margin-left:2px; margin-right:4px;}
.page_wrap a.btn_next { margin-right:2px; margin-left:4px;}
.page_wrap img { margin-top:-3px;}

/* search_box */
.search_box { height:31px; margin: 22px 0 12px 0; padding-top:12px; background-color:#f0f0f0; text-align:left;}
.search_box .form_input { width:196px; margin-right:2px;}
.search_box .form_select { min-width:65px; margin-right:2px;}
.search_box>strong { position:relative; top:1px; margin-right:4px; margin-left: 30px; font-size:13px;}
.left_margin {position:relative; top:1px; margin-right:4px; margin-left: 30px;}
.top_padding {padding-top: 6px;}
.search_title { width: 100px; margin-right:26px; }


/* reply */
.reply_write { position:relative; margin-top:15px; padding:10px 10px 5px; border:1px solid #d1d1d1;}
.reply_write .form_textarea { width:704px; margin:1px 0 5px; border:1px solid #929292;}
.reply_write .btn_s1 { position:absolute; bottom:5px; right:10px;}
.table_reply table { margin-top:15px; border-collapse:collapse; border-top:1px solid #d1d1d1;}
.table_reply td { padding:6px 1px 4px; border:1px solid #d1d1d1; border-top:none; text-align:center;}
.table_reply td.al { padding-left:10px; padding-right:10px;}
.table_reply td a:hover { color:#277a6d;}

/* 장학금 신청 */
.singo_view { padding:12px 0 30px;}
.singo_view .table_list tr:hover td { background-color:#fff;}
.singo_view .table_list th, .singo_view .table_view th { background-color:#f8f8f8;}
.info_detail { overflow:hidden;}
.info_photo { float:left; width:112px; margin-right:10px; padding:6px 0; border:1px solid #e8e8e8; text-align:center;}
.info_txt { float:left; width:614px;}
.info_txt .info_tbl { margin-top:1px; border-top:2px solid #d6d5d5;}
.info_tbl { border-top:1px solid #d6d5d5; margin-top:10px;}
.info_tbl th { padding:5px 1px 4px 10px; border-bottom:1px solid #d6d5d5; background:url(/resources/admin/img/bl_arrow01.gif) no-repeat 0 10px; text-align:left;}
.info_tbl td { padding:5px 1px 4px; border-bottom:1px solid #d6d5d5;}
.info_self { padding-left:17px;}
.info_self h4 { margin:10px 0 5px -7px; padding-left:8px; background:url(/resources/admin/img/bul_01.gif) no-repeat 0 7px; font-size:13px; color:#777;}

/* login */
.login_wrap { display:table; width:100%; height:100%;}
.login_layout{ display:table-cell; vertical-align:middle; text-align:center;}
.login { display:inline-block; width:570px;}
.login h1 { padding-bottom:48px; border-bottom:2px solid #00a88e;}
.login h2 { margin:37px 0 13px; font-size:30px; color:#00a88e; font-family:NanumBarunGothic, dotum, '돋움', '굴림', Gulim, sans-serif;}
.login .txt { margin-bottom:37px; font-size:20px; color:#777;}
.login_form { position:relative; height:125px; padding:53px 186px 0 62px; background-color:#ededed; text-align:left;}
.login_form .txt_ip { position:absolute; top:18px; left:200px; font-size:13px; color:#222;}
.login_form div { margin-bottom:10px;}
.login_form .txt_id, .login_form .txt_pw { display:inline-block; width:84px; font-size:16px; color:#222; vertical-align:middle; letter-spacing:4px;}
.login_form .txt_id { letter-spacing:7px;}
.login_form .inputBox { display:inline-block; width:220px; height:33px; padding-top:5px; border:1px solid #ddd; background-color:#fff; vertical-align:middle;}
.login_form .inputBox .login_input { width:208px; height:28px; padding:0 5px; height:22px\9; padding-top:6px\9; border:0; outline:0; font-size:16px;}
.login_form .btn_login { display:block; position:absolute; top:53px; right:61px; width:125px; height:90px; border:0; background-color:#00a88e; color:#fff; font-size:20px;}
.login .copyright { padding:20px 0; color:#656565; font-size:11px;}

/* 회원정보 업데이트 */
.encourageNo { background-color:#fff; text-align:center;}
.encourageNo>h1 { padding:18px 0; background-color:#e0eeeb; color:#277a6d;}
.encourageNo>ul { margin-bottom:14px; background-color:#f1f1f1;}
.encourageNo>ul>li { padding:8px 0;}

/* 접속자 현황 */
.log_wrap { background:url(/resources/admin/img/da01.jpg) repeat 0 0;}
.log_wrap.monthly { background:url(/resources/admin/img/da02.jpg) repeat 0 0;}
.log_wrap.monthly .log_form { padding-top:96px;}
.log_form { padding:80px 0 0 50px; font-size:13px; color:#000;}
.log_form>span { position:relative; top:2px;}
.log_form .form_date { width:90px; margin:0 3px;}
.log_form .form_select { margin:0 1px 0 3px;}
.log_tbl { padding:5px 0 20px 50px;}
.log_tbl table { table-layout:fixed; width:500px; border-collapse:collapse;}
.log_tbl th { padding:1px 2px; border:1px solid #e0e0e0;}
.log_tbl td { padding:4px 2px 2px; border:1px solid #e0e0e0; text-align:center; font-size:13px; color:#000;}
.log_tbl td a { color:#0070c0; text-decoration:underline;}
.log_tbl td img { max-width:100%;}
.log_tbl .txt_red { color:#f05123!important;}

/* SMS */
.sms_top { width:631px; height:5px; background:url(/resources/admin/img/sms_top01.gif) no-repeat 0 0; font-size:0;}
.sms_bottom { width:631px; height:5px; background:url(/resources/admin/img/sms_bottom01.gif) no-repeat 0 0; font-size:0;}
.sms { overflow:hidden; width:631px; padding:20px 0 15px; background:url(/resources/admin/img/sms_bg01.gif) repeat-y 0 0;}
.sms_left { float:left; width:167px; margin:0 43px 0 40px; text-align:center;}
.sms_left .sms_form { height:198px; margin-bottom:20px; padding:49px 24px 0 27px; background:url(/resources/admin/img/sms_img.gif) no-repeat 0 0; text-align:left;}
.sms_left .sms_form>p { font-size:11px; text-align:right;}
.sms_left .sms_form>p img { margin-right:2px;}
.sms_left .sms_form .form_textarea { margin-top:10px; overflow-y:hidden;}
.sms_right { float:left;}
.sms_right .page_wrap { padding-top:10px;}
.sms_top2 { width:350px; height:12px; background:url(/resources/admin/img/sms_top02.gif) no-repeat 0 0; font-size:0;}
.sms_bottom2 { width:350px; height:38px; background:url(/resources/admin/img/sms_bottom02.gif) no-repeat 0 0; font-size:0;}
.sms_send { padding:13px 10px 15px 33px; background:url(/resources/admin/img/sms_bg02.gif) repeat-y 0 0;}
.sms_send>div>span { display:inline-block; width:63px; padding-left:8px; background:url(/resources/admin/img/bl_arrow01.gif) no-repeat 0 4px; font-size:11px;}
.sms_send .form_input { border:1px solid #929292;}
.sms_send .sms_btn { margin-top:17px; text-align:center;}
.sms_send .sms_btn a { margin-left:2px;}
.sms_title { margin-top:17px; padding-left:8px; background:url(/resources/admin/img/bg_stitle.gif) no-repeat 0 5px;}

.sms_search { width:365px; padding:2px 0 20px 10px;}
.sms_search .btn_right { margin-right:20px;}
.sms_search_top { height:11px; background:url(/resources/admin/img/bg_popup_top01.gif) no-repeat 0 0; font-size:0;}
.sms_search_bottom { height:11px; background:url(/resources/admin/img/bg_popup_bottom01.gif) no-repeat 0 0; font-size:0;}
.sms_search_con { padding:18px 24px 0; background:url(/resources/admin/img/bg_popup_middle01.gif) repeat-y 0 0;}
.sms_tbl { margin-top:10px;}
.sms_tbl td { padding:1px 2px; border-top:1px solid #d6d5d5; font-size:15px; line-height:1.4; text-align:center;}
.sms_tbl td.al { padding-left:10px;}

.sms_excel { padding:10px 10px 30px; border:1px solid #a6d4cc; background:#e6f7f4;}
.sms_excel>div { padding:15px 0 12px 20px; background:#fff;}

/* pop */
.pop_top { position:relative; height:39px; top:10px; margin:0 0 20px 10px; background-color:#156256; border-radius:10px;}
.pop_top h2 { padding:11px 0 0 23px; color:#fff; font-size:17px;}
.pop_top .pop_close { position:absolute; top:15px; right:12px; font-size:12px; color:#fff;}
.pop_top .pop_close>span { position:relative; top:-1px;}

/* 방문기록 */
.graph { display:block; max-width:100%; height:8px; background:#1b9eb5;}
.tab { margin-bottom:10px;}
.tab>ul { overflow:hidden;}
.tab>ul>li { float:left; width:32%; margin-left:2%;}
.tab>ul>li:first-child { margin-left:0;}
.tab>ul>li>a { display:block; height:20px; padding-top:7px; text-align:center; line-height:1.2; font-size:12px; background:#f4f4f4; border:1px solid #d4d4d4;}
.tab>ul>li>a.on {color:#222; background:#fff;}

/* 분양관리 서브메뉴*/
.sub_menu {margin-bottom:15px;}
.sub_menu>h2 {font-size:19px; margin-bottom:10px;}
.sub_menu>h2>strong {color:#277a6d; font-size:25px;}

.sub_menu>ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #E0EEEB;}
.sub_menu>ul>li {float: left; cursor:pointer;}
.sub_menu>ul>li>a {display: block; color: #277a6d; text-align: center; padding: 14px 16px; text-decoration: none;}
.sub_menu>ul>li.on {background-color: #33B9A5;}
.sub_menu>ul>li.on>a {color:#ffffff;}

/* 첨부파일 표시 */
.atc_file{ float:left; width:100%; height:auto; line-height:20px; margin-top:5px;}
.atc_file .file_icon{float:left; width:20px; height:20px;}
.atc_file .file_node{float:left; width:50%;}
.atc_file .file_node_btn{float:left;}