﻿/* common */
@import url("common.css");
/* logo */
@import url("logo.css"); 


/* layout */
html { overflow:scroll; }
#bg-topline{ position:absolute; left:0px; top:114px; width:100%; height:50px; background-color:#137DCF;}
#wrap { }
#header {position:relative; height:164px;margin:auto; width:1000px;}
#header .language{ position:absolute; right:20px; top:45px; width:150px; z-index:999;font-size:12px; cursor:pointer;}
#header .language p{ text-align:right; font-size:12px;}
#header .language div{ width:100%;font-size:12px;}
#header .language span{ font-size:12px; color:#2f2f2f;}
#header .language a{font-size:12px; color:#2f2f2f;}
#header .language a:hover{ color:#ffffff;}
#header .account {position:absolute; right:10px; top:70px; text-align:right; width:300px; color:#bababa; font-size:12px;}
#header .account a{ font-size:12px; color:#2f2f2f; padding:0px 8px;}
#header .gnb{width:100%; height:50px; position:absolute; left:0px; top:114px; background-color:#137DCF;}

#main-menu li{ float:left; list-style-type:none;}
#main-menu .menu_first{ }
#main-menu .menu_first a.first{}
#main-menu .menu_first a{ display:block;padding:15px 0px;}
#main-menu .menu_first a span{ color:#fff; font-size:17px; font-weight:bold; padding:0px 20px; border-left:1px solid #4E9EDB; height:20px; line-height:20px; display:block;}
*:first-child+html #main-menu .menu_first a span{ font-size:15px !important; cursor:pointer;} 


#main-menu li.over{ background-color:#005AAD;}

#main-menu ul {
    display: none;
    padding: 14px 0px;
    position: absolute;
    z-index: 999;
    background-color: #005AAD;
}
#main-menu ul li {
    background-color: #005AAD;
    display: block !important;
    float: none !important;
}
#main-menu ul a {
    display: block;
    height: 30px;
    line-height: 30px;
	width:100%;
    padding: 0 !important;
    text-decoration: none;
    white-space: nowrap;
}
#main-menu ul span {
    color: #fff;
    display: inline !important;
    font-size: 14px !important;
	border:none !important;
}
#main-menu ul a:hover{ background-color:#137DCF;}


#body{ margin-bottom:20px;margin:auto; width:1000px;}
#body h3.pageTitle{ background:url(/images/layout/bar01.gif) no-repeat 0px 0px; padding:12px 0px 10px 6px; font-size:30px; margin-top:40px; margin-bottom:20px;}
#body h3.pageTitle span{ font-size:16px;}
#body #colgroup{}
#body #colgroup .container{ padding:10px 0px 50px;}
#body #colgroup div.headline-systemcheck{ text-align:center;color:#f00;font-weight:bold; background-color:#f7f7f7;padding:10px 0px;}

#footer{ padding:10px 0px; border-top:2px solid #d3d2d2; }
#footer .container{ margin:auto;width:1000px; position:relative; padding-top:15px;}
#footer .container .privacy{position:absolute;left:0px;top:0px; text-decoration:none; color:#f1592a; font-size:0.85em;}
#footer .container .earticle{position:absolute;right:0px;top:0px;width:250px; text-align:right;}
#footer .container .copyright{margin-left:150px;width:600px; font-size:12px;line-height:1.6em;}
#footer .container .copyright p.empty{ text-align:center;font-size:13px !important; }
#footer .container .copyright *{ font-size:12px;}

#sidgroup{position:absolute;top:210px; left:2000px; width:150px; }
#sidgroup #banner{ width:150px; margin-top:10px;}
#sidgroup #totalstatus{ width:150px; border:1px solid #48a7f1;}
#totalstatus .header{ background-color:#48a7f1; text-align:center; height:40px; line-height:40px; font-size:16px; font-weight:bold;color:#ffffff;}
#totalstatus .body{padding:10px 0px;}
#totalstatus .body ul{ list-style-type:none;}
#totalstatus .body ul li{ line-height:160%; padding-left:10px;}
#totalstatus .body ul li a{ color:#333;font-size:12px; }
#totalstatus .body span.item{ margin-right:3px; font-size:12px;}
#totalstatus .body span.count{ color:#f00;font-size:12px;}
#totalstatus .footer{ text-align:center; margin-bottom:12px;}
#totalstatus .footer a{ display: inline-block; width:80px; height:20px; line-height:20px; color:#fff; background-color:#343434; font-size:10.5px; border-radius:10px; }

.classificaiton ul li{ margin-left:20px;}
.classificaitonBox { padding:10px 0px;}
.classificaitonBox ul li{ list-style-type:none;line-height:160%; }
.classificaitonBox li li{ padding-left:20px; }

.sectionTitle{height:36px; line-height:36px; margin-bottom:20px; padding:0px 30px 0px 10px; width:150px; display:inline-block; font-weight:bold; color:#ffffff; background:url(/images/layout/subtitle_bg.png) no-repeat right top; background-color:#137dcf;}
.sectionTitleStrong{background-color:#ff7f00;}


/* login page */
.login{height:359px; position:relative;}
.login-contentEmpty{ height:329px !important;background:url(/Images/login/login_bg.jpg) no-repeat 0px -120px;}
.login-process{ height:338px; background:url(/Images/login/main_img_2.jpg) no-repeat;}
.login-browser{ height:312px; background:url(/Images/login/main_img_3.jpg) no-repeat;}
.login h3{ margin-top:62px; color:#137dcf; font-size:30px; margin-bottom:8px;}
.login .box{ height:293px; background:url(/Images/login/login_box.jpg) no-repeat;}
.login .small-box{ height:198px;border: 2px solid #cccccc; width:550px; }
.login .notice{ width:370px; height:228px; overflow:hidden; display:none; position:absolute;right:0px; top:0px;}
.login .notice h3{margin:0px; padding-bottom:10px; padding-left:8px; color:#4d4d4d; border-bottom:2px solid #cccccc; font-size:18px; margin-bottom:12px;}
.login .notice ul{margin:0px;padding:0px;}
.login .notice li{ line-height:160%; position:relative; margin-bottom:8px; list-style-type:none; background:url(/images/icon/dot.png) no-repeat 3px 45%;padding-left:13px;}
.login .notice a{ color:#333; width:240px; display:inline-block; height:20px; overflow:hidden;}
.login .notice span{color:#bbb;width:80px;font-size:0.9em; position:absolute;right:0px;top:2px;}

.login .input-field{ width:300px; float:left; margin-left:80px; margin-top:60px;}
.login .action-field{ width:100px; float:left; margin-top:60px;} 

.login dl{ margin-bottom:10px; clear:both;}
.login dt{ float:left; width:80px; height:30px; line-height:30px;}
.login dd{ float:left; width:220px; height:30px; line-height:30px;}
.login .input-field p{ height:30px; line-height:30px; padding-left:80px;}

/* search id/pass page */
.inquiryIdPass { margin:50px auto;}
.inquiryIdPass h4{ margin-bottom:5px; text-indent:10px;}
.inquiryIdPass .inquiryId{ width:43%; float:left;}
.inquiryIdPass .inquiryPass{ width:43%; float:right; margin-right:30px;}
.inquiryIdPass .input-field{ width:320px; float:left;}
.inquiryIdPass .action-field{ width:80px; float:left;} 
.inquiryIdPass dl{ margin-bottom:10px; clear:both;}
.inquiryIdPass dt{ float:left; width:90px; height:30px; line-height:30px;}
.inquiryIdPass dd{ float:left; width:220px; height:30px; line-height:30px;}
.inquiryIdPass .box{ border:2px solid #ddd; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); border-radius:6px; padding:30px 20px; width:100%; height:80px;}

.inquiryIdPass .inquiryId p{ margin-top:8px; text-align:center;}

.joinAgreement{}
.joinAgreement h4{height:36px; line-height:36px; margin-bottom:20px; padding:0px 30px 0px 10px; width:220px; display:inline-block; font-weight:bold; color:#ffffff; background:url(/images/layout/subtitle_bg.png) no-repeat right top; background-color:#137dcf;}
.joinAgreement div.contents{ height:200px; padding:10px; border:1px solid #dfdfdf; overflow-y:auto; margin-bottom:10px;}
.joinAgreement div.confirm{ margin-bottom:30px;}
.joinAgreement div.confirm input{ border:none; margin-left:8px;}

/* author submission page */
.submissionAgain{ margin-bottom:20px; line-height:160%; padding:10px 20px; background-color:#f8f8f8; border:1px solid #e0e0e0;}

.submissionProcess{ height:100px; background-color:#eeeeee; margin-bottom:50px;}
.submissionProcess ol{ list-style-type:none;}
.submissionProcess li{ float:left; line-height:100px; width:25%; text-align:center; font-weight:bold; color:#fff; font-family:Verdana; background:url(/images/layout/arrow_r.png) no-repeat;}
.submissionProcess li span{ display:block; background:url(/images/layout/arrow_f.png) no-repeat right top; color:#959595; font-size:28px; }
.submissionProcess li.selected{background-color:#137dcf;}
.submissionProcess li.selected span{ color:#fff;}

.submissionForm{ margin-bottom:30px;}
.submissionForm h4{ height:36px; line-height:36px; margin-bottom:20px; padding:0px 30px 0px 10px; width:150px; display:inline-block; font-weight:bold; color:#ffffff; background:url(/images/layout/subtitle_bg.png) no-repeat right top; background-color:#137dcf;}


.submissionForm dl.tr{position:relative; background:url(/images/layout/dl_base_bg.png) repeat-y -20px 0px; width:100%;border-bottom:1px solid #e0e0e0;}
.submissionForm dl.first{border-top:2px solid #333333;}
.submissionForm dl.last{ margin-bottom:20px;}
.submissionForm dl.tr dt{ position:absolute;left:0px;top:0px; width:200px; line-height:35px;}
.submissionForm dl.tr dt span{ padding-left:20px;}
.submissionForm dl.tr dd{ padding-top:3px; padding-left:210px; line-height:35px;}
.submissionForm dl.tr dd .btn{}
.submissionForm dl.tr ul{ list-style-type:none;}
.submissionForm dl.tr ul li{ margin-bottom:4px;}

.submissionForm .authorWrite{ position:relative; margin-bottom:20px;}
.submissionForm .authorWrite .tip{position:absolute; left:200px; top:0px; height:36px; line-height:36px; font-size:12px;}
.submissionForm .authorWrite .tip2{line-height:18px !important; }
.submissionForm .authorWrite p.userInput { line-height:160%; border:1px solid #e0e0e0; background:url(/images/icon/noticeicon.png) 40px 10px no-repeat; padding:15px 0px 15px 144px; background-color:#f8f8f8; margin-top:30px;}
.submissionForm .authorWrite p.userInput strong{ color:#ff7e00; font-weight:normal;}

.submissionForm .authorWrite .members{overflow-x:auto;}

.submissionForm .filetip{ margin-bottom:8px; line-height:160%;}
.submissionForm .filetip strong{ color:#d00000;}
.submissionForm input.file{margin-right:80px;}

#dlJudgeFile strong{ color:#d00000;margin-left:20px;}

.completeCheck{ margin-left:202px; margin-top:-8px; padding-top:18px; background:url(/Images/icon/roundTop.png) no-repeat 400px 0px; position:relative;}
.completeCheck span{border:1px solid #9e9e9e; font-size:12px; padding:6px 17px; background-color:#f8f8f8; font-weight:bold; color:#d00000; z-index:-1; position:absolute; top:14px;}

.otherFiles { margin:10px 0px 20px 20px;}
.otherFiles ul li{ line-height:160%; margin-bottom:7px;}
.otherFiles ul li button{ margin-left:20px;}


#agreement{margin-bottom:10px; border:2px solid #ccc; padding:10px;}
#agreement_action{ border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; height:35px; line-height:35px; text-align:center; }

.submissionForm div.agree_content{ width:960px; height:250px; overflow:scroll;border:1px solid #dfdfdf; padding:10px;}
.submissionForm div.agree_check{ margin:8px 0px 30px;}

p.irb{ font-size:0.85em; margin-top:5px; line-height:160%; padding:10px 0px; color:#ff7e00;}
table.irb{ border-collapse:collapse; width:100%; margin-bottom:20px;}
table.irb th{ line-height:160%; padding:4px 0px; background-color:#f1f1f1; border:1px solid #dfdfdf;}
table.irb td{ line-height:160%; padding:4px 0px 4px 180px; border:1px solid #dfdfdf;}
table.irb td label{ margin-left:10px;}

.submissionComplete{ line-height:160%; border:2px solid #e0e0e0; background-color:#f8f8f8; font-size:21px; padding:10px 20px; margin:50px 0px;}
.submissionError{ line-height:160%; border:2px solid #e0e0e0; background-color:#f8f8f8; font-size:21px; padding:10px 20px; margin:50px 0px;}

/* author read page */
.authorResult {}
.authorResult strong{color:#ef6b08;}
.authorResult .headline { padding:25px 20px 20px 20px; border:2px solid #137dcf;margin-bottom:40px;}
.authorResult .headline p{ margin-bottom:10px;}

.authorResult dl.title{margin-bottom:0px !important;}
.authorResult dl.title dt{ display:none;} 
.authorResult dl.title dd{ font-weight:bold; color:#636363; font-size:24px; padding:0px !important; }

.authorResult dl.info{margin-bottom:40px;}
.authorResult dl.info dt{ height:36px; line-height:36px; margin-bottom:20px; padding:0px 30px 0px 10px; width:150px; display:inline-block; font-weight:bold; color:#ffffff; background:url(/images/layout/subtitle_bg.png) no-repeat right top; background-color:#137dcf;}
.authorResult dl.info dd{ line-height:160%;}

.authorResult table.read{ border-collapse:collapse; width:100%; border-top:2px solid #333333;}
.authorResult table.read th{ height:35px; line-height:35px; text-align:left; padding-left:20px; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8;}
.authorResult table.read td{ border-bottom:1px solid #e0e0e0; padding-left:20px; line-height:160%;}
.authorResult .section{}
.authorResult .section h4{height:36px; line-height:36px; margin-bottom:20px; padding:0px 30px 0px 10px; width:150px; display:inline-block; font-weight:bold; color:#ffffff; background:url(/images/layout/subtitle_bg.png) no-repeat right top; background-color:#137dcf;}

.authorResult .section dl.tr{position:relative; background:url(/images/layout/dl_base_bg.png) repeat-y -20px 0px; width:100%;border-bottom:1px solid #e0e0e0;}
.authorResult .section dl.first{border-top:2px solid #333333;}
.authorResult .section dl.last{ margin-bottom:20px;}
.authorResult .section dl.tr dt{ position:absolute;left:0px;top:0px; width:200px; line-height:35px;}
.authorResult .section dl.tr dt span{ padding-left:20px;}
.authorResult .section dl.tr dd{ padding-top:3px; padding-left:210px;min-height:30px;}


.authorResult .section ul.review{padding-left:20px;}
.authorResult .section ul.review li{ margin-bottom:20px;}
.authorResult .section ul.review li ul li{ list-style-type:none; margin-bottom:0px; line-height:160%; padding-left:10px;}
.authorResult .section ul.review div{}
.authorResult .section ul.review .title{ font-weight:bold;}
.authorResult .section ul.review div p{ margin-top:10px;}
.authorResult .section ul.review div p.content{ margin-top:0px !important; line-height:160%;padding-left:10px;}
.authorResult .section ul.review span.result{ margin-left:20px; color:#ff7f00;}
.authorResult .section dd span.score{ color:#ff7f00; font-weight:bold;}
.authorResult .section ul.files{}
.authorResult .section ul.files li{ line-height:160%; list-style-type:none;}
.authorResult .section .decision div.comment{ line-height:160%; margin-top:10px;}
.authorResult textarea{ height:150px !important; border:1px solid #e0e0e0; border-top:2px solid #333333; width:100%;}
.authorResult .publicationSection p{ height:35px; line-height:35px; position:relative; width:100%; border-bottom:1px solid #e0e0e0;}
.authorResult .publicationSection p label{font-weight:bold; padding-left:10px; background-color:#f8f8f8; display:inline-block; width:150px; margin-right:20px;}

.authorResult .section dl.finalupload p{ line-height:160%; padding-bottom:10px ;}
.authorResult .section dl.finalupload ul{ padding-bottom:10px;}
.authorResult .section dl.finalupload ul li{margin-left:20px; padding-bottom:5px;}

/* review list */
.reviewList .notice{ background-color:#f7f7f7;padding:10px;}

/* review read page */
.treatiseReview{}
.treatiseReview strong{color:#ef6b08;}
.treatiseReview headline span{color:#ef6b08; font-weight:bold; margin-left:30px;}
.treatiseReview .headline { padding:25px 20px 20px 20px; border:2px solid #137dcf;margin-bottom:40px;}
.treatiseReview .headline p{ margin-bottom:10px;}



.treatiseReview dl.title{margin-bottom:0px !important;}
.treatiseReview dl.title dt{ display:none;} 
.treatiseReview dl.title dd{ font-weight:bold; color:#636363; font-size:24px; padding:0px !important; margin-bottom:10px; }

.treatiseReview #items{ width:100%;}
.treatiseReview #items li{ width:100%;  list-style-type:none;}
.treatiseReview #items li.first {border-top:2px solid #333333;}
.treatiseReview #items span.td{ display:inline-block; zoom:1; *display:inline;vertical-align:middle;}
.treatiseReview #items span.mark{ width:112px; text-align:center;font-size:48px; font-weight:bold; color:#137dcf; background-color:#f8f8f8; float:left;}
.treatiseReview #items span.content{width:670px; padding:0px 10px !important;line-height:160%; }
.treatiseReview #items span.score{ width:180px; text-align:right; padding-right:10px; line-height:160%;}
.treatiseReview #items span.score input.txt{ width:70px; margin-right:5px;}
.treatiseReview #items span.score select{ width:120px; margin-right:5px;}
.treatiseReview #items span.radio_select{ display:block; width:100%;text-align:right;}
.treatiseReview #items span.score .description{ font-size:12px;}
.treatiseReview #items li::after{content:''; display:block; border-bottom:1px solid #e0e0e0; clear:both;}
/* input type='text' */
.treatiseReview #items .text span.mark { line-height:66px;}
.treatiseReview #items .text span.content{padding:0px 10px !important;line-height:160%; margin-top:4px; font-weight:bold;}
.treatiseReview #items .text span.score{ text-align:right; padding-right:10px; line-height:160%; margin-top:8px;padding-bottom:5px;}

/* input type='radio' */
.treatiseReview #items .radio span.mark { line-height:66px; }
.treatiseReview #items .radio span.content{width:820px !important; padding:0px 10px !important;line-height:160%; margin-top:4px; font-weight:bold;}
.treatiseReview #items .radio span.score{ width:750px !important; text-align:right; padding-right:10px; line-height:160%; margin-top:8px;}
.treatiseReview #items .radio span.radio_select{ display:inline !important; width:auto !important;  }
/* select box type */
.treatiseReview #items .select span.mark { line-height:66px; }
.treatiseReview #items .select span.content{padding:0px 10px !important;line-height:160%; margin-top:4px; font-weight:bold;}
.treatiseReview #items .select span.score{ text-align:right; padding-right:10px; line-height:160%; margin-top:8px;padding-bottom:5px;}



.treatiseReview .review{ position:relative;}
.treatiseReview .review div.total{ text-align:right; padding-right:20px; margin-top:8px; padding-bottom:8px; clear:both;}
.treatiseReview .review div.total input.txt{ width:100px; margin-right:5px;}
.treatiseReview .review div.description{}
.treatiseReview .review textarea{height:150px !important; border:1px solid #e0e0e0; border-top:2px solid #333333; width:100%;}
.treatiseReview .review dd{ margin-bottom:40px;}
.treatiseReview .review dd dd{ margin-bottom:0px !important;}
.treatiseReview .reviewHistory dt .btn{ position:absolute; right:30px; top:6px;}
.treatiseReview .history{ }
.treatiseReview .history li{ list-style-type:none; }
.treatiseReview .history li p.recent{ border-top:2px solid #333;}
.treatiseReview .history li p.open{ border-top:2px solid #333;}
.treatiseReview .history li p.result{ height:48px; line-height:48px; position:relative; width:100%;border-bottom:1px solid #e0e0e0;}
.treatiseReview .history li p.result label{ display:inline-block; padding-left:20px; width:120px; background-color:#f8f8f8; margin-right:20px;}
.treatiseReview .history li p.result strong{}
.treatiseReview .history dl{ margin-bottom:20px;}
.treatiseReview .history li li{ line-height:160%;}
.treatiseReview .history span.score{color:#ff7f00;}

.treatiseReview .history dt{ padding:15px 20px 5px 20px;}
.treatiseReview .history dd{ padding:0px 30px;}
.treatiseReview .history dl.last dd{ border-bottom:1px solid #e0e0e0; padding-bottom:20px;}

.treatiseReview dl.tr{position:relative; background:url(/images/layout/dl_base_bg.png) repeat-y -20px 0px; width:100%;border-bottom:1px solid #e0e0e0;}
.treatiseReview dd.box{border-top:2px solid #333333; padding:15px 10px 20px; border-bottom:1px solid #e0e0e0; line-height:160%;}
.treatiseReview dl.first{  border-top:2px solid #333333;}

.treatiseReview dl.tr{}
.treatiseReview dl.tr dt{float:left;width:20%;padding:10px 8px 10px 20px; line-height:160%; box-sizing:border-box;}
.treatiseReview dl.tr dd{float:right;width:80%;padding:10px 8px; line-height:160%;  box-sizing:border-box;}
.treatiseReview dl.tr::after{content:' ' ; clear:both; display:block;}
/*
.treatiseReview dl.tr dt{ position:absolute;left:0px;top:0px; width:200px; line-height:35px;}
.treatiseReview dl.tr dt span{padding-left:20px;}
.treatiseReview dl.tr dd{padding-top:3px; padding-left:210px; line-height:35px;}
*/

.treatiseReview dl.tr ul{margin-bottom:10px;}
.treatiseReview dl.tr ul li{ list-style-type:none; line-height:160%;}
.treatiseReview dl.reconfirm{ line-height:160%; background-color:#f8f8f8;}
.treatiseReview dl.reconfirm dt{ padding:10px 10px 0px 10px; font-weight:bold;}
.treatiseReview dl.reconfirm dd{ padding:0px 10px 10px 10px;}



.treatiseReview table.write{ border-collapse:collapse; width:100%;}
.treatiseReview table.write th{ height:35px; line-height:35px; text-align:left; padding-left:20px; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8;}
.treatiseReview table.write td{ border-bottom:1px solid #e0e0e0; padding-left:20px; line-height:160%;}
.treatiseReview table.write td ul li{ list-style-type:none;}

.treatiseReview .absBox{line-height:160%; background-color:#f5f5f5;padding:20px;}
.treatiseReview .absBox .abs{margin-bottom:20px; word-break:keep-all;}

.reviewComplete{ line-height:160%; border:2px solid #e0e0e0; background-color:#f8f8f8; font-size:21px; padding:10px 20px; margin:50px 0px;}
.overseasBankMsg{margin:30px 0px 5px;}

/* editor read page */
.treatiseEditor{}
.treatiseEditor strong{color:#ef6b08;}
.treatiseEditor .headline { padding:25px 20px 20px 20px; border:2px solid #137dcf;margin-bottom:40px; position:relative;}
.treatiseEditor .headline p{ margin-bottom:10px;}
.treatiseEditor .headline p.volume{ position:absolute;right:40px;top:20px; width:500px; text-align:right;}
.treatiseEditor .headline p.volume span{margin-right:10px;}
.treatiseEditor .headline .edit{position:absolute;right:0px;bottom:0px; border-radius:1px; border:1px solid #efefef; background-color:#f1f1f1;font-size:0.9em;padding:2px 4px; cursor:pointer;}


.treatiseEditor dl{margin-bottom:40px;}
.treatiseEditor dl dt{ height:36px; line-height:36px; margin-bottom:20px; padding:0px 30px 0px 10px; width:150px; display:inline-block; font-weight:bold; color:#ffffff; background:url(/images/layout/subtitle_bg.png) no-repeat right top; background-color:#137dcf;}
.treatiseEditor dl dd{ line-height:160%;}
.treatiseEditor dl dd ul{ list-style-type:none;}
.treatiseEditor dl dd li.file{ padding:3px 0px; border-bottom:1px solid #e0e0e0;}
.treatiseEditor dl dd li.file span.pastInfo{ display:inline-block; width:150px;}

.treatiseEditor dl.title{margin-bottom:0px !important;}
.treatiseEditor dl.title dt{ display:none;} 
.treatiseEditor dl.title dd{ font-weight:bold; color:#636363; font-size:24px; padding:0px !important; }

.treatiseEditor table.read{ border-collapse:collapse; width:100%; border-top:2px solid #333333;}
.treatiseEditor table.read th{ height:35px; line-height:35px; text-align:left; padding-left:20px; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8;}
.treatiseEditor table.read td{ border-bottom:1px solid #e0e0e0; padding-left:20px; line-height:160%;}

.treatiseEditor table.write{ border-collapse:collapse; width:100%;}
.treatiseEditor table.write th{ height:35px; line-height:35px; text-align:left; padding-left:20px; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8;}
.treatiseEditor table.write td{ border-bottom:1px solid #e0e0e0; padding-left:20px; line-height:160%;}

.treatiseEditor dl.authorSection dd,
.treatiseEditor dd.authorSection{ text-align:center;}
.treatiseEditor dd.authorSection .btn{ margin-top:20px;}

.treatiseEditor .basicSection{position:relative;}
.treatiseEditor .reviewerSection{ position:relative;}
.treatiseEditor .abstractSection{ position:relative;}
.treatiseEditor .help{ position:absolute; right:10px; top:20px;}
.treatiseEditor .reviewerSection label.review{ font-weight:bold; color:#4C9CDC; padding-left:3px;}

.treatiseEditor .authorSection{ position:relative;}
.treatiseEditor .update{ position:absolute; right:10px; top:20px;}

.treatiseEditor dl.result{ margin-bottom:20px;}
.treatiseEditor dl.result .history{ list-style-type:none;}
.treatiseEditor dl.result .history li{ padding-bottom:10px; border-bottom:1px solid #acacac;padding-top:10px;}
.treatiseEditor dl.result .history dt{ background:none; border:none; display:none;}
.treatiseEditor dl.result .history dd{padding:0px; margin-bottom:10px;}
.treatiseEditor dl.result .history .comment{padding:5px 10px; background-color:#f1f1f1; border-radius:4px;}
.treatiseEditor dl.result #items{}
.treatiseEditor dl.result #items li{ list-style-type:none; margin-bottom:10px;}
.treatiseEditor dl.result #items .txt{ margin-left:10px; width:40px;}
.treatiseEditor dl.result #items .description{ margin-left:20px; font-size:0.75em !important; color:#888;}
.treatiseEditor dl.result textarea{ height:150px !important; border:1px solid #e0e0e0; border-top:2px solid #333333; width:100%;}
.treatiseEditor dl.result p{ text-align:center;}
.treatiseEditor dl.result p label{ margin-right:20px;}
.treatiseEditor dl.result td.result{ text-align:center; vertical-align:top; padding-top:4px;}
.treatiseEditor dl.result td.comment{ vertical-align:top; padding-top:4px;}
.treatiseEditor dl.result td.file{ vertical-align:top; padding-top:4px;}
.treatiseEditor dl.result table{ margin-bottom:30px;}

.treatiseEditor .adminMemoContainer{padding:10px 18px; background-color:#f1f1f1;}
.treatiseEditor .admMemoChecker{}
.treatiseEditor .admMemoChecker-off{display:none;}
.treatiseEditor .admMemoChecker div{padding:15px 0px; margin-bottom:15px; border-bottom:1px solid #bcbcbc; text-align:center;}
.treatiseEditor .admMemoChecker button{padding:10px 40px 10px 20px;  border:none; border-radius:5px; cursor:pointer;
	background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB1klEQVQ4T6WTT2gTURDGv9mAoV3YmxYLQmmh/jl46iXgRZJ9jwhBaImeRDxYbw0IVo/xph4jFKGHoKdCKEjwsrN7CKXkZED0IKgoWHopJBAK6q71jbzQBqtJoHZuj/nmN/P4ZgjHDBpUn81mZ1Op1DwRnTXGCBF9EJH1MAw//q0/BFBKuSLykIhKAL4R0VsR+Q7gIoBTAKpJkpTiOP7luu5UFEXv+4BisXii2+1uAJgGcI+ZXwAQ27FcLjvNZvMWgKcA3gBwLJSZx/sApdQzANeMMXNRFH0e9DWt9VUReXmQY2bqAbTWp0VkW0Suh2FYG1Scy+WmHcdpApj4B6CUWgTwpN1un2y1Wj+HdLdNHgFw9/NfmfnuwQRVEZlkZn1UV3sApdRzADPMfOl/AQ8AlJIkOdNoNPZGQfYdeQygwsxbvQl8358koi9EdDsIAmvf0PB9/w4RVYwx561bfRu11qsiUjDGXLYLMmJDN4moGgTBfavpAwqFwngcx68AXCCiZc/z1mq1WmJF+Xw+bYxZEJEVInqXTqev1Ov13UMA+8hkMmOe51VE5AaALoBPAH4AmLP2ichqp9NZ+tPqYcc04TjOTQDniMiu82sA68y8M/KYjmqh1f8Gv7zIEdAE6VsAAAAASUVORK5CYII=") no-repeat 92% 45%;
}
.treatiseEditor .admMemoChecker button span.msg{ color:#f00;}

.treatiseEditor .admMemoList{}
.treatiseEditor .admMemoList li.memo{}
.treatiseEditor .admMemoList li.memo div.name{font-size:.9rem;}
.treatiseEditor .admMemoList li.memo div.contents{float:left;margin-right:10px;padding:12px 8px; background-color:#fff;border-radius:5px;max-width:85%;}
.treatiseEditor .admMemoList li.memo div.info{ float:left; font-size:.75rem;}
.treatiseEditor .admMemoList li.memo div.info button.remove { width:16px;height:16px;border:none; cursor:pointer;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsElEQVQ4T73TzREBURAE4G/vCECVGFwEQAJcheEnARH4CcNRBJuAixRcBCAAaqqWUlue3bLFXGe6X/dMv0zDyhL4Lg4YFP0jxriU51MES/QwKwBbnLFOEYyKF9s1HV0xQf5QMH/HXkG2wCZloaYQygS3msgn7qcEfcT2o+Iapxd1tRTkmBagPYZ/JwgLO8Riv7Lw6SDJHUTCWhWnjJnOY6Z8xkjXCqlIBzj6zz/ROIl3DAAgEXEh+ywAAAAASUVORK5CYII=") no-repeat 50% 50%;
}
.treatiseEditor .admMemoList li.memo div.date button.remove span{display:none;}
.treatiseEditor .admMemoList li.remove div.contents{color:#898989; padding:8px 8px;}
.treatiseEditor .admMemoList li.memo::after{content:' ' ; display:block; clear:both; margin-bottom:12px;}
.treatiseEditor .admMemoList li.memo:last-child{border-bottom:1px solid #bcbcbc;}
.treatiseEditor .admMemoWrite{padding:8px 0px; position:relative;}
.treatiseEditor .admMemoWrite textarea{width:90%; border:1px solid #dfdfdf;}
.treatiseEditor .admMemoWrite button{position:absolute; right:10px;top:8px;}

/* 2024.10.07 */
.treatiseEditor .integrationResult{padding:10px;margin-bottom:20px; background-color:#f3f3f3;}
.treatiseEditor .integrationResult .title{font-weight:bold; margin-bottom:5px;}
.treatiseEditor .integrationResult{}

.treatiseEditor .selectChiefReview { padding:8px 10px; background-color:#f4f4f4; border:1px solid #dfdfdf; margin-bottom:3px;}

.treatiseEditor #editorAuthority p{ margin-bottom:10px;}

/* 2025.02.21 */
.treatiseEditor .finalRequest td{padding:15px 5px; line-height:180%;}
.treatiseEditor .finalRequest tr:nth-child(2n) td{background-color:#fdfdfd;}
.treatiseEditor .finalRequest td ul li{ margin-bottom:8px;padding-bottom:8px; border-bottom:1px dotted #dfdfdf;}
.treatiseEditor .finalRequest td ul li:last-child{border-bottom:0px;padding-bottom:0px; margin-bottom:0px;}

/* 2025.05.12 */
.treatiseEditor .fileSection{position:relative;}
.treatiseEditor #enableFileEdit{position:absolute;right:0px;top:-5px; text-align:right;}


#editorProcess {border-bottom:2px solid #137dc9; position:relative; margin-bottom:30px;}
#editorProcess ul{}
#editorProcess ul li{ list-style-type:none; display:inline-block; position:absolute; border:1px solid #d3d3d3;border-bottom:2px solid #137dc9; text-align:center;}
#editorProcess a{ background-color:#f7f7f7;color:#333333; line-height:20px; display:block; width:100%; padding:4px 0px;}

#editorProcess ul li.selected{border:2px solid #137dc9;border-bottom:2px solid #ffffff; }
#editorProcess ul li.selected a{ background-color:#ffffff;}
#editorProcess strong{color:#ff7e00;}

table.recommendList{ width:65% !important; float:left;}
table.recommendList thead .th1{height:26px !important; border-bottom:1px solid #dddddd !important;}
table.recommendList thead .th2{height:26px !important; border-top:none !important;}
table.recommendList td button{ width:60px !important;}

div.reviewerPool{width:30%; float:right;}
div.reviewerPool .ui-icon{ display:inline-block;}
div.reviewerPool .ui-button{float:right;width:20px;height:20px; overflow:hidden; box-sizing:border-box; white-space:nowrap; padding:1px;  border:none;  background-color:#fff; border-radius:3px; text-indent:-9999px;}
div.reviewerPool .ui-close{ display:block; overflow:hidden; background:url("/content/themes/base/images/ui-icons_cd0a0a_256x240.png") -96px -128px; width:16px; height:16px; vertical-align:middle;}
div.reviewerPool table.list span.institution{margin-left:18px;}
div.reviewerPool table.list span.roleName{margin-left:6px; font-size:0.8em; background-color:#f6f3b4;padding:1px;}
div.reviewerPool table.list tr.assign span.name{ font-weight:bold;}
div.reviewerPool table.list tr.except td{ background-color:#f3f3f3; color:#888888;}
div.reviewerPool table.list tr.except .ui-button{ background-color:#f3f3f3;}
div.reviewerPool span.mark{padding:2px; font-size:0.8em;border-radius:2px;}
div.reviewerPool tr.except span.mark{ background-color:#000; color:#fff; margin-right:2px;}
div.reviewerPool tr.assign span.mark{ background-color:#ff0000; color:#fff; margin-right:2px;}

strong.guestReviewerDuplication{ font-weight:normal; color:#ff0000;}
strong.guestReviewerDuplication span.earticle-online{ color:#000; font-weight:bold;}

div.resubmissionPeriod{ background-color:#efefef;padding:15px; position:relative; line-height:160%;}
div.resubmissionPeriod strong{margin-left:3px;font-size:1.1em; color:#ff0000;}
div.resubmissionPeriod .edit{position:absolute;right:20px;bottom:10px; border-radius:1px; border:1px solid #dfdfdf; background-color:#f1f1f1;font-size:0.9em;padding:2px 4px; cursor:pointer;}
div.resubmissionPeriod .edit span{font-size:9pt;}

.submissionID strong.urgency{ background-color:#f8ef3f;padding:3px 8px;}

/* treatise revivew status */
.trs{ border-collapse:collapse; width:100%;}
.trs th{ font-size:10pt; border:1px solid #dfdfdf; background-color:#f1f1f1; line-height:160%; font-weight:normal;}
.trs td{font-size:10pt; border:1px solid #dfdfdf; text-align:center; line-height:160%;}
.trs td.strong{ color:#ef6b08; font-weight:bold;}
.trs td.tit{ text-align:left;}


/* site manager */

.classificationMng{ position:relative;}
.classificationMng #subClass{ position:absolute; display:none; width:100%; left:0px; background-color:#FDF0E7; border-top:1px solid #e0e0e0;}
.classificationMng #subClass div.boxing{ padding:20px 20px;}
.classificationMng #subClass .addSection{margin-bottom:10px; background-color:#fff;}
.classificationMng #subClass table td{ background-color:#fff;}
.classificationMng #subClass table tbody tr.selected td{ background-color:#fbf9ef;}

.classificationMng #mainList td{ vertical-align:top;}

.list_sort{ float:right;}

p.captcha{}
p.captcha label{ border:5px solid #333; padding:10px 8px; margin-right:10px; margin-bottom:10px; letter-spacing:2px; line-height:200%; display:inline-block;}
p.captcha span{ display:inline-block; padding:0px 3px; font-weight:bold;}
p.captcha span.s{ font-size:9pt;}
p.captcha span.l{ font-size:15pt;}
p.captcha span.xl{ font-size:18pt;}
p.captcha span.xxl{ font-size:21pt;}
p.captcha span.m{ font-size:12pt; }
p.captcha input{border:1px solid #c9c9c9; height:25px; line-height:27px; width:80px;}

.publicationCheck{ margin-bottom:-6px; padding-bottom:14px; background:url(/Images/icon/roundDown.png) no-repeat 45% bottom; position:relative; height:38px; text-align:center;}
.publicationCheck span.boxing{ display:block; border:1px solid #9e9e9e; border-radius:2px; font-size:12px; z-index:-1; font-weight:bold; position:absolute; left:41.3%; color:#d00000; width:23%; height:36px;}
.publicationCheck span{ line-height:36px;}
.publicationCheck span input{margin-left:30px; z-index:999;}

table.review-report-cs{border-collapse:collapse; width:100%;margin:10px 0px 20px;}
table.review-report-cs th, 
table.review-report-cs td{border:1px solid #dfdfdf; background-color:#fff; line-height:180%; color:#444;}
table.review-report-cs thead th{ background-color:#f3f3f3;border-top:1px solid #333;}
table.review-report-cs tbody th{ text-align:left;padding-left:10px;}
table.review-report-cs tbody td{ text-align:center;}
table.review-report-cs tfoot th{ text-align:center;}
table.review-report-cs tfoot td{ text-align:center; color:#f00;}

.kci-report {}
.kci-report .includeViolations{background-color:#f3f3f3;padding:10px 20px; margin-bottom:20px;}
.kci-report .includeViolations span{display:inline-block; position:relative; width:72px;padding:6px 8px; border:1px solid #dcdced; border-radius:5px; background-color:#fff;}
.kci-report .includeViolations span.yes{}
.kci-report .includeViolations span.no{margin-left:3px}
.kci-report .includeViolations span input{ position:absolute;}
.kci-report .includeViolations span label{padding-left:15px;}
.kci-report .includeViolations span input:checked + label{ color:#f00;}
.kci-report .msg{background-color:#f3f3f3;padding:10px 20px; margin-bottom:10px;}
.kci-report .msg ul{margin-left:20px;}
.kci-report .msg ul li{line-height:180%;}
.kci-report .search{ background-color:#f3f3f3;padding:10px 0px; text-align:center; margin-bottom:40px;}
.kci-report .search select{height:36px; width:80px; margin:0px 20px;}
.kci-report .section{margin-bottom:60px;}
.kci-report h4{margin-bottom:10px;}
.kci-report h4 button{float:right;}
.kci-report h4::after{content:' ' ; display:block; clear:both;}
.kci-report table.list{border-top:2px solid #333;}
.kci-report table.list th{border:1px solid #acacac;}
.kci-report table.list td{border:1px solid #dfdfdf;}


.kci-report .graph{}
.kci-report .graph .section{width:50%;float:left;padding:0px 10px; box-sizing:border-box;}
.kci-report .graph::after{ content:' ' ; display:block; clear:both;}

.kci-report .author{}
.kci-report .author .section{width:50%;float:left;padding:0px 10px; box-sizing:border-box;}
.kci-report .author::after{ content:' ' ; display:block; clear:both;}

.kci-report .kci-count{}
.kci-report .kci-count table{float:left; width:60%;}
.kci-report .kci-count .result{float:right;width:30%;margin-right:3%; text-align:center; height:180px; line-height:180px; background-color:#f7f7f7; color:#ef6b08;font-size:18pt; font-weight:bold;}
.kci-report .kci-count::after{ content:' ' ; display:block; clear:both;}

.kci-inspection-casebook{ margin:-20px 0px 20px;}
.kci-inspection-casebook a{ display:block;background-color:#faef74; color:#333;font-size:1.2rem;font-weight:bold;text-align:center;height:60px; line-height:60px;}
.kci-inspection-casebook a:hover{ background-color:#faef74; color:#000; font-size:1.3rem;}

/* Event Message */
#target_tab {border-bottom:2px solid #333; position:relative; margin-bottom:30px;}
#target_tab ul{}
#target_tab ul li{ list-style-type:none; display:inline-block; position:absolute; border:1px solid #d3d3d3;border-bottom:2px solid #333; text-align:center;}
#target_tab a{ background-color:#f7f7f7;color:#333333; line-height:40px; display:block; width:100%; padding:4px 0px;}

#target_tab ul li.selected{border:2px solid #333;border-bottom:2px solid #ffffff; }
#target_tab ul li.selected a{ background-color:#ffffff;}
#target_tab strong{color:#ff7e00;}

div.eventMessage{}
div.eventMessage h4{margin-bottom:10px;font-weight:bold; font-size:14px;}
div.eventMessage div.commonWrite{margin-bottom:40px;}

div.abstractFormAdd {text-align:right;}

/* faq */
ul.faq_cate{ list-style-type:none;border-bottom:1px solid #bbb;}
ul.faq_cate li{float:left;margin-left:-1px;margin-bottom:-1px;}
ul.faq_cate::after{ content:' ' ; display:block;clear:both;}
ul.faq_cate a{color:#000; display:block;padding:15px 30px;border:1px solid #bbb;background-color:#f3f3f3; }
ul.faq_cate a.selected{border-bottom:1px solid #fff; background-color:#fff; font-weight:bold;}

div.faq_list{ margin-top:20px; }
div.faq_list div.faq {border-bottom:1px solid #dfdfdf;}
div.faq  .title{line-height:160%;padding:20px; cursor:pointer;}
div.faq  .contents{ display:none; padding:20px;}

div.faq_on  .title{ background-color:#f3f3fe; border-bottom:1px solid #dfdfdf; font-weight:bold;}
div.faq_on .contents{ display:block;}

p.total{margin-bottom:4px; font-weight:bold;}