/* Àüü¼ÂÆà */
* { padding:0; margin:0; }
body, div, h1, h2, h3, h4, h5, ul, li, img, p, dl, dt, dd, a, span, address, select, input { font-family:'Noto Sans KR', sans-serif; color:#333; }
body {background:#fff;}
li { list-style-type:none; }
img { border:none; }
a { text-decoration:none; }





/* layout setting */
#wrap {	width:1160px; margin:0 auto;}

#login_tit {color:#000; font-size:2.5em; padding:150px 0 0px ; text-align:Center; border-top:3px solid #fdd100;}

.login_form {width:400px; margin:30px auto 0;padding:30px 70px 70px 70px;border:1px solid #ccc;}
.login_form .login_input {width:calc(100% - 25px) !important; padding:10px; margin:10px 0 0 0; border:1px solid #eee; background:#fff; border-radius:5px;}
.login_form .btn_login {width:100%; background:#fdd100; border:1px solid #fdd100; margin:20px 0 0 0; padding:10px 0; border-radius:5px;font-weight:700;}
.login_form .btn_join {width:100%; border:5px solid #fdd100; font-weight:700; color:#fdd100; margin:10px 0 0 0; padding:10px 0; border-radius:5px; text-align:center; background:rgba(0, 0, 0, 0.5);}

/* ±âº»Æû */
select, textarea {border:1px solid #ccc;/*background:#eee;*/color:#999;vertical-align:middle;padding-left:10px;height:40px; width:70%;}
.frm_radio {border:1px solid #ccc;background:#eee;color:#999;vertical-align:middle;margin:10px 0;}
.frm_input {border:1px solid #ccc;/*background:#eee;*/color:#999;vertical-align:middle;padding:0 10px;height:40px; border-radius:5px;}
.frm_input:focus{outline:none;border:1px solid #ea185f}
.full_input{width:100%; } 
.required {border:1px solid #00b0f0;}
.disabled {background:#eee;}
.readonly {background:#f6f6f6;}


label {margin-right:10px;}
.bt_q {float:right; background:#002c69; width:100px; text-align:center; padding:10px; margin:10px 0;}
.bt_q a {display:block; color:#fff; font-weight:700; }

/* left setting */
#leftm {float:left; width:200px;}
#container {float:left; width:calc(100% - 252px); border-left:1px solid #797979;}
#top { padding-bottom:0; background:#fff; border-bottom:1px solid #797979;}

#ct_wrap {float:left; width:calc(100% - 251px); border-left:1px solid #797979;}
#ct { background:#f7f7f7; padding:5px 20px;}

.logo {width:100%; padding:100px 0; text-align:center; background:#128ce2; color:#fff;}
.left_m ul li {list-style:none;border-bottom:1px solid #eee; padding:15px 20px;}
.left_m ul li a {display:block; text-decoration:none;  color:#333;}

.top_log {float:right; padding:10px 20px; font-size:0.8em;}
.bt_logout {float:right; margin-left:10px; background:#000; padding:2px 10px; border-radius:10px;}
.bt_logout a {color:#fff;}

#top {margin-top:20px;  font-size:1em;}
.top_m ul {width:100%; display:inline-block;  }
.top_m ul li {float:left; }
.top_m ul li:first-child {margin-left:20px; }
.top_m ul li {display:block; color:#999; background:#fff; border:1px solid #ccc; border-bottom:1px solid #797979; margin-top:12px; margin-bottom:-1px; padding:5px 10px 5px 20px; }

/*
.top_m ul li a:hover {color:#000; border-top:1px solid #128ce2;}
.top_m ul li a.active{background:#f7f7f7; padding:10px 30px; margin-top:0; color:#333; border-bottom:1px solid #f7f7f7; font-weight:700; border-top:3px solid #128ce2; border-left:1px solid #797979; border-right:1px solid #797979;}
*/

.top_m_close {margin-left:10px;}

#foot{ #position:absolute; bottom:0; width:100%; text-align:Center; padding:20px 0; margin-top:50px;}

/*table*/
.table_con_th {overflow-y:scroll;}
.table_con_td {overflow-y:scroll; height:440px;}
.table_con_td_480 {overflow-y:scroll; height:480px;}
.table_con_td_520 {overflow-y:scroll; height:520px;}
.table_con_td_540 {overflow-y:scroll; height:540px;}

table.table_left_tit {width:100%; border-top:2px solid #000;  font-size:0.9em}
table.table_left_tit th {border-bottom:1px solid #ccc; padding:20px 0; background:#f2f3f8; background:#fff;}
table.table_left_tit td {padding:20px; border-left:1px dashed #ccc; border-bottom:1px solid #ccc;}

/*tab*/
.sub_tab {width:100%; margin-bottom:50px;}
.sub_tab ul {display:inline-block;}
.sub_tab ul li {float:left; border:1px solid #ccc; margin-left:5px; border-radius:20px;}
.sub_tab ul li:first-child {margin-left:0;}
.sub_tab ul li a {padding:10px; display:block; background:#fff; border-radius:20px;}
.sub_tab ul li a.select {background:#333; color:#fff;}

/*sub*/
.sub_bt_wrap {float:right;}
.sub_bt {float:left; width:50px; margin-top:15px; padding:10px 0; margin-left:10px; background:#333; border-radius:5px; font-weight:700; text-align:Center;}
.sub_bt_wrap .sub_bt_wid100 {width:100px !important;}
.sub_bt a {display:block;color:#fff; }
.sub_bt a, .sub_bt_ok a, .sub_bt_close a {display:block;color:#fff; }
.sub_bt_ok {float:left; width:49%; margin-top:20px; padding:10px 0; background:#00c0ff; border-radius:5px; font-weight:700; text-align:Center;}
.sub_bt_close {float:right; width:49%; margin-top:20px; padding:10px 0; background:#333; border-radius:5px; font-weight:700; text-align:Center;}

.sub_bt_f {float:left; width:50px; padding:8px 0; margin-left:10px; background:#999; border-radius:5px; font-weight:700; text-align:Center;}
.sub_bt_f a {display:block;color:#fff; }

.sub_bt_s {float:left; width:200px; padding:8px 0; margin-left:0px; background:#f2cb61; border-radius:5px; font-weight:700; text-align:Center;}
.sub_bt_s a {display:block;color:#fff; }

.search_date {width:calc(100% - 20px); padding:10px; border:1px solid #ccc; border-top:1px solid #000; display:inline-block; background:#fff;}
.search_date input, .search_date select  {float:left; width:18%; margin:0 1%;}
.search_date .bt_search{float:left; text-align:center; background:#555; width:18%; margin-left:2%; color:#fff; line-height:50px;}

#ct h2.tit {padding-left:10px; padding-top:20px; font-size:2em; float:left;}
#ct h3 { font-size:1.2em;}

#ct .box {width:calc(100% - 40px); background:#fff; padding:15px; border-top:1px solid #000; border-bottom:1px solid #ccc; margin:10px 5px;}

table.table_gray {width:100%; font-size:0.8em; border-top:1px solid #ccc; text-align:Center;}
table.table_gray th {background:#eee; border:1px solid #FFF; padding:10px 0;}
table.table_gray td { border:1px solid #eee; padding:10px 0;}

.table_basic td{ padding:5px 0;}
table.table_gray > tbody > tr:hover {background:#f4f5fc;}

.tr_select {background:#88c5f0 !important;}


table.table_gray_col {width:100%; font-size:0.8em; border-top:1px solid #ccc; text-align:Center;}
table.table_gray_col th {background:#eee; border:1px solid #FFF; padding:10px 0;}
table.table_gray_col td { border:1px solid #eee; padding:10px 0;}

.table_basic td{ padding:5px 0;}
table.table_gray_col > tbody > tr > td:hover {background:#f4f5fc;}

.tr_select {background:#88c5f0 !important;}


button.gray {background:#eee; border:1px solid #ccc; padding:4px 10px;}
button.black {background:#000; border:1px solid #ccc; padding:4px 10px; color:#fff;}


.list_nb {text-align:center; margin:10px 0;}
.list_nb a {padding:0 5px; margin-left:5px; color:#999;}

/*popup*/
.popupLayer {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; -ms-filter: alpha(opacity=50); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.popupLayer .back {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:101;}
.popup_box {position:absolute; left:50%; top:50%; z-index:102; background:#fff; width:800px; height:600px; margin-left:-400px; margin-top:-350px;}
.popup_box .popup_contents {position:absolute; left:0; top:0; width:100%; height:100%; z-index:102; font-size:1.2em;}
.popupLayer iframe, .popup_box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.pop_tit {background:#eee; padding:20px 30px; font-weight:700; color:#000; font-size:1.3em;}
.pop_con {padding:30px; overflow-y:scroll;height:360px;}
.pop_con_search {padding:30px; overflow-y:scroll;height:310px;}
.pop_bt {padding:30px; padding-top:0;}

.popup_box2 {position:absolute; left:50%; top:50%; z-index:102; background:#fff; width:500px; height:600px; border:1px solid #999; margin-left:-250px; margin-top:-300px;}
.popup_box2 .popup_contents {position:absolute; left:0; top:0; width:100%; height:100%; z-index:102; font-size:1.2em;}


 .menu_active {background:#166b8a;}
 .menu_active a {color:#fff !important; font-weight:700 !important;}

 .top_m ul li.active{background:#f7f7f7; padding:10px 10px 10px 20px; margin-top:0; color:#333; border-bottom:1px solid #f7f7f7; font-weight:700; border-top:3px solid #128ce2; border-left:1px solid #797979; border-right:1px solid #797979;}

.body_on {display:block;}
.body_off {display:none;}