@charset "utf-8"; 

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,button {margin:0;padding:0;border:0;line-height: 1em;font-family:"Noto Sans KR" ,sans-serif}
html, body { height: 100%; margin: 0; padding: 0; } 	
table {border-collapse:collapse;border-spacing:0;font-family:"Noto Sans KR", NanumGothicBold ,sans-serif}
table caption {display: none;}
img { border:0;padding:0;margin:0;vertical-align:baseline;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
/* h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;color: #222;margin:0;padding:0;} */
input[readonly]{background-color: #ececec; border: 1px solid #d6d6d6 !important;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
em, strong {font-weight: bold;}
div{border:0px solid red}
body, input, select, button, textarea, a, span {font-family:"Noto Sans KR",sans-serif ,Dotum;}
button{cursor:pointer;border-radius:2px;}
a{color:#707070;text-decoration:none;font-family: "Noto Sans KR", sans-serif}
a:hover{color:#0e77d9; text-decoration:underline;}
a:active, a:hover{outline:0;}


#wrap{}
.flue-center{
width: 1240px;
height: 700px;
margin:0 auto; 
margin-top:50px;
}

/* header nav 부분 */
.header{position:relative;width:98%;overflow:hidden;}
.header_logo{float:left;width:20%;}
.header_logo img{padding:20px 0 0 40px;cursor: pointer;}
.header_nav{width:80%;overflow:hidden;padding-top:30px;}
.header_nav ul{float:right;}
.header_nav > ul > li{float:left; font-size:14px; line-height:30px;}
.header_nav > ul > li > a{display:inline-block;cursor:pointer;font-size:18px; font-weight:500;color:#565656 }
.header_nav > ul > li > a:hover{color: #254573;text-decoration:none; border-bottom: 3px solid #254573;}
.header_nav > ul > li.tm_manager > a span{background: #3a6fc3; padding: 1px 9px; border-radius: 3px; color:white;}
.header_nav > ul > li.tm_manager > a:hover {border-bottom: 0;}
.header_nav > ul > li.tm_manager > a:hover span{background: #2f589d}
.topnav { overflow: hidden;}
.topnav .icon { display: none;}


.pop_title_s{text-align:leftp;border: 1px solid #ddd;height:26px;  font-weight:bold;font-size:16px; margin: 10px;padding: 5px 0px 0px 5px; background-image: linear-gradient(#ffffff , #f1f1f1);}
div.pop_title_s h3{line-height:20px;font-weight:bold;font-size: 18px;}

#goto_main,#goto_border{cursor: pointer;}
.header_div3 > img{cursor: pointer;}
.header_div3 > span{cursor: pointer;}
.header_div3 > span:hover{text-decoration: underline;}


.header_div5 > img{cursor: pointer;}
.header_div5 > div{cursor: pointer;}
.header_div5 > div:hover{text-decoration: underline;}
#save_id{cursor: pointer;}
#register_id{cursor: pointer;}
#login_btn{cursor: pointer;}


/* border */
.wr_box{margin:10px; font-size: 12px;}
.wr_box > .col1{float:left; width:100%; position:relative; border:1px solid #bbb;box-sizing: border-box;}
.wr_box > .col1 > .l_label{height:26px; padding: 8px 5px 0px 13px; background: #ECEEF4 ! important;width:23%; float: left;}
.wr_box > .col1 > .l_label > label{font-weight:bold; color:#707070;}
.wr_box > .col1 > .l_label > label> .required{color:red;}
.wr_box > .col1 > .r_input{width:71%; float: left;  padding:3px }
.wr_box > .col1 > .r_input > input {padding: 0 3px; border:1px solid #eee; height:26px;width:100%; }
.wr_box > .col1 > .t_label{height:294px; padding: 8px 5px 0px 13px; background: #ECEEF4 ! important;width:23%; float: left;}
.wr_box > .col1 > .t_label > label{font-weight:bold; color:#707070;}
.wr_box > .col1 > .t_textarea{width:71%; float: left;  padding:3px }
.wr_box > .col1 > .t_textarea > textarea {padding:3px; border: 1px solid #eee; height:288px;width:100%; resize:none; line-height: normal;}
.wr_box > .wr_btns{border:0px solid #bbb; clear:both; width:186px; margin:0px auto; padding-top:15px;}
/* .wr_box > .wr_btns > center > button{cursor: pointer; padding :5px 10px} */
.wr_box p{font-size:14px;padding-bottom:5px;}
.wr_box p span#total_cnt3{font-weight:bold;}
.wr_box select{min-width:80px;height:28px;}
.wr_box .search-popup{right:12px;top:3px;position: absolute;display:inline-block;cursor:pointer;height:28px;line-height:28px;width:28px;background:#f0f0f0;
  background-image:linear-gradient(#f9f9f9 ,#e6e6e6);
  box-sizing:border-box;border:1px solid #bbbbbb;
}
.wr_box .search-popup i[class^="icon-"]:before, .wr_box .search-popup i[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    cursor:pointer;
    speak: none;
}

/* 추가 */
.wr_box > .col1 > .r_input_etc > input {padding: 0 3px; border: 1px solid #eee; height:100px;width:100%; }
.wr_box > .col1 > .r_input_etc > textarea {margin:3px 0 3px 3px; cols:106; rows:8; width:567px; height:68px; border:1px solid #eee}
.wr_box > .col1 > .l_label_etc {height:70px; padding: 8px 5px 0px 13px; background: #ECEEF4 ! important;width:23%; float: left;}
.wr_box > .col1 > .r_input_etc2 > input {padding: 0 3px; border: 1px solid #eee; height:100px;width:100%; }
.wr_box > .col1 > .r_input_etc2 > textarea { cols:106; rows:8; width:355px; height:55px;  }
.wr_box > .col1 > .l_label_etc2 {height:50px; padding: 8px 5px 0px 13px; background: #ECEEF4 ! important;width:23%; float: left;}

#dlg01{background-color:white;}
.pop_body{padding-top:10px;}
select#search_type{min-width:100px;}



/* 공통 | 팝업 */
.pop_body {font-size: 12px;}
.pop_body > .title_sub:first-child { margin-top: 0; }
.pop_cnt {padding: 0;}
.pop_cnt .search_box {margin-bottom: 15px;}
.paging{margin:0 auto;text-align:center;overflow:hidden;}

/* 버튼 */
.btn-dark{border-radius:2px;font-weight:400; cursor:pointer;padding: 7px 10px; font-size:12px; color:#fff; text-align:center; border:1px solid #404144;background:#5F5F5F}
.btn-dark:hover{background:#0d395b}



h1{font-size:32px;font-weight:normal} h2{font-size:24px;font-weight:normal} h3{font-size:18px;font-weight:normal} h4{font-size:16px;font-weight:normal} h5{font-size:14px;font-weight:normal} h6{font-size:12px;font-weight:normal}


/*summernote 관련 */
.sub_bottom > div p,.sub_bottom > div table,.sub_bottom > div input, .note-editor.note-frame .note-editing-area .note-editable h1, .note-editor.note-frame .note-editing-area .note-editable h2, .note-editor.note-frame .note-editing-area .note-editable h3, .note-editor.note-frame .note-editing-area .note-editable h4, .note-editor.note-frame .note-editing-area .note-editable h5, .note-editor.note-frame .note-editing-area .note-editable h6{
	color:white;
}
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee;}
.sub_bottom > div p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
.sub_bottom > div pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px;}