@charset "utf-8";

html, body{height:100%;}
#wrap{min-width:1280px; height:100%;}

/* textbox */
.textbox{position: relative;}
.textbox label{position: absolute; top: 1px; left: 1px; padding: .8em .5em; color: #999; cursor: text;}
.textbox input[type="text"],
.textbox input[type="password"]{width: 100%; height: auto; line-height : normal; padding: .8em .5em; font-family: inherit; border: 1px solid #d2d8e0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.btn-text {margin-left: 2px;padding: 6px 8px 4px 8px;height: 35px;line-height: 20px;font-size: 12px;font-weight: bold;background-color: #e1eef1;border: 1px solid #989898;color: #989898;cursor: pointer;float: left;}
.btn-text_r {margin-left: 2px;padding: 6px 8px 4px 8px;height: 35px;line-height: 20px;font-size: 12px;font-weight: bold;background-color: #e1eef1;border: 1px solid #989898;color: #989898;cursor: pointer;float: right;}
.btn-text_r a{margin-left: 2px;padding: 6px 8px 4px 8px;}
.btn-text-n {line-height: 25px; width: 40px; font-weight: bold;background-color: #e1eef1;border: 1px solid #989898;color: #989898;cursor: pointer;}        
.btn-delete {
		float:right; width:15px; height:15px;
		text-indent:-100em; overflow:hidden;
		background:url(/resources/hp/common/images/btn_a_delete.gif) no-repeat; cursor:pointer;
	}        

.fileList ul {list-style:none;margin:0;padding:0;}
.fileList ul li{margin: 0 0 0 0;padding: 0 0 0 0;border : 0;float: left;}


/* login */
.login_warp{position:absolute; width:100%; height:100%; background:url(../images/login_bg.jpg) 50% 50% no-repeat;}
.login_box{position:absolute; top:35%; left:0; right:0; margin:0 auto; width:635px;}
.login_top div{display:inline-block; vertical-align:middle;}
.login_top .login_img{margin-right:28px;}
.login_input{padding:60px 0;}
.login_input .textbox label{display:none !important; padding: 1.125em .5em;}
.login_input .textbox input{padding: 1.125em .5em;}
.login_input li{float:left; margin-left:10px;}
.login_input li:first-child{margin-left:0;}
.login_id, .login_pw{width:255px;}
.login_input .login_id input{padding-left:50px; background:url(../images/icon_people.png) 20px 14px no-repeat; background-color:#fff;}
.login_input .login_pw input{padding-left:50px; background:url(../images/icon_lock.png) 20px 15px no-repeat; background-color:#fff;}
.login_btn input{width:105px; height:47px; text-indent:9999px; border:0; cursor:pointer; background:url(../images/btn_login.png) no-repeat;}
.login_footer{font-size:13px; color:#fff; line-height:150%; text-align:center;}

/* header */
header{position:relative; display:table; width:100%; /*min-width:1024px;*/ height:100px; z-index:5;}
h1{display:table-cell; width:140px; min-width:140px; height:100px; padding:0 38px; vertical-align:middle; background-color:#243444; font-size:0; line-height:0;}

#gnb{display:table-cell;}
.gnb_top{/*min-width:824px;*/ height:40px; padding:0 40px; background-color:#40505f; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
h2{float:left; font-size:12px; color:#fff; line-height:40px;}
.gnb_top .gnb_util{float:right; height:40px; color:#fff; line-height:40px;}
.gnb_top .gnb_util p{display:inline-block;}
.gnb_top .gnb_util:after{content:''; display:block; height:0; clear:both;}
.gnb_top .logout{display:inline-block; width:70px; height:30px; margin-left:10px; text-indent:-9999px; vertical-align:middle; background:url(../images/common/btn_logout.png) no-repeat;}

.gnb_bottom{width:100%; /*min-width:824px;*/ height:60px; border-top:1px solid #304151; border-bottom:1px solid #304151; background-color:#4f5f6f;}
.gnb_m{min-width:1430px;}
.gnb_bottom li{float:left; width:130px;}
.gnb_bottom li a{display:block; padding:0 9px; min-width:52px; height:59px; line-height:59px; font-size:14px; font-weight:bold; color:#f0f3f6; border-right:1px solid #304151; text-align:center;}
.gnb_bottom li a:hover{color:#fff; background-color:#0f5aad;}
.gnb_bottom li.active a{color:#fff; background-color:#0f5aad;}

/* wrap */
#con{display:table; width:100%; height:100%; margin-top:-100px; padding-top:100px;}
#lnb{position:relative; display:table-cell; width:220px; min-width:220px; border-right:1px solid #d2d8e0; background-color:#f0f3f6;}
.con_wrap{/*min-width:804px;*/ display:table-cell; vertical-align:top;}

/* lnb */
#lnb .lnb_title{position:absolute; display:block; width:100%; padding:14px 20px; font-size:14px; background-color:#40505f; color:#fff;}
#lnb a{display:block;}
#lnb ul.dep1{margin-top:44px;}
#lnb ul.dep1 > li > a{padding:14px 40px 14px 20px; font-size:14px; font-weight:bold; color:#4f5f6f; border-bottom:1px solid #d2d8e0;}
#lnb ul.dep1 > li.dep1_menu > a{background:url(../images/common/btn_lnb_bottom_arrow.png) 92% 50% no-repeat;}
#lnb ul.dep1 > li.menu_on > a{color:#fff; border-bottom:1px solid #0f5aad; background:url(../images/common/btn_lnb_bottom_arrow_on.png) 92% 50% #0f5aad no-repeat; }
#lnb ul.dep1 > li.dep1_menu.open > a{color:#fff; border-bottom:1px solid #0f5aad; background:url(../images/common/btn_lnb_bottom_arrow_on.png) 92% 50% no-repeat; background-color:#0f5aad;}
#lnb ul.dep1 > li > a:hover{color:#fff; border-bottom:1px solid #0f5aad; background-color:#0f5aad;}
#lnb ul.dep1 > li.dep1_menu > a:hover{background:url(../images/common/btn_lnb_bottom_arrow_on.png) 92% 50% no-repeat;  background-color:#0f5aad;}

#lnb ul.dep2{background-color:#0f5aad;}
#lnb ul.dep2 > li > a{padding:0 20px 10px 35px; font-size:13px; font-weight:bold; color:#8dc3ff; background:url(../images/common/2dep_bar.png) 21px 7px no-repeat;}
#lnb ul.dep2 > li.active > a{color:#fff; background:url(../images/common/2dep_bar_on.png) 21px 7px no-repeat;} 
#lnb ul.dep2 > li > a:hover{color:#fff; background:url(../images/common/2dep_bar_on.png) 21px 7px no-repeat;}

#lnb ul.dep3{margin-bottom:13px;}
#lnb ul.dep3 > li > a{padding:2px 20px 2px 50px; font-size:13px; font-weight:bold; color:#8dc3ff; background:url(../images/common/3dep_bar.png) 40px 0 no-repeat;}
#lnb ul.dep3 > li.active > a{color:#fff; background:url(../images/common/3dep_bar_on.png) 40px 0 no-repeat;} 
.aco_last{padding-bottom:13px !important;}
#lnb ul.dep3 > li > a:hover{color:#fff; background:url(../images/common/3dep_bar_on.png) 40px 0 no-repeat;} 

/* navi */
#navi{height:43px; border-bottom:1px solid #d2d8e0;}
#navi ul li{float:left;}
#navi ul li.home a{padding:15px 15px 14px 15px;}
#navi ul li a{display: block; float:left; padding:15px 20px 14px 42px; font-weight:bold; color:#4f5f6f; background:url(../images/common/navi_arrow.png) no-repeat;}
#navi ul li:first-child a{background:none;}
#navi ul li strong{display: block; float:left; padding:15px 20px 14px 42px; font-weight:bold; color:#4f5f6f; background:url(../images/common/navi_arrow.png) no-repeat;}

/* sub */
.con_main{/*min-width:745px;*/ padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.t_header{overflow:hidden;}
.t_header > h3 {float:left; margin-right:10px;}
.t_header > p.summary{float:left; margin-top:10px;}
h3{padding-bottom:14px; font-size:24px; color:#4f5f6f;}

select {width: 100%; height:30px; padding:.4125em .4125em; font-family: inherit; color:#4f5f6f; border: 1px solid #d2d8e0; border-radius: 0px; background: url(../images/common/select_bg.png) right 0 no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
input[type="text"], input[type="password"]{vertical-align:top; width: 100%; height: auto; line-height : normal; padding:.488em .5em; font-family: inherit; color:#4f5f6f; border: 1px solid #d2d8e0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.cal_input[type="text"]{width:175px; background:url("../images/common/icon_calendar.gif") no-repeat right 7px center; background-size:18px auto;}
.bs_text{position:relative; z-index:-1; overflow:hidden;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center;}

.search_box{padding:14px 0; margin-bottom:40px; border:1px solid #d2d8e0; border-top:1px solid #4f5f6f; text-align:center;}
.search_select{width:100px;}
.search_select20{width:20%;}
.search_select30{width:30%;}
.search_select50{width:45%;}
.search_input[type="text"]{width:240px;}
.search_input1[type="text"]{width:80%;}
.search_input3[type="text"]{width:50%;}
.search_input4[type="text"]{width:30%;}
.search_input2[type="text"]{width:240px;}
.btn_search{width:60px; height:30px; margin-left:5px; text-indent:-99999px; border:0; cursor:pointer; background:url(../images/common/btn_search.png) no-repeat;}
.label_blue{margin-right:10px; font-size:13px; font-weight:bold; color:#0f5aad;}
.label_item{margin-left:30px;}

/* 한줄에 어려개를 나열해야할때 */
.sel_two{display:inline-block; width:45% !important;}
.sel_three{display:inline-block; width:32% !important;}
.sel_four{display:inline-block; width:20% !important;}
.sel_five{display:inline-block; width:17% !important;}
.sel_six{display:inline-block; width:15% !important;}

.tb_top{text-align:right;}
.tb_top .tb_page{float:left; font-size:13px;}
.tb_top .tb_page em{font-style:normal;}
.tb_top .tb_page .btn_save{width:110px; height:30px; margin-left:15px; border:0; cursor:pointer; background:url(../images/common/btn_excel_down.png) no-repeat;}
.tb_top .tb_number .tb_num_sel{width:120px;}
.tb_num_sel{width:120px;}

.search_list .result{display:inline-block; vertical-align:middle; margin-left:8px;}
.search_list .result:first-child{margin-left:0;}
.search_list .result .icon_delete_btn{width:15px; height:15px; display:inline-block; vertical-align:middle; background:url("../images/common/btn_x.png") no-repeat 0 0; background-size:15px auto; font-size:0;}

.product_select .default{margin-top:0; }
.product_select .delete{margin-top:5px; }
.button_plus{ display:inline-block; vertical-align:top; font-size:0; background:url("../images/common/btn_plus.png") no-repeat 0 0; width:31px; height:30px;}
.button_delete{ display:inline-block; vertical-align:top; font-size:0; background:url("../images/common/btn_x.png") no-repeat 0 0; width:31px; height:30px;}

.text_type01{font-size:13px; color:#474747; vertical-align:top;}
.text_type02{font-size:13px; color:#d20d0d; vertical-align:top;}
.title_line{display:block; position:relative; font-size:16px; color:#333; padding-left:10px;}
.title_line:before{position:absolute; top:50%; -webkit-transform:translateY(-50%) ; transform:translateY(-50%); left:0; width:3px; height:14px; background-color:#0f5aad; content:''; }

.dest_text>p{position:relative; padding-left:10px; margin-top:4px;}
.dest_text>p:first-child{margin-top:0;}
.dest_text>p>span{position:absolute; top:0; left:0;}

/* basic table */
.basic_table{position:relative; margin:10px 0; border-top:3px solid #0f5aad; font-size:13px;}
.basic_table .table2{margin-top:10px; }
.basic_table .table2 tbody tr:first-child td{border-top:1px solid #d2d8e0 !important;}
.basic_table .table2 tbody tr:first-child th{border-top:1px solid #d2d8e0 !important;}
.basic_table table, .search_table table{width:100%;}
.basic_table tr th, .basic_table tr td{padding:10px; text-align:center;}
.basic_table thead tr th{border:1px solid #d2d8e0; border-top:none; border-bottom:1px solid #d2d8e0; background-color:#f0f3f6;}
.basic_table tbody tr th{border:1px solid #d2d8e0; font-weight:normal; background-color:#fff;}
.basic_table tbody tr:first-child th{border-top:none;}
.basic_table tbody tr td{border:1px solid #d2d8e0; background-color:#fff;}
.basic_table tbody tr td a{font-weight:bold; color:#4f5f6f;}
.basic_table tbody tr:first-child td{border-top:none;}
.basic_table tfoot tr th{border:1px solid #d2d8e0; border-top:none; border-bottom:1px solid #d2d8e0;}
.basic_table .th_bot{border-bottom:1px solid #d2d8e0;}

.distCheck{border-top:1px solid #d2d8e0; margin:10px -10px 0 -10px; padding-top:10px;}

.search_table{position:relative; margin:10px 0; border-top:3px solid #0f5aad; font-size:13px;}
.search_table tr th {padding:10px; text-align:center;}
.search_table tr td{padding:10px; text-align:left;}
.search_table thead tr th{border:1px solid #d2d8e0; border-top:none; border-bottom:1px solid #d2d8e0; background-color:#f0f3f6;}
.search_table tbody tr th{border:1px solid #d2d8e0; background-color: #f0f3f6;}
.search_table tbody tr:first-child th{border-top:none;}
.search_table tbody tr td{border:1px solid #d2d8e0; background-color:#fff;}
.search_table tbody tr td a{font-weight:bold; color:#4f5f6f;}
.search_table tbody tr:first-child td{border-top:none;}
.search_table tfoot tr th{border:1px solid #d2d8e0; border-top:none; border-bottom:1px solid #d2d8e0;}
.search_table .th_bot{border-bottom:1px solid #d2d8e0;}
.td_left{text-align:left !important;}
.td_right{text-align:right !important;}
.td_center{text-align:center !important;}

.searchbox_wrap{width:100%; display:table; margin-bottom:40px;}
.searchbox_wrap > *{display:table-cell; vertical-align:middle;}
.searchbox_wrap > .search_table{width:93%; margin:0;}
.searchbox_wrap > .searchT_bottom{width:7%; padding:0; text-align:right; }
.searchbox_wrap > .searchT_bottom .searchBtn{width:80%; height:50px; background-color: #4f5f6f; border: 1px solid #304151; font-size: 15px; font-weight:bold; color: #fff !important;}


.basic_table tr td.td_picture{padding:10px; width:170px; line-height:0;}
.basic_table tr td.td_picture img{width:100%;}
.t_area{padding:10px 0; min-height:184px;}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header .tablesorter-header-inner{display:inline-block; padding:0 18px; background: url(../images/common/sort_basic.png) center right no-repeat; cursor: pointer; white-space:nowrap}
.tablesorter-default .header,
.tablesorter-default .sorter-false .tablesorter-header-inner{background:none;}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner{background: url(../images/common/sort_asc.png) center right no-repeat;}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner{background: url(../images/common/sort_desc.png) center right no-repeat;}
.tablesorter-default thead .sorter-false {background-image: none; cursor: default; padding:12px 4px;}
.tablesorter-default .tablesorter-processing {background:url(../images/common/loading.gif) center center no-repeat; !important;}

/* pagenation */
.pagenation{clear:both; padding:20px 0; text-align:center;}
.pagenation ul{display:inline-block;}
.pagenation ul li{float:left;}
.pagenation ul li.active{display:inline; color:#1a8769; font-weight:bold;}
.pagenation ul li.first_num a{background:none;}
.pagenation ul li.last_num a{border-right:1px solid #d2d8e0;}
.pagenation ul li a img{border:none;}
.pagenation ul li a{display:block; width:30px; height:30px; line-height:28px; position:relative; color:#4f5f6f; font-weight:bold; text-align:center; text-decoration:none;  border-top:1px solid #d2d8e0; border-bottom:1px solid #d2d8e0; background:url(../images/common/page_line.png) left repeat-y; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.pagenation ul li a:hover{background-color:#0f5aad; color:#fff; font-weight:bold; border-top:1px solid #0f5aad; border-bottom:1px solid #0f5aad; background-image:none;}
.pagenation ul li.active a{background-color:#0f5aad; color:#fff; font-weight:bold; border-top:1px solid #0f5aad; border-bottom:1px solid #0f5aad; background-image:none;}
.pagenation ul li.pre{margin-right:10px; border-right:1px solid #d2d8e0;}
.pagenation ul li.next{margin-left:10px;}
.pagenation ul li.last{border-right:1px solid #d2d8e0;}
.pagenation ul li.pre a:hover, .pagenation ul li.first a:hover, .pagenation ul li.next a:hover, .pagenation ul li.last a:hover{border-top:1px solid #d2d8e0; border-bottom:1px solid #d2d8e0; background:url(../images/common/page_line.png) left repeat-y;}

.table_bottom{position:relative;}
.searchT_bottom{position:relative; padding:20px 0;}
.searchT_bottom > label {display:block; height:30px;}

/* button */
.btn_button{display:inline-block; width:60px; height:30px; line-height:28px; border:0; cursor:pointer; vertical-align:top; text-align:center; }
.btn_button2{display:inline-block; padding:0 12px; height:30px; line-height:28px;  border:0; cursor:pointer; vertical-align:top; text-align:center;}
.btn_ap_left{position:absolute; top:20px; left:0;}
.btn_ap_right{position:absolute; top:20px; right:0;}
.btn_delete{width:60px; height:30px; background:url(../images/common/btn_delete.png) no-repeat;}
.btn_change{width:60px; height:30px; background:url(../images/common/btn_change.png) no-repeat;}
.btn_ok{background:url(../images/common/btn_ok.png) no-repeat;}
.btn_cancle{background:url(../images/common/btn_cancle.png) no-repeat;}
.btn_padding{padding:20px 0; text-align:center;}
.btn_write{background:url(../images/common/btn_write.png) no-repeat;}
/* .btn_list{background:url(../images/common/btn_list.png) no-repeat;} */
.btn_modify{background:url(../images/common/btn_modify.png) no-repeat;}
.btn_overlap_check{width:86px; margin-left:5px; background:url(../images/common/btn_overlap_check.png) no-repeat;}
.btn_search_see{width:86px; margin-left:5px; background:url(../images/common/btn_search_see.png) no-repeat;}
.btn_regist{background:url(../images/common/btn_regist.png) no-repeat;}
.btn_close{background:url(../images/common/btn_close.png) no-repeat;}
.btn_complet{background:url(../images/common/btn_completion.png) no-repeat;}
.btn_move{background:url(../images/common/btn_move.png) no-repeat;}
.btn_app{background:url(../images/common/btn_app.png) no-repeat;}
.btn_reply{background:url(../images/common/btn_reply.png) no-repeat;}
.btn_more{background:url(../images/common/btn_more.png) no-repeat;}
.btn_out{background:url(../images/common/btn_out.png) no-repeat;}
.btn_down{background:url(../images/common/btn_down.png) no-repeat;}
.btn_choice{background:url(../images/common/btn_choice.png) no-repeat;}
.btn_ipin{background:url(../images/common/btn_ipin.png) no-repeat;}
.btn_application{background:url(../images/common/btn_application.png) no-repeat;}
.btn_retraction{background:url(../images/common/btn_retraction.png) no-repeat;}
.btn_detail_view{background:url(../images/common/btn_detail_view.png) no-repeat;}
.btn_short_cut{background:url(../images/common/btn_short_cut.png) no-repeat;}
.btn_excel_down{width:110px; height:30px; margin-left:15px; border:0; cursor:pointer; background:url(../images/common/btn_excel_down.png) no-repeat;}

.btn_basic{width:100%; margin-top:20px; text-align:center;}
.btn_basic.type01{margin-top:0; text-align:right;}
.btn_basic:after{clear:both; content:''; display:block; }
.btn_basic .btn_left{float:left}
.btn_basic .btn_right{float:right}

.btn_type01{background-color:#4f5f6f; border:1px solid #304151;font-size:13px; color:#fff !important;}
.btn_type02{background-color:#fff; border:1px solid #304151;font-size:13px; color:#304151 !important;}

/* gray_table */
.gray_table_ver table{font-size:13px;}
.gray_table_ver table tbody tr th{line-height:180%; font-weight:bold; border-bottom:1px solid #d2d8e0; background-color:#f0f3f6;}
.gray_table_ver table tbody tr td{line-height:180%; border-bottom:1px solid #d2d8e0;}
.gray_table_ver table tbody tr th[scope=row]{width:130px; min-width:130px;}
.gray_table_ver tr th, .gray_table_ver tr td{padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.td_is{padding:0 20px !important;}
a.download{display:inline-block; font-weight:normal !important; line-height:130%; border-bottom:1px solid #6f7c8a;}
.board_notice{vertical-align:middle;}
.board_new{vertical-align:top;}
.board_multi{font-style:normal; vertical-align:top;}
.board_notice_line tr th, .board_notice_line tr td{background-color:#f9f9f9 !important;}


/* file_download */
.file_down_text{display:inline-block; padding-left:20px; background:url(../images/common/icon_file.png) 0 5px no-repeat;}
.file_down_text span{display:inline-block; font-weight:normal !important; line-height:130%; border-bottom:1px solid #6f7c8a;}
.fd_count{margin-left:5px;}

/* comment */
.comment{margin-top:22px; border-top:1px solid #4f5f6f; border-bottom:1px solid #4f5f6f;}
.comment > li{padding:15px 20px; border-top:1px solid #d2d8e0;}
.comment > li:first-child{border-top:none;}
.comment_btn{display:inline-block; vertical-align:middle; margin-left:10px;}
.comment_btn li{float:left; padding:0 3px;}
.c_t_change{display:inline-block; color:#0f5aad;}
.c_t_delete{display:inline-block; color:#d04242;}
.comment_basic{margin-top:10px; line-height:150%;}
.comment_enter_box{position:relative;}
.comment_e_a_box{display:block; margin-right:65px;}
.comment_enter_area{width:100%; height:60px; margin-right:60px; padding:10px; border:1px solid #d2d8e0; color:#4f5f6f; overflow:auto; resize:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn_comment_ok{position:absolute; top:0; right:0; width:60px; height:60px; background:url(../images/common/btn_comment_ok.png) no-repeat;}

.title_max{display:inline-block; max-width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.td_wrap_max{max-width:211px;}

/* radio */
.checks_radio li{float:left; margin-left:10px;}
.checks_radio li:first-child{margin-left:0;}
.checks_radio input[type="radio"]{margin:0; vertical-align:middle;}

/* filebox */
.file_download_box li{margin-top:5px;}
.file_download_box li:first-child{margin-top:0;}
.file_count{position:absolute; top:3px; left:0;}
.file_box{position:relative; padding:0; vertical-align:top;}
.file_delete{position:absolute; top:0; right:0;}
.file_upload{position:relative; display:inline-block; width:100%; padding-right:90px; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.file_upload input[type="file"]{position: absolute;width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.file_upload label{position:absolute; top:0; right:0; display: inline-block; width:86px; height:30px; line-height:30px; vertical-align:top; cursor: pointer; background:url(../images/common/btn_back.png) no-repeat; color:#fff; text-align:center;}
.file_upload .upload-name{display: inline-block; width:100%; padding: .5em .75em; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.padding_six{padding:6px 20px !important;}

.sort_select{width:200px;}
.check_notice{margin-left:10px;}
.check_notice:first-child{margin-left:0;}
.check_notice input{margin:0; margin-right:3px; vertical-align:middle;}

.caren_input{width:40% !important;}
.admin_select{width:150px !important;}
.email_input{width:100px !important;}
.call_input{width:80px !important;}
.basic_table tbody tr td.none_page{border-left:1px solid #fff; border-right:1px solid #fff;}

/* password check */
.pw_check_table{display:none; margin-top:20px; border-top:1px solid #d2d8e0;}
.pw_check_box{padding:20px 0 0 20px;}
.check_pw{margin:0; vertical-align:middle;}

/* modal */
.overlay{position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none;}
.popup{position:fixed; top:35%; left:0; right:0; margin:0 auto; z-index: 11; display:none;}
.popup .basic_btn{padding:0;}
.popup_title{padding:10px 20px; font-size:14px; color:#fff; background-color:#40505f;}
.popup_main{padding:20px; text-align:center; border:1px solid #d2d8e0; background-color:#fff;}
.popup_p{padding:20px; font-size:13px; line-height:150%; text-align:center;}
.popup_p strong{color:#000;}
.pop_close{margin-top:20px;}
.pop_email_input{width:200px !important;}

.email_pop{width:450px;}

.red{color:#d04242;}
.code_input{width:280px !important;}

/* win_pop */
.win_pop{padding:20px; max-width:700px;}

/* footer */
footer{text-align:right;}
footer p.address{padding:0 40px 40px 40px;}

@media all and (min-width:1400px){
    .title_max{max-width:85%;}
}

/* 2015-10-30 추가 수정 */
.info_caption{display:none; padding-bottom:30px;}
.tb_top .tb_page .btn_all_ok{width:138px; height:30px; margin-left:5px; border:0; cursor:pointer; vertical-align:top; background:url(../images/common/btn_all_ok.png) no-repeat;}

/* 2015-11-07 추가 수정 */
.sort_title{display:inline-block; padding-right:18px; background: url(../images/common/sort_basic.png) center right no-repeat; cursor: pointer; white-space:nowrap}
.sort_asc{display:inline-block; padding-right:18px;background: url(../images/common/sort_asc.png) center right no-repeat; cursor: pointer; white-space:nowrap}
.sort_desc{display:inline-block; padding-right:18px;background: url(../images/common/sort_desc.png) center right no-repeat; cursor: pointer; white-space:nowrap}

/* 2015-11-09 추가 수정 */
.c_t_reply{display:block; width:100%; margin-top:10px; padding:10px;}
.pw_check_table1{display:block;}
.c_t_ok{color:#4f5f6f;}

/* 2015-11-13 수정 */
.file_cell{display:table; width:100%;}
.file_cell li{display:table-cell; width:70%;}
.fc_log{padding-left:20px; width:30%;}
.file_name_box{line-height:30px; display:inline-block; vertical-align:middle;}

/*2015-11-24 수정 */
.re_radio{border-top:1px solid #d2d8e0;}


/* 2016-03-16 수정 */
.basic_table{table-layout:fixed; word-break:break-all;}

.formPop{width:810px; margin:0 auto;}

.fP_sbox{position:relative; padding:20px 30px;}
.fP_reset{position:absolute; top:20px; right:30px;}
.fP_title{padding:20px 30px; font-weight:bold; font-size:18px; color:#fff; background-color:#0f5aad;}
.fP_tab li{float:left; margin-left:30px; padding:6px 0;}
.fP_tab li:first-child{margin-left:0;}

.fP_s_title{display:inline-block; width:80px; padding:10px 20px; font-weight:bold; color:#fff; background-color:#0f5aad; box-sizing: border-box; text-align:center;}
.fP_lr_box{display: inline-block; width:100%; margin-top:20px;}
.fP_left{float:left; width:55%;}
.fP_left:after{content:''; display:block; clear:both;}
.fP_right{float:right; width:40%;}
.fP_right:after{content:''; display:block; clear:both;}

.fP_lr_box .basic_table th{padding:2px;}
.fP_lr_box .basic_table td{padding:2px 10px; text-align:left; font-size:12px;}
.fP_sbox > .basic_table th, .fP_sbox > .basic_table td{padding:2px;}

.max_table{max-height:265px; overflow:auto;}

.checks input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;    clip:rect(0,0,0,0); border: 0;}
.checks input[type="radio"] + label {display: inline-block; position: relative; padding-right: 30px; font-weight:bold; font-size:16px; color:#4f5f6f; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.checks input[type="radio"] + label:before {content: ''; position: absolute; right: 0; top: 0; width: 18px; height: 18px;
    text-align: center; background: #fff; border: 1px solid #aaaaaa; border-radius: 100%;}
.checks input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 5px; right: 5px; width: 10px; height: 10px; background: #0f5aad; border-radius: 100%;}

.btn_green{display:inline-block; width:80px; margin-top:10px; padding:10px 20px; font-weight:bold; color:#fff; background-color:#25ad0f; box-sizing: border-box; text-align:center;}

/* Layer popup */
#layerBg{width:100%; height:100%; background-color: #000; position:fixed; left:0; top:0; z-index:13; opacity:0.5;}
.layerArea{background-color:#fff; position:fixed; left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); z-index:14; display:none;}
.layerArea>.titArea{height:60px; position: relative; background-color:#0f5aad; }
.layerArea>.titArea .title{font-size:20px; line-height:1; color:#fff; position:absolute; top:50%; -webkit-transform:translateY(-50%) ; transform:translateY(-50%) ; left:23px;}
.layerArea>.titArea>.closeLy{display:inline-block; position: absolute; right:23px; top:50%; -webkit-transform:translateY(-50%) ; transform:translateY(-50%) ;}
.layerArea .contLy{padding:20px;}
.layerArea .contLy .searchBox{position:relative; padding:10px 20px; background-color:#f0f3f6; border:1px solid #d2d8e0;}
.layerArea .contLy .searchBox .inputWrap{width:100%; padding-right:70px;}
.layerArea .contLy .searchBox .btn_button{position:absolute; top:10px; right:20px; }
