@charset "utf-8";
.wrap {width:100%;}
.top {height:65px; background:#b7edfd; color:#ffffff;}
.top h1.title_ko, .top h1.title_en {font-size:25px; line-height:1.5em; letter-spacing:-0.06em; display:inline-block; margin-left:18px;}
.top h1.title_ko {margin-top:45px;}
.top h1.title_en {margin-top:28px;}
.contents {padding:30px 20px 25px; color:#333333;}

/* input & selete */
.inp_chk {vertical-align:middle; margin:-2px 3px 0px 0px;}
.for_inp_chk {margin-right:12px;}
.inp_txt {color:#888888; font-size:13px; letter-spacing:-0.02em; height:35px; line-height:35px; border:1px solid #dfdfdf; text-indent:4px; width:100%;}
.inp_46w {width:46px;}
.inp_60pw {width:60%;}
.inp_183w {width:183px;}/*추가*/
.inp_radio {vertical-align:middle; margin:0px 3px 0px 0px;}
.for_inp_radio {margin-left:25px;}
.form_sel, .list_sel {border:1px solid #dfdfdf; vertical-align:middle;}
.form_sel {width:170px; height:35px; line-height:35px;}
.list_sel {width:100px; height:30px; line-height:30px;}
.h28 {height:28px; line-height:28px;}/*추가*/

/* button */
.btn_area {text-align:center; margin-top:25px;}
.btn_blue {background:#3ba5df; color:#ffffff; border:0; font-size:14px; padding:0px 13px; text-align:center;}
.btn_gray {background:#878c8d; color:#ffffff; border:0; font-size:14px; padding:0px 13px; text-align:center;}
a.btn_blue, a.btn_gray {display:inline-block; padding:0; color:#ffffff; text-align:center;}
.btn_dkgray {background:#464646; color:#ffffff; border:1px solid #3c3c3c; font-size:13px; min-width:62px;}
.h38 {height:38px; line-height:38px;}
.h30 {height:30px; line-height:30px;}
.h35 {height:35px; line-height:35px;}
.w68 {width:68px;}
.w78 {width:78px;}
.w82 {width:82px;}
.w113 {width:113px;}

/* form */
.form_tbl {border-top:2px solid #cfcfcf; font-size:13px; width:100%;}
.form_tbl tr {border-bottom:1px solid #e5e5e5;}
.form_tbl th {background:#f9f9f9; letter-spacing:-0.02em; text-align:left; font-weight:normal;}
.form_tbl th, .form_tbl td {padding:15px 10px;}
.form_tbl li.chk{margin-bottom:5px;}
.th_92w {width:72px;}
.form_tbl_title {font-size:20px; text-align:left; margin:30px 0px 5px;}
.privacy_agree {font-family:NanumGothic; border:1px solid #dfdfdf; margin:14px; height:100px; overflow-x:hidden; overflow-y:auto;}
.privacy_check {text-align:center; border-bottom:1px solid #e5e5e5; padding-bottom:14px;}
.f_blue {color:#00a5ff;}
.f_red {color:#FF0000;}
.fb_red {color:#FF0000;font-weight:bold;}
.description {margin-bottom:15px;}
.description .txt {margin-left:5px;}
.detail_txt {border:1px solid #dfdfdf; height:100px; width:100%;}
.file_name {color:#888888; font-size:13px; height:35px; line-height:35px; border:1px solid #dfdfdf; text-indent:4px; width:60%; margin-right:4px;}
#bodyArea pre { white-space:pre-line; }

/* list */
.list_action_area {float:left; margin-bottom:12px;}
.list_action_btn_area{float:right;}
.list_action_btn_area a{display:inline-block;}
.list_head {clear:both; position:relative; height:50px; border-top:2px solid #0072bc; background:#f9f9f9;}
.list_body {border-bottom:1px solid #858585;}
.list_row {clear:both;position:relative; height:45px; border-top:1px solid #e5e5e5; line-height:45px; font-size:13px;letter-spacing:-0.02em;}
.list_head li, .list_row li {float:left; font-size:13px; letter-spacing:-0.02em; padding:0px 8px;}
.list_head .subject {line-height:45px;}
.list_row .subject {position:absolute; left:0px; right:180px; padding:0px 14px; height:45px; text-align:left; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space: nowrap;}
.subject a {line-height:40px;}
.list_head .date, .list_row .date{float:right;}
.list_head .date li{text-align:center; width:100px; padding:11px 3px; line-height:28px;}
.list_head .date .F, .list_row .date .F{width:65px;}
.list_head .date .line{border-left:1px solid #e5e5e5;}
.list_row .date li{font-size:12px; letter-spacing:-0.04em; color:#888; text-align:center; width:100px; padding:0px 3px; line-height:45px;}
.list_body a{color:#333333;}
.reply_area {padding:0px 14px; line-height:45px; font-size:13px; background:#f9f9f9; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.img_reply {background:url('../images/reply.gif') no-repeat 0px 0px; display:inline-block; width:11px; height:13px;}

.list_paginate {height:18px; line-height:18px; margin-top:25px; text-align:center;}
.paging_number {vertical-align:middle; font-size:18px;}
.paging_number a, .paging_number strong {display:inline-block; width:18px;}
.paging_number a {color:#333333;}
.paging_number strong {background:#878c8d; color:#ffffff; font-weight:normal;}
.icon_pre_first {background:url('../images/list_icon.png') no-repeat 1px -32px; display:inline-block; width:13px; height:13px;}
.icon_pre_num {background:url('../images/list_icon.png') no-repeat -18px -32px; display:inline-block; width:13px; height:13px;}
.icon_next_num {background:url('../images/list_icon.png') no-repeat -40px -32px; display:inline-block; width:13px; height:13px;}
.icon_next_last {background:url('../images/list_icon.png') no-repeat -59px -32px; display:inline-block; width:13px; height:13px;}

/* 로그인 페이지 */
.bg {background:url('../images/login_bg.gif')}
.logo{width:190px; margin-top:40px;}
.login_wrap {background:#ffffff; width:100%; position:absolute; top:45%; margin-top:-230px;}
.login_top {height:150px; background:#b7edfd; color:#ffffff; overflow:hidden; text-align:center;}
.login_top h1.title_ko, .login_top h1.title_en {font-size:38px; line-height:0.9em; letter-spacing:-4px; display:inline-block; margin-left:32px;}
.login_top h1.title_en {margin-top:103px;}
.login_subtitle {font-size:14px; color:#444444; line-height:2.0em;}
.login_subtitle1 {font-size:18px; font-weight:bold; color:#444444; line-height:2.0em;}
.login_wrap .contents {padding:28px 0px 0px;}
.id_area {margin:0px 35px 20px; position:relative;}
.login_txt {font-size:15px; margin-bottom:5px;}
.pw_area {margin:0px 35px; position:relative;}
.pw_srch_link {font-size:13px; color:#909cb6; font-family:NanumGothic, '나눔고딕'; margin-top:2px;}
.login_check {font-size:14px; text-align:center; margin:23px 35px;}
.login_btn_area {text-align:center; background:#f9f9f9; padding:15px 0 66px;}

/* 관리자 페이지 */
.admin_wrap {width:100%;  min-width:1000px; overflow:hidden; }
.admin_wrap .top {height:80px;}
.admin_wrap h1.title_ko {margin-left:40px;}
.admin_contents {padding:20px 43px 25px; color:#333333;}
.admin_contents .cont_title {font-size:20px; text-align:left; margin:0px 0px 5px;}
.admin_contents .form_tbl th, .admin_contents .form_tbl td {white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.admin_contents .form_tbl td {border-left:1px solid #e5e5e5; white-space:nowrap;}
.admin_sel {border:1px solid #dfdfdf; background:#ffffff; width:133px; padding:5px; display:inline-block;}
.date_sel {border:1px solid #dfdfdf;  padding:5px; display:inline-block;}
.admin_sel select, .date_sel select {border:0; width:100%; height:18px;}
.srch_btn {margin-left:24px;}
.cont_sub_title {font-size:15px; margin:22px 0px 7px;}
.th_117w {width:83px;}
.result_wrap {border-bottom:1px solid #e5e5e5;}
.result_wrap .form_tbl {table-layout:fixed;}
.result_wrap .form_tbl td {height:48px; padding:0 17px;}
table.type_01 td {text-align:right;}
.td_txt {padding:2px 0px;}
.result_graph_wrap {padding:20px 0px; border-top:2px solid #cfcfcf;}
.result_graph {border:1px solid #dfdfdf; padding:28px;}
.admin_contents .btn_area {text-align:right;}

.srch_condition {border-bottom:1px solid #e5e5e5;}
.srch_condition .srch_btn {text-align:center; margin:7px 0px;}
.srch_condition .form_tbl th {border-left:1px solid #e5e5e5;}
.srch_condition .form_tbl th:first-child {border:0;}
table.type_02 th {text-align:center; border-left:1px solid #e5e5e5;}
table.type_02 th:first-child {border:0;}
table.type_02 td:first-child {border:0;}
.th_112w {width:78px;}
.th_153w {width:119px;}
.th_183w {width:183px;} 
.result_num_wrap {text-align:center; font-size:20px; padding:20px 0px; border-top:2px solid #cfcfcf; margin-top:43px;}
.result_num {margin:0px 3px 0px 40px;}
.align_c {text-align:center;}
.align_l {text-align:left;}
.align_r {text-align:right;}
td.model_name {min-width:119px; overflow:hidden; text-overflow:ellipsis;}
td.company_name {white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}

.srch_area {text-align:center; padding:30px 0px 25px;}
.srch_area .admin_sel {vertical-align:middle;}
.user_list {position:relative;}
.th_36w {width:36px;}
.user_list .form_tbl {table-layout:fixed;}
.user_list .form_tbl th {padding:17px 0px;}
.user_list .form_tbl td {padding:17px 16px; overflow:hidden;}
.user_list .form_tbl td:first-child {padding:17px 0px;}
td.agency {min-width:216px; overflow:hidden; text-overflow:ellipsis;}
.user_list .form_tbl .th_112w {width:112px;}
.user_list .form_tbl .th_216w {width:216px;}
.user_list .btn_area {display:inline-block; margin:0px; position:absolute; bottom:-3px; right:0px;}