@charset "utf-8";
 
 /**/
body,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family:'Malgun Gothic', '맑은 고딕', sans-serif;color:#5e5e5e;font-size:14px;line-height:1.5;font-weight:normal;}

.wrapper {overflow: hidden;}

.essen {display:inline-block;width:8px;height:auto;padding-left:0;text-align:left !important;background:url('http://framework.m2comm.co.kr/web/setting/image/icon/bl_essen.png') 0 8px no-repeat;text-indent:-10000px;}
.fcPoint {color:#27297c !important;}
.fcBlue {color:#204ea3 !important;}
.posCR {position:absolute;right:0;top:50%;}

a {color:#666;text-decoration:none;}
a:hover,
a:focus {text-decoration:none;}
a img {vertical-align:middle;}

.subTit  { padding-left:15px; background:url('/image/sub/stit_dot.png') 0 center no-repeat; color:#1a589d; font-size:15px; font-weight:bold; margin-bottom:5px; margin-top:30px; }
input[type=text] {margin:0;padding:0;}

select,
input[type='text'],
input[type='password'] {height:22px;padding:0px 10px 1px;border:1px solid #b5b5b5;}
select {height:25px;padding:0;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;}


.btn a,
.btn input,
.btn button {height:auto !important;color:#fff;padding-top:4px;font-size:14px;line-height:1.2 !important;}

.btnSmall a,
.btnSmall input,
.btnSmall button {min-width:auto;padding:0 5px 3px;}
.btnSmall a {}

.btn a img {margin:0;vertical-align:middle;}

.btnArea a,
.btnArea input,
.btnArea button,
.utilBtn a,
.utilBtn input,
.utilBtn button {min-width:auto;padding:3px 10px 5px;margin-left:10px;font-size:13px;}
.btnArea a:first-child,
.btnArea input:first-child,
.btnArea buttom:first-child,
.utilBtn a:first-child,
.utilBtn input:first-child,
.utilBtn button:first-child {margin-left:0;}





/* 파일 찾기 */
div.selectFile {overflow:hidden;}
div.selectFile p {float:left;}
div.selectFile p:first-child {border:1px solid #b5b5b5;}
div.selectFile p:first-child input {width:98%;padding:0 1% 1px;border:0 none;}
div.selectFile p.fileBtn {width:66px;height:25px;padding:0;background:url('http://framework.m2comm.co.kr/web/setting/image/icon/findFile.gif') center center no-repeat;background-color:#249F9B;}
div.selectFile p.fileBtn input {width:100%;height:100%;}



/* Header 영역 */
div#headerWrap {width: 100%;}
div.header {position:relative;width:1400px;height:70px;margin:0 auto;}

div.header h1 {position:absolute;left:0;top:50%;padding-right:190px;}
div.header h1 a {display:block;overflow:hidden;color:#515151;font-size:25px;line-height:1.2;}
div.header h1 a img,
div.header h1 a span {float:left;}
div.header h1 a > span {position:absolute;right:0;top:50%;margin-top:-18px;}
div.header h1 a span span {padding:0 5px 6px 15px;margin-left:20px;border-left:1px solid #d9d9d9;color:#2a8ebf;}

dl#utilMenu {position:absolute;right:0;top:50%;margin-top:-10px;}
dl#utilMenu ul {overflow:hidden;}
dl#utilMenu ul li {float:left;margin-left:5px;}
dl#utilMenu ul li:first-child {margin-left:0;}
dl#utilMenu a {display:block;padding:1px 11px 4px;line-height:1;border-width:1px;border-style:solid;line-height:1;}

/* Footer 영역 */
div#footerWrap {width: 100%;}
div#footerWrap div.footer {padding:27px 0 27px 0px;margin:0 auto;/*background-image:url('/image/admin/logo_footer.png');*/background-repeat:no-repeat;font-size:12px;line-height:18px;}



/* 학회별로 변경할 부분 */

div#headerWrap {min-width:1400px;}

/* height:로고 이미지 높이; margin-top:( 로고 이미지 높이 / 2) *(-1);  */
div.header h1 {height:54px;margin-top:-27px;}
dl#utilMenu a {border-color:#616874;color:#616874;}

div#footerWrap {min-width:1400px;background-color:#e9e9e9;}
div#footerWrap div.footer {width:1210px;padding-left:190px;background-position:10px 25px;}
div#footerWrap div.footer,
div#footerWrap div.footer a {color:#424242;}
div#footerWrap div.footer ul {overflow:hidden;}
div#footerWrap div.footer li {float:left;padding-left:10px;}
div#footerWrap div.footer li:first-child {padding-left:0;}


/* Contents 영역 > 좌측메뉴 */



div.gnbLeft {border-top-width:2px;border-style:solid;}


div.gnbLeft div.container {position:relative;margin:0 auto;}
div.gnbLeft div.container:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}

div.gnbLeft div.container.wide {overflow:auto;width:auto;}


div.gnbLeft div.gnbWrap {float:left;overflow-x:hidden;overflow-y:auto;height:200px;background:url('http://framework.m2comm.co.kr/web/setting/image/admin/bg.jpg') 0 0 repeat-y;}

div.gnbLeft div.contents {float:right;padding-bottom:30px;}
div.gnbLeft div.wide div.contents {overflow-x:hidden;overflow-y:auto;float:none;width:auto;padding:0 30px 30px;}


div.gnbLeft ul#gnbUI {width:215px;}
div.gnbLeft ul#gnbUI > li {border-bottom:1px solid #dcdce0;}
div.gnbLeft ul#gnbUI a {display:block;}
div.gnbLeft ul#gnbUI a:focus,
div.gnbLeft ul#gnbUI a:hover {font-weight:bold;}
div.gnbLeft ul#gnbUI ul {display:none;padding-left:10px;}
div.gnbLeft ul#gnbUI > li > a {display:block;padding:11px 0 12px 20px;text-decoration:none;color:#484848;font-size:14px;background:url('http://framework.m2comm.co.kr/web/setting/image/admin/gnb_bl.png') 196px center no-repeat;}
div.gnbLeft ul#gnbUI > li > ul {margin:0 1px;padding-bottom:10px;background-color:#fff;}
div.gnbLeft ul#gnbUI li li {padding-top:5px;}

div.gnbLeft ul#gnbUI > li li a {font-size:14px;padding:0 0 0 5px;color:#484848;}
div.gnbLeft ul#gnbUI li li li {padding-top:2px;}

div.gnbLeft ul#gnbUI li.on > a {font-weight:bold;}
div.gnbLeft ul#gnbUI li.on > ul {display:block;}
div.gnbLeft div.gnbWrap ul#gnbUI > li.on > a {color:#fff;background-image:url('http://framework.m2comm.co.kr/web/setting/image/admin/gnb_bl_on.png');}






/* 학회별로 변경할 부분 */
div.gnbLeft  {border-color:#616874;min-width:1400px;}
div.gnbLeft div.container {width:1400px;}
div.gnbLeft div.contents {width:1125px;}

div.gnbLeft div.wide div.contents {min-width:1025px;}


div.gnbLeft ul#gnbUI li.on > a {color:#616874;}
div.gnbLeft ul#gnbUI > li.on > a {background-color:#616874;}







/* Contents 영역 > 상단메뉴 */
div#containerWrap.gnbTop {border-top:0 none;}

div.gnbTop div.gnbWrap {z-index:1000;position:absolute;left:0;top:0;width:100%;}
div.gnbTop div.gnbWrap.posF {position:fixed;}

div.gnbTop ul#gnbUI {height:50px;margin:0 auto;border-right-width:1px;border-right-style:solid;}
div.gnbTop ul#gnbUI > li {float:left;border-left-width:1px;border-left-style:solid;}
div.gnbTop ul#gnbUI > li > a {}
div.gnbTop ul#gnbUI ul {display:none;position:absolute;width:100%;padding-bottom:5px;}
div.gnbTop ul#gnbUI li {position:relative;}
div.gnbTop ul#gnbUI  > li > ul {left:0;top:50px;}

div.gnbTop ul#gnbUI li.on > a {font-weight:bold;}
div.gnbTop ul#gnbUI ul ul {left:100%;top:0;}


div.gnbTop ul#gnbUI a {display:block;color:#fff;}
div.gnbTop ul#gnbUI > li > a {padding:14px 0 16px !important;text-align:center;font-size:1.1em;line-height:1.3;font-weight:bold;}
div.gnbTop ul#gnbUI li.view > ul {display:block;}

div.gnbTop ul#gnbUI > li a {padding:5px 0 5px 10px;}

div.gnbTop div.contents {padding:50px 30px 30px;}
div.gnbTop div.wide div.contents {width:auto;}

/* 학회별로 변경할 부분 */
div.gnbTop div.gnbWrap {min-width:1300px;background-color:#616874;}
div.gnbTop div.gnbWrap.posF {width: 100%;}
div.gnbTop ul#gnbUI {width:1299px;}

div.gnbTop ul#gnbUI,
div.gnbTop ul#gnbUI  > li {border-color:#9da3ac;}
div.gnbTop ul#gnbUI  > li {width:122px;}
div.gnbTop ul#gnbUI  > li:first-child {width:182px;}

div.gnbTop ul#gnbUI ul {background-color:#293045;}

div.gnbTop ul#gnbUI > li.view > a {color:#ff0;}
div.gnbTop ul#gnbUI > li li a:hover,
div.gnbTop ul#gnbUI > li li a:focus {background-color:#616874;}
div.gnbTop div.contents {width:1400px;margin:0 auto;}



/* 인트로 */
div.intro {width:712px;margin:100px auto;border:1px solid #d7d7d7;}
div.intro p {width:700px;padding:220px 0 60px;border:6px solid #f1f1f1;background:url('http://framework.m2comm.co.kr/web/setting/image/admin/intro_img.jpg') center 66px no-repeat;text-align:center;color:#000;font-size:50px;line-height:1.2;letter-spacing:-3px;}
div.intro p span {}
div.intro p span:first-child {color:#737373;font-size:34px;}




div#containerWrap {position:relative;}
div.titArea {position:relative;margin-bottom:30px;}
div.titArea h2 {padding:18px 0 10px;font-weight:bold;font-size:20px;}
div.container h3 {color:#6b6b6b;font-size:15px;padding-bottom:10px;}


dl.pagePath {position:absolute;right:0;top:30px;}
dl.pagePath dd {color:#848484;font-size:12px;text-align:right;}

/* 학회별로 변경할 부분 */
div.wrapper,
div#containerWrap {min-width:1300px;}
div.container h2 {color:#616874;border-bottom:1px solid #d5d5d5;}

div.container h3 span {color:#8100eb;}


.subTit_bl {margin-top:30px;padding:0 0 5px 15px;font-weight:bold;color:#204ea3;background:url('/admin/image/subTit_bl.png') 0 10px no-repeat;font-size:16px;}
.boldTit {margin-top:20px;font-weight:bold;color:#204ea3;}

.subTit_bl:first-child,
.boldTit:first-child {margin-top:0;}

ul.col2ea {overflow:hidden;}
ul.col2ea > li {float:left;width:50%;}

ul.col2ea > li.clear {float:none;width:100%;}

.bdArea {border:1px solid #cacaca;}

ul.pagerSmall a {width:auto;padding:0;}
ul.pagerSmall .on a {font-weight:bold;}
ul.pagerSmall a:hover,
ul.pagerSmall a:focus {text-decoration:underline;}


/* Table 스타일 */
div.tblWrap {}
div.tblWrap > table {border:1px solid #c4c4c4;border-top:2px solid #5e5e5e;}
div.tblWrap table th,
div.tblWrap table td {padding:5px 10px;border:0 none;border-left:1px solid #c4c4c4;border-top:1px solid #c4c4c4;word-break:normal;}
div.tblWrap table th:first-child,
div.tblWrap table td:first-child {border-left:0 none;}
div.tblWrap table tr:first-child th,
div.tblWrap table tr:first-child td,
div.tblWrap table tr:first-child td table.innerTbl tr:first-child th,
div.tblWrap table tr:first-child td table.innerTbl tr:first-child td {border-top:0 none;}

div.tblWrap table tr.border th,
div.tblWrap table tr.border td {border-top:1px solid #c4c4c4;}

div.tblWrap table th,
div.tblWrap table .bg {background-color:#f0f0f0;}
div.tblWrap table.innerTbl th,
div.tblWrap table.innerTbl .bg {background-color:#f1f8ff;}
div.tblWrap table.innerTbl thead th {background-color:#feffde;}

div.tblWrap table thead th,
div.tblWrap table thead td {border-bottom:1px solid #c4c4c4;}

div.tblWrap table.graph tbody td {text-align:center;}
div.tblWrap table.graph tbody th {text-align:left;}

div.tblWrap table.graph td.graph {padding:5px 0;}
div.tblWrap table.graph div.graph {float:left;width:100%;}
div.tblWrap table.graph div.graph p {float:left;height:18px;background-color:#8100eb;}



div.tblWrap > table.tblSearch {border:2px solid #c3c3c3;}
div.tblWrap table.tblSearch th,
div.tblWrap table.tblSearch td {padding:5px 10px 7px;border-top:1px solid #c3c3c3;color:#333;}
div.tblWrap table.tblSearch tr:first-child th,
div.tblWrap table.tblSearch tr:first-child td {border-top:0 none;}
div.tblWrap table.tblSearch th,
div.tblWrap table.tblSearch tr.bg td {background-color:#f7f7f7;}

table.tblResult,
table.borderTbl {margin-top:10px;border-top:2px solid #5e5e5e;border-left:1px solid #c4c4c4;}
table.tblResult th,
table.tblResult td,
table.borderTbl th,
table.borderTbl td {padding:10px 0 !important;border-bottom:1px solid #c4c4c4;border-right:1px solid #c4c4c4;text-align:center;color:#333;text-align:center;font-size:12px;}
table.tblResult th,
table.borderTbl th {font-weight:bold;background-color:#f7f7f7;}
table.tblResult tr:first-child th,
table.tblResult tr:first-child td,
table.borderTbl tr:first-child th,
table.borderTbl tr:first-child td {border-top:0 none;}


.bdRight {border-right:1px solid #c4c4c4 !important;}
.bdLeft {border-left:1px solid #c4c4c4 !important;}
.bdLeft2 {border-left:1px solid #e1e3e6 !important;}




td label,
td .label {padding-bottom:3px;}

div.tblWrap table th .btn {display:inline-block;padding-top:3px;}

div.tblWrap table td input[type=radio],
div.tblWrap table td input[type=checkbox],
div.tblWrap table td label,
div.tblWrap table td .label {margin-left:10px;}
div.tblWrap table td > *:first-child {margin-left:0 !important;}
div.tblWrap table td span,
div.tblWrap table td label {display:inline-block;}



td span {padding:0 5px;}
td span.note {color:#f00;font-size:0.9em;}

td span.btnSmall {padding:0 !important;}

textarea {width:96%;padding:5px 2%;height:50px;margin:0;}


/* 검색영역 */
div.searchArea div.btnArea a,
div.searchArea div.btnArea input,
div.searchArea div.btnArea button {font-size:16px;padding:3px 20px 8px;}


/* 결과영역 */
/* Form 태그 */
input,
select {vertical-align:middle;}

/* 요약 */

div.brief {margin-top:40px;padding:6px 0 10px;border:2px solid #c3c3c3;background-color:#f7f7f7;text-align:center;}
div.brief ul {overflow:hidden;display:inline-block;}
div.brief ul > li {float:left;color:#000;font-weight:bold;}

div.brief ul > li:first-child {margin-left:0 !important;}

div.brief span {color:#2a8ebf;font-weight:bold;}


div.brief ul.list09 > li {margin-left:20px;}
.ie7 div.brief ul.list09 {padding-left:80px;}

div.brief ul.list03 > li {margin-left:140px;}
.ie7 div.brief ul.list03 {padding-left:200px;}


/* 검색 결과 */
div.resultArea {padding-top:30px;}
div.resultArea p {line-height:26px;}
div.resultArea div.btnArea {padding:0 0 20px;margin-top:30px;}

div.utilArea {position:relative;min-height:26px;}

div.utilArea ul.sort {overflow:hidden;}
div.utilArea ul.sort li {float:left;}
div.utilArea ul.sort li a {display:block;padding:8px 15px 10px 14px;border-left:1px solid #1b1f2d;background-color:#293045;color:#fff;}
div.utilArea ul.sort li.on a {border-color:#616874;background-color:#616874;}

div.utilArea .posCR {margin-top:-13px;}


div.resultArea dl.option {overflow:hidden;padding:20px 0;}
div.resultArea dl.option > dt,
div.resultArea dl.option > dd {float:left;}
div.resultArea dl.option > dt {font-weight:bold;padding-right:20px;line-height:17px;}
div.resultArea dl.option > dd > * {float:left;margin-left:10px;}
div.resultArea dl.option > dd > *:first-child {margin-left:0;}



/* 컨텐츠 내용 */
div.conArea {}

div.conArea div.tblWrap {margin-top:10px;}


div.contents div.txtCon {padding-top: 0;}
div.contents div.txtCon .boldTit_bl {margin-top: 40px;}
div.contents div.txtCon .boldTit_bl:first-child {margin-top: 0;}
div.contents table.inputTbl {margin-top: 0;}






/* 팝업 */
div.popupWrap {width:652px;}
div.popupWrap h1 {padding:8px 30px 12px;font-weight:bold;font-size:14px;color:#fff;background-color:#204ea3;}
div.popupWrap > div {padding:0 20px;}

div#popupPrepare {}
div#popupPrepare > div > p {font-size:12px;padding-bottom:10px;}

div#popupPrepare th,
div#popupPrepare td {border-top:1px solid #c4c4c4;}
div#popupPrepare table.innerTbl tr:first-child th, 
div#popupPrepare table.innerTbl tr:first-child td {border-top:0 none;}


div#popupAnswer {width:;}

div#popupAnswer th,
div#popupAnswer td {padding-bottom:7px;text-align:center;}

div#searchEmail {}

div#searchEmail div.popupCon {padding:0;color:#494949;font-size:12px;}

div#searchEmail div.formArea {overflow:hidden;padding:20px;}
div#searchEmail .fl,
div#searchEmail .fr {width:264px;}

div#searchEmail .bdArea {padding:7px 20px 10px;}

div#searchEmail div.searchArea {overflow:hidden;margin:10px 0;}
div#searchEmail div.searchArea > * {float:left;margin-left:5px;font-size:12px;}

div#searchEmail div.searchArea select {width:60px;margin-left:0;}
div#searchEmail div.searchArea input[type=text] {width:112px;}
div#searchEmail div.searchArea span.btn {width:45px;height:25px;}
div#searchEmail div.searchArea span.btn >  * {width:100%;height:100% !important;border:0 none;padding:0 0 3px;font-size:12px;}

div#searchEmail div.resultArea {position:relative;padding-top:0;}
div#searchEmail table {border-top:2px solid #8e8e8e;table-layout:fixed;}
div#searchEmail th,
div#searchEmail td {padding:3px 5px 5px;border-bottom:1px solid #e1e3e6;word-break:break-all;text-align:center;line-height:1.2;}
div#searchEmail th {background-color:#f8f8f8;}


div#searchEmail ul.util {position:absolute;right:-60px;top:50%;margin-top:-21px;}
div#searchEmail ul.util li {margin-top:10px;}
div#searchEmail ul.util li:first-child {margin-top:0;}

div#searchEmail .scrollArea {height:419px;padding:10px 20px 10px 10px;border:1px solid #cacaca;}
div#searchEmail .scrollArea li {margin-top:5px;word-break:break-all;line-height:1.2;}

div#searchEmail div.btn {padding:20px 0;text-align:center;background-color:#f8f8f8;}
div#searchEmail div.btn * {min-width:80px;height:35px !important;padding:0 20px 6px;}
div#searchEmail div.btn a {height:auto !important;padding:8px 20px 9px;}



table.programTbl {border-left:1px solid #ddd;border-top:1px solid #ddd;}
table.programTbl td {position:relative;padding:20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;font-size:15px;}

table.programTbl td div {position:absolute;width:40px;}
table.programTbl td div a {display:block;width:16px;padding:4px 0;}
table.programTbl td div a:first-child {}
table.programTbl td div img {display:block;margin:0 auto;}

table.programTbl div.rowUp,
table.programTbl div.rowDown {left:50%;margin-left:-20px;}

table.programTbl div.rowUp {top:0;}
table.programTbl div.rowDown {bottom:-2px;}


table.programTbl div.rowUp a,
table.programTbl div.rowDown a {float:right;}
table.programTbl div.rowUp a:first-child ,
table.programTbl div.rowDown a:first-child  {float:left;}


table.programTbl div.colLeft,
table.programTbl div.colRight {top:50%;width:16px;margin-top:-25px;}

table.programTbl div.colLeft {left:0;}
table.programTbl div.colRight {right:0;right:0px;}


table.programTbl div.upload {left:5px;bottom:5px;width:auto;}
table.programTbl div.upload a {width:auto;}


#wait_layer {
    position: fixed;
    width: auto;
    left: 60%;
    margin-left: -20%; /* half of width */
    height: 400px;
    top: 50%;
    margin-top: -150px; /* half of height */
    overflow: auto;
	opacity : 1;
	z-index:9999;
    /* decoration */
    /*border: 1px solid #000;
    background-color: #eee;
    padding: 1em;
    box-sizing: border-box;
	background:rgba(266, 266, 266, 1);*/
}

.container {overflow-x: auto;} /* 25.04.17 추가 */