@charset "utf-8";

/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
/* 나눔고딕 폰트 사용시 주석 해제 */
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
/* Pretendard Variable */
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/PretendardVariable.woff2') format('woff2-variations');
}

/* Paperlogy */
@font-face {
	font-family: 'Paperlogy';
	font-weight: 100;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/Paperlogy-1Thin.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 200;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/Paperlogy-2ExtraLight.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/Paperlogy-3Light.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/Paperlogy-4Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/Paperlogy-5Medium.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/Paperlogy-6SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/Paperlogy-7Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/Paperlogy-8ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url('/lib/fonts/Paperlogy-9Black.woff2') format('woff2');
}

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0 none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html, body {border:0 none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
table {border-spacing:0;}
caption, legend {width:0; height:0; visibility:hidden; line-height:0;}
hr {display:none;}
address {font-style:normal}
img {border:0 none; font-size:0; line-height:0; vertical-align:top;}
a {color:inherit; text-decoration:none; cursor:pointer;}
a:hover, a:focus {text-decoration:underline;}
input[type=text], input[type=password], select, textarea {margin:0; padding:0;}
button, label {cursor:pointer;}


.tm5 {margin-top:5px !important;}
.tm10 {margin-top:10px !important;}

/* Common */
.clear {clear:both !important;}
.clearleft {clear:left !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.Lfloat {float:left !important;}
.Rfloat {float:right !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vTop *{vertical-align:top !important;}
.vMd {vertical-align:middle !important;}
.vBt {vertical-align:bottom !important;}
.posRel {position:relative !important;}
.posAbs {position:absolute !important;}
.posTL {position:absolute; top:0; left:0;}
.posTR {position:absolute; top:0; right:0;}
.posBL {position:absolute; bottom:0; left:0;}
.posBR {position:absolute; bottom:0; right:0;}
.cursorDef {cursor:default !important;}
.hand {cursor:pointer !important;}
.none {display:none !important;}
.borderNone {border:none !important;}

table {width:100%; border:0; border-collapse:separate; border-spacing:0;}
table tr.none, table tr.none th, table tr.none td {display:none;}
table th {font-weight:normal;}
table td {word-break:break-all;}

/* IR 기법 */
.hidden {position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden;}
/* 한 줄일 때, 말줄임표 */
.ellipsis {position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* width 별도 설정 */
/* float 해제 */
.clfix:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
/*투명도*/
.opacity0 {opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}

/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}
/* .ffStyle {font-family:Tahoma, Verdana, Segoe, sans-serif !important;}
.ffDef {font-family:Verdana, Segoe, sans-serif !important;} */
.fcWhite {color:#fff !important;}
.underline {text-decoration:underline !important;}
.italic {font-style:italic;}
.fcPoint {color:#cf2626 !important;}
.fcRed {color:#d21818 !important;}
.fcBlue {color:#007eca !important;}
.font-paper,
.font-paper * {
	font-family: 'Paperlogy';
	font-weight: 400;
}

/* pages */
.pages {margin-top:30px; text-align:center; font-size:13px; color:#393939;}
.pages *{vertical-align:middle;}
.pages a, .pages img, .pages strong {display:inline-block;}
.pages a {color:inherit; margin:0 3px;}
.pages > img {margin:0 5px;}
.pages strong {margin:0 3px;}

/* box */
.graybox {box-sizing:border-box; min-height:75px; padding:12px 15px 10px; background-color:#f3f3f3; border:1px solid #d6d6d6;}

/* 키워드 활성화 */
.keywordEm {display:inline !important; padding:0 !important; margin:0 !important; color:#212121; background-color:#fac969;}

/* 폼요소 */
select, input, textarea, button {color:#575757; font-family:'돋움', Dotum, 'Apple Gothic', sans-serif;}
select, input[type='text'], input[type='password'] {box-sizing:border-box; height:23px; line-height:23px; border:1px solid #d6d6d6; border-radius:3px;}
input[type='text'], input[type='password'] {padding:0 5px;}
textarea {display:block; box-sizing:border-box; padding:5px; border:1px solid #d6d6d6; border-radius:3px;}


/* 스타일 button 초기 셋팅 */
.styled-btn button {overflow:hidden; cursor:pointer; white-space:nowrap; border:0 none; background:none; padding:0; margin:0;}
/* FF 버튼 여백 없애기 */
.styled-btn button::-moz-focus-inner,
.styled-btn input[type=button]::-moz-focus-inner,
.styled-btn input[type=submit]::-moz-focus-inner,
.styled-btn input[type=reset]::-moz-focus-inner {padding:0; border:0;}

.styled-btn .small {height:19px; padding:0 9px; font-size:12px; line-height:19px; border:1px solid #8a8a8a; border-radius:2px;}
.styled-btn .gray {color:#848484; border-color:#8a8a8a;}

.ollist .styled-btn .gray,#progress #top .styled-btn .gray {color:#848484; background:#fff; border-color:#8a8a8a; margin-left:3px;}
.ollist .styled-btn .gray:hover{transition: all .3s ease-out; background: #373737; color:#fff;}   
#progress #top .styled-btn .gray:hover{transition: all .3s ease-out; background: #7dd269; color:#fff;}   
#progress #top .styled-btn .gray.on{background: #7dd269; color:#fff;}
.sub_info .styled-btn .gray:hover{transition: all .3s ease-out; background: #373737; color:#fff;}   
.ollist .styled-btn .gray.on{
    background: #f1f100; color:#cb4d4d; border-color:#cb4d4d;
}
.ollist .styled-btn .gray.on:hover{
    transition: all .3s ease-out;     
    background: #373737; color:#fff;
}   

/* 일반 버튼 그룹 */
.btn_group {position:relative; margin:0 0 35px -5px;}
.btn_group a,
.btn_group input,
.btn_group button {margin-left:5px;}

.btn_group.acDef {margin-top:25px; text-align:center;}
.btn_group.alDef {margin-top:25px; text-align:left;}
.btn_group.arDef {margin-top:25px; text-align:right;}


/* top 검색 창 폼요소 */
.styled-form-el {display:inline-block; overflow:hidden; box-sizing:border-box; height:31px; padding-left:10px; text-align:left; border-radius:5px; border:1px solid #fa9c08; background-color:#fff;}
.styled-form-el.select {margin-right:5px; background:#fff url('/image/common/bg_select.png') 100% 50% no-repeat;}
.styled-form-el.srch-input {position:relative; padding-right:34px; background:#fff url('/image/common/bg_search.png') 100% 50% no-repeat;}
.styled-form-el.srch-input .dummyBtn,
.styled-form-el.srch-input + .submit {position:absolute; top:0; right:0; height:29px; width:30px; overflow:hidden; text-indent:-9999px;}

.styled-form-el select,
.styled-form-el input {background:transparent; border:0 none; border-radius:0; -webkit-appearance:none;}
.styled-form-el select {height:29px; line-height:29px; }
.styled-form-el input[type='text'],
.styled-form-el input[type='password'] {height:31px; line-height:31px; }


/* col list button  */
.colListWrap {box-sizing:border-box; height:35px; padding:3px 5px;}
.colListWrap:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.colListWrap .btn {display:block; width:49%; height:100%; overflow:hidden; text-indent:-99999px; border:1px solid #d4d4d4; border-radius:4px;}
.colListWrap .btn.on {border-color:#f6a200;}
.colListWrap .btn.prev {float:left; background:#f3f3f3 url('/image/common/bg_arr1_prev.png') 50% 50% no-repeat;}
.colListWrap .btn.next {float:right; background:#f3f3f3 url('/image/common/bg_arr1_next.png') 50% 50% no-repeat;}
.colListWrap .btn.prev.on {background:#fff7e9 url('/image/common/bg_arr2_prev.png') 50% 50% no-repeat;}
.colListWrap .btn.next.on {background:#fff7e9 url('/image/common/bg_arr2_next.png') 50% 50% no-repeat;}

/* title */
.secTitWrap {position:relative; margin-top: 20px; margin-bottom: 10px;}
.secTitWrap:nth-of-type(1) {
	margin-top: 0;
}
.secTitWrap:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.secTitWrap .sideInfo {position:absolute; right:0; top:0;}
.secTit {line-height:28px; padding-left:22px; font-size:14px; font-weight:bold; background:url('/image/common/bl_circle.png') 0 6px no-repeat;}


/* table */
td a.file img {margin-bottom:5px; vertical-align:middle;}
.defTbl {border-top:2px solid #656565;}
.defTbl table {table-layout:fixed;}
.defTbl tbody th {background-color:#f3f3f3;}
.defTbl th,
.defTbl td {height:24px; padding:6px 10px 3px; line-height:24px; font-size:12px; text-align:left; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.defTbl td a {display:inline-block;}
.defTbl.type02 th,
.defTbl.type02 td {text-align:center;}
.defTbl.formTbl {border-bottom:2px solid #656565;}
.defTbl.formTbl table {border-right:1px solid #d6d6d6;}
.defTbl.formTbl th,
.defTbl.formTbl td {border-top:1px solid #d6d6d6; border-bottom:0 none;}
.defTbl.formTbl tr:first-child th,
.defTbl.formTbl tr:first-child td {border-top:0 none;}
.defTbl.formTbl td {height:25px; line-height:25px;}

.listTbl {border-top:2px solid #656565;}
.listTbl table {border-collapse:collapse;}
.listTbl th, .listTbl td {font-weight:bold; color:#292929; font-size:12px; line-height:18px; text-align:center;}
.listTbl thead tr {
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 50%, #f5f5f5 100%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fcfcfc), color-stop(100%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 50%,#f5f5f5 100%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 50%,#f5f5f5 100%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 50%,#f5f5f5 100%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 50%,#f5f5f5 100%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.listTbl thead th {padding:11px 10px 8px; background:url('/image/common/vbar_th.gif') 0 50% no-repeat; border-bottom:1px solid #d6d6d6;}
.listTbl thead tr th:first-child {border-left:1px solid #d6d6d6; background-image:none;}
.listTbl thead tr th:last-child {border-right:1px solid #d6d6d6;}
.listTbl tfoot th, .listTbl tfoot td {padding:16px 0 13px; font-size:14px; border-bottom:1px solid #d6d6d6; background-color:#f8f8f8;}
.listTbl tfoot td {color:#cf2626;}
.listTbl tbody th, .listTbl tbody td {padding:11px 0 8px; border-bottom:1px solid #d6d6d6;}
.listTbl tbody td {font-weight:normal; color:#5b5b5b}
.listTbl tbody td.al {padding-left:25px; padding-right:25px;}
.listTbl tbody td .stateIcon {margin:0;}

.listTbl2 {border-top:2px solid #656565; border-collapse:collapse;}
.listTbl2 th,
.listTbl2 td {font-size:12px; text-align:left; border:1px solid #d6d6d6;}
.listTbl2 tbody th {padding:8px 10px 5px; line-height:20px; background-color:#f3f3f3;}
.listTbl2 td {padding:5px 10px;}
.listTbl2 td label {margin-right:10px;}
.listTbl2 td label input[type='radio'],
.listTbl2 td label input[type='checkbox'] {display:inline-block;}
.listTbl2 .fild_td .form_ul li {margin-top:5px;}
.listTbl2 .fild_td .form_ul li:first-child,
.listTbl2 .fild_td .form_ul li.target_clone {margin-top:0;}
.listTbl2 .fild_td .new_file_name {width:340px;}
.listTbl2 .fild_td .userfile {display:inline-block; height:17px; line-height:17px; padding:0 10px; margin-right:0; color:#000; border:1px solid #adadad; background-color:#e6e6e6;}
.listTbl2 .add_btn,
.listTbl2 .del_btn {display:inline-block; height:17px; line-height:17px; padding:0 7px; font-size:11px; color:#747474; border:1px solid #c5c5c5; border-radius:3px; cursor:pointer;}
.listTbl2 .add_btn {background-color:#fff;}
.listTbl2 .del_btn {background-color:#e6e6e6;}
.listTbl2 .block {display:block; width:100%;}
.listTbl2 .wp100 {width:98%;}

.newBtng span {
    display: inline-block;
    border-radius: 4px;
    background: #454545;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    padding: 0 15px;
    margin: 3px 4px;
    cursor: pointer;
}

.mboContWrap .write_div {width:760px; margin:20px auto 0;}
.mboContWrap .write_div table {border-collapse:collapse;}
.mboContWrap .table1 {border-top:2px solid #656565; border-collapse:collapse;}
.mboContWrap .table1 th,
.mboContWrap .table1 td {font-size:12px; text-align:left; border:1px solid #d6d6d6;}
.mboContWrap .table1 tbody th {padding:8px 10px 5px; line-height:20px; background-color:#f3f3f3;}
.mboContWrap .table1 td {padding:5px 10px;}
.mboContWrap .table1 td label {margin-right:10px;}
.mboContWrap .table1 td label input[type='radio'],
.mboContWrap .table1 td label input[type='checkbox'] {display:inline-block;}
.mboContWrap .table1 .fild_td .form_ul li {margin-top:5px;}
.mboContWrap .table1 .fild_td .form_ul li:first-child,
.mboContWrap .table1 .fild_td .form_ul li.target_clone {margin-top:0;}
.mboContWrap .table1 .fild_td .new_file_name {width:340px;}
.mboContWrap .table1 .fild_td .userfile {display:inline-block; height:17px; line-height:17px; padding:0 10px; margin-right:0; color:#000; border:1px solid #adadad; background-color:#e6e6e6;}
.mboContWrap .table1 .add_btn,
.mboContWrap .table1 .del_btn {display:inline-block; height:17px; line-height:17px; padding:0 7px; font-size:11px; color:#747474; border:1px solid #c5c5c5; border-radius:3px; cursor:pointer;}
.mboContWrap .table1 .add_btn {background-color:#fff;}
.mboContWrap .table1 .del_btn {background-color:#e6e6e6;}
.mboContWrap .table1 .block {display:block; width:100%;}

.mboContWrap .sub_content .content_top {background:#484848}
.mboContWrap .sub_content .content_top span {display: block; padding-left:20px; line-height: 35px; color:#fff;}



/* layout */
html, body {height:100%; font-family:'돋움', Dotum, 'Apple Gothic', sans-serif;}
#wrapper {position:relative; min-height:100%; min-width:1300px; width:100%; background:#fff url('/image/common/bg_container.gif') 0 0 repeat-y; word-break:break-all; z-index:0;}
#wrapper.bgType02 {background:url('/image/common/bg_container02.gif') 0 0 repeat-y;}
#sideWrap {position:absolute; top:0; left:0; height:100%; background:#373737 url('/image/common/bg_lnb.gif') 0 0 repeat-y; z-index:200;}
#sideWrap > ul {}
#sideWrap > ul > li {z-index:210; height:120px;}
#sideWrap > ul > li > a {float:left; height:119px; width:110px; overflow:hidden; border-bottom:1px solid #696969;}
#sideWrap > ul > li.on > a img {margin-left:-150px;}
/* #sideWrap > ul > li > a[target=_blank]:focus img {margin-left:0;} */
#sideWrap > ul > li:first-child {height:121px;}
#sideWrap > ul > li:first-child > a {border-top:1px solid #696969;}
#sideWrap > ul > li:first-child > .depth2 {border-top:1px solid #000;}
#sideWrap > ul > li > .depth2 {position:relative; float:left; width:0; overflow:hidden; height:119px; border-bottom:1px solid #000; font-size:0; z-index:201;} /* width:140px; */
#sideWrap > ul > li > .depth2 > .blank {display:inline-block; vertical-align:middle; width:0; height:119px; overflow:hidden;}
#sideWrap > ul > li > .depth2 > ul {display:inline-block;vertical-align:middle;}
#sideWrap > ul > li > .depth2 > ul > li > a {display:block; height:20px; width:140px; line-height:24px; padding:0 10px 0 30px; box-sizing:border-box; color:#969696; font-size:13px;}
#sideWrap > ul > li > .depth2 > ul > li.on > a,
#sideWrap > ul > li > .depth2 > ul > li > a:hover,
#sideWrap > ul > li > .depth2 > ul > li > a:focus {color:#f6a200;}
#sideWrap > ul > li > .depth2 > ul > li > a[target=_blank]:focus {color:#969696; text-decoration:none;}


#container {width:100%;}
#container > b {font-weight:normal;}
#container .headerWrap {box-sizing:border-box; width:100%; padding-left:110px; z-index:100;}
#container .headerWrap .topMenu {width:100%; border-bottom:1px solid #d6d6d6; background-color:#fff; z-index:100;}
#container .headerWrap .topMenu:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
#container .headerWrap .topMenu .projectMenu {float:left;}
#container .headerWrap .topMenu .projectMenu li {float:left; border-right:1px solid #d6d6d6;}
#container .headerWrap .topMenu .myMenu {float:right;}
#container .headerWrap .topMenu .myMenu > li {position:relative; float:left; height:31px; border-left:1px solid #d6d6d6;}
#container .headerWrap .topMenu .myMenu > li .balloonWrap {display:none; position:absolute; top:21px; left:50%; padding-top:10px; margin-left:-58px; font-family:'Myriad Pro', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; z-index:10;}
#container .headerWrap .topMenu .myMenu > li .balloonWrap .arr {position:absolute; top:0; left:50%; margin-left:-8px; display:inline-block; height:12px; width:15px; background:url('/image/common/arr_balloon_top.gif') 0 0 no-repeat;}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap ul {padding:4px 10px 2px; border:2px solid #f6a200; border-radius:5px; background-color:#fff;}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li {border-top:1px solid #d7d7d7;}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li:first-child {border-top:0 none;}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li a {display:block; width:91px; padding:5px 0 4px 22px; box-sizing:border-box; font-size:14px; line-height:17px; color:#181818; background:url('/image/common/ico_top_site.gif') 1px 4px no-repeat;}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li.list1 a {background-image:url('/image/common/ico_top_site.gif');}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li.list2 a {background-image:url('/image/common/ico_top_tax.gif');}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li.list3 a {background-image:url('/image/common/ico_top_list3.png'); background-size:16px 16px;}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li.list4 a {background-image:url('/image/common/ico_top_list4.png'); background-size:16px 16px;}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li.list5 a {background-image:url('/image/common/ico_top_list5.png'); background-size:16px 16px;}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li.list6 a {background-image:url('/image/common/ico_top_list6.png'); background-size:16px 16px;}
#container .headerWrap .topMenu .myMenu > li.on .balloonWrap li.list7 a {background-image:url('/image/common/ico_top_list7.png'); background-size:16px 16px;}

#container .headerWrap .topMenu .myMenu > li.on .balloonWrap {display:block;}

#container .headerWrap .searchWrap {height:33px; width:100%; padding:27px 0 28px; text-align:center; background-color:#f3f3f3;}
#container .headerWrap .searchWrap *{color:#575757; font-weight:bold; font-size:13px;}
#container .headerWrap .searchWrap span {line-height:30px; vertical-align:middle;}
#container .headerWrap .searchWrap .styled-form-el {width:193px;}
#container .headerWrap .searchWrap .styled-form-el select {width:210px;}
#container .headerWrap .searchWrap .styled-form-el.srch-input {width:370px;}
#container .headerWrap .searchWrap .styled-form-el.day-input {width:274px;}
#container .headerWrap .searchWrap .styled-form-el input[type='text'] {width:98%;}
#container .headerWrap .searchWrap #searchform input.submit {visibility:hidden;}
#container .headerWrap .searchWrap #work_searchform input.submit {visibility:hidden;}
#container .headerWrap .searchResult {box-sizing:border-box; height:35px; line-height:35px; padding:0 20px; font-weight:bold; color:#fff; background-color:#484848;}
#container .headerWrap .searchResult .point {color:#f6a200;}
#container .contents {width:100%;}
.mboContWrap {box-sizing:border-box; height:100%; width:1300px; margin:0 auto; padding-left:110px; line-height:20px; font-size:14px; color:#212121;}
.mboContWrap_mob {box-sizing:border-box; height:100%; padding-left:110px; line-height:18px; font-size:13px; color:#212121;}

/* popup */
.popPage {height:auto;}




li.overmenu{position: relative;}
li.overmenu dl{position: absolute; left:-1px; min-width:100%; background: #fff; padding:0px; border:1px solid #d6d6d6; border-radius: 1px; display:none; z-index:999;}
li.overmenu dl dt{width:100%;}
li.overmenu dl dt a{display: block; width::100%; font-size:12px; line-height:20px; padding:0 8px; text-align: left;}
li.overmenu dl dt a:hover{color:#6472e1;}

div.slide_file{position: relative; float: left;}

/*
.newsticker {list-style-type: none; padding:3px; margin:0; overflow:hidden; width:600px; text-align:center; position: absolute; left:-20px; top:3px; z-index:9; }
.newsticker.box{background:#fff; border:1px solid #d6d6d6;}
.newsticker li a{font-weight: bold; text-decoration: none; font-weight: 100; font-size:12px;letter-spacing: 1px;}
.newsticker li a span.new{color:#e05555; font-weight: 600; font-size:11px;letter-spacing: -1px;}
.newsticker li a span.fname{color:#878cea;}
*/

/* New Mbo */
#newmbo{width:100%;}
#newmbo *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#newmbo .noday{display: block; width::100%; text-align: center; line-height:40px; color:#777776; font-size:16px; font-weight: 100; margin:20px 0;}
#newmbo .mbos{min-height:50px; background:#f4f6e0;}
#newmbo .mbos .yymm{padding:5px 10px;}
#newmbo .mbos .jubtn_broup{padding:5px 10px;}
#newmbo .mbos .jubtn_broup span{color:#fff; border-radius:2px; border:1px solid #eaeaea; display: inline-block; line-height:25px; font-weight: 100;letter-spacing: 0px; padding:0 10px; margin-right:5px; cursor:pointer; background:#474839;}
#newmbo .mbos .jubtn_broup span:hover{background:#8388ce;}
#newmbo .mbos .jubtn_broup span.on{background:#8388ce;}
#newmbo h1.title{background: #621919; margin:0px; padding:0px; width:100%; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#newmbo h1.title > span{color:#fff; display: inline-block; padding-left:20px; line-height:33px; font-weight: 600; font-size:14px;letter-spacing: 1px;}

#newmbo .mbocontent dl{width:100%;}
#newmbo .mbocontent dl dt{width:100%; overflow: hidden; background: #8e8e8e; border-bottom:1px solid #eaeaea;}
#newmbo .mbocontent dl dt span{display: inline-block; cursor:pointer; color:#fff; line-height:28px; }
#newmbo .mbocontent dl dt span.title{width:90%; padding-left:1%; float: left;}
#newmbo .mbocontent dl dt span.btn{width:100px; background: #474839; float: right; text-align: center; border-left:1px solid #eaeaea;}
#newmbo .mbocontent dl dd{border-bottom:1px solid #eaeaea; width:100%; min-height:50px; display:none; overflow: hidden; position:relative;}
#newmbo .mbocontent dl dd div.step01{width:100%; overflow: hidden;}
#newmbo .mbocontent dl dd div.name_box{width:14%; padding-bottom:30px; float: left; background:#f8f8f8; min-height:400px; border-right: 1px solid #eaeaea;}
#newmbo .mbocontent dl dd div.name_box *{font-size:12px; font-weight: 100;}
#newmbo .mbocontent dl dd div.name_box span{display: inline-block; padding-left:10px; width:100%; line-height:25px; cursor:pointer; border-bottom:1px solid #eaeaea;}
#newmbo .mbocontent dl dd div.name_box span:hover{color:blue; background:#fef6f6;}
#newmbo .mbocontent dl dd div.name_box span.on{color:blue; background:#fef6f6;}
#newmbo .mbocontent dl dd div.left_box{width:43%; float: left; min-height:400px; border-right:1px solid #eaeaea;}
#newmbo .mbocontent dl dd div.right_box{width:43%; float: left; min-height:400px; padding-bottom:30px;}
#newmbo .mbocontent dl dd div > h2{text-align: center; line-height:28px; font-weight: 600; font-size:14px; border-bottom:1px solid #eaeaea;}
#newmbo .mbocontent dl dd div h2{text-align: center; line-height:28px; font-weight: 600; font-size:14px;}
#newmbo .mbocontent dl dd div p{padding:10px;}
#newmbo .mbocontent dl dd div.rw_div{width:100%; height:100%; max-height:100%; position:absolute; background:#fff; display:none;}
#newmbo .mbocontent dl dd div.rw_div form{height:100%;}
#newmbo .mbocontent dl dd div.rw_div .contents_h2,#newmbo .mbocontent dl dd div.rw_div .contents_next_h2{float:left; width:50%; line-height:28px; font-weight: 600; font-size:14px;}
#newmbo .mbocontent #contents,#newmbo .mbocontent #contents_next{border:1px solid #eaeaea; overflow:hidden; min-height:78%; max-height:78%; height:78%; float:left; width:49%; margin:1% 0.5%; border-radius:4px;}
#newmbo .mbocontent .memosss{border:1px solid #eaeaea; overflow:hidden; min-height:100px; max-height:100px; height:100px; float:left; width:90%; border-radius:4px;}
#newmbo .mbocontent dl dd div.rw_div .btng{width:100%; text-align: center;}
#newmbo .mbocontent dl dd div.rw_div .btng span{display: inline-block; border-radius:4px; background:#454545; color:#fff; font-size:12px; line-height:24px; padding:0 15px; margin:3px 4px; cursor:pointer;}
#newmbo .mbocontent dl dd div.rw_div .btng span:hover{background:#8388ce;}
#newmbo .mbocontent dl dd div.rw_div2 .btng{width:100%; text-align: center;}
#newmbo .mbocontent dl dd div.rw_div2 .btng span{display: inline-block; border-radius:4px; background:#454545; color:#fff; font-size:12px; line-height:24px; padding:0 15px; margin:3px 4px; cursor:pointer;}
#newmbo .mbocontent dl dd div.rw_div2 .btng span:hover{background:#8388ce;}

#newmbo .mbocontent .site_link{color:blue;text-decoration: underline; font-size:10px; cursor:pointer;}

/* .footer_file_box{position: fixed; right:0px; bottom:0px; max-width:800px; width:50%; min-width:400px; margin-right:30px;}
.footer_file_box h2{width:100%; text-align: right; margin:0px; padding:0px; }
.footer_file_box h2 .btn{
display: inline-block; cursor:pointer; font-size:14px; font-weight: 600; line-height:25px; padding:0 15px; border-radius: 5px 5px 0 0;
border-left:2px solid #898989; border-top:2px solid #898989; border-right:2px solid #898989; background:#fff; margin-right:20px;
}
.footer_file_box .list_box{border:1px solid #898989; width:100%; background:#fff; display:none; overflow:hidden; padding:10px; border-radius: 3px; max-height:500px;}
.footer_file_box .list_box li a{font-weight: bold; text-decoration: none; font-weight: 100; font-size:12px;letter-spacing: 1px;}
.footer_file_box .list_box li a:hover{text-decoration: underline;}
.footer_file_box .list_box li a span.new{color:#e05555; font-weight: 600; font-size:11px;letter-spacing: -1px;}
.footer_file_box .list_box li a span.fname{color:#878cea;}
 */
p.line{width:98%; margin:0 auto; border-top:1px dashed #bfbfbf; padding:0px !important;}
.footer_file_box {position: fixed; right:10px; bottom:0px; max-width:800px; width:50%; min-width:400px;}
.footer_file_box h2 {position:relative; width:100%; height:38px; text-align:right; margin:0; padding:0;}
.footer_file_box h2 .btn {display: inline-block; cursor:pointer; height:35px; padding:3px 64px 0 28px; font-size:14px; font-weight:bold; line-height:35px; vertical-align:top; color:#fff; background-color:#212121;}
.footer_file_box h2 .btn .change_text {position:absolute; top:0; right:0; display:block; overflow:hidden; height:100%; width:38px; background:#3f3f3f url('/image/common/bg_arr3_up.png') 50% 50% no-repeat; text-indent:99999px;}
.footer_file_box h2 .btn .change_text.on {background-image:url('/image/common/bg_arr3_down.png');}
.footer_file_box .list_box {display:none; overflow:hidden; max-height:500px; padding:13px 20px; background:#3f3f3f;}
.footer_file_box .list_box li {padding:11px 0 8px; line-height:20px; font-size:12px; border-top:1px solid #696969;}
.footer_file_box .list_box li:first-child {border-top:0 none;}
.footer_file_box .list_box li .group:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.footer_file_box .list_box li a {float:left; width:75%; color:#fff; text-decoration:none; letter-spacing:1px; font-weight:bold;}
.footer_file_box .list_box li a:hover {text-decoration:underline;}
.footer_file_box .list_box li a .fname {}
.footer_file_box .list_box li .upname {float:right; width:25%; color:#bfbebe; text-align:right;}


/*메시지 css*/

.my_msg {position: fixed; right:10px; top:40px; min-width:200px; max-width:500px; z-index:999;}
.my_msg .boj {position:relative; display:none; overflow:hidden; padding:10px 15px; background:#3f3f3f; border:2px solid #000;}
.my_msg .boj span.sender{color:#fff; font-weight:bold; font-size:13px;}
.my_msg .boj span.my_msg_close{color:#fff; font-weight:bold; font-size:15px; cursor:pointer; position:absolute; top:5px; right:8px;}
.my_msg .boj p{
	border:2px solid #eee;
	font-size:12px;
	padding:5px 10px;
	margin-top:5px;
	background:#fff;
}
.my_msg .boj p a{color:blue;text-decoration: underline;}




.new_table2{
	margin:0px;padding:0px;
	width:100%;
}.new_table2 table{
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.new_table2 td{
	font-size:12px;
	padding:5px 0;
}.new_table2 th label{
	font-size:12px; font-weight:bold;
}

span.mody,span.delete{cursor:pointer;}

.new_table1 {border-top:2px solid #656565; border-collapse:collapse;}
.new_table1 th,
.new_table1 td {font-size:12px; text-align:left; border:1px solid #d6d6d6;}
.new_table1 tbody th {padding:8px 10px 5px; line-height:20px; background-color:#f3f3f3; font-weight:bold}
.new_table1 td {padding:5px 10px;}
.new_table1 td label {margin-right:10px;}
.new_table1 td label input[type='radio'],
.new_table1 td label input[type='checkbox'] {display:inline-block;}
.new_table1 .fild_td .form_ul li {margin-top:5px;}
.new_table1 .fild_td .form_ul li:first-child,
.new_table1 .fild_td .form_ul li.target_clone {margin-top:0;}
.new_table1 .fild_td .new_file_name {width:340px;}
.new_table1 .fild_td .userfile {display:inline-block; height:17px; line-height:17px; padding:0 10px; margin-right:0; color:#000; border:1px solid #adadad; background-color:#e6e6e6;}
.new_table1 .add_btn,
.new_table1 .del_btn {display:inline-block; height:17px; line-height:17px; padding:0 7px; font-size:11px; color:#747474; border:1px solid #c5c5c5; border-radius:3px; cursor:pointer;}
.new_table1 .add_btn {background-color:#fff;}
.new_table1 .del_btn {background-color:#e6e6e6;}
.new_table1 .block {display:block; width:100%;}


.download_insert{
	display:none;
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:999;
}
.download_insertback{
	display:none;
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:-o-linear-gradient(bottom, #ababab 5%, #3a3a3a 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ababab), color-stop(1, #3a3a3a) );
	background:-moz-linear-gradient( center top, #ababab 5%, #3a3a3a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ababab", endColorstr="#3a3a3a");	background: -o-linear-gradient(top,#3a3a3a,00007f);
	background-color:#5f5fbf;
	z-index:998;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;

	/* Good browsers */
	opacity: 0.5;
}
.download_insert .insert_box{
	width:400px; margin:25% auto; padding:20px 0; border:1px solid #656565;
	background-color:#fff; text-align: center; border-radius: 2px;
}
.download_insert .insert_box #download_insert{margin:0 0 30px 0;}
.download_insert .insert_box #download_insert p{
	margin-bottom:10px; font-size: 12px; font-weight: 100;
	line-height: 20px;
	color: #952424;
}
.download_insert .insert_box #download_insert input[type="submit"]{
border:1px solid #000;border-radius: 3px; color:#fff; cursor:pointer;
background:-o-linear-gradient(bottom, #6d6d6d 5%, #000000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6d6d6d), color-stop(1, #000000) );
background:-moz-linear-gradient( center top, #6d6d6d 5%, #000000 100% ); line-height: 21px; padding:0 10px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6d6d6d", endColorstr="#000000");	background: -o-linear-gradient(top,#6d6d6d,000000);
}
.download_insert .insert_box .close_box span{
display: inline-block; line-height: 21px; padding:0 10px;
border:1px solid #bfbfbf;border-radius: 3px; color:#5d5a5a; cursor:pointer;
background-color:#fff; font-size: 12px; font-weight: 100;
}

#conversation *{
	font-family:'Nanum Gothic', NanumGothic, '돋움', Dotum, 'Apple Gothic', sans-serif;
}
#conversation h1.title{background: #621919; margin:0px; padding:0px; width:100%; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#conversation h1.title > span{color:#fff; display: inline-block; padding:5px 20px; line-height:20px; font-weight: 600; font-size:14px;letter-spacing: 1px;}
#conversation h1.title2{padding:10px 5px;border-bottom:2px solid #eaeaea;}
#conversation h1.title2 > span{color:#4d4d4d; display: inline-block; line-height:20px; font-weight: 600; font-size:14px;}

#conversation > .roomgroup{position:relative; overflow: hidden;}
#conversation > .roomgroup > div.index{float:left; width:40%; margin: 100px 0 0 5%; border: 2px solid #930a0a; padding:1% 1% 2%; border-radius:10px;}


div.listRoom h2{
padding:7px 0 3px 0;
width:100%;
margin-bottom:5px;
font-size:18px;
text-align:center;
color: #930a0a; /* Color of the widget's title */
font-weight: bold;
}
div.listRoom ul{
list-style:none;
counter-reset:li;
padding:8px 25px 1px;
left:-7px;
width:92%;
}
div.listRoom li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:96%;
cursor:pointer;
}
div.listRoom ul li{
background: #eee;
position: relative;
display: block;
padding: .4em .2em .4em 2em;
*padding: .2em;
margin: .5em 0;
background: #ddd;
text-decoration: none;
border-radius: .3em;
transition: all .3s ease-out;
}
div.listRoom ul li:before{
content: counter(li);
counter-increment: li;
position: absolute;
top: 50%;
margin: -1.3em;
height: 2em;
width: 2em;
line-height: 2em;
font-size: 15px;
color: #fff; /* text color of numbers */
background: #FB8835; /* background color of numbers */
border: .2em solid #fff; /* border color */
text-align: center;
font-weight: bold;
border-radius: 2em;
position: absolute;
left: 0;
transition: all .3s ease-out;
}
div.listRoom ul li:hover{
background: #eee;
}
div.listRoom ul li:hover > a{
color:blue;
}
div.listRoom ul li:hover:before{
transform: rotate(360deg);
}
div.listRoom ul li a{
font: 14px; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
font-weight: bold;
color: #444;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
div.listRoom ul li a:hover{
color: blue;
}

div.listRoom ul li span.close{float:right; font-size:10px; margin-right:10px;}
div.listRoom ul li span.close:hover{color:red;}

div.sfile_list{
	display:none;
	height:auto; 
	position: absolute; 
	padding:10px 0; 
	overflow: hidden; 
	max-height:300px; 
	border-left:1px solid #d6d6d6; 
	border-bottom:1px solid #d6d6d6; 
	border-right:1px solid #d6d6d6; 
	background-color:#fff;
	width:100%; 
	left:-1px; 
	top:31px;
	z-index: 999;
}

div.sfile_list span{
    display: inline-block;
    width: 100%;
    padding: 0 9px;
    font-size: 13px;
    font-weight: bold;
    color: #908fc7;
	line-height:26px;
}