@charset "utf-8";

/* html5 Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,
cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video { margin:0; padding:0; border:0; soutline:0; font-size:100%; /*vertical-align:baseline;*/ background:transparent; -webkit-text-size-adjust:none; }
html, body { width:100%; height:100%;}

/* BODY 관련 색상조절 */ 
body, input, button, textarea { font-size:12px; line-height:1em; color:#666; font-family: '맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; color:#282828; background:#ecf0f5;     box-sizing: border-box;
/*letter-spacing:-1px;*/}
h1, h2, h3, h4, h5, h6 { /*font-size:12px;*/ text-align:left; font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; }
img, fieldset, iframe { border:0 none; }
table, div { border-collapse: collapse;}
select, textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #000000; /*font-size: 14px;*/ vertical-align: middle; padding:5px;}
textarea { overflow:auto; }
select, input, img, li { vertical-align: middle; text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var ,optgroup { font-style : normal; font-weight :normal; }
ul, li, ol { list-style-type: none;}
legend, caption { display: none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } 

/* LINK 관련 색상조절 */
a { margin:0; padding:0; /*font-size:100%;*/ vertical-align:baseline;background:transparent; }
a:link, a:visited { text-decoration:none; color: #282828; }
a:hover { text-decoration:underline; cursor:pointer; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
hr { border-collapse:collapse; display:none; }

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear{clear:both;}
/* End hide from IE-mac */

/* common */
.hidden {position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
legend {position:absolute; left:-9999px; top:0; width:1px; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
button {border:none; margin:0; padding:0; cursor:pointer;  /*display:inline-block; background:none; text-indent:-9999px; font-size:0; line-height:0;*/}
button:active {margin:0;}
caption {width:1px; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
caption p {padding:0 !important; margin:0 !important;}

/* common - float, align, .. */
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fl {float:left;}
.fr {float:right;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.vt {vertical-align:top;}
.al {text-align:left !important;}
.ac {text-align:center;}
.ar {text-align:right;}
.br {display:block;}
.fc_redn { color:#ff0000; }
.fc_red { color:#ff0000; font-weight:bold;}
.fc_1 { color:#005DA4; }
.fb { font-weight:bold;}
.w100 {width:100px;}
.w150 {width:150px;}
.w160 {width:157px;}
.w180 {width:180px;}
.pd10 {padding:10px;}
.pdT10 {padding-top:10px;}
.pdT20 {padding-top:20px;}
.pdT30 {padding-top:30px;}
.pdT40 {padding-top:40px;}
.pdT50 {padding-top:50px;}
.pdB10 {padding-bottom:10px;}
.pdB30 {padding-bottom:30px;}
.lineht150 {line-height:190%;}

.mgL20 {margin-left:20px;}

input.txt { /*height:18px;*/ border:1px solid #ccc; padding:6px; color:#000; background:#fff;}
.selecttxt { /*height:22px;*/ border:1px solid #ccc; padding:6px; color:#959595;}

.align-center {
  text-align: center !important;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}


.bg1 {background:#F0F0F0;}
.bg2 {background:#ECEC00;}

/* main */
#wrapper { position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; }

.header { height:29px; padding:0 0 0 0;  background-color:#E5E6E5; position:relative; border-top:2px solid #5D5E5D; }
.header h1 {text-align:center; line-height:1.2em; font-weight:bold; color:#404246;}
.header img {padding:10px; cursor:pointer;}
#logo {float:left; margin-left:20px; }

.menubg {background-color:#FFF; border:1px solid #BDBCBD;}
.find { height:75px; width:70px; margin-left:50px; }
.student { height:75px; width:70px;  margin-left:5px; }
.edu {height:75px; width:70px;  margin-left:5px; }
.modify { height:75px; width:180px;  margin-left:5px; }
.print { height:75px; width:250px;  margin-left:5px; }

.menu {text-align:center; background-color:#5D5E5D; color:#fff;}

.loginfo {height:80px; position:relative; /*font-size:14px;*/}

.loginfo .top_logo {float:left; width:230px;height:100px;background-color:#fff;color:#fff;text-align:center;padding-top:18px;font-size:18px;}
.loginfo .top_logo a {color:#fff;font-weight:bold;text-transform: uppercase;}
.loginfo .top_logo img {width:90%; /*height:80px;*/ padding-top:12px;}

.loginfo .login_menu { width:100%; height:80px; text-align:left;  color:#fff; padding-top:40px;background-color:#f3730e;}
.loginfo .login_menu li {float:left;margin:0;padding:0 20px;color:#fff;font-weight:bold;border-right:1px solid #fff;}
.loginfo .login_menu li:first-child, .loginfo .login_menu li:last-child {border:none;padding-right:0;}
.loginfo .login_menu li a {color:#fff;font-weight:bold;}
.loginfo .login_menu i {padding:0 10px;}

.loginfo .loginmember { float:right; /*width:500px;*/ height:50px; text-align:right;  color:#fff; padding-top:40px;padding-right:20px; /*background-color:#f3730e;*/}
.loginfo .loginmember a {display: inline-block; vertical-align: middle;}
.loginfo .loginmember .util_btn {display: inline-block; vertical-align: middle; background-color: inherit; color: #fff;}
.loginfo .loginmember .util_area {position: relative; display: inline-block;vertical-align: middle;}
.loginfo .loginmember .util_area .util_list {display: none; position: absolute; right: 0; top: 30px; width: 100px; border: 1px solid #ddd; background-color: #fff; border-radius: 5px; overflow: hidden; z-index: 99;}
.loginfo .loginmember .util_area .util_list .list {}
.loginfo .loginmember .util_area .util_list .list li {border-top: 1px solid #ddd;}
.loginfo .loginmember .util_area .util_list .list li:first-child {border-top: none;}
.loginfo .loginmember .util_area .util_list .list li a {display: block; width: 100%; font-weight: 400; font-size: 12px; line-height: 30px; color: #222; text-align: center;}

.footer {position:relative; width:100%; background-color:#262626; text-align:center;}

.sub_container_wrap {position:relative; width:100%;  min-width:1300px;}
.sub_container .sub_left_menu{ float:left; width:230px; min-height:calc(100vh - 100px); /*background-color:#1e282c;*/ background-color:#e9e9e9; padding:0 0 0 0;}
.sub_container .sub_left_onoff{ float:left; width:21px; }

.sub_container .main_contents{ /*float:left;  width:1070px;*/ width:100%;}
.sub_container .sub_contents{  margin-left:230px; padding: 16px;}

.sub_container .sub_contents .subboardTitle {font-size:1.6rem;color:#5f6062;padding:15px 10px 20px;}
.sub_container .sub_contents .subboardTitle span {font-size:1rem;margin:0 10px;}
.sub_container .sub_contents .subboardTitle span:last-child {font-size:1rem; /*float:right;*/}
.sub_container .sub_contents .subboardTitle span:last-child i {font-size:1.1rem;padding:0 10px; /*vertical-align:bottom;*/}
.sub_container .sub_contents .logo{float:left; }
.sub_container .sub_contents .Rtitle{text-align:right; width:100%;  padding-top:10px;}

.sub_left_menu .leftUl { }
.sub_left_menu .leftSubUl {}

.sub_left_menu .leftLi {font-weight:bold; line-height:2.5em;  height:32px; color:#fff; background:url('/_admin/images/left_bg.png') 0 no-repeat; text-indent:30px;}

.sub_left_menu .leftLi a {color:#fff;}
.sub_left_menu .leftLi img {margin-right:5px;}
.sub_left_menu .leftSubli { height:32px;  line-height:2.5em; font-weight:bold; color:#fff; background:url('/_admin/images/left_sub_bg.png') 0 no-repeat; text-indent:30px;}
.sub_left_menu .leftSubli a {color:#fff;}

.sub_left_menu .leftSubliSub {padding:0 0 0 20px; font-weight:normal;  }
.sub_left_menu .searchBoxL {padding:0 0 15px 15px;}
.bdB {border-bottom:1px solid #3F3F3F;}

.contentsL{width:45%; float:left; margin-top:50px; margin-left:50px; }
.contentsR{width:45%; float:left; margin-top:50px; margin-left:50px;}

.boardTitle {color:#005DA4; font-weight:bold; margin-bottom:5px; padding-bottom:5px; }
.line {border-bottom:1px solid #005DA4;}
.line2 {border-bottom:1px solid #DADADA;}

.pageTitle {float:left; color:#005DA4; font-weight:bold; margin-bottom:5px; }
/*.subboardTitle {border-top-right-radius:10px; border-top-left-radius:10px; color:#005DA4; font-weight:bold; border:1px solid #ccc; /*height:20px;*/ background:linear-gradient(to bottom, #fff, #E4E4E4); padding:10px;margin:0;font-size:16px;}*/
.subboardTitle {color:#005DA4; font-weight:bold; border:1px solid #ccc; /*height:20px;*/ background:linear-gradient(to bottom, #fff, #E4E4E4); padding:10px;margin:0;font-size:16px;box-shadow: 5px 5px 5px 5px;}
.subboard {background:#fff; padding:20px; border:1px solid #ccc; /*border-bottom-right-radius:10px; border-bottom-left-radius:10px;*//*min-height:1600px;*/}
.subboard .btn {border-radius:3px;color:#fff;font-weight:bold;border:none;}
.subboard .btn i {font-size:14px;vertical-align:middle;}
.subboard .btn-xs {background-color:#0f51a2; padding:8px 13px;}
.subboard .btn-del {background-color:#c0c0c0; padding:8px 13px;}
.subboard .btn-view {background-color:#c0c0c0; padding:8px;border-radius:5px;}

.subboard .btn-search {background-color:#1a2226; padding:7px 10px;}

.subboard .btn-detail {background-color:#f3730e; padding:7px 10px;}
.subboard .btn-edit {background-color:#acacac; padding:7px 10px;}


.subboard .btn-list { display:inline; float:right; padding:5px 0; height:auto; min-height:10px;}
.subboard .btn-list-bottom { /*display:inline; float:left;*/padding:5px 0;}

.modal-footer {margin:10px 0;text-align:center;}
.modal-footer .btn {/*border-radius:5px;*/color:#fff;font-weight:bold;border:none;}
.modal-footer .btn i {font-size:14px;vertical-align:middle;}
.modal-footer .btn-write {background-color:#666666;padding:8px 13px;}

.modal-content .subboardTitle {/*border-top-right-radius:10px; border-top-left-radius:10px;*/ color:#005DA4; font-weight:600; border:1px solid #ccc; /*height:20px;*/ background:linear-gradient(to bottom, #fff, #E4E4E4); padding:10px;margin:0;font-size:17px;}
/*.modal-content .subboardTitle {font-size:1.2rem;font-weight:bold;color:#5f6062;padding:20px 10px;}*/
.modal-content .subboard {background:#fff; padding:0px; border:none;min-height: 100%;}


.tableMain { width:100%;  border-bottom:1px solid #b7b8b8; }
.tableMain th { height:20px; padding:5px 0 5px 0 ; background:#EBF4FA;   border:1px solid #B7B8B8; border-top:3px solid #B7B8B8; color:#333333;  text-align:center; font-weight:bold;}
.tableMain td {height:20px; border:1px solid #D0D0D0; padding:3px; }
.tableMain .on {background:#EEEEEE;}

.tableList { width:100%;  border-bottom:2px solid #C0C0C0; /*font-size:12px;*/ }
.tableList th {padding:10px 5px; background:#f0efef; vertical-align:middle;   border:1px solid #dddddd;  border-top:3px solid #B7B8B8;color:#000;  text-align:center; font-weight:bold;line-height: 1.5;}
.tableList td {border:1px solid #dddddd; padding:10px 5px; text-align:center; /*background:#fff;*/ line-height: 1.5;}
.tableList .on {background:#EEEEEE;}
.tableList td.pd0 {padding: 0 !important;	}

.tableList2 { width:100%;  border-bottom:1px solid #b7b8b8; }
.tableList2 th { height:20px; padding:5px 0 5px 0 ; background:#EBF4FA;   border:1px solid #B7B8B8; border-top:3px solid #B7B8B8; color:#333333;  text-align:center; font-weight:bold;}
.tableList2 td {height:20px; border:1px solid #D0D0D0; padding:3px; text-align:center;}
.tableList2 .on {background:#EEEEEE;}

.tableSubList { width:80%;  border-bottom:1px solid #b7b8b8; margin-top:10px; margin-bottom:10px;}
.tableSubList th { height:20px; padding:5px 0 5px 0 ; background:#F1F1F1;   border:1px solid #B7B8B8; border-top:3px solid #B7B8B8; color:#333333;  text-align:center; font-weight:bold;}
.tableSubList td {height:20px; border:1px solid #D0D0D0; padding:3px; text-align:center;}
.tableSubList .on {background:#EEEEEE;}

.table2 td {border: none;}
.table2 tr {border-bottom: 1px solid #ddd;}
.table2 tr:last-child {border-bottom: none;}

.listsearch	{float:left; padding-bottom:5px;}
.listup {float:right; padding-bottom:5px;}

.tableWrite { width:100%;  border-bottom:1px solid #b7b8b8; font-size:12px; box-sizing: border-box;}
.tableWrite th { padding:10px 5px; background:#f0efef; border:1px solid #B7B8B8;  color:#333333;  text-align:center; font-weight:bold; line-height:1.5;}
.tableWrite .thead { height:20px; padding:5px 0 5px 0 ; background:#EBF4FA;   border:1px solid #B7B8B8;  color:#333333;  text-align:center; font-weight:bold;}
.tableWrite td {height:20px; border:1px solid #D0D0D0; padding:5px; }
.tableWrite .on {background:#EEEEEE;}
.tableWrite td img {max-width:100%;height:60px;}
.tableWrite input {box-sizing: border-box;}

.tableWrite2 { width:100%;  }
.tableWrite2 th { height:20px; padding:5px 0 5px 0 ; background:#EBF4FA;   border:1px solid #B7B8B8;  color:#333333;  text-align:center; font-weight:bold;}
.tableWrite2 td {height:20px; padding:5px; }

.tableWrite3 { width:50%;  border-bottom:1px solid #b7b8b8; }
.tableWrite3 th { height:20px; padding:5px 0 5px 0 ; background:#EBF4FA;   border:1px solid #B7B8B8;  color:#333333;  text-align:center; font-weight:bold;}
.tableWrite3 td {height:20px; border:1px solid #D0D0D0; padding:5px; }
.tableWrite3 .on {background:#EEEEEE;}

.tableWrite4 { width:93%;  border-bottom:1px solid #b7b8b8; margin-left:50px; }
.tableWrite4 th { height:20px; padding:5px 0 5px 0 ; background:#EBF4FA;   border:1px solid #B7B8B8;  color:#333333;  text-align:center; font-weight:bold;}
.tableWrite4 td {height:20px; border:1px solid #D0D0D0; padding:5px; }
.tableWrite4 .on {background:#EEEEEE;}

.tableMap { width:100%;  max-width:920px; border:1px solid #B7B8B8;  }
.tableMap th { height:20px; padding:5px 0 5px 0 ; background:#EBF4FA;    color:#333333;  text-align:center; font-weight:bold;}
.tableMap td {height:20px; padding:5px; }
.tableMap .on {background:#EEEEEE;}

.paging { position:relative; text-align:center; margin:10px 0; }
.paging ul {overflow:hidden;}
.paging li { display:inline; margin:0 2px;}
.paging li a { display:inline-block;  width:24px; height:24px; text-align:center; line-height:24px; border:1px solid #dcddde; font-size:11px; font-weight:bold; }
.paging li a.on { background:#474747; border:1px solid #dddddd; color:#fff; }
.paging li a.first,
.paging li a.prev,
.paging li a.next,
.paging li a.last { font-size:7px;}
.paging li a.prev {margin-right:15px;}
.paging li a.next {margin-left:15px;}

.tab { margin-bottom:25px; overflow:hidden; border-bottom:1px solid #c6c6c6; margin-top:40px; }
.tab li { float:left; position:relative; }
.tab li a { display:inline-block; height:25px; padding:5px 60px 0; background:#F1F1F1; border:1px solid #c6c6c6; border-bottom:0 none; font-size:1.2em; color:#333; font-weight:bold; }
.tab li a.on { height:25px; background: #005DA4; color:#fff; }


.button1 { border:1px solid #B0C7E8; background-Color:#005DA4; color:#FFFFFF; font:bold 11px 'Arial'; padding:2px 5px; cursor:pointer}
.btn-mini{display:inline-block;height:25px;line-height:25px;padding:0 10px;border:none;vertical-align:top;background:#cdcdcd;color:#111;/*border-radius:4px;*/border:1px solid #9d9d9d;vertical-align:middle;font-size:12px;}

.search {text-align: left; display: inline-block;}

.tabBox {width:100%; margin-bottom:20px; }
.tabBox:after{content:'';display:table;clear:both}
.tabBox .on {color:#005da4; background:#ccc; font-weight:bold;}
.skinTab {float:left; width:100px; border:1px solid #ccc; border-right:none; text-align:center; padding:10px 0; cursor:pointer;}
.skinTab:last-child {border-right:1px solid #ccc;}

.modal {padding:35px 30px 10px !important;}
.modal a.close-modal {/*background-size:auto !important;*/ top: 3px !important; right:3px !important;}

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td
{
	vertical-align:middle !important;font-size:12px !important;
}

.sub_title_box {margin-top: 10px; margin-bottom: 10px;}
.sub_title_box .sub_title {font-size: 20px; line-height: 30px;}
.sub_title_box .sub_title .ft_c {display: inline-block; font-size: 14px; line-height: 30px;}



/*@media screen and (max-width: 1280px) {*/
/**/
/*	.sub_container .sub_left_menu {display:none;}*/
/**/
/*}*/