@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* nanum-gothic-700 - korean_latin */
@font-face {
  font-family: 'Nanum Gothic',sans-serif;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nanum-gothic-v13-korean_latin-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('../fonts/nanum-gothic-v13-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-korean_latin-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-800 - korean_latin */
@font-face {
  font-family: 'Nanum Gothic',sans-serif;
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nanum-gothic-v13-korean_latin-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('../fonts/nanum-gothic-v13-korean_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-korean_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-korean_latin-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-regular - korean_latin */
@font-face {
  font-family: 'Nanum Gothic',sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-v13-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../fonts/nanum-gothic-v13-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-korean_latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}


*:focus {
    outline: none;
}

body {
	font:normal 12px 'Nanum Gothic',sans-serif;
	line-height:1.3;
	color:#666666;
	background-color:#fff;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {
	margin:0;
	padding:0;
}
ul, ol {list-style:none;}

img {border:0;}

a {text-decoration:none; color: #333333;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

li,dd{line-height:149%;text-align:justify;}
caption{display:none;}
input {vertical-align:middle;} 

/*.tb_list_1 label, legend {top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0;}*/

.inp01_1 {border: 1px solid #dbdfe5; background-color:#ffffff; padding: 4% 6%; width: 100%; box-sizing:border-box}
.inp02_1 {border: 1px solid #dbdfe5; background-color:#ffffff; padding: 4% 3%; width: 100%; box-sizing:border-box; color:#a4a4a4;}
.inp03_1 {border: none; background-color:#ffffff; padding: 0; width: 80%; height:46px; box-sizing:border-box; color:#a4a4a4; vertical-align:top; color:#333333; font-size:13px;}


/* 라디오버튼공통 */
.radio_wp {overflow:hidden;display:inline-block;position:relative;height:26px;box-sizing:border-box;cursor:pointer; margin-right:20px;}
.radio_wp input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio_wp .ico {position:absolute;left:3px;top:3px;width:20px;height:20px;background:url("/images/ico_radiocomm.jpg") no-repeat 0 0;}/* 이미지는 디자인에 맞게 변경 */
.radio_wp .txt {display:inline-block;padding-left:30px;font-size:14px;color:#333; padding-top:2px;}/* 텍스트는 디자인에 맞게 변경 */
.radio_wp input:checked + .ico {background-position:0 -40px;}/* 체크됐을때, 이미지변경 */


.tex_ic1{color:#ff0048;}



/**/
.log_wp_m_bg{ position:absolute;display:table;top:0;left:0;width:100%;height:100%;}
.log_wp_w{display:table-cell;text-align:center;vertical-align:middle; background-color:#f3f3f3;}
.log_wp {margin-bottom:20px;padding:4%; background-color:#f3f3f3; margin:0 auto;}
.log_wp .log_logo_wp{text-align:center; display:block; margin-bottom:36px;}
.log_wp .tb_list_1,.tab_box .tb_list_1 th,.tab_box .tb_list_1 td{border:0}
.log_wp .tb_list_1{width:100%; color:#666; table-layout:fixed; text-align:left;}
.log_wp .tb_list_1 th{padding:8px 10px; font-weight:bold;line-height:18px;vertical-align:middle; color:#333333; font-size:14px;}
.log_wp .tb_list_1 td{padding:8px 10px;}

.log_btn_wp {margin-top:30px;}
.log_btn_wp .login_btn01{padding:2% 15%;  background-color:#2c86dc; display:inline-block; color:#ffffff; font-size:14px; margin:0 10px;}
.log_btn_wp .login_btn02{padding:2% 15%;   background-color:#828384; display:inline-block; color:#ffffff; font-size:14px; margin:0 10px;}



/*0909*/

.login_form_wp{margin:0 auto;}
.textbox2 {position: relative; width: 100%; margin: 0 auto; padding:4px 0;}
.textbox2 label {
  position: absolute;
  top: 18px;  /* input 요소의 border-top 설정값 만큼 */
  left: 10px;  /* input 요소의 border-left 설정값 만큼 */
  color: #9a9a9a;
  cursor: text;
  width:100%;
  font-size:16px;
  text-align:left;
}

.textbox2 input[type="text"],
.textbox2 input[type="password"] {
  width: 100%;  /* 원하는 너비 설정 */ 
  height: auto;  /* 높이값 초기화 */
  line-height : normal;  /* line-height 초기화 */
  padding: 1.1em .0em 1.1em .5em; /* 원하는 여백 설정, 상하단 여백으로 높이를 조절 */
  box-sizing:border-box;
  border: 1px solid #dbdbdb;
  border-radius: 0;  /* iSO 둥근모서리 제거 */
  outline-style: none;  /* 포커스시 발생하는 효과 제거를 원한다면 */
  -webkit-appearance: none;  /* 브라우저별 기본 스타일링 제거 */
  -moz-appearance: none;
  appearance: none;
}

.index2_login_btn2 a{margin:0 auto; text-align:center; background-color:#ff950d; width:100%; padding:10px 0; color:#ffffff; display:inline-block; font-size:1.4em; margin-top:35px;}


.title1{color:#424242; font-size:4em; font-weight:800;}
.title2{color:#a4a2a2; font-size:4em; font-weight:400;}





/*아이디저장체크박스*/
.ch_box_wp{text-align:left;}
.check {display:block; position:relative; margin-top:12px; padding-left:25px; font-size:15px; cursor:pointer; user-select:none;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.check input {position:absolute; opacity:0; cursor:pointer;}
.checkmark {position:absolute; top:0; left:0px; width:20px; height:20px; background-color:#fff; border:1px solid #ddd;}
.check:hover input ~ .checkmark {/*background-color:#ccc;*/}
.check input:checked ~ .checkmark {background-color:#2196F3;}
.checkmark:after {display:none; position:absolute; content:"";}
.check input:checked ~ .checkmark:after {display:block;}
.check .checkmark:after {top:2px; left:7px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; transform:rotate(45deg);-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}

.checkmark_txt{font-size:15px; position:absolute; margin-left:30px;}

/*관리자기사등록*/
.mgmt_sub_top{background:#ff950d; text-align:center; position:relative; padding:10px;}
.mgmt_sub_top .top_title{color:#ffffff; font-size:35px;}
.menu_btn{position:absolute; left:10px; top:15px;}
.logout_btn{position:absolute; right:10px; top:15px;}
.menu_btn img{width:40px;}
.logout_btn img{width:40px;}

.mgm_sb_tit{font-size:18px; padding:10px 0 0 0; text-align:center; color:#424242; font-weight:bold;}
.mgm_sb_container{padding:10px 0 30px 0;}

table.type01 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
	width:100%;
	font-weight:bold;

}

table.type01 tbody th {
    width: 25%;
    padding: 10px 5px;
    font-weight: bold;
    vertical-align:middle;
    border-bottom: 1px solid #d3d8df;
    background: #e6e7e9;
	text-align:center;
	font-size:14px;
}
table.type01 td {
    width: 75%;
    padding: 10px 5px;
    vertical-align: top;
    border-bottom: 1px solid #dbdfe5;
	background: #ffffff;
}

.top_line{border-top:2px solid #dbdfe5;}
.select_ty01{
    height: auto;
    padding: 5px 25px 5px 6px;
    font-family: inherit;
    background: url(../images/sel_icon.png) no-repeat right 8px center;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}

.input_ty01{border: 1px solid #dbdbdb;
    background-color: #f3f4f5;
    padding: 5px;
    width: 100%;
	box-sizing:border-box}
	
	

.checks {position: relative; display:inline-block; width:32%;}
.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 { font-size:13px; display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; } .checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 5px; left: 5px; width: 13px; height: 13px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }





.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2;} .filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .filebox label { display: inline-block; padding: .5em .75em; color: #fff; font-size: 12px; line-height: normal; vertical-align: middle; background-color: #828384; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; } /* named upload */ 
.filebox .upload-name { font-size:12px; width:60%; display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */  font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }




/* imaged preview */ .filebox .upload-display { /* 이미지가 표시될 지역 */ margin-bottom: 5px; } @media(min-width: 768px) { .filebox .upload-display { display: inline-block; margin-right: 5px; margin-bottom: 0; } } .filebox .upload-thumb-wrap { /* 추가될 이미지를 감싸는 요소 */ display: inline-block; width: 54px; padding: 2px; vertical-align: middle; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; } .filebox .upload-display img { /* 추가될 이미지 */ display: block; max-width: 100%; width: 100% \9; height: auto; }



/*아이디저장체크박스ty2*/
.file_wp{height:40px;}
.file_chek{position:relative; height:30px;}
.ch_box_wp{text-align:left;}
.check_ty2 {display:block; position:relative; padding-left:25px; font-size:15px; cursor:pointer; user-select:none;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.check_ty2 input {position:absolute; opacity:0; cursor:pointer;}
.checkmark_ty2 {position:absolute; top:0; left:0px; width:20px; height:20px; background-color:#fff; border:1px solid #ddd;}
.check_ty2:hover input ~ .checkmark_ty2 {/*background-color:#ccc;*/}
.check_ty2 input:checked ~ .checkmark_ty2 {background-color:#2196F3;}
.checkmark_ty2:after {display:none; position:absolute; content:"";}
.check_ty2 input:checked ~ .checkmark_ty2:after {display:block;}
.check_ty2 .checkmark_ty2:after {top:2px; left:7px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; transform:rotate(45deg);-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}

.checkmark_txt_ty2{font-size:12px; position:absolute; margin-left:30px;}


.info_txt{margin-top:2px; font-size:12px;}
.info_txt span{font-size:11px; display:block;}
.ex_txt1{margin-top:10px;}
.textarea_ty01{border: 1px solid #dbdbdb; background-color: #f3f4f5; padding: 5px; width: 100%; box-sizing:border-box; 
min-height: 100px;}
.btn_ty01{padding: 4px 10px; background-color: #828384; display: inline-block; color: #ffffff; font-size: 12px; vertical-align:middle;}


.editor_wp{margin-top:10px; text-align:center;}
.edit_tit{font-size:16px; color:#333333; text-align:center; margin-bottom:10px;}
.edit_write{margin-bottom:15px;}
.btn_ty02{padding: 15px 50px; background-color: #ff950d; display: inline-block; color: #ffffff; font-size: 13px; vertical-align:middle; margin-right:10px; font-weight:bold;}
.btn_ty03{padding: 15px 50px; background-color: #828282; display: inline-block; color: #ffffff; font-size: 13px; vertical-align:middle; font-weight:bold;}


.class_name{margin: 0 6px;}
.subject{font-size:14px; color:#424242;}
.subject_info{color:#6c6c6c; font-weight:400; font-size:13px;}

.paginate{width:100%; text-align:center;line-height: 27px; margin-top:5%;}
.paginate a{background-color:#ffffff;}
.paginate a.curr{display:inline-block; *display:inline; zoom:1; padding:0 10px; height:28px; line-height:28px; border:1px solid #757575; font-size:12px; color:#005bab; margin:0 2px}
.paginate strong{display:inline-block; *display:inline; zoom:1; padding:0 10px; height:28px; line-height:28px; border:1px solid #757575; font-size:12px; color:#005bab; margin:0 2px}
.paginate a.curr:hover{background:#fff}
.paginate a.link{display:inline-block; *display:inline; zoom:1; padding:0 10px; height:28px; line-height:28px; border:1px solid #e6e6e6; font-size:12px; color:#606060; margin:0 2px}
.paginate a.first{width:30px; padding:0; background:url(../images/ico_paginate_first.gif) 10px 9px no-repeat #ffffff; font-size:0; line-height:0; vertical-align: top;}
.paginate a.prev{width:30px; padding:0; background:url(../images/ico_paginate_prev.gif) 10px 9px no-repeat #ffffff; margin-right:6px; font-size:0; line-height:0; vertical-align: top;}
.paginate a.next{width:30px; padding:0; background:url(../images/ico_paginate_next.gif) 10px 9px no-repeat #ffffff; margin-left:6px; font-size:0; line-height:0; vertical-align: top;}
.paginate a.end{width:30px; padding:0; background:url(../images/ico_paginate_end.gif) 10px 9px no-repeat #ffffff; font-size:0; line-height:0; vertical-align: top;}
.paginate a:hover{border:1px solid #757575; text-decoration:none;}




.mgmt_sub_wp{position: absolute;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f3;}
	
	
	
/*상단메뉴*/
#main-sidebar{height:auto; background-color:#fff;}
.m_mg_menu_top{width:265px; height:60px; background: #ff950d;}
.bt2{width:30px; height:30px; padding: 20px 0 0 218px; }
  
.mgmt_menu_wp{width:265px;}
.mgmt_menu_wp dt{line-height:42px; font-size:12pt; text-indent:1em; font-weight:bold; color:#595a5b; height:40px; background-color:#fff; border-bottom:1px solid #eeeeee;}
.m_mg_menu_title{font:20px "nanum gothic",Arial;color: #ffffff; text-decoration: none; width:100px;  float:left; padding: 21px 0 0 20px;}