@charset "utf-8";

html, body{min-height:100%;} /* 2017-06-05 수정 */
#wrap{min-width:1200px; height:100%;}

/* header */
header{position:relative; display:table; width:100%; /*min-width:1024px;*/ height:80px; z-index:5;}
h1{display:table-cell; width:112px; min-width:112px; height:80px; text-align:center; vertical-align:middle; background-color:#243444; font-size:0; line-height:0;}

/* gnb */
#gnb{display:table-cell;}
.gnb_top{height:40px; padding:0; background-color:#40505f; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:table; table-layout:fixed; width:100%;}
.gnb_top h2{display:table-cell; width:50%; height:40px; font-size:12px; color:#fff; vertical-align:middle; padding-left:15px;}
.gnb_top .gnb_welcome{display:table-cell; width:50%; height:40px; font-size:12px; color:#fff; vertical-align:middle; padding-left:15px;}
.gnb_top .gnb_util{display:table-cell; width:50%; height:40px; color:#fff; font-size:0; text-align:right; vertical-align:middle; padding-right:6px;}
.gnb_top .gnb_util p{display:inline-block; vertical-align:middle; font-size:12px; max-width:300px; max-width:calc(100% - 290px);}
.gnb_top .gnb_util .logout{display:inline-block; min-width:70px; min-height:30px; line-height:1.2em; color:#fff; vertical-align:middle; background:#2d3b48; border:1px solid #273544; text-align:center; padding:7px 16px; font-size:12px; margin:3px 0 3px 5px;}
.gnb_top .gnb_util .lang{display:inline-block; vertical-align:middle; height:30px; line-height:30px; font-size:12px;  margin:3px 0 3px 5px; max-width:100%;}
.gnb_top .gnb_util .lang_select{/*width:80px;*/ height:29px; background-color:#fff;}
.gnb_top .gnb_util:after{content:''; display:block; height:0; clear:both;}
.gnb_top .gnb_util .category{display:inline-block; margin-left:25px; vertical-align:middle; font-size:12px;}
.gnb_top .gnb_util .category:after{content:''; display:block; clear:both;}
.gnb_top .gnb_util .category li{float:left; display:none;}
.gnb_top .gnb_util .category li.active{display:block;}
.gnb_top .gnb_util .category li a {display:block; padding:7px 18px; min-width:52px; min-height:30px; line-height:1.2em; font-size:12px; font-weight:bold; background-color:#21466f; color:#fff; border:1px solid #1b3d62; text-align:center; margin:3px 0 3px 5px;}
.gnb_top .gnb_util .category li:first-child.active a{color:#fff; background-color:#0f5aad; border-color:#07468b;}
.gnb_top .gnb_util .category li:last-child.active a{color:#fff; background-color:#21466f; border-color:#1b3d62;}
.gnb_top + .gnb_top{border-top:1px solid #304151;}
.gnb_bottom{display:block; min-height:40px; border-top:1px solid #304151; border-bottom:1px solid #304151; background-color:#4f5f6f;}
.gnb_m{min-width:980px; width:100%; display:none; position: relative;}
.gnb_m.active{display:table; table-layout:fixed;}
.gnb_m > li{border-right:1px solid #304151; display:table-cell; width:153px; height:40px; vertical-align:middle; position:relative;}
.gnb_m > li.menu_100{border-right:1px solid #304151; display:table-cell; width:auto; height:40px; vertical-align:middle; position:relative;}/* Jeongho.Park modify 2017/07/03 */
.gnb_m > li a{display:table; table-layout:fixed; width:100%; height:100%; padding:5px 15px; font-size:13px; font-weight:bold; color:#f0f3f6; text-align:left;}
.gnb_m > li a .gnb_txt{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.gnb_m > li:hover{background-color:#0f5aad;}
.gnb_m > li a:hover{color:#fff;}
.gnb_m > li.active{background-color:#0f5aad;}
.gnb_m > li.active a{color:#fff;}
.gnb_m ul.dep2{ display:none; padding-top:1px; position:absolute; width:178px;}
.gnb_m ul.dep2 li {background-color:#f0f3f6; float:none; width:auto;}
.gnb_m ul.dep2 li a{display:block; padding:10px 15px; height:auto; border:none; line-height:20px; font-size:12px; text-align:left;}
.gnb_m ul.dep2 li:hover a {background-color:#0f5aad; color:#fff;}
.gnb_m ul a { color: black; }
.gnb_m ul ul { left: 100%; top: 0; }
.gnb_m ul ul li {float:left; margin-right:10px;}

/* wrap */
/* #con{display:block; width:100%; height:100%; margin-top:-133px; padding-top:133px; margin-bottom:-44px; padding-bottom:44px;} */
#con{display:block; width:100%; height:100%; margin-top:-133px; padding-top:133px; padding-bottom:44px;}
.con_wrap{display:none; vertical-align:top;}

/* navi */
#navi{border-bottom:1px solid #d2d8e0;}
#navi > ul{display:table; table-layout:fixed;}
#navi > ul li{display:table-cell; border-left:1px solid #d2d8e0; max-width:400px; vertical-align:middle;}
#navi > ul li:first-child{border-left:0 none;}
#navi > ul li.home{width:44px;}
#navi > ul li.home a{padding:15px 15px 14px 15px;}
#navi > ul li a{display: block; float:left; padding:15px 10px 14px 10px; font-weight:bold; color:#4f5f6f; min-width:160px;}
#navi > ul li span{display: block; float:left; padding:15px 10px 14px 10px; font-weight:bold; color:#4f5f6f; min-width:160px;} /* jeongho.Park add */
#navi > ul li:first-child a{min-width:44px;}
#navi > ul li strong{display: block; float:left; padding:15px 10px 14px 10px; font-weight:bold; color:#4f5f6f; min-width:160px;}

/* sub */
.con_main{/*min-width:745px;*/ padding:20px 20px 30px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.t_header{display:table; padding-bottom:10px;}
.t_header > h3 {display:table-cell; font-size:22px; color:#4f5f6f; margin-right:10px; white-space:nowrap;}
.t_header > p.summary{display:table-cell; padding:0 0 1px 5px; vertical-align:bottom;}
.ts_header{padding:5px 0;}
.ts_header > h4{background:url(../images/common/ico_subtitle.png) no-repeat left center; color:#0f5aad; font-size:13px; padding-left:23px;}

/* form controls */
select {/*width: 100%;*/ /*min-width:80px;*/ max-width:100%; height:26px; padding:.3125em 3em .3125em .3125em; 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; font-size:12px; line-height:14px;}
select::-ms-expand {display: none;}
input[type="text"], input[type="password"]{vertical-align:top; width: 100%; height:26px; line-height : 12px; padding:.488em .5em; 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;}
textarea{width:100%; height:100%; border: 1px solid #d2d8e0; margin-top:7px;}
.search_select{/*width:100px;*/}
.search_input{width:240px;}
.search_input.type01, .search_input1{width:80%;}
.cal_input.hasDatepicker{width:120px; background:url(../images/common/icon_calendar.gif) no-repeat right 7px center; background-size:18px auto;}
.cal_input.hasDatepicker + span{line-height:26px;}
.check_notice{margin-left:10px;}
.check_notice:first-child{margin-left:0;}
.check_notice input{margin:0; margin-right:3px; vertical-align:middle;}
.check_notice span{vertical-align:middle;}
select.sel_type01{width:auto; max-width:100%; padding-right:34px;}

/* button wrap */
.searchT_bottom{position:relative; padding:10px 0;}
.searchT_bottom > label {display:inline-block; height:30px;}
.btn_basic{width:100%; margin-top:20px; text-align:center; font-size:0;}
.btn_basic.type01{margin-top:0; text-align:right;}
.btn_basic.type02{margin-top:0; text-align:left; width:auto;}
/*.btn_basic.type03{position:absolute; top:0; right:0; margin-top:-40px; width:auto;}*/
.btn_basic.type03{margin-top:0; text-align:right;}
.btn_basic:after{clear:both; content:''; display:block; }

/* button */
.btn_search{min-width:60px; height:30px; margin-left:5px; color:#fff; font-size:12px; border:1px solid #0f5aad; cursor:pointer; background:#0f5aad;}
.btn_button{display:inline-block; min-width:60px; max-width:100%; height:auto; line-height:1.2; border:0; cursor:pointer; vertical-align:top; text-align:center; font-size:12px; padding:7px 10px; margin-left:5px; word-break:break-all;}
.btn_button.btn_type01{background-color:#4f5f6f; border:1px solid #304151; color:#fff;}
.btn_button.btn_type02{background-color:#fff; border:1px solid #304151; color:#4f5f6f;}
.btn_button.btn_type03{background-color:#ececec; border:1px solid #304151; color:#304151;}
.btn_button.btn_publ{background-color:#1d8ad5; border:1px solid #1871ab;  color:#fff;}
.btn_button.btn_upload{background:#25ad0f; border:1px solid #1a9207; color:#fff;}
.btn_button.btn_download{background:#fff; border:1px solid #1a9207; color:#25ad0f;}
.btn_button.btn_invalid{background:#ff7f7f; border:1px solid #ff7f7f; color:#202124;}
.btn_basic .btn_button:last-child{margin-right:0;}

.search_table .btn_button, .basic_table .btn_button { height:26px; padding:5px 10px;}

/* button position */
.btn_ap_right{position:absolute; top:10px; right:0;}

/* text icon */
.ico_txt{display:inline-block; font-size:11px; vertical-align:top; line-height:1;}
.ico_txt.ico_notice{background:#0f5aad; border:1px solid #304151; border-radius:3px; color:#fff; padding:2px 4px;}
.ico_txt.ico_new{background:#465fff; border:1px solid #465fff; border-radius:3px; color:#fff; padding:0px 3px; font-size:8px;}

/* text align */
.td_left{text-align:left !important;}
.td_right{text-align:right !important;}
.td_center{text-align:center !important;}

/* font style */
.td_bold{font-weight:bold;}


/* table */
.table_box{position:relative;}

/* table - layout */
.t_header + .basic_table{margin:10px 0;}
.table_box + .ts_header{margin:20px 0 0;}
.basic_table + .ts_header{margin:20px 0 0;}

/* table - search */
.search_table{position:relative; margin:10px 0 0; border-top:3px solid #0f5aad; font-size:12px;}
.search_table table{width:100%; table-layout:fixed;}
.search_table tr th, .search_table tr td {padding:3px 10px;}
.search_table tr th {text-align:center;}
.search_table tr td {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;}
.search_table tbody tr .td_nobd_r{border-right:0 none;}
.search_table tbody tr .td_nobd_l{border-left:0 none;}


/* table - top */
.tb_top{text-align:right;}
.tb_top:after{content:''; display:block; clear:both;}
.tb_top .tb_page{float:left; font-size:12px;}
.tb_body{width:100%;}
.tb_bottom{min-height:73px; position:relative;}
.tb_bottom .tb_page{font-size:12px; position:absolute; top:27px; left:0;}
.tb_bottom .tb_number{ position:absolute; top:20px; right:0;}
.tb_page em{font-style:normal;}

/* table - basic */
.basic_table{position:relative; border-top:3px solid #0f5aad;  margin:5px 0 0; font-size:12px; width:100%; overflow-x:auto;}
.basic_table table{table-layout:fixed; width:100%;}
.basic_table tr th, .basic_table tr td{padding:5px 10px; text-align:center; line-height:16px; height:33px;}
.basic_table tbody tr th{border:1px solid #d2d8e0; font-weight:normal; background-color:#fff;}
.basic_table thead tr th{border:1px solid #d2d8e0; border-top:none; border-bottom:1px solid #d2d8e0; background-color:#f0f3f6;}
.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 tbody tr td.none_page{border-left:1px solid #fff; border-right:1px solid #fff;}
.basic_table tfoot tr th{border:1px solid #d2d8e0; border-top:none; border-bottom:1px solid #d2d8e0;}
.basic_table .board_notice tr th, .basic_table .board_notice tr td{background-color:#f9f9f9;}
.basic_table .board_total tr th, .basic_table .board_total tr td{color:#0f5aad; font-weight:bold;}
/*
.basic_table tbody tr.highlight {background-color:#FF4848;}
.basic_table tbody tr.highlight td{background:none;color:white;}
.basic_table tbody tr.highlight td a {color:aqua;}
*/
.basic_table tbody tr.highlight td{color:red;}

.basic_table tbody tr .td_nobd_r{border-right:0 none;}
.basic_table tbody tr .td_nobd_l{border-left:0 none;}
.basic_table tbody tr td a { /*text-decoration: underline;*/ color:#1d8ad5; }
.basic_table.type01 tbody tr th{font-weight:bold;}
.basic_table.type01 tbody tr td{font-weight:bold;}

.basic_table.responsive-table{overflow-x:auto;}
.basic_table.responsive-table table{table-layout:auto; width:auto; border-collapse: collapse;}

/* table - view */
.view_table table{font-size:12px; width:100%; width:calc(100% - 1px);}
.view_table table tbody tr th{line-height:1.8; font-weight:bold; border-bottom:1px solid #d2d8e0; background-color:#f0f3f6;}
.view_table table tbody tr td{line-height:1.8; border-bottom:1px solid #d2d8e0;}
.view_table tr th, .view_table tr td{padding: 3px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.title_max > a{display:inline-block; max-width:80%; max-width:calc(100% - 60px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.title_max .board_multi{font-style:normal; vertical-align:top;}
.t_area{width:100%; height:200px; padding:.488em .5em; 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;}

/* table  - sort-table */
.sort_table .tablesorter-header .tablesorter-header-inner{display:inline-block; position:relative; padding-right:15px;}
.sort_table .tablesorter-header .tablesorter-header-inner:after{content:'';background:url(../images/common/sort_default.png) no-repeat center center;  display:inline-block; width:9px; height:15px; position:absolute; top:50%; right:0; margin-top:-8px;}
.sort_table .tablesorter-header.tablesorter-headerAsc .tablesorter-header-inner:after{background:url(../images/common/sort_asc.png) no-repeat center center;}
.sort_table .tablesorter-header.tablesorter-headerDesc .tablesorter-header-inner:after{background:url(../images/common/sort_desc.png) no-repeat center center;}
.sort_table .tablesorter-header.sorter-false .tablesorter-header-inner:after{display:none;}

/* 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:27px; vertical-align:top; cursor: pointer; background:#4f5f6f; color:#fff; text-align:center;}
.file_upload .upload-name{display: inline-block; width:100%; padding: .5em .75em; font-size: 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;}
.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;}
.file_cell{display:table; width:100%;}
.file_cell li{display:table-cell; width:70%;}
.file_cell li.fc_log{padding-left:20px; width:30%;}
.file_name_box{line-height:30px; display:inline-block; vertical-align:middle;}
.file_cell .file_upload .upload_path{background:none; width:100%;}

/* 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; min-width:30px; width:auto; 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; border-left:1px solid #d2d8e0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding : 0 3px;}
.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.first{}
.pagenation ul li.first > a{text-indent:-9999px; background:url(../images/common/btn_first.png) no-repeat center center; border-left:1px solid #d2d8e0;}
.pagenation ul li.pre{margin-right:10px; border-right:1px solid #d2d8e0;}
.pagenation ul li.pre > a{text-indent:-9999px; background:url(../images/common/btn_prev.png) no-repeat center center; border-left:1px solid #d2d8e0;}
.pagenation ul li.next{margin-left:10px;}
.pagenation ul li.next > a{text-indent:-9999px; background:url(../images/common/btn_next.png) no-repeat center center; border-left:1px solid #d2d8e0;}
.pagenation ul li.last{border-right:1px solid #d2d8e0;}
.pagenation ul li.last > a{text-indent:-9999px; background:url(../images/common/btn_last.png) no-repeat center center; border-left: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;}
.pagenation ul li.first > a, .pagenation ul li.pre > a, .pagenation ul li.next > a, .pagenation ul li.last > a {width:30px;}

/* layer popup */
.popup-wrap .popup-layer{display:none;}
.popup-wrap .ui-widget-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:Alpha(Opacity=70);}
.popup-wrap .ui-widget{font-weight:400; font-size:12px; color:#4f5f6f;}
.popup-wrap .ui-dialog{border:0 none; background:#fff; border-radius:0px; padding:0;}
.popup-wrap .ui-dialog .ui-dialog-titlebar{background:#fff; border:0 none; border-bottom:1px solid #d2d2d2; padding:1.3em 2.5em;}
.popup-wrap .ui-dialog .ui-dialog-title{font-size:18px;}
.popup-wrap .ui-dialog .ui-dialog-titlebar-close{height:27px; width:27px; padding:0; background:#fff; border:0 none; border-radius:0; right:2.5em;}
.popup-wrap .ui-button-icon-only .ui-icon{background:#fff url(../images/common/btn_layer_close.png) no-repeat; border:0 none; border-radius:0; height:27px; width:27px; margin-top:-13px; margin-left:-13px}
.popup-wrap .ui-icon-closethick{background-position:center center;}
.popup-wrap .ui-dialog .ui-dialog-content{padding:1.667em 2.5em;}

/* login */
.login_warp{position:absolute; width:100%; height:100%; background:#243444; min-height:768px;}
.login_box{position:absolute; top:50%; left:0; right:0; margin:-300px auto 0; width:272px;}
.login_top div{display:block; text-align:center; vertical-align:middle;}
.login_top .login_img{color:#fff; font-size:30px; padding:24px 0 34px;}
.login_input{border-top:1px solid #828282;}
.login_input .textbox label{display:none !important; padding: 1.125em .5em;}
.login_input .textbox input{padding: 1.125em .5em;}
.login_input li{border-bottom:1px solid #828282; margin-left:0px; padding:12px 0;}
.login_input li:last-child{border-bottom:0 none; padding:36px 0 0;}
.login_id, .login_pw{width:255px;}
.login_input .login_id input{padding-left:50px; background:transparent url(../images/common/icon_people.png) 20px center no-repeat; border:0 none; font-size:15px; color:#aba8a7;}
.login_input .login_pw input{padding-left:50px; background:transparent url(../images/common/icon_lock.png) 20px center no-repeat; border:0 none; font-size:15px; color:#aba8a7;}
.login_btn input{width:272px; height:56px; border:0 none; border-radius:5px; font-size:20px; color:#fff; font-weight:400; cursor:pointer; background:#0f5aad;}
.login_footer{font-size:11px; color:#fff; line-height:60px; text-align:center; position:absolute; bottom:0; left:0; width:100%; background:#243444;}
.login_input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#aba8a7;}
.login_input input::-moz-placeholder { /* Firefox 19+ */color:#aba8a7;}
.login_input input:-ms-input-placeholder { /* IE 10+ */color:#aba8a7;}
.login_input input:-moz-placeholder { /* Firefox 18- */color:#aba8a7;}
.login_input .placeholder { color:#aba8a7; }

/* login - dialog */
#dialog-box .ui-widget-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.3; filter:Alpha(Opacity=30);}
#dialog-box .ui-dialog{border:2px solid #0f5aad; background:#fff; border-radius:0px;}
#dialog-box .ui-dialog-titlebar{display:none;}
#dialog-box .ui-dialog-content{padding:20px; text-align:center;}
#dialog-box .ui-dialog-content .dialog_msg{color:#4f5f6f; font-size:16px; line-height:1.4;}
#dialog-box .ui-dialog-buttonpane{padding:0 0 23px 0; text-align:center; border:0 none; margin-top:0;}
#dialog-box .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;}
#dialog-box .ui-dialog-buttonpane .ui-button{background:#4f5f6f; border:1px solid #304151; color:#ffffff; padding:0 16px; font-size:12px; line-height:30px;}

/* alert, confirm - dialog */
#dialogWrap .ui-widget-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:Alpha(Opacity=70); z-index:200 !important;}
#dialogWrap .ui-dialog{border:2px solid #0f5aad; background:#fff; border-radius:0px; min-width:400px; max-width:600px;  z-index:201 !important;}
#dialogWrap .ui-dialog-titlebar{border:0 none; background:#fff; padding-top:10px;}
#dialogWrap .ui-dialog-titlebar .ui-dialog-title{visibility:hidden;}
#dialogWrap .ui-dialog .ui-dialog-titlebar-close{border:0 none; border-radius:0; right:11px; background:#fff;}
#dialogWrap .ui-dialog-titlebar .ui-button .ui-icon{background:#fff url(../images/common/btn_layer_close02.png) no-repeat center center;}
#dialogWrap .ui-dialog-content{padding:20px; text-align:center;}
#dialogWrap .ui-dialog-content .dialogMessage{color:#4f5f6f; font-size:16px; line-height:1.4;}
#dialogWrap .ui-dialog-buttonpane{padding:0 0 23px 0; text-align:center; border:0 none; margin-top:0;}
#dialogWrap .ui-dialog-buttonpane .ui-dialog-buttonset{float:none; padding-top:.5em;}
#dialogWrap .ui-dialog-buttonpane .ui-button{background:#4f5f6f; border:1px solid #304151; border-radius:0; color:#ffffff; padding:8px 16px; font-size:12px; line-height:1.2; margin:0 .4em .5em 0;}
#dialogWrap .ui-dialog-buttonpane .ui-button.btn_no{background-color:#fff; border:1px solid #304151; font-size:12px; color:#304151;}

/* footer */
footer{position:fixed; bottom:0; text-align:right; width:100%; background:#fff; border-top:1px solid #d2d8e0;} /* 2017-05-24 수정 */
footer p.address{padding:10px 20px;} /* 2017-05-24 수정 */

/* error */
.error_warp{display:table; width:100%; height:100%;}
.error_warp .error_box{display:table-cell; vertical-align:middle; text-align:center;}
.error_warp .error_box .msg_title{font-size:40px; line-height:1.4em; color:#2e5498; padding:0 60px;}
.error_warp .error_box .msg_detail{font-size:14px; line-height:1.5em; color:#4f5f6f; margin:30px 0; padding:0 200px;}

/* layout */
.div_wrap{display:table; table-layout:fixed;}
.div_col{display:table-cell;}
.div_col.col_left{padding-right:10px;}
.div_col.col_right{padding-left:10px;}
.col02 .div_col{width:50%;}

/* color */
.red{color:#d04242;}

/* jquery ui re-style */
.ui-widget{font-weight:400; font-size:12px; color:#4f5f6f;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-weight:400; font-size:12px; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{color:#4f5f6f;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:1px solid #b2b2b2; background:#fff; font-weight:normal; color:#4f5f6f;}

/* tabs */
.ui-tabs.ui-widget.ui-widget-content{border:0 none;}
.ui-tabs{padding:0;}
.ui-tabs .tab-nav-wrap{ border-bottom:1px solid #b2b2b2;}
.ui-tabs .ui-widget-header{background:#fff; border:0 none;}
.ui-tabs .ui-tabs-nav{display:table; border-spacing:1px 0; padding:0; margin-left:-2px;}
.ui-tabs .ui-tabs-nav li{display:table-cell; border-spacing:1px 0; border-radius:0; float:none; margin:0 1px 0; margin-bottom:-1px; padding-bottom:1px; vertical-align:middle; white-space:normal;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{border:1px solid #0f5aad; background:#0f5aad;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{border-radius:0; padding:1em; min-width:155px; max-width:268px; text-align:center;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#fff;}
.ui-tabs .ui-tabs-panel{padding:2em 0;}

/* tab 20180329 */
.tab2018 .tab{margin-bottom:15px}
.tab2018 .tab ul li{display:inline-block;min-width:125px;background-color:#f8f8f8;}
.tab2018 .tab ul li a{display:block;padding:0 10px;height:34px;line-height:34px;color:#4d4d4d;text-align:center;border:1px solid #bdbdbd;overflow:hidden;}
.tab2018 .tab ul li.active a,
.tab2018 .tab ul li:hover a{color:#fff;font-weight:bold;border:1px solid #0f5aad;background-color:#0f5aad}

/* clearfix */
.clearfix,
.clearfix:after{content:"";display:block;clear:both;}
.lnbTab{position:relative;}
.lnbTab .tabmenu{
	width:170px;
	float:left;
}
.lnbTab .tabbody {
	width : calc(100% - 190px);
    width : -webkit-calc(100% - 190px); /* for Chrome, Safari */
    width : -moz-calc(100% - 190px); /* for Firefox */
	margin-left:20px;
	margin-right:0;
	float:left;
}
.lnbTab .tabbody .table_box .basic_table { margin-top:0;}
.lnbTab .tabmenu .title{line-height:20px;padding-bottom:10px;color:#0f5aad;font-size:16px;}
.lnbTab > nav > ul {border-top: 2px solid #777;border-bottom:1px solid #777}
.lnbTab > nav > ul li a{display: block;padding:10px;color:#5b5b5b;letter-spacing:-1px;border-top:1px solid #ccc;}
.lnbTab > nav > ul li:first-child a{border-top:0 none}
.lnbTab > nav > ul li.active a,
.lnbTab > nav > ul li:hover a{color:#fff;font-weight: bold;text-decoration: none;background-color:#0f5aad}
.lnbTab .tabbody .search_table { margin-top:0;}

/* page loading */
#loading {display:table; background:#fff; width:100%; height:100%;}
#loading .loading-content{display:table-cell; text-align:center; vertical-align:middle;}
#loading .loading-image{}

/************************************************************************************************************************
 - 영어는 html에 .en class로 selector로 사용함.
 - 글자가 길어져서 두줄이상 될 경우 스타일을 지정
************************************************************************************************************************/
.en body{font-weight:400; font-size:12px; color:#4f5f6f;}

/* gnb */
.en .gnb_top .gnb_util p{max-width:300px; max-width:calc(100% - 290px);}

/* layer popup */
.en .popup-wrap .ui-widget{font-weight:400; font-size:12px; color:#4f5f6f;}


/************************************************************************************************************************
 - 아랍어는 html에 .ar class로 selector로 사용함.
 - dir=rtl 로 정렬되지 않는 것만 css에서 처리
************************************************************************************************************************/
.ar body{font-weight:400; font-size:12px; color:#4f5f6f;}

/* gnb */
.ar .gnb_top h2{padding-right:15px; padding-left:15px;}
.ar .gnb_top .gnb_welcome{padding-right:15px; padding-left:15px;}
.ar .gnb_top .gnb_util{padding-left:6px; padding-right:0px; text-align:left;}
.ar .gnb_top .gnb_util .logout{margin-right:5px; margin-left:0px;}
.ar .gnb_top .gnb_util .lang{margin-right:5px; margin-left:0px;}
.ar .gnb_top .gnb_util .category{margin-right:25px; margin-left:0px;}
.ar .gnb_top .gnb_util p{max-width:300px; max-width:calc(100% - 290px);}
.ar .gnb_top .gnb_util .category li a{margin:3px 5px 3px 0;}
.ar .gnb_m > li{border-left:1px solid #304151; border-right:0 none;}
.ar .gnb_m > li a{text-align:right;}
.ar .gnb_m ul.dep2 li a{text-align:right;}

/* navi */
.ar #navi > ul li{border-right:1px solid #d2d8e0; border-left:0 none;}

/* sub */
/*.ar .t_header{text-align:right;}
.ar .t_header > h3{float:right; margin-right:0; margin-left:10px;}
.ar .t_header > p.summary{float:right;}*/
.ar .t_header > p.summary{padding:0 5px 1px 0;}
.ar .ts_header > h4{background:url(../images/ar/ico_subtitle.png) no-repeat right center; padding-left:0; padding-right:23px;}

/* form controls */
.ar select{background:url(../images/ar/select_bg.png) left 0 no-repeat; padding:.4125em .4125em .4125em 3em;}
.ar select.sel_type01{width:auto; max-width:100%; padding-right:.4125em; padding-left:34px;}
.ar .cal_input.hasDatepicker{background-position:left 7px center;}

/* button */
.ar .btn_button{margin: 0 0 5px 4px;}

/* button wrap */
.ar .btn_basic.type01{text-align:left;}
.ar .btn_basic.type02{text-align:right;}
.ar .btn_basic.type03{right:auto; left:0;}
/*.ar .btn_button + .btn_button{margin-left:0; margin-right:4px;}*/
.ar .btn_basic .btn_button:last-child{margin-right:auto; margin-left:0;}

/* button position */
.ar .btn_ap_right{right:auto; left:0;}

/* text align */
.ar .td_left{text-align:right !important;}
.ar .td_right{text-align:left !important;}

/* table */
/* table - search */
.ar .search_table tr td{text-align:right;}

/* filebox */
.ar .file_down_text{padding-left:0; padding-right:20px; background:url(../images/common/icon_file.png) right 5px no-repeat;}
.ar .file_upload label{right:auto; left:0;}
.ar .file_cell li.fc_log{padding-left:0; padding-right:20px;}

/* table - top */
.ar .tb_top .tb_page{float:right;}
.ar .tb_bottom .tb_page{left:auto; right:0;}
.ar .tb_bottom .tb_number{right:auto; left:0;}

/* table */
.ar .basic_table tbody tr td.td_nobd_r{border-left:0 none; border-right:1px solid #d2d8e0;}
.ar .basic_table tbody tr td.td_nobd_l{border-right:0 none; border-left:1px solid #d2d8e0;}
.ar .search_table tbody tr .td_nobd_r{border-right:1px solid #d2d8e0; border-left:0 none;}
.ar .search_table tbody tr .td_nobd_l{border-left:1px solid #d2d8e0; border-right:0 none;}

/* pagenation */
.ar .pagenation ul li{float:right;}
.ar .pagenation ul li.last_num a{border-left:1px solid #d2d8e0; border-right:0 none; background-image:none;}
.ar .pagenation ul li.first{}
.ar .pagenation ul li.first > a{background:url(../images/ar/btn_first.png) no-repeat center center; border-left:0 none; border-right:1px solid #d2d8e0;}
.ar .pagenation ul li.pre{margin-right:0; margin-left:10px; border-right:0 none; border-left:1px solid #d2d8e0;}
.ar .pagenation ul li.pre > a{background:url(../images/ar/btn_prev.png) no-repeat center center; border-left:0 none; border-right:1px solid #d2d8e0;}
.ar .pagenation ul li.next{margin-left:0; margin-right:10px;}
.ar .pagenation ul li.next > a{background:url(../images/ar/btn_next.png) no-repeat center center; border-left:0 none; border-right:1px solid #d2d8e0;}
.ar .pagenation ul li.last{border-right:0 none; border-left:1px solid #d2d8e0;}
.ar .pagenation ul li.last > a{background:url(../images/ar/btn_last.png) no-repeat center center; border-left:0 none; border-right:1px solid #d2d8e0;}

/* layer popup */
.ar .popup-wrap .ui-widget{font-weight:400; font-size:12px; color:#4f5f6f;}
.ar .popup-wrap .ui-dialog .ui-dialog-title{float:right;}
.ar .popup-wrap .ui-dialog .ui-dialog-titlebar-close{right:auto; left:2.5em;}

/* login */
.ar .login_input .login_id input{padding-left:0px; padding-right:50px; background:transparent url(../images/common/icon_people.png) right 20px center no-repeat;}
.ar .login_input .login_pw input{padding-left:0px; padding-right:50px; background:transparent url(../images/common/icon_lock.png) right 20px center no-repeat;}

/* footer */
.ar footer{text-align:left;}

/* layout */
.ar .div_col.col_left{padding-right:0; padding-left:10px;}
.ar .div_col.col_right{padding-left:0; padding-right:10px;}

/* alert, confirm dialog */
.ar #dialogWrap .ui-dialog .ui-dialog-titlebar-close{left:11px; right:auto;}

/* tabs */
.ar .ui-tabs .ui-tabs-nav{margin-left:0; margin-right:-2px;}

/* jquery ui re-style */


.ar .lnbTab .tabmenu{
	float:right;
}
.ar .lnbTab .tabbody {
	float:right;
	margin-left:0;
	margin-right:20px;
}

.lang_kurdish {font-family: kurdish !important;}