@charset "utf-8";

/* 미지원 브라우저 */
.browserupgrade {display:block;position:absolute;left:0;top:0;background:#fff;z-index:1001;}

/* 스킵 내비게이션 */
#skipNavigation {position:absolute; top:0; left:0; z-index:200; width:100%; height:0;}
#skipNavigation a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation a:focus, #skipNavigation a:hover, #skipNavigation a:active { width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:200;}

/* 전체 */
body.modalOpen {overflow: hidden;}
.wrap {width: 100%;min-width: 660px;/* min-height: 100%; *//* height: 100%; */position: relative;z-index: 1;}
.inner {width: 100%;max-width: 1180px;margin:0 auto;padding: 0 10px;}
.container {width: 100%;min-height: 100%;}

/* 헤더 */
.header {width: 100%;z-index: 200;position:relative;border-bottom: 1px solid #e7e7e7;}

.header .hdWrap {position: relative;width: 630px;margin: 0 auto;padding-top: 27px;}
.header .hdWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.header .hdWrap h1 {float:left;margin-top: 11px;margin-right: 18px;}
.header .hdWrap h1 a {display:block;width: 129px;height: 20px;}
.header .hdWrap h1 a img {width: 129px;height: 19px;vertical-align: top;}

.header .gSearch {width: 345px;position: relative;float: left;margin-right: 75px;}
.header .gSearch .searchFrom {width: 100%;height: 45px;border: 2px solid #c93035;background:#fff;font-size: 0;display: inline-block;margin-bottom: 28px;}
.header .gSearch .searchFrom .fSelect {position:relative;/* top: -1px; */display:inline-block;width: 104px;height: 45px;font-size:14px;border:0;}
.header .gSearch .searchFrom .fSelect span {padding: 0px 0 0 18px;line-height: 46px;color: #555555;font-size: 15px;border:0;-webkit-appearance:none;-moz-appearance:none;/* font-family: 'notokr-medium', sans-serif; */}
.header .gSearch .searchFrom .fSelect select {height:100%;border:0;}
.header .gSearch .searchFrom .fSelect span:after {position:absolute;top: 28px;right: 13px;display:block;content:"";width:auto;height:auto;border-style:solid;border-color:#000 transparent;border-width: 5px 4px 0;background:none;}
.header .gSearch .searchFrom .gInputText {width: calc(100% - 43px);width: 298px;}
.header .gSearch .searchFrom .gInputText .placeholder {position:absolute;top:50%;left: 10px;margin-top: -7px;color:#999;font-size: 12.5px;}
.header .gSearch .searchFrom .gInputText input.search {padding-left: 10px;width: 100%;height: 41px;/* margin-top: -7px; *//* line-height: 37px; */border:0;outline: none;font-size: 16px;color: #222222;vertical-align: -webkit-baseline-middle;}
.header .gSearch .searchFrom .btnSearch {display:inline-block;width: 43px;height: 41px;line-height: 41px;background: url(/images/common/common_sfix_icon.png) no-repeat 13px 11px;background-color: #c93035;text-indent: -9999px;vertical-align: bottom;}
.header .gSearch a.btnDetailSearch {display:inline-block;color: #c93035;font-size: 13px;margin-left: 14px;font-family: 'notokr-medium', sans-serif;vertical-align: top;padding: 15px 0 0px 0;position: absolute;right: -62px;top: 0; width: 60px; text-align: center;}

.header .gUtil {float: left;margin-top: 14px;}
.header .gUtil ul.list {overflow: hidden;}
.header .gUtil ul.list li.item {float: left;position: relative;}
.header .gUtil ul.list li.item a {font-family: 'notokr-medium', sans-serif;font-size: 13px;color: #777777;letter-spacing: -0.15px;display: block;line-height: 1.3;}
.header .gUtil ul.list li.item a:before {/* position:absolute; *//* top: 3px; *//* left: 0; */display: inline-block;margin: 0 13px 0 0;content:"";width:1px;height: 10px;vertical-align:middle;background: #dddddd;}

/* 콘텐츠 */
.contents {position: relative;/* height: 100%; *//* min-height: 100%; */}
.contents:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.contents .contWrap {position: relative;padding-top: 0px;padding-bottom: 35px;}

/* 제목 */
.headingArea {position: relative;padding: 32px 0 18px 0;border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;}
.headingArea h2 {font-size: 20px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif;}
.headingArea span.desc {font-size: 14px;display: inline-block;color: #999;font-family: 'notokr-demilight', sans-serif;}
.headingArea.noLine {border: none;}
.headingArea .gRight {position: absolute;right: 1px;top: 30px;}
.headingArea .gRight ul {overflow: hidden;display: inline-block;}
.headingArea .gRight ul li {float: left;padding: 0 4px 0 4px;}
.headingArea .gRight ul li:before {display: inline-block;margin: -2px 8px 0 0;content:"";width:1px;height: 10px;vertical-align:middle;background: #dddddd;}
.headingArea .gRight ul li:first-child:before {display: none;}
.headingArea .gRight a {font-size: 13px;color: #777;}
.headingArea .gRight a.prev:before {display: inline-block;margin: 0 1px 0 0;content:"";width: 10px;height: 10px;background: url(/images/common/common_sfix_icon.png) no-repeat -350px -199px;}
.headingArea .gRight a.next:after {display: inline-block;margin: 0 0px 0 5px;content:"";width: 10px;height: 10px;background: url(/images/common/common_sfix_icon.png) no-repeat -400px -199px;}
}

.headingArea .btn + .btn {margin-left: 3px;}

.headingArea.schResult {position: relative;padding: 26px 0 7px 0;border-bottom: none;margin-bottom: 15px;}
.headingArea.schResult h2 {font-size: 21px;display: inline-block;color: #111;font-family: 'notokr-regular', sans-serif;font-weight: normal;margin-bottom: 10px;}
.headingArea.schResult span.count {font-size: 13px;display: block;color: #555555;font-family: 'notokr-demilight', sans-serif;}
.headingArea.schResult span.count strong {color: #3c63e0;}
.headingArea.schResult .gRight {position: absolute;right: 1px;bottom: 27px;}

.headingArea.schDetail {padding: 24px 170px 7px 0;border-bottom: none;margin-bottom: 15px;}
.headingArea.schDetail h2 {/* font-size: 25px; */}

.headingArea.schDetail button.btnText {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 8px 5px;min-width: 46px;margin-top: -6px;vertical-align: top;}
.headingArea.schDetail button.btnIconB {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 8px 4px;min-width: 71px;margin-top: -10px;}
.headingArea.schDetail button.btnIconB span {font-size: 12px;}
.headingArea.schDetail button.btnIconB span.bell {margin: 0 2px 0 1px;}
.headingArea.schDetail button.btnIconB span:before {width: 14px;height: 14px;}
.headingArea.schDetail button.btnIconB span.bell:before {background-position: -450px -200px;background-position: -250px -250px;}
.headingArea.schDetail button.btnIconB:hover span.bell:before {background-position: -300px -250px;}

.headingArea.center {padding: 51px 0 0px 0;}
.headingArea.center ul {overflow: hidden;display: table;margin: 0 auto; */display:;}
.headingArea.center ul li {float: left;padding: 0;color: #666666;width: 100px;text-align: center;}
.headingArea.center ul li a {font-size: 20px;padding: 10px 10px;display: block;}
.headingArea.center ul li.selected a {color: #3c63e0;border-bottom: 2px solid #3c63e0;}

/* 타이틀 */
.titleArea {position: relative;margin-top: 38px;margin-bottom: 12px;}
.titleArea h3 {font-size: 16px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif;}
.titleArea span.desc {font-size: 12px;display: inline-block;color: #999;font-family: 'notokr-demilight', sans-serif;}
.titleArea h4 {font-size: 14px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif;}
.titleArea h4 + .gRight {position: absolute;right: 1px;bottom: 1px;}

.titleArea.recommend {margin-top: 25px;margin-bottom: 20px;}
.titleArea.recommend p.tit {font-size: 16px; color: #222;}

/* 테이블 */
.tableArea {/* margin-bottom: 20px; */}
.tableLayout {}
.tableLayout table {table-layout:fixed; width:100%;}
.tableLayout table thead th {padding: 17px 5px;text-align:center;color: #111111;background: #fafafa;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;font-family: 'notokr-medium', sans-serif;font-weight: normal;font-size: 14px;}
.tableLayout table tbody td {padding: 10px 11px;color: #111111;font-size: 14px;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;text-align: center;}
.tableLayout table tbody td:last-child {border-right: none;}
.tableLayout table tbody td a {color: #111111;}
.tableLayout table tbody td span.badge {display: block;width: 35px;height: 23px;background: #f04347;color: #ffffff;font-size: 12px;border-radius: 2.5px;padding-top: 3px;}
.tableLayout table tbody.nodata td {height:92px; text-align:center; color:#666;}

.tableLayout table.type02 {table-layout:fixed; width:100%;}

/* 테이블 - 검색 상세 */
.tableLayout table.schDetail thead th {padding: 10px 18px;text-align:center;color: #111111;background: #fafafa;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;font-family: 'notokr-medium', sans-serif;font-weight: normal;font-size: 14px;}
.tableLayout table.schDetail tbody td {padding: 10px 18px;color: #111111;font-size: 14px;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;text-align: center;}
.tableLayout table.schDetail tbody td:last-child {border-right: none;}
.tableLayout table.schDetail tbody td a {color: #3c63e0;position: relative;}
.tableLayout table.schDetail tbody td.num {font-family: 'notokr-medium', sans-serif;}
.tableLayout table.schDetail tbody td.mainColor {color: #3c63e0;}
.tableLayout table.schDetail tbody.nodata td {height:92px; text-align:center; color:#666;}

/* 페이지네이션 */
.paginate {margin-top: 7px;}
.paginate a.viewMore {display: block;cursor: pointer;text-align: center;padding: 12px;color: #3c63e0;}
.paginate a.viewMore span {font-size: 14px;}
.paginate a.viewMore span:after {display: inline-block;content:"";width: 11px;height:10px;margin: 0px 0 0 5px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -350px 0;}

.paginate.num {margin-top: 7px;text-align: center;}
.paginate.num > a {display:inline-block;vertical-align:middle;overflow:hidden;width: 37px;height: 36px;font-size:0;text-indent:-120%;color:transparent;background: url("https://cdn.dbpia.co.kr/static/images/common/common_sfix_icon.png");border: 1px solid #c8c8c8;}
.paginate.num > a.first {background-position:-100px -350px;}
.paginate.num > a.prev {background-position: -236px -188px;margin-right: -4px;border-right: none;}
.paginate.num > a.next {background-position: -285px -188px;margin-left: -4px;border-left: none;}
.paginate.num > a.last {background-position:-250px -350px;}
.paginate.num > a.prev.inactive {background-position: -336px -188px;pointer-events: none;}
.paginate.num > a.next.inactive {background-position: -385px -188px;pointer-events: none;}

.paginate.num ol {display:inline-block;vertical-align:middle;}
.paginate.num ol:after {display:block;content:"";clear:both;}
.paginate.num ol li {float:left;margin-left: -1px;border-top: 1px solid #c8c8c8;border-bottom: 1px solid #c8c8c8;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;width: 37px;height: 36px;}
.paginate.num ol li:first-child {margin-left:0;}
.paginate.num ol li a {display:block;width: 100%;height: 100%;line-height: 33px;font-size: 15px;text-align: center;}
.paginate.num ol li a:hover {text-decoration: none;}
.paginate.num ol li.curpage {color: #ffffff;border: 1px solid #303030;background: #555555;}
.paginate.num ol li.curpage a {color: #ffffff;}
.paginate.num ol li.curpage + li {border-left: 1px solid #303030;}
.paginate.num ol li:hover {color: #ffffff;border: 1px solid #303030;background: #555555;}
.paginate.num ol li:hover + li {border-left: 1px solid #303030;}
.paginate.num ol li:hover a {color: #ffffff;}

/* 검색 리스트 */
.searchListArea {position: relative;margin-top: 1px;}
.searchListArea .listHead {margin-bottom: 22px;padding: 0;/* overflow: hidden; */margin-top: -37px;/* float: right; */}
.searchListArea .listHead:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.searchListArea .listHead .fCheck {float: left;display: block;margin-right: 10px;}
.searchListArea .listHead .fCheck input[type="checkbox"] + label:after {top: 0px;}
.searchListArea .listHead .funcWrap {float: right;text-align: right;margin-top: -1px;}
.searchListArea .listHead .btnGroup {display: inline-block;float: left;margin-top: -1px;margin-left: 10px;position: relative;}
.searchListArea .listHead .btnGroup button.btnIconB {color: #999999;pointer-events: none;}
.searchListArea .listHead .btnGroup button.btnIconB.active {color: #111111;pointer-events: all;}
.searchListArea .listHead .btnGroup button:hover.btnIconB {color: #111111;}
.searchListArea .listHead .btnGroup button.btnIconB span.download {/* color: #333333; */}
.searchListArea .listHead .btnGroup button.btnIconB span:before {width: 15px;height: 14px;opacity: 0.4;}
.searchListArea .listHead .btnGroup button.btnIconB.active span:before {opacity: 1;}
.searchListArea .listHead .btnGroup button:hover.btnIconB span:before {opacity: 1;}
.searchListArea .listHead .btnGroup button.btnIconB span.register:before {background-position: -150px -149px;}
.searchListArea .listHead .btnGroup button.btnIconB span.quote:before {background-position: -200px -149px;width: 17px;}
.searchListArea .listHead .btnGroup button.btnIconB span.folder:before {background-position: -250px -148px;}
.searchListArea .listHead .btnGroup button.btnIconB span.tresh:before {background-position: -300px -150px;/* background-position: -100px 0px; */}
.searchListArea .listHead .btnGroup button.btnIconB span.download:before {background-position: -100px -199px;width: 18px;height: 14px;opacity: 1;}
.searchListArea .listHead .btnGroup .btn + .btn {margin-left: 4px;}
.searchListArea .listHead .funcWrap ul.sort {display: inline-block;float: right;margin-top: 1px;margin-left: 20px;}
.searchListArea .listHead .funcWrap ul.sort li.order {float: left;position: relative;padding: 0 8px 0 8px;}
.searchListArea .listHead .funcWrap ul.sort li.order:first-child {padding-left: 0px;}
.searchListArea .listHead .funcWrap ul.sort li.order:last-child {padding-right: 0px;}
.searchListArea .listHead .funcWrap ul.sort li.order:before {position:absolute;top: 3px;left:0;display:block;content:"";width:1px;height: 10px;vertical-align:middle;background: #d0d0d0;}
.searchListArea .listHead .funcWrap ul.sort li.order:first-child:before {display:none;}
.searchListArea .listHead .funcWrap ul.sort li.order a {color: #999999;}
.searchListArea .listHead .funcWrap ul.sort li.order.selected a {color: #222222;}
.searchListArea .listHead .funcWrap ul.sort li.order a:before {display:inline-block;content:"";vertical-align: middle;}
.searchListArea .listHead .funcWrap ul.sort li.order.selected a:before {width: 16px;height: 14px;background: url(/images/common/common_sfix_icon.png) no-repeat -350px -147px;}

.searchListArea .listBody {padding: 0;}
.searchListArea .listBody ul.list {overflow: hidden;}
.searchListArea .listBody ul.list li.item {margin:0;}
.searchListArea .listBody ul.list li.item .listBox {border: 1px solid #ececec;padding: 19px 18px 19px 43px;position: relative;margin-bottom: 15px;}
.searchListArea .listBody ul.list li.item .listBox:last-child {margin-bottom: 0px;}
.searchListArea .listBody ul.list li.item .listBox .fCheck {position: absolute;left: 19px;top: 19px;}
.searchListArea .listBody ul.list li.item .listBox .fCheck input[type="checkbox"] + label:before {display: block;margin-top: 0px;}
.searchListArea .listBody ul.list li.item .listBox .fCheck input[type="checkbox"] + label:after {top: 0px;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap {position: relative;padding-right: 60px;height: 21px;margin-bottom: 3px;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap ul.folder {overflow: hidden;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap ul.folder li.name {float: left;white-space: nowrap;padding: 0 8px 7px 0;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap ul.folder li.name a {display: block;background: #f0f0f0;max-width: 72px;padding: 0px 6px 2px;font-size: 11px;white-space: nowrap;color: #777777;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option {position: absolute;top: -1px;right: 0px;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option a {font-size: 11px;color: #777777;/* font-family: 'notokr-medium', sans-serif; */}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option a span.unfold:after {display: inline-block;content:"";width: 8px;height:10px;margin: 4px 0 0 3px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -400px -150px;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option a span.fold {display: none;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option a span.fold:after {display: inline-block;content:"";width:8px;height:10px;margin: 4px 0 0 3px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -450px -150px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap {padding: 0;margin-bottom: 7px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type {float: left;overflow: hidden;position: relative;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li {float: left;font-size: 12px;position: relative;padding: 0 8px 0 6px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li:first-child {padding-left: 0px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #cbcbcb;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li:last-child:after {display:none;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.data {color: #326f0e;}
.searchListArea .listBody ul.list li.item.nodata .listBox .typeWrap ul.type li.data {color: #999;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.use {color: #111111;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.rate {color: #c93035;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.knowledge {color: #111111;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap span.bookmark {float: right;color: #aaaaaa;font-size: 11.5px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap {position: relative;padding: 0 180px 0 0;margin-bottom: 7px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap h5 {font-size: 16px;font-weight: normal;/* font-family: 'notokr-medium', sans-serif; */line-height: 22px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap h5 a {color: #3c63e0;margin-right: 6px;}
.searchListArea .listBody ul.list li.item.nodata .listBox .titWrap h5 a {color: #999; pointer-events: none;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.update {display: inline-block;width: 44px;height: 15px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -250px -350px;margin-top: -2px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats {position: absolute;right: 0;top: 4px;color: #999999;font-size: 13px;/* cursor: pointer; */}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats:before {display:inline-block;width: 16px;height: 11px;content:"";margin: -1px 1px 0 0;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -200px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats:hover {color: #111111;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats small {color: #333333;font-family: 'notokr-medium', sans-serif;font-size: 13px;margin-left: 4px;}
.searchListArea .listBody ul.list li.item .listBox ul.info {overflow: hidden;margin-bottom: 8px;margin-left: -4px;}
.searchListArea .listBody ul.list li.item .listBox ul.info li {float: left;position: relative;padding: 0 6px 0 4px;color: #777777;font-size: 13px;margin-bottom: 5px;}
.searchListArea .listBody ul.list li.item .listBox ul.info li:first-child {/* padding-left: 0px; */}
.searchListArea .listBody ul.list li.item .listBox ul.info li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #c8c8c8;}
.searchListArea .listBody ul.list li.item .listBox ul.info li:last-child:after {display:none;}
.searchListArea .listBody ul.list li.item .listBox ul.info li.journal {font-weight: bold;}
.searchListArea .listBody ul.list li.item .listBox p.abstract {padding: 0;font-size: 13px;color: #777777;line-height: 20px;margin-top: -1px;margin-bottom: 9px;max-height: 4.2em;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap {padding: 0;overflow: hidden;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup {float: left;padding-bottom: 15px;margin-right: 14px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 9px 4px;min-width: 71px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span {font-size: 12px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.download {margin: 0 2px 0 1px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.use {margin: 0 2px 0 0px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span:before {width: 15px;height: 14px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.download:before {background-position: -100px -200px;width: 17px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.view:before {background-position: -150px -199px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.quote:before {background-position: -200px -149px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.edit:before {background-position: -200px -200px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.bookmark:before {background-position: -50px -250px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB.selected span.bookmark:before {background-position: -99px -250px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.use:before {background-position: -150px -250px;width: 18px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.url:before {background-position: -200px -250px;width: 17px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap span.record {float: left;display: block;color: #999999;font-size: 12px;margin-top: 7px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap span.notice {float: left;display: block;color: #c93035;font-size: 12px;margin-top: 3px;}
.searchListArea .listBody ul.list li.item .listBox p.stop {color: #c93035;font-size: 12px;}
.searchListArea .listBody ul.list li.item .listBox .img {position: absolute;left: 0px;top: 23px;width: 120px;height: 150px;border: 1px solid #cccccc;}
.searchListArea .listBody ul.list li.item .listBox .img img {width: 100%;height: 100%;max-height: 148px;}
.searchListArea .listBody ul.list li.item .listBox .biblioWrap {border: 1px solid #ececec;padding: 15px 20px;color: #333333;font-size: 13px;/* margin-top: 10px; */line-height: 22px;margin-bottom: 5px;}

.searchListArea .listBody.schResult ul.list li.item:first-child .listBox {border-top: 1px solid #ececec;}
.searchListArea .listBody.schResult ul.list li.item .listBox {border: none;border-bottom: 1px solid #ececec;padding: 19px 0px 10px 33px;}
.searchListArea .listBody ul.list li.item .listBox ul.info {overflow: hidden;margin-bottom: 8px;margin-left: -4px;}
.searchListArea .listBody.schResult ul.list li.item .listBox .fCheck {position: absolute;left: 0px;top: 19px;}
.searchListArea .listBody.schResult ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0;}
.searchListArea .listBody.schResult ul.list li.item .listBox.noCheckbox {padding-left: 0px;}

.searchListArea .listBody.schResult p.session {margin-top: 15px;margin-bottom: 18px;}
.searchListArea .listBody.schResult p.session span {font-size: 16px;color: #111111;font-family: 'notokr-medium', sans-serif;}
.searchListArea .listBody.schResult p.session span:before {display:inline-block;content:"";margin: -2px 8px 0 0px;width: 4px;height: 4px;vertical-align:middle;background: #111111;border-radius: 99px;}
.searchListArea .listBody.schResult p.session + ul.list li.item:first-child .listBox {border-top: 1px solid #c8c8c8;}

.searchListArea .listBody.schDetail ul.list li.item:first-child .listBox {/* border-top: 1px solid #ececec; */}
.searchListArea .listBody.schDetail ul.list li.item .listBox {border: none;border-bottom: 1px solid #ececec;padding: 27px 0px 19px 140px;min-height: 198px;margin-bottom: 0;}
.searchListArea .listBody.schDetail ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0;}

.searchListArea .listBody.journalDetial ul.list li.item:first-child .listBox {border-top: 1px solid #ececec;}
.searchListArea .listBody.journalDetial ul.list li.item .listBox {border: none;border-bottom: 1px solid #ececec;padding: 21px 0px 19px 136px;min-height: 144px;margin-bottom: 0;}
.searchListArea .listBody.journalDetial ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0;}
.searchListArea .listBody.journalDetial ul.list li.item .listBox .img {position: absolute;left: 26px;top: 18px;width: 84px;height: 106px;border: 1px solid #cccccc;}
.searchListArea .listBody.journalDetial ul.list li.item .listBox .img img {width: 100%;height: 100%;max-height: 104px;}


.searchListArea .listBody.subjectSort ul.list li.item .listBox:last-child {margin-bottom: 0px;padding: 19px 0px 19px 22px;border: none;border-bottom: 1px solid #ececec;}
.searchListArea .listBody.subjectSort ul.list li.item .listBox strong.number {position: absolute;left: 0px;top: 14px;font-size: 18px;color: #777777;font-family: 'notokr-bold', sans-serif;}
.searchListArea .listBody.subjectSort ul.list li.item .listBox ul.info {padding-left: 0px;}

.searchListArea .listFoot {text-align: center;}
.searchListArea .listFoot .paginate.num {margin-top: 40px;}

/* 버튼 */
.funcButtonArea {position: relative;margin-bottom: 10px;}
.funcButtonArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.funcButtonArea .gLeft {float: left;}
.funcButtonArea .gLeft button + button {margin-right: -5px;}
.funcButtonArea .gRight {float: right;}
.funcButtonArea .gRight button + button {margin-left: 2px;}

.funcButtonArea button.btnIconB span {font-size: 12px;}
.funcButtonArea button.btnIconB span.question {margin: 0 2px 0 1px;}
.funcButtonArea button.btnIconB span:before {width: 14px;height: 14px;}
.funcButtonArea button.btnIconB span.question:before {background-position: -50px -350px;margin-right: 2px;}

.buttonArea {position: relative;}
.buttonArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.buttonArea .gLeft {float: left;}
.buttonArea .gLeft button + button {margin-right: 6px;}
.buttonArea .gRight {float: right;text-align: right;}
.buttonArea .gRight button + button {margin-left: 2px;}
.tableArea + .buttonArea {margin-top: 40px;}
.buttonArea + .tableArea {margin-bottom: 0px;}

/* 노 데이터 */
.noDataArea {width: 100%;height: 316px;/* border: 1px solid #e7e7e7; */display: table;}
.noDataArea .noDataWrap {display: table-cell;text-align: center;vertical-align: middle;}
.noDataArea .noDataWrap p.icon {width: auto; height: auto;}
.noDataArea .noDataWrap p.phrase {font-size: 20px;font-family: 'notokr-medium', sans-serif;color: #111111;}
.noDataArea .noDataWrap p.desc {font-size: 13px;color: #999999;padding-top: 8px;}

.noDataArea.alarm {width: 100%;height: 100%;border: none;display: table;}
.noDataArea.alarm .noDataWrap {display: table-cell;text-align: center;vertical-align: middle;}
.noDataArea.alarm .noDataWrap p.phrase {font-size: 22px;}
.noDataArea.alarm .noDataWrap p.desc {padding-top: 6px;line-height: 17px;}
.noDataArea.alarm .noDataWrap .icon.bell {width: 50px;height: 56px;background: url("https://cdn.dbpia.co.kr/static/images/mypage/img_nodata_bell.png") no-repeat 0 0;margin: 0 auto;margin-bottom: 15px;margin-top: -19px;background-size: 50px 56px;}

/* 모달 팝업 */
.modalWrap {overflow-y: auto;position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1060;background: rgba(0,0,0,0.2);}
.modal {position: absolute;display: none;width: 100%;height: 100%;top: 0 !important;right: 0;bottom: 0;left: 0 !important;margin: 0 auto;}
.modal .modalScreen {display: none !important;display: block;position: absolute;/* position: fixed; */border: 0;left: 0;top: 0;width: 100%;height: 100%;/* background: #000; */-webkit-opacity: .0;-moz-opacity: .0;filter: alpha(opacity=0);opacity: .0;}
.modal .modalScreen.opacity {-webkit-opacity: .20; -moz-opacity: .20; filter: alpha(opacity=20); opacity: .20;}
.modal .modalContent {position: relative;background: #ffffff;border: 1px solid #e7e7e7;margin: 45px 0;}
.modal .modalContent .modalHeader {position:relative;border-bottom: 1px solid #e7e7e7;padding: 13px 60px 13px 20px;}
.modal .modalContent .modalHeader .tit {font-size: 20px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif; overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}
.modal .modalContent .modalHeader button.closeModal {position:absolute;top: 0px;right: 0px;display: block;width: 51px;height: 50px;background: url("https://cdn.dbpia.co.kr/static/images/common/common_sfix_icon.png") no-repeat -234px -35px;border-left: 1px solid #e7e7e7;}
.modal .modalContent .modalBody {position:relative;padding: 0;}
.modal .modalContent .modalBody.type02 {position:relative;padding: 0 20px 20px;overflow: hidden;}
.modal .modalContent .modalBody.type03 {position:relative;padding: 10px 20px 10px;}
.modal .modalContent .modalBody.type04 {position:relative;padding: 20px 20px 0px;}
.modal .modalContent .modalBody.type05 {position:relative;padding: 20px 20px 29px;}
.modal .modalContent .modalBody.type06 {position:relative;padding: 20px;}
.modal .modalContent .modalBody.type07 {position:relative;padding: 20px 0px 20px 20px;}
.modal .modalContent .modalFooter {position: relative;padding: 15px 20px;text-align: right;border-top: 1px solid #e7e7e7;}
.modal .modalContent .modalFooter.closeNotToday {text-align: left;}
.modal .modalContent .modalFooter.closeNotToday .fCheck input[type="checkbox"] + label:after {top:0;}

.modal.type02 {position:absolute;z-index: 1050;display: none;margin-top: -41px;}
.modal.type02 .modalScreen {display: block;position: fixed;border: 0;left: 0;top: 0;width: 100%;height: 100%;background: #000;-webkit-opacity: .0;-moz-opacity: .0;filter: alpha(opacity=0);opacity: .0;}
.modal.type02 .modalScreen.opacity {-webkit-opacity: .20; -moz-opacity: .20; filter: alpha(opacity=20); opacity: .20;}
.modal.type02 .modalContent {position: relative;background: #ffffff;border: 1px solid #e7e7e7;width: 600px;}
.modal.type02 .modalContent .modalHeader {position:relative;border-bottom: 1px solid #e7e7e7;padding: 23px 0px 18px;margin: 0 20px;}
.modal.type02 .modalContent .modalHeader .tit {font-size: 20px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif;}
.modal.type02 .modalContent .modalHeader button.closeModal {position:absolute;top: -42px;right: -21px;display: block;width: 42px;height: 41px;background: url("https://cdn.dbpia.co.kr/static/images/common/common_sfix_icon.png") no-repeat -90px -90px;background-color: #555555;border-left: none;}
.modal.type02 .modalContent .modalBody {position:relative;margin: 0 20px;padding: 15px 0 20px 0;}
.modal.type02 .modalContent .modalFooter {position: relative;padding: 15px 20px;text-align: right;border-top: 1px solid #e7e7e7;}

/* 모달 팝업 - 내용 */
.modal h3 {padding: 19px 0px 15px 0;font-size: 14px;color: #111111;font-weight: normal;font-family: 'notokr-bold', sans-serif;}
.modal h4 {padding: 19px 0px 15px 0;font-size: 14px;color: #111111;font-weight: normal;font-family: 'notokr-medium', sans-serif;}
.modal h5 {padding: 0px 0px 13px 0;font-size: 15px;color: #111111;font-weight: normal;font-family: 'notokr-medium', sans-serif;position: relative;}
.modal h5 span.desc {color: #999999;font-size: 13px;padding-top: 2px;font-family: 'notokr-regular', sans-serif;margin-left: 10px;}
.modal h5 button.gRight {position: absolute;right: 0;top: -2px;}
.modal h5 button.btnIconB {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 7px 4px;min-width: 71px;}
.modal h5 button.btnIconB span {font-size: 12px;}
.modal h5 button.btnIconB span.cancel {margin: 0;}
.modal h5 button.btnIconB span:before {width: 14px;height: 14px;}
.modal h5 button.btnIconB span.cancel:before {background-position: -100px -350px;}
.modal h5 .btn.btnMultiLangInput {position: absolute;right: 20px;top: -3px;padding: 6px 9px 5px;}

.modal .tableLayout table.noLine tbody th {padding: 9px 0px;color: #111111;font-size: 14px;border: none;text-align: left;vertical-align: middle;font-weight: normal;}
.modal .tableLayout table.noLine tbody td {padding: 0px 10px;color: #111111;font-size: 13px;border: none;text-align: left;}
.modal .tableLayout table.noLine tbody td .fRadio input[type="radio"] + label {font-size: 13px;}

.modal .tableLayout table.scroll {table-layout:fixed;width:100%;border: 1px solid #e7e7e7;position: relative;display: block;}
.modal .tableLayout table.scroll thead {display: block;width: 100%;}
.modal .tableLayout table.scroll thead tr {width: 100%;display: table;padding-right: 17px;}
.modal .tableLayout table.scroll thead th {padding: 10px 5px;text-align:center;color: #111111;background: #fafafa;vertical-align:middle;border-top: none;border-bottom: 1px solid #e7e7e7;font-family: 'notokr-medium', sans-serif;font-weight: normal;font-size: 13px;}
.modal .tableLayout table.scroll thead th:last-child {padding-right: 17px;}
.modal .tableLayout table.scroll tbody {width: 100%;height: 395px;overflow-y: scroll;display: block;}
.modal .tableLayout table.scroll tbody tr {width: 100%;display: table;}
.modal .tableLayout table.scroll tbody td {padding: 7px 11px 6px;color: #111111;font-size: 13px;vertical-align:middle;border-top: none;border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;text-align: center;}
.modal .tableLayout table.scroll tbody td:last-child {border-right: none;}
.modal .tableLayout table.scroll tbody td.nodata {height: 92px; text-align: center;color: #666;}

.modal .formGroup ul {padding: 0 20px 0 135px;}
.modal .formGroup ul.listArea {padding: 0 0 0 125px;}
.modal .formGroup ul.listArea li {padding: 5px 80px 14px 10px;border-bottom: 1px solid #e7e7e7;line-height: 20px; position: relative;}
.modal .formGroup ul.listArea li:last-child {border-bottom: none;margin-bottom: -9px;}
.modal .formGroup ul.listArea li .gRight {position: absolute;right: 19px;top: 50%;margin-top: -18px;padding: 5px 7px 5px;}
.modal .formGroup textarea.biblioAbstract {padding: 0 10px 0px 5px; border: none;}

.modal .listArea.buyList {/* margin: 0 19px 19px; */}

.modal .comtBox {padding: 15px 20px;font-size: 14px;color: #111111;line-height: 23px;position: relative;}
.modal .comtBox .btnBuying {position: absolute;right: 20px;top: 15px;min-width: 100px;}
.modal .comtBox.type02 {padding: 15px 0px;font-size: 14px;color: #111111;line-height: 23px;margin-bottom: 17px;}
.modal .comtBox.type03 {background: #ffffff;margin-bottom: 0px;padding: 16px 0 16px;}
.modal .comtBox.type03 ul {padding: 0;}
.modal .comtBox.type03 ul li {font-size: 13px;color: #999999;font-family: 'notokr-medium', sans-serif;line-height: 20px;padding-left: 10px;position: relative;}
.modal .comtBox.type03 ul li:first-child {margin-top: 0px}
.modal .comtBox.type03 ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width:2px;height:2px;vertical-align:middle;background: #9b9b9b;}
.modal .comtBox.type04 {background: #ffffff;margin-bottom: 0px;padding: 16px 20px;}
.modal .comtBox.type04 ul {padding: 0;}
.modal .comtBox.type04 ul li {font-size: 13px;color: #999999;font-family: 'notokr-medium', sans-serif;line-height: 20px;padding-left: 10px;position: relative;}
.modal .comtBox.type04 ul li:first-child {margin-top: 0px}
.modal .comtBox.type04 ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width:2px;height:2px;vertical-align:middle;background: #9b9b9b;}
.modal .comtBox.type05 {background: #ffffff;margin-bottom: 0px;padding: 27px 20px 27px;font-size: 15px;line-height: 22px;}
.modal .comtBox.type05 ul {display: table;margin: 12px auto 0;color: #f04349;font-size: 13px;}
.modal .comtBox.type05 ul li {line-height: 20px;padding-left: 9px;position: relative;text-align: left;}
.modal .comtBox.type05 ul li:before {position: absolute; left: 0px; top: 9px; display: inline-block; content: ""; width: 2px; height: 2px; vertical-align: middle; background: #f04349;}
.modal .comtBox.type05 strong {font-family: 'notokr-medium', sans-serif;}
.modal .comtBox.type06 {background: #ffffff;margin-bottom: 0px;padding: 16px 0 13px;}
.modal .comtBox.type06 ul {padding: 0;}
.modal .comtBox.type06 ul li {font-size: 13px;color: #999999;font-family: 'notokr-medium', sans-serif;line-height: 20px;position: relative;margin-bottom: 6px;}
.modal .comtBox.type06 ul li:first-child {margin-top: 0px}
.modal .comtBox.type07 {background: #ffffff;margin-bottom: 0px;padding: 12px 20px;z-index: 10;}
.modal .comtBox.type07 ul {padding: 0;}
.modal .comtBox.type07 ul li {font-size: 13px;color: #999999;font-family: 'notokr-medium', sans-serif;line-height: 20px;padding-left: 10px;position: relative;}
.modal .comtBox.type07 ul li:first-child {margin-top: 0px}
.modal .comtBox.type07 ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width:2px;height:2px;vertical-align:middle;background: #9b9b9b;}

.modal .searchBox {position: relative;padding: 0 70px 0 56px;margin-bottom: 29px;}
.modal .searchBox p.tit {position: absolute;left: 0;top: 0;padding-top: 9px;color: #111111;font-size: 14px;}
.modal .searchBox ul {overflow: hidden;}
.modal .searchBox ul li {float: left; width: 100%;}
.modal .searchBox button {position: absolute;right: 0;top: 0;min-width: 60px;}
.modal .searchBox.txtView {padding: 0 70px 0 88px;margin-bottom: 20px;}

.modal .scrollList {border: 1px solid #e7e7e7;height: 169px;overflow-y: auto;}
.modal .scrollList ul {overflow: hidden;}
.modal .scrollList ul li {padding: 0; border-bottom: 1px solid #e7e7e7;}
.modal .scrollList ul li:nth-child(odd) {background: #fafafa;}
.modal .scrollList ul li:last-child {border-bottom: none;}
.modal .scrollList ul li a {display: block;width: 100%;padding: 13px 11px 12px;color: #111111;font-size: 14px;}

.modal .scrollSelectList {margin-bottom: 10px;}
.modal .scrollSelectList ul.list {overflow: hidden;border: 1px solid #e0e0e0;height: 342px;overflow-y: auto;padding: 5px 0 0 0;}
.modal .scrollSelectList ul.list li.item {position: relative;}
.modal .scrollSelectList ul.list li.item a {display: block;font-size: 14px;color: #111111;width: 100%;height: 100%;padding: 7px 0 7px 15px;}
.modal .scrollSelectList ul.list li.item a:hover {background: #f1f1f1;text-decoration: none;}
.modal .scrollSelectList ul.list li.item a.selected {background: #f1f1f1;}
.modal .scrollSelectList ul.list li.item span.nodata {display: block;font-size: 14px;padding: 7px 0 7px 15px;color: #999;}

.modal .searchCheckList {margin-bottom: 29px;}
.modal .searchCheckList p.comt {font-size: 13px;color: #999999;margin-bottom: 13px;}
.modal .searchCheckList ul.list {overflow: hidden;border: 1px solid #e0e0e0;height: 309px;overflow-y: auto;padding: 5px 0 0 0;}
.modal .searchCheckList ul.list li.item {position: relative;padding: 7px 0 7px 35px;}
.modal .searchCheckList ul.list li.item:hover {background: #f1f1f1;}
.modal .searchCheckList ul.list li.item .fCheck {position: absolute;left: 14px;top: 8px;}
.modal .searchCheckList ul.list li.item .fCheck input[type="checkbox"] + label:before {border: 1px solid #c8c8c8 !important;}
.modal .searchCheckList ul.list li.item .fCheck input[type="checkbox"] + label:after {top: 0px;}
.modal .searchCheckList ul.list li.item .text {font-size: 14px;}

.modal .tagBox {border: 1px solid #e0e0e0;padding: 19px 19px 9px;margin-bottom: 30px;}
.modal .tagBox .tag {color: #3c63e0;display: inline-block;margin: 0 7px 10px 0;padding: 3px 4px 5px 7px;border: 1px solid #8aa1ec;font-family: 'notokr-bold', sans-serif;font-size: 13px;}
.modal .tagBox span.del {display: inline-block;width: 13px;height: 13px;margin: -2px 0 0 4px;background: url(/images/common/common_sfix_icon.png) no-repeat 3px -347px;cursor: pointer;vertical-align: middle;}

.searchList {border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;height: 309px;overflow-y: auto;margin-bottom: 15px;}
.searchList ul.listWrap {overflow: hidden;}
.searchList ul.listWrap li.item {position: relative;padding: 22px 0 9px 28px;border-bottom: 1px solid #ececec;}
.searchList ul.listWrap li.item .fCheck {position: absolute;left: 0px;top: 24px;}
.searchList ul.listWrap li.item .fCheck input[type="checkbox"] + label:before {border: 1px solid #c8c8c8 !important;}
.searchList ul.listWrap li.item dl {overflow: hidden;}
.searchList ul.listWrap li.item dl dt {color: #3c63e0;font-size: 14px;padding-bottom: 6px;line-height: 19px;}
.searchList ul.listWrap li.item dl dd {}
.searchList ul.listWrap li.item dl dd ul {margin-left: -8px;}
.searchList ul.listWrap li.item dl dd ul li {position: relative;float:left;padding: 0 10px 0 8px;color: #777777;margin-bottom: 5px;}
.searchList ul.listWrap li.item dl dd ul li:first-child {/* padding-left: 0; */}
.searchList ul.listWrap li.item dl dd ul li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #c8c8c8;}
.searchList ul.listWrap li.item dl dd ul li:last-child:after {display:none;}
.searchList ul.listWrap li.item.nodata dl dt {color: #999999;}
.searchList ul.listWrap li.item.nodata dl dd ul li {color: #999999;}

.modal .infoWrap {}
.modal .infoWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.modal .infoWrap dl.infoBox {float: left;}
.modal .infoWrap dl.infoBox dt.tit {font-size: 14px;padding: 19px 14px 18px 19px;float: left;}
.modal .infoWrap dl.infoBox dd.cont {font-size: 14px;padding: 19px 10px 18px 0px;color: #3c64e0;float: left;}

.modal .downloadBox {border: 1px solid #e0e0e0;padding: 13px 14px 9px;}
.modal .downloadBox p.tit {font-size: 14px;color: #111111;margin-bottom: 8px;font-family: 'notokr-medium', sans-serif;}
.modal .downloadBox p.btnGroup {margin: 0;}
.modal .downloadBox p.btnGroup .btn {margin: 0 2px 5px 0;}
.modal .downloadBox p.btnGroup .btn.medium {padding: 6px 9px 4px;}
.modal .tableLayout + .downloadBox {margin-top: 13px;}

.modal .btnGroup {margin-bottom: 10px;}
.modal button.btnIconB {padding: 6px 9px 4px;}
.modal button.btnIconB span.gear:before {width: 15px;height: 14px;background-position: -150px -350px;}

.modal button.full {width: 100%;height: 59px;margin: 0;font-size: 16px;}
.modal button.btnReset {position: absolute;left: 12px;top: 18px;}
.modal button.btnReset span {font-size: 12px; color: #333333;}

.modal .gInputText .placeholder {margin-top: -7px;}

/* 모달 팝업 - 상세검색 */
.modal .advancedSearchBox {margin-bottom: 0px;position: relative;}
.modal .advancedSearchBox ul li {margin-bottom: 5px;}
.modal .advancedSearchBox .fSelect + .gInputText {margin-left: 2px;-webkit-margin-start: 4px;}
.modal .advancedSearchBox .gInputText {width: 100%; max-width: 366px;}
.modal .advancedSearchBox .fSelect {height:32px !important;}


.modal .advancedCateBox {position: relative;border: 1px solid #e0e0e0; min-height: 60px; padding: 14px 10px 15px 164px;margin-right: 20px; margin-bottom: 10px;}
.modal .advancedCateBox p.tit {position: absolute;left: 15px;top: 11px;font-size: 15px;color: #111111;font-family: 'notokr-medium', sans-serif;}
.modal .advancedCateBox ul.checkBox {padding: 0;overflow: hidden;margin-bottom: -10px;}
.modal .advancedCateBox ul.checkBox li {float: left;margin-right: 25px;margin-bottom: 8px;}
.modal .advancedCateBox ul.checkBox li .fCheck input[type="checkbox"] + label:after {top: 1px;}

.modal .multiLangInputBox {position: relative;border: 1px solid #e0e0e0;padding: 0px 14px 8px;margin-right: 20px;margin-bottom: 15px;display: none;}
.modal .multiLangInputBox > table {margin-top: 13px;}
.modal .multiLangInputBox .batang {font-family: '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;font-size: 14pt;letter-spacing:-1px;font-weight: bold;margin-right: 10px;}
.modal .multiLangInputBox .batang_text {font-size: 10pt;background-color:#FFFFFF;border: 1px solid #dbdbdb;height:20px;padding: 0px 0 0 5px;font-family: '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;}
.modal .multiLangInputBox .batang_view {font-size: 16px;margin-right: 10px;font-family: '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;}
.modal .multiLangInputBox a.left1 {font-size: 14px;margin-right: 10px;font-family: '돋움', Dotum, sans-serif;}
.modal .multiLangInputBox a.left2 {font-size: 14px;margin-right: 10px;font-family: '돋움', Dotum, sans-serif;}
.modal .multiLangInputBox a.left2_1:link {color:#5d758c; text-decoration:none; font-size:14pt;}
.modal .multiLangInputBox a.left2_1:visited {color:#5d758c; text-decoration:none; font-size:14pt;}
.modal .multiLangInputBox a.left2_1:hover {color:#5d758c; text-decoration:underline; font-size:14pt;}
.modal .multiLangInputBox .small {font-size: 11px; font-family:'돋움', Dotum, sans-serif;letter-spacing:-1px;font-weight:normal;}
.modal .multiLangInputBox .large2 {font-size:30pt;letter-spacing:-1px;font-weight:bold;line-height:40px;color:#d03838;font-family: '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;display: inline-block;height: 45px;}
.modal .multiLangInputBox .blue {color: #3c63e0;}

/* 얼러트 */
.alert {position:absolute;z-index: 1060;display: none;margin-top: -42px;}
.alert .alertScreen {display: block;position: fixed;border: 0;left: 0;top: 0;width: 100%;height: 100%;background: #000;-webkit-opacity: .20;-moz-opacity: .20;filter: alpha(opacity=20);opacity: .20;}
.alert .alertScreen.opacity {-webkit-opacity: .20; -moz-opacity: .20; filter: alpha(opacity=20); opacity: .20;}
.alert .alertContent {position: relative;background: #ffffff;border: 1px solid #e7e7e7; width: 100%; min-width: 302px;}
.alert .alertContent .alertHeader {position:relative;padding: 13px 20px;text-align: center;}
.alert .alertContent .alertHeader .tit {color: #111;}
.alert .alertContent .alertHeader .tit:before {display: block;width: 70px;height: 64px;margin: -56px auto 0px;content:"";background:url(https://cdn.dbpia.co.kr/static/css/images/img_alert.png) no-repeat 0px 0px;}
.alert .alertContent .alertBody {position:relative;padding: 13px 0 30px;}
.alert .alertContent .alertBody p {font-size: 14px;color: #535353;line-height: 22px;text-align: center;}
.alert .alertContent .alertBody p.txtAlert {color: #f04347;}
.alert .alertContent .alertFooter {position: relative;padding: 10px 10px;text-align: center;border-top: 1px solid #e7e7e7;}
.alert .alertContent .alertFooter button {min-width: 135px;}
.alert .alertContent .alertFooter button + button {margin-left: 7px;}

/* 얼러트 - 문구 */
.alertMsg {display: none;margin-top: 8px;}
.alertMsg span.confirm {font-size: 12px;margin-top: -1px;display: inline-block;color: #3c63e0;line-height: 18px;}
.alertMsg span.warn {font-size: 12px;color: #f04347;margin-top: -3px;display: inline-block;line-height: 17px;}
.alertMsg2 span.warn {font-size: 12px;color: #f04347;margin-top: -3px;display: inline-block;line-height: 17px;}

/* 에러 페이지 */
.errorWrap {position: relative;width: 100%;max-width: 526px;margin: 130px auto 0;}
.errorWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.errorWrap .errorHead {margin-bottom: 24px;}
.errorWrap .errorHead h1 a {display:block;width: 169px;height: 25px;background: url(/images/common/logo_dbpia.png) no-repeat 0 0;background-size: cover;margin: 0 auto;}
.errorWrap .errorBody {border: 1px solid #e7e7e7;overflow: hidden;padding: 59px 35px 57px;}
.errorWrap .errorBody p.symbol {float: left;margin-right: 21px;}
.errorWrap .errorBody p.symbol span {font-size: 20px; color: #c93035; font-family: 'notokr-bold', sans-serif;}
.errorWrap .errorBody p.symbol span:before {display: block;width: 51px;height: 47px;margin: 0 auto 6px;content:"";vertical-align: middle;background: url(/images/common/img_error.png) no-repeat;}
.errorWrap .errorBody p.text {float: left;}
.errorWrap .errorBody p.text span.tit {font-size: 20px;color: #111111;font-family: 'notokr-bold', sans-serif;display: block;margin-top: 4px;margin-bottom: 14px;}
.errorWrap .errorBody p.text span.desc {font-size: 13px;color: #777777;line-height: 18px;}
.errorWrap .errorFoot {border: 1px solid #e7e7e7;border-top: none;padding: 15px 10px 19px;text-align: center;}
.errorWrap .errorFoot .btn {min-height: 35px;}
.errorWrap .errorFoot .btn:nth-child(2) {min-width: 166px;}

/* etc */


/* 반응형 iframe */
@media screen and (max-width: 768px){
	.wrap{min-width:100%;}
	.headingArea .gRight{display:none;}
	.header .hdWrap{width:100%; min-width:100%;}
	.header .hdWrap h1{margin-bottom:10px;}
	.header .gSearch {width:100%;}
	.header .gSearch .searchFrom{margin-bottom:10px;}
	.header .gSearch .searchFrom .gInputText{width:calc(100% - 43px) !important;}
	.header .gSearch a.btnDetailSearch{left:0; right:0; top:42px;}
	.header .gUtil{margin-top:0px;margin-bottom:15px;margin-left:77px;}
	.headingArea.schDetail{padding:24px 0px 7px 0;}

}

@media screen and (max-width: 720px){
	.header .gSearch a.btnDetailSearch{width: auto;}
}

/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */


/* 모듈 추가 부분 */

@charset "utf-8";

/* 웹 폰트 */
@font-face {
  font-family: 'notokr-bold';
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-bold.eot");
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-bold.woff2") format("woff2"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-bold.woff") format("woff"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-bold.ttf") format("truetype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-bold.svg#notokr-bold") format("svg");
  font-weight: normal;
  font-style: normal;}
@font-face {
  font-family: 'notokr-medium';
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-medium.eot");
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-medium.eot?#iefix") format("embedded-opentype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-medium.woff2") format("woff2"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-medium.woff") format("woff"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-medium.ttf") format("truetype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-medium.svg#notokr-medium") format("svg");
  font-weight: normal;
  font-style: normal;}
@font-face {
  font-family: 'notokr-regular';
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-regular.eot");
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-regular.woff2") format("woff2"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-regular.woff") format("woff"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-regular.ttf") format("truetype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-regular.svg#notokr-regular") format("svg");
  font-weight: normal;
  font-style: normal;}
@font-face {
  font-family: 'notokr-demilight';
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-demilight.eot");
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-demilight.eot?#iefix") format("embedded-opentype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-demilight.woff2") format("woff2"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-demilight.woff") format("woff"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-demilight.ttf") format("truetype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-demilight.svg#notokr-demilight") format("svg");
  font-weight: normal;
  font-style: normal;}
@font-face {
  font-family: 'notokr-light';
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-light.eot");
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-light.eot?#iefix") format("embedded-opentype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-light.woff2") format("woff2"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-light.woff") format("woff"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-light.ttf") format("truetype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-light.svg#notokr-light") format("svg");
  font-weight: normal;
  font-style: normal;}
@font-face {
  font-family: 'notokr-thin';
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-thin.eot");
  src: url("https://cdn.dbpia.co.kr/static/fonts/notokr-thin.eot?#iefix") format("embedded-opentype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-thin.woff2") format("woff2"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-thin.woff") format("woff"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-thin.ttf") format("truetype"), url("https://cdn.dbpia.co.kr/static/fonts/notokr-thin.svg#notokr-thin") format("svg");
  font-weight: normal;
  font-style: normal;}

/* 초기화 */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {margin:0;padding:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html, body {width:100%; height:100%;}
body, code {font-family: 'notokr-regular', 'Source Sans Pro', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', 'Roboto', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 13px;line-height:1.2;color: #212121;-webkit-text-size-adjust:none;-webkit-overflow-scrolling: touch;}
code {background:none; display:block;}
ul, ol {list-style:none;}
img, fieldset {border:0;}
img, video {max-width:100%;}
i, em, address {font-style:normal; font-weight:normal;}
ins {text-decoration:none;}
a {text-decoration:none;color: #212121;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
table {width:100%;table-layout:fixed;border:0 none;border-spacing:0;border-collapse:collapse;}
#alarmDetail table.foot {width:100%;table-layout:inherit;border:0 none;border-spacing:-2;border-collapse:separate;}
caption {visibility:hidden; width:0; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}
th, td {border:0; line-height:1.5; vertical-align:top; word-wrap:break-word;}
#alarmDetail table.foot th, td{border:0; line-height:1.5; vertical-align:inherit; word-wrap:break-word;}
legend, hr, .blind {overflow:hidden; visibility:hidden; position:absolute; left:-120%; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:120%; white-space:nowrap;}
label {cursor:pointer;}
img, textarea, input, select {vertical-align:middle;}
textarea {resize:none; line-height:1.2em;}
button::-moz-focus-inner {padding:0; border:0;}
button {overflow:visible;border:0;padding:0;margin:0;cursor:pointer;vertical-align:middle;text-align:left;font-family:'notokr-regular', 'Source Sans Pro', '맑은 고딕', '돋움', Helvetica, Arial, sans-serif;font-size:12px;line-height:1.2;color:#303030;outline:0;background:none;}
input[type*="text"],
input[type*="tel"] {font-family:'notokr-regular',Helvetica,Arial,sans-serif;}

/* 공통 */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix {*zoom: 1}
.clearfix:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.hidden {display: none !important;}
.gHidden {overflow: hidden;}
.pullLeft {float: left;}
.pullRight {float: right !important;}
.txtLeft {text-align: left !important;}
.txtRight {text-align: right !important;}
.txtCenter {text-align: center !important;}
.txtJustify {text-align: justify !important;}
.txtEllipsis {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}
.txtEllipsis2L {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;/* white-space:nowrap; */display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;height: 36px;position: relative;word-break: break-all;} 
.txtEllipsisPureJS {display: block;display: -webkit-box;word-break: break-all;}

/* 간격 */
.pt5 {padding-top: 5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}

.pb5 {padding-bottom: 5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}

.pl20 {padding-left: 20px!important;}

.m20 {margin: 20px!important;}

.mt-1 {margin-top: -1px!important;}
.mt-15 {margin-top: -15px!important;}
.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}

.mr3 {margin-right: 3px!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mr60 {margin-right: 60px!important;}
.mr70 {margin-right: 70px!important;}
.mr80 {margin-right: 80px!important;}
.mr90 {margin-right: 90px!important;}
.mr100 {margin-right: 100px!important;}

.mb-4 {margin-bottom: -4px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb1 {margin-bottom: 1px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb18 {margin-bottom: 18px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}

.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ml60 {margin-left: 60px!important;}
.ml70 {margin-left: 70px!important;}
.ml80 {margin-left: 80px!important;}
.ml90 {margin-left: 90px!important;}
.ml100 {margin-left: 100px!important;}

/* 너비, 높이 */
.w100per {width: 100% !important;}
.w99per {width: 99%;}
.w95per {width: 95%;}
.w90per {width: 90%;}
.w85per {width: 85%;}
.w80per {width: 80%;}
.w75per {width: 75%;}
.w70per {width: 70%;}
.w65per {width: 65%;}
.w60per {width: 60%;}
.w50per {width: 50%;}
.w55per {width: 55%;}
.w45per {width: 45%;}
.w40per {width: 40%;}
.w35per {width: 35%;}
.w33per {width: 33.3333333%;}
.w30per {width: 30%;}
.w25per {width: 25%;}
.w20per {width: 20%;}
.w19per {width: 19%;}
.w18per {width: 18%;}
.w17per {width: 17%;}
.w16per {width: 16%;}
.w15per {width: 15%;}
.w14per {width: 14%;}
.w13per {width: 13%;}
.w12per {width: 12%;}
.w11per {width: 11%;}
.w10per {width: 10%;}
.w9per {width: 9%;}
.w8per {width: 8%;}
.w7per {width: 7%;}
.w6per {width: 6%;}
.w5per {width: 5%;}
.w4per {width: 4%;}
.w3per {width: 3%;}
.w2per {width: 2%;}
.w1per {width: 1%;}

.w5 {width: 5px;}
.w10 {width: 10px;}
.w15 {width: 15px;}
.w20 {width: 20px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w45 {width: 45px;}
.w50 {width: 50px;}
.w55 {width: 55px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w325 {width: 325px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w500 {width: 500px;}

.mw100 {min-width: 100px;}

.h100per {height: 100%;}

/* 보더 */
.btNone {border-top:none !important;}
.brNone {border-right:none !important;}
.bbNone {border-bottom:none !important;}
.blNone {border-left:none !important;}

/* 폰트 스타일 */
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px !important;}

.txtNormal {font-weight: normal;font-family: 'notokr-regular', sans-serif;}
.txtBold {font-weight: bold;}
.txtItalic {font-style: italic;}

.pointColor {color: #f04349;}
.mainColor {color: #3c63e0;}
.subColor {color: #555555;}
.lightColor {color: #999999;}

.thesisTitleColor {color: #000000}

.keywordHighlight {font-weight: bold;font-family: 'notokr-bold', '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;}

/* 버튼 스타일 */
.btn {display: inline-block; padding: 5px 10px; color: #ffffff;}
.btn + .btn {margin-left: 5px;}

.btnText {text-align: center; padding: 0;}

.btnIcon {overflow:hidden;display:inline-block;font-size:0;color:transparent;text-indent:-120%;vertical-align:middle;background:url(/images/common/common_sfix_icon.png) no-repeat;}
.btnIcon.plus {width: 34px;height: 34px;background-position: -391px -42px;padding: 8px 0 8px;}
.btnIcon.minus {width: 34px;height: 34px;background-position: -441px -42px;}
.btnIcon.top {width: 50px;height: 50px;background: url(/images/common/img_arrow_top.png) no-repeat 0 0;}

.btnIconB {position:relative;text-align: center;}
.btnIconB span:before {display: inline-block;content:"";margin: 0;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat;}
.btnIconB span.setting:before {background-position: -450px -100px;width: 14px;height: 14px;margin: 0 1px 0 0;display: none;}
.btnIconB span.reset:before {background-position: -200px -350px;width: 14px;height: 14px;margin: -1px 2px 0 0;}

.btnIconA {position:relative;}
.btnIconA span:after {display: inline-block; content:""; margin: 0;background:url(/images/common/common_sfix_icon.png) no-repeat;}

.btn.pointColor {background-color: #c93035; border: 1px solid #c93035 !important;}
.btn.pointColor:hover {background-color: #c03639; border: 1px solid #c03639 !important;}
.btn.mainColor {background-color: #3c63e0; border: 1px solid #3c63e0 !important;}
.btn.mainColor:hover {background-color: #304fb3; border: 1px solid #304fb3 !important;}
.btn.subColor {background-color: #555555; border: 1px solid #555555 !important;}
.btn.subColor:hover {background-color: #444444; border: 1px solid #444444 !important;}
.btn.lightGrayColor {background-color: #e7e7e7;border: 1px solid #e7e7e7 !important;}
.btn.darkGrayColor {background-color: #cccccc;border: 1px solid #cccccc !important;}
.btn.darkBlueColor {background-color: #4c86b6;border: 1px solid #4c86b6 !important;}
.btn.darkBlueColor:hover {background-color: #3d6b92;border: 1px solid #3d6b92 !important;}

.btn.darkBlueColor2 {background-color: #C93035;border: 1px solid #C93035 !important;}
.btn.darkBlueColor2:hover {background-color: #D12D30;border: 1px solid #D12D30 !important;}

.btn.xl {min-width: 140px;min-height: 45px;padding: 5px 10px;line-height: 30px;}
.btn.xl span {font-size: 16px; font-family: 'notokr-bold', sans-serif;}
.btn.large {min-width: 120px;min-height: 34px;}
.btn.large span {font-size: 14px;}
.btn.medium {padding: 5px 11px 5px;}
.btn.medium span {font-size: 13px;}
.btn.small {min-width: 41px;padding: 4px 8px 3px;}
.btn.small span {font-size: 12px;}

.large.fs12 span {font-size: 12px !important; display: block;}
.large.fs13 span {font-size: 13px !important;}
.medium.fs12 span {font-size: 12px !important;display: block;/* color: #333333; *//* font-family: 'notokr-medium', sans-serif; */}

.btnLine {background-color: #ffffff !important;}
.btnLine.mainColor {color: #3c63e0;}
.btnLine.subColor {color: #555555;}
.btnLine.lightGrayColor {color: #111111;}
.btnLine.darkGrayColor {color: #000000;}

.btn.btnLine:hover {border: 1px solid #c8c8c8 !important;box-shadow: 2px 2px 3px rgba(0,0,0,.2);}

.btn.noLine {font-size: 13px;color: #111111;padding: 0 9px 0 0px;}
.btn.date {font-size: 12px;color: #111111;/* min-width: 42px; */padding: 6px 9px 5px;text-align: center;border: 1px solid #c8c8c8 !important;}
.btn.date:hover {border: 1px solid #c8c8c8 !important; box-shadow: 2px 2px 3px rgba(0,0,0,.2);}
.btn.date:focus {border: 1px solid #555555 !important; font-family: 'notokr-bold', sans-serif; padding: 5px 9px 6px}
.btn.selectDel {padding: 5px 8px 4px;}
.btn.selectMoney {padding: 6px 11px 5px;min-width: 113px;width: 100%;font-size: 13px;}
.btn.btnConfirm.inactive {color: #999999;background-color: #fbfbfb;border: 1px solid #e7e7e7 !important;pointer-events: none;}

.btn.disabled {color: #999;background-color: #fbfbfb;border: 1px solid #e7e7e7 !important;pointer-events: none;}

.btn.btnManual {display: inline-block;margin-top: 20px;width: 100%;min-height: 62px;border: 1px solid #e7e7e7 !important;text-align: left;}
.btn.btnManual span {font-size: 16px;font-family: 'notokr-bold', sans-serif;display: block;padding-left: 58px;}
.btn.btnManual span:before {position: absolute;left: 10px;top: 5px;/* display: inline-block; */content:"";margin: 0 8px 0 0;width:50px;height:50px;vertical-align: middle;background:url(/images/common/btn_manual.png) no-repeat;}

.btn.btnVideo {display: inline-block;margin-top: 5px;width: 100%;min-height: 62px;border: 1px solid #e7e7e7 !important;text-align: left;}
.btn.btnVideo span {font-size: 16px;font-family: 'notokr-bold', sans-serif;display: block;padding-left: 58px;}
.btn.btnVideo span:before {position: absolute;left: 10px;top: 5px;/* display: inline-block; */content:"";margin: 0 8px 0 0;width:50px;height:50px;vertical-align: middle;background:url(/images/common/btn_video_manual.png) no-repeat;}

/* 버튼 - 토글스위치 */
.toggleBtn {position: absolute;right: 15px;top: 14px;}
.toggleBtn label.switch {position: relative;display: inline-block;width: 36px;height: 20px;}
.toggleBtn label.switch input {opacity: 0;width: 0;height: 0;outline: none;}
.toggleBtn label.switch span.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .15s;transition: .15s;}
.toggleBtn label.switch span.slider:before {position: absolute;content: "";height: 18px;width: 18px;left: 1px;bottom: 1px;background-color: white;-webkit-transition: .15s;transition: .15s;}
.toggleBtn label.switch span.round {border-radius: 99px;}
.toggleBtn label.switch span.round:before {border-radius: 50%;}
.toggleBtn label.switch input:checked + .slider {background-color: #f04349;}
.toggleBtn label.switch input:focus + .slider {box-shadow: none;}
.toggleBtn label.switch input:checked + .slider:before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);}
.toggleBtn p {display: none; float: left;/* float: right; */font-size: 12px;color: #111111;padding: 4px 7px 0 0px;/* padding: 3px 0 0 8px; */width: 29px;}
.toggleBtn p.off {color: #999999;display: block;}
.toggleBtn p.on {display: none;}

/* 폼 - 인풋박스 */
.gInputText {position:relative;display:inline-block;}
.gInputText .placeholder {position:absolute;top:50%;left: 11px;margin-top: -10px;color:#999;font-size:13px;}
.gInputText button.ui-datepicker-trigger {position:absolute;top: 8px;right: 10px;}
.gInputText + .fSelect {margin-left: 3px;}
.gInputText + button {margin-left: 3px;}

.fText {padding: 6px 9px 7px;width:100%;font-size: 14px;color: #111111;border: 1px solid #cccccc;outline: none;height: 34px;}
.fText[disabled] {background-color: #f2f2f2;}
.fTextarea {padding: 7px 9px;font-size: 14px;color: #111111;border: 1px solid #cccccc;outline: none;font-family:'notokr-regular',Helvetica,Arial,sans-serif;line-height: 22px;}
.fTextarea:focus::-webkit-input-placeholder{text-indent: -999px;}
.fTextarea:focus::-moz-placeholder{text-indent: -999px;}

.gInputText.schBox {position:relative;display:inline-block;}
.gInputText.schBox .fText {padding: 11px 50px 11px 9px;width:100%;font-size: 14px;color: #111111;border: 1px solid #e7e7e7;outline: none;height: 43px;}
.gInputText.schBox .btnSearch {position: absolute;top: 1px;right: 1px;padding: 0;background: transparent;border: 0;}
.gInputText.schBox .btnSearch .icon {width: 41px;height: 41px;background: url(/images/common/common_sfix_icon.png) no-repeat -140px -88px;display: block;}

.gInputText.schBox .btnSearch.innerSearch { display:inline-block;width: 33px;height: 31px;background: url(/images/common/common_sfix_icon.png) no-repeat 7px 7px;background-color: #c93035; }

.gInputText.schBoxHeading {position:relative;display:inline-block;}
.gInputText.schBoxHeading .placeholder {margin-top: -7px;}
.gInputText.schBoxHeading .fText {padding: 6px 29px 7px 9px;width:100%;font-size: 14px;color: #111111;border: 1px solid #cccccc;outline: none;height: 34px;}
.gInputText.schBoxHeading .btnSearch {position: absolute;top: 1px;right: 1px;padding: 0;background: transparent;border: 0;}
.gInputText.schBoxHeading .btnSearch .icon {width: 32px;height: 32px;background: url(/images/common/common_sfix_icon.png) no-repeat -92px -142px;display: block;}

/* 폼 - 셀렉트박스 */
.fSelect {position:relative;display:inline-block;vertical-align:middle;border: 1px solid #cccccc;font-size: 14px;color: #111111;}
.fSelect span {position:absolute; top: 0px; left:0; display:block; padding: 0px 10px; width: 100%; height:100%; line-height: 33px;}
.fSelect span:after {position:absolute;top:50%;right: 0px;display:block;content:"";margin-top: -8px;width:18px;height:15px;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -45px;box-sizing:border-box;}
.fSelect select {opacity:0;padding: 6px 9px 7px;width: 100%;height:100%;/* -webkit-appearance:none; */-moz-appearance:none;filter:alpha(opacity=0);cursor:pointer;color: #333;font-size: 13px;}
.fSelect + .fSelect {margin-left: 7px;}
.fSelect + .fText {margin-left: 7px;}
.fSelect + button {margin-left: 3px;}

/* 폼 - 체크박스 */
.fCheck {position: relative;}
.fCheck input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.fCheck input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;}
.fCheck input[type="checkbox"] + label:before {content:'';display:inline-block;margin: -2px 9px 0 0;width: 14px;height: 14px;line-height: 14px;text-align:center;vertical-align:middle;border: 1px solid #c8c8c8;background:#fff;box-sizing:border-box;}
.fCheck input[type="checkbox"] + label:after {opacity:0;display:block;content:"";position:absolute;top: 4px;left: 1px;width:15px;height:14px;background: url(/images/common/common_sfix_icon.png) no-repeat -200px -50px;}
.fCheck input[type="checkbox"]:checked + label:after {opacity:1;}

.fCheck input[disabled] + label:before {background-color: #f2f2f2;}
.fCheck input[type="checkbox"].disabled + label {cursor: pointer;pointer-events: none !important;}
.fCheck input[type="checkbox"].disabled + label:before {background-color: #f2f2f2;}

.fCheck + .fCheck {margin-left: 10px;}
.fCheck + .gInputText {/* margin-left: 16px; */}

/* 폼 - 라디오버튼 */
.fRadio {position: relative;color: #111111;font-size: 14px;}
.fRadio input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.fRadio input[type="radio"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;vertical-align: middle;line-height: 33px;}
.fRadio input[type="radio"]:checked + label {}
.fRadio input[type="radio"] + label:before {content:'';display:inline-block;margin: -4px 7px 0 0;width: 18px;height: 18px;line-height:16px;text-align:center;vertical-align:middle;background: url(/images/common/common_sfix_icon.png) no-repeat -100px -50px;box-sizing:border-box;}
.fRadio input[type="radio"]:checked + label:before {background-position: -150px -50px;}
.fRadio + .fRadio {margin-left: 10px;}

/* 도움말 */
.tooltipWrap {display:inline-block;margin-left: 5px;z-index: 10;}
.tooltipWrapFloat {display:inline-block;margin-left: 5px;z-index: 10;float:left;}
.tooltip {position:relative;display:inline-block;}
.tooltip a.btnTooltip {overflow:hidden;display:inline-block;width: 20px;height:20px;/* vertical-align: top; */vertical-align: middle;font-size:0;color:transparent;text-indent:-120%;background:url(/images/common/common_sfix_icon.png) no-repeat -300px -50px;}
.tooltip a.small {overflow:hidden;display:inline-block;width: 17px;height: 17px;vertical-align: middle;font-size:0;color:transparent;text-indent:-120%;background: url(/images/common/common_sfix_icon.png) no-repeat -200px -100px;}
.tooltip:hover .desc {display:block;}
.tooltip .desc {display:none;position:absolute;padding:10px 15px;width: 245px;border: 1px solid #e0e0e0;background:#fff;font-family: 'notokr-medium', sans-serif;font-size: 13px;color: #555555;box-shadow: 3px 3px 8px rgba(0,0,0,.1);box-shadow: 3px 4px 6px rgba(0,0,0,.2);z-index: 210;line-height: 20px;text-align: left;}
.tooltip .desc:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;}
.tooltip .desc:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;}
.tooltip .desc.bottomRight {top: 30px; right: -10px;}
.tooltip .desc.bottomRight:before {right: 12px;top: -7px; border-width: 0 7px 7px; border-bottom-color: #cccccc;}
.tooltip .desc.bottomRight:after {right: 12px;top: -6px; border-width: 0 7px 7px;border-bottom-color: #fff;}
.tooltip .desc.topRight {bottom: 32px;right: -10px;}
.tooltip .desc.topRight:before {right: 12px;bottom: -10px;border-width: 7px 7px 0;border-top-color: #cccccc;}
.tooltip .desc.topRight:after {right: 12px;bottom: -7px;border-width: 7px 7px 0;border-top-color: #fff;}
.tooltip .desc.topLeft {bottom: 32px;left: 10px;}
.tooltip .desc.topLeft:before {left: 12px;bottom: -10px;border-width: 7px 7px 0;border-top-color: #cccccc;}
.tooltip .desc.topLeft:after {left: 12px;bottom: -7px;border-width: 7px 7px 0;border-top-color: #fff;}
.tooltip .desc.leftTop {top: -10px;left: 30px;}
.tooltip .desc.leftTop:before {left: -14px;top: 12px;border-width: 7px 7px 7px;border-right-color: #cccccc;}
.tooltip .desc.leftTop:after {left: -13px;top: 12px;border-width: 7px 7px 7px;border-right-color: #ffffff;}

.tooltip_desc {display:none;padding:10px 15px;border: 1px solid #e0e0e0;background:#fff;width: 400px;font-family: 'notokr-medium', sans-serif;font-size: 13px;color: #555555;box-shadow: 3px 3px 8px rgba(0,0,0,.1);box-shadow: 3px 4px 6px rgba(0,0,0,.2);line-height: 20px;text-align: left;}

a.disabled {width:23px;height: 17px;position: absolute;left: 0px;top: 0px;}
.btnCheckboxTooltip {cursor:pointer; position:relative;}
.btnCheckboxTooltip .checkboxTooltip {display:none;position:absolute;bottom: 26px;padding: 5px 10px;width: 142px;width: 261px;border: 1px solid #e0e0e0;background:#fff;font-family: 'notokr-medium', sans-serif;font-size: 12px;color: #555555;box-shadow: 3px 4px 6px rgba(0,0,0,.2);z-index: 10;line-height: 18px;text-align: left;}
.btnCheckboxTooltip:hover .checkboxTooltip {display:block;}
.lbMRR{display:none;}


.searchToggle {
	position: relative;
	display: inline-block;
	left: 55%;
	top: 5px;
}

#searchInclude {
	display: inline-block;	
	padding: 4px;
}

.switch {
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 20px;  
	right: 1px;
}

.searchToggle .switch {
	right: unset;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;  
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3.5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #C93035;
}

input:focus + .slider {
  box-shadow: 0 0 1px #C93035;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


@media (min-width:960px) and (max-width:1147px) {/* 태블릿: 최소 960 ~ 1147 */
/* 버튼 */
.btn.btnManual {padding: 5px 8px;}
.btn.btnManual span {font-size: 15px;}

}


/* 20191107 인용 팝업 */
/*
.downloadBox .btnGroup .quote_box{display:inline-block;position:relative;margin:0 2px 5px 0}
.downloadBox .btnGroup .quote_box .quote_arrow{display:block;position:absolute;left:5px;bottom:35px;width:32px;opacity:0;visibility:hidden}
.downloadBox .btnGroup .quote_box .quote_text{display:block;position:absolute;left:40px;bottom:40px;width:215px;opacity:0;visibility:hidden}
.downloadBox .btnGroup .quote_box .quote_arrow,
.downloadBox .btnGroup .quote_box .quote_text{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.downloadBox .btnGroup .quote_box .img{display:block;width:100%}
.downloadBox .btnGroup .quote_box .quote_text .close{display:none;position:absolute;right:0;top:-20px;width:16px}
.downloadBox .btnGroup .quote_box .btn{display:block;margin:0;border:1px solid #c93035;box-shadow:0 0 5px #c93035;
	-webkit-animation: tooltip_effect 2s 1s ease-in-out infinite;
    -moz-animation: tooltip_effect 2s 1s ease-in-out infinite;
    -o-animation: tooltip_effect 2s 1s ease-in-out infinite;
    animation: tooltip_effect 2s 1s ease-in-out infinite;
}
.downloadBox .btnGroup .quote_box .btn span{color:#000}

@media (min-width:960px) {
.downloadBox .btnGroup .quote_box:hover .quote_arrow,
.downloadBox .btnGroup .quote_box:hover .quote_text{opacity:1;visibility:visible}
.downloadBox .btnGroup .quote_box:hover .btn{border:1px solid #c93035!important;box-shadow:0 0 5px #c93035!important;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
	-webkit-animation:none;
    -moz-animation:none;
    -o-animation:none;
    animation:none;
}
}
*/

@media (min-width:960px) and (max-width:1065px) {/* 태블릿: 최소 960 ~ 1065 */
/* 폼 */
.gInputText .placeholder {display:inline-block;overflow:hidden;max-width:95%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}

}


@media (max-width:959px) {/* 모바일: 최대 959 */
/* 버튼 */
.btnIcon.top {width: 32px;height: 32px;background: url(/images/common/img_arrow_top.png) no-repeat 0 0;background-size: contain;}
.btn.large {min-width: 80px;min-height: 31px;padding: 0 5px;margin-right: 0px !important;}
.btn.selectMoney {padding: 6px 0px 5px;min-width: auto;}

/* 폼 */
.gInputText + button {margin-left: 0px;margin-top: 10px;min-width: 100% !important;}
.gInputText + .fSelect {margin-left: 0px;margin-top: 10px;min-width: 100%;}
.fSelect + .fSelect {margin-left: 0px;margin-top: 10px;min-width: 100%;}
.fSelect + button {margin-left: 0px;margin-top: 10px;min-width: 100% !important;}

.btnMobile {margin-left: 0px;margin-top: 10px;min-width: 100% !important;}

.gInputText .placeholder {display:inline-block;overflow:hidden;max-width:95%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}

/* 20191107 인용 팝업 */
/*
.downloadBox .btnGroup .quote_box .quote_text .close{display:block!important}

.downloadBox .btnGroup .quote_box.active .quote_arrow,
.downloadBox .btnGroup .quote_box.active .quote_text{opacity:1;visibility:visible;}
.downloadBox .btnGroup .quote_box.active .btn{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
	-webkit-animation:none;
    -moz-animation:none;
    -o-animation:none;
    animation:none;
}*/
}

/*
@-webkit-keyframes tooltip_effect {
    0% { border:1px solid #c93035;box-shadow:0 0 5px #c93035 }    
    50% { border:1px solid #ccc;box-shadow:none }    
    100% { border:1px solid #c93035;box-shadow:0 0 5px #c93035 }
}
@-moz-keyframes tooltip_effect {
    0% { border:1px solid #c93035;box-shadow:0 0 5px #c93035 }    
    50% { border:1px solid #ccc;box-shadow:none }    
    100% { border:1px solid #c93035;box-shadow:0 0 5px #c93035 }
}
@-o-keyframes tooltip_effect {
    0% { border:1px solid #c93035;box-shadow:0 0 5px #c93035 }    
    50% { border:1px solid #ccc;box-shadow:none }    
    100% { border:1px solid #c93035;box-shadow:0 0 5px #c93035 }
}
@keyframes tooltip_effect {
    0% { border:1px solid #c93035;box-shadow:0 0 5px #c93035 }    
    50% { border:1px solid #ccc;box-shadow:none }    
    100% { border:1px solid #c93035;box-shadow:0 0 5px #c93035 }
}
*/




/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */

#dbpiaTopBanner {width: 100%;height: 60px;background-color: #ffffff;position: relative;text-align: center;display: none;cursor: pointer;}
.topBannerCenter {max-width: 1080px;width: 100%;height: 100%;margin-left: auto;margin-right: auto;text-align: center;}
.topBannerCenter img {position:static; height: 100%; cursor: pointer;}
.topBannerCenter span {background:url(/images/common/common_sfix_icon.png) no-repeat -445px -197px;cursor:pointer;position: relative;right: 20px; top: -13px;}

@media (max-width: 959px){
	/*띠배너 닫기 버튼 수정*/
  .topBannerCenter span.closeBanner {background:url(/images/common/common_sfix_icon.png) no-repeat -445px -198px;cursor:pointer;position: relative; right:0px;}
    /*.topBannerCenter span{ right: 48% !important; top: -4em !important;} */
  .topBannerCenter span.closeBanner { top: -4.5em !important; display:block; float:right;}
}

.formGroup .fSelect.disabled span{color:#aaa!important;background-color:#f2f2f2!important}
.formGroup .fSelect.disabled select{cursor:default}
.formGroup .fSelect *:disabled{cursor:default}

.loadingAsyn{
	background-image: url(/assets/mloading/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8%;
}



/*비엔시스템 수정*/

.bnClass .gInputText button.ui-datepicker-trigger{border: none;}




/*210525 공통요소*/

body, code{color: #111;}
.bnClass a {text-decoration:none;color: #666;}
.bnClass .btnIconB span:before {display: inline-block;content:"";margin: 0;vertical-align: middle; margin-top: -2px;}
.bnClass .btnIconB span.reset:before {width: 14px;height: 14px;margin: -1px 2px 0 0;}

/*210529 추가 */
.bnHead .alarmArea .alarmBox .alarmHead button.btnSetting span:before{display: none;}


/*210426 발행기관명 추가 및 스타일 수정 추가*/
.bnClass .nameCom{margin: 25px 0px 20px 0px; font-size: 14px;}
.bnClass p.searchBox{border: 1px solid #DCDCDC;width: 192px;border-radius: 3px;overflow: hidden;margin-top: 5px;}
.bnClass p.searchBox .gInputText {float: left;}
.bnClass p.searchBox .searchBtn{margin-left: 0px;width: 36px;height: 33px;border-left: 1px solid #DCDCDC;float: left;display: block;}
.bnClass p.searchBox .searchBtn:hover{box-shadow: none;}
.bnClass p.searchBox .fText{border: none!important;width: 153px!important;}


/*210426 마진 탑 수정*/
.bnClass .gInputText .placeholder {position:absolute;top:50%;left: 11px;margin-top: -6px;color:#999;font-size:13px;}

/*수정*/
.bnClass .fText {padding: 6px 9px 7px;width: 100%;font-size: 14px;color: #111111;border: 1px solid #cccccc;outline: none;height: 34px;}

/*210430 추가*/
.bnClass .filterTitle{font-size: 16px;font-family:'notokr-bold',Helvetica,Arial,sans-serif;margin-top: 11px;margin-bottom: 27px;}
.bnClass .subTitle{font-family:'notokr-medium',Helvetica,Arial,sans-serif;font-size: 13px;}

/*210430 보더 추가*/
/*210503 width 추*/
.bnClass .pcAppendArea1 .innerSearch{border-bottom: 1px solid #ECECEC;width: 190px;}


/*210430 margin-top 추가,  너비 수정 */
.bnClass .gInputText.schBox {position:relative;display:inline-block;margin-top: 7px; overflow: hidden;   width: 190px!important;}


/*210430 보더수정*/
/*210503 수정*/
.bnClass .gInputText.schBox .fText {padding: 11px 50px 11px 9px;width:153px;font-size: 12px;color: #111111;border: 1px solid #C93035;outline: none;height: 43px;border-radius: 3px 0px 0px 3px;display: block;float: left;}
.bnClass .gInputText.schBox .fText::placeholder{color: #999;}
.bnClass .gInputText.schBox .btnSearch {position: absolute;top: 0px;right: 1px;padding: 0;background: transparent;border: 0;}

/*210430 탭 수정*/
.bnClass .gInputText.schBox .btnSearch.innerSearch { display:inline-block;width: 37px;height: 33px;background: url(/images/common/search-red.svg) no-repeat center;display: block;float: left; position: unset;border: 1px solid #C93035; border-left: none; border-radius: 0px 3px 3px 0px;}

/*210430 새로 셀렉트 박스 추가*/
.bnClass .funcWrap .fSelect{border: 1px solid #CCCCCC; padding: 0px;width: 80px;height: 27px; border-radius: 3px;font-size: 12px;color: #666666;}
.bnClass .funcWrap .fSelect span{line-height: 26px;}
.bnClass .funcWrap .fSelect span:after{background: url(/images/common/arrow-sear.svg) no-repeat 5.5px;box-sizing:border-box;}


/*210427 컬러변경*/
.bnClass .fSelect select {opacity:0;padding: 6px 9px 7px;width: 100%;height:100%;/* -webkit-appearance:none; */-moz-appearance:none;filter:alpha(opacity=0);cursor:pointer;color: #111;font-size: 13px;}


/*추가된 폼*/
/*210602 bnClass 제거*/
.fCheck.searchChk {position: relative;}
.fCheck.searchChk input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/*210428 font-size 변경*/
/*210430 font-size 변경*/
/*210602 bnClass 제거*/
.fCheck.searchChk input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;font-size: 12px;top: 1px;}


/*210427 컬러변경*/
/*210430 위치 및 사이즈 변경*/
/*210602 bnClass 제거*/
.fCheck.searchChk input[type="checkbox"] + label:before {content:'';display:inline-block;margin: 0px 9px 0 0;width: 15px;height: 15px; border-radius: 3px; line-height: 14px;text-align:center;vertical-align:top;border: 1px solid #c8c8c8;background:#fff;box-sizing:border-box;    color: #707070;}

/*210503 추가*/
/*210602 bnClass 제거*/
.hdWrap .fCheck.searchChk input[type="checkbox"] + label:before {margin: -1px 9px 0 0;}


/*210430 리스트 선택창*/
/*210602 bnClass 제거*/
.searchListArea .listHead .fCheck.searchChk input[type="checkbox"] + label:before{width: 17px;height: 17px;margin-right: 0px;}
.searchListArea .listHead .fCheck.searchChk input[type="checkbox"] + label:after{width: 17px;height: 17px;	background-size: 17px;left: 0px;top: 1px;}

/*210430 체크박스수정*/
/*210602 bnClass 제거*/
.fCheck input[type="checkbox"] + label:after {opacity:0;display:block;content:"";position:absolute;top: 4px;left: 0px;width:15px;height:15px;background: url(/images/common/checked.svg) no-repeat center}
/* 2021-07-02 opacity에 !important 추가 */
.fCheck input[type="checkbox"]:checked + label:after {opacity:1 !important;}

/*210430 수정*/
.bnClass .searchToggle {position: relative;position: absolute;display: inline-block;left: 55%;top: 5px;width: 104px;height: 20px;top: 16px;right: 119px;color: #4b4b4b;left: inherit;}
.bnClass .slider:after{content:'OFF';display: block;position: absolute;top: 4px;right: 8px;font-family: 'notokr-medium', sans-serif;font-size: 10px;color: #A9A9A9;}
.bnClass #chkInclude:checked + .slider:after{content:'ON';color: white;top: 4px;left: 8px;}
.bnClass #chkInclude:checked + .on{display: block;}


/*210430 수정*/
/*210601 수정*/
.bnClass #searchInclude {position: absolute;display: inline-block;line-height: 20px;padding: 0px;}

.bnClass .switch {position: absolute;display: inline-block;width: 50px;height: 20px;right: 1px;}


/*210514 셀렉트 박스 수정*/
.bnClass .newSel select{display: none;}



/*210504 배경 변경*/
.bnClass .slider { position: absolute; cursor: pointer;left: 0;right: 0;bottom: 0;background-color: #e5e5e5;-webkit-transition: .4s; transition: .4s; }
.bnClass input:checked + .slider { background-color: #c93035;}
.bnClass input:focus + .slider {box-shadow: 0 0 1px #c93035;}
.bnClass input:checked + .slider:before {-webkit-transform: translateX(28px);-ms-transform: translateX(28px);transform: translateX(28px);}










/*210518 수정*/
.bnClass .newSel .select-options{display: none;position: absolute;z-index: 9;background-color: #fff;width: 80px;top: 25px;left: -0.5px; top: 25px; box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);max-height: 100px; overflow-y: scroll;}
.bnClass .newSel .select-options {
    -ms-overflow-style: none;/* IE and Edge */
    scrollbar-width: none;/* Firefox */
}
.bnClass .newSel .select-options::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.bnClass .newSel .select{width: 80px; height: 27px; cursor: pointer;border: 1px solid #ccc;border-radius: 3px; float: left;position: relative;}


.bnClass .newSel .select:nth-child(2){margin-left: 5px;}
.bnClass .newSel .select-styled{position: relative; font-size: 12px; font-family: 'notokr-regular', sans-serif; color: #666666; line-height: 27px;padding-left: 10px;}
.bnClass .newSel .select-styled:after{position: absolute;top: 50%;right: 6px;display: block;content: "";margin-top: -7px;width: 18px;height: 15px;  background: url(/images/common/arrow-sear.svg) no-repeat 5.5px;}

.bnClass .newSel ul {border: 1px solid #ccc; border-radius: 3px;}
.bnClass .newSel ul li{padding: 5px 21px 5px 10px;font-size: 12px; font-family: 'notokr-regular', sans-serif; color: #666666; }
.bnClass .newSel ul li:hover{background-color: #ECECEC;}






/*210519 추가*/

.bnClass .mobSel{display: none;}

/*210601 추가*/
.bnClass .mobSel label{display: block; min-height: 27px;}


/*210525 새로운 셀렉트 박스*/
.bnClass div.dropdown {position: relative;width: 80px; float: left;}
.bnClass div.dropdown:nth-child(2){margin-left: 10px;}
.bnClass div.dropdown > div.caption {font-size: 12px;font-family: 'notokr-regular', sans-serif;color: #666666;line-height: 25px;padding-left: 10px;border: 1px solid #ccc;border-radius: 3px;width: 80px;cursor: pointer;}
.bnClass div.dropdown > div.caption:after {position: absolute;top: 50%;right: 6px;display: block;content: "";margin-top: -7px;width: 18px;height: 15px;background: url(/images/common/arrow-sear.svg) no-repeat 5.5px;}

/*210528 높이, 스크롤 제거*/
.bnClass div.dropdown > div.list {position: absolute;background-color: #fff;width: 100%;border-radius:3px;display: none;z-index: 9999;border: 1px solid #ccc;top: 26px;}


.bnClass div.dropdown > div.list  {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.bnClass div.dropdown > div.list::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
.bnClass div.dropdown > div.list > div.item {cursor: pointer;}
.bnClass div.dropdown > div.list > div.item:hover {background-color: #ececec;}
.bnClass div.dropdown.open > div.caption {border-radius: 3px;}
.bnClass div.dropdown.open > div.list {display: block;}
.bnClass div.dropdown.open > div.list .item {padding: 5px 21px 5px 10px;font-size: 12px;font-family: 'notokr-regular', sans-serif;color: #666666;cursor: pointer;}



/*  */
@charset "utf-8";

/* 검색결과리스트 */
.searchP .selectGroup {margin-top: 25px;margin-right: 39px;margin-bottom: 20px;}
.searchP .selectGroup p.tit {font-size: 13px;color: #222222;font-family: 'notokr-bold', sans-serif;margin-bottom: 16px;}
.searchP .selectGroup .selectWrap {padding: 0;margin-bottom: 17px;}
.searchP .selectGroup .selectWrap .condtion {color: #f04349;display: inline-block;margin: -2px 11px 6px 0;line-height: 18px;}
.searchP .selectGroup .selectWrap .condtion span.del {display: inline-block;width: 13px;height: 13px;margin: -2px 0 0 9px;background: url(/images/common/common_sfix_icon.png) no-repeat -450px -200px;cursor: pointer;vertical-align: middle;}
.searchP .filterGroup {margin-top: 21px;margin-right: 39px;border-bottom: 1px solid #ececec;}
.searchP .filterGroup .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: 0px;}
.searchP .filterGroup p.tit {font-size: 13px;color: #222222;font-family: 'notokr-bold', sans-serif;margin-bottom: 14px;line-height: 18px;}
.searchP .filterGroup p.tit.general {margin-bottom: 1px;height: 29px;}
.searchP .filterGroup p.tit a {display: block;width: 100%;height: 100%;background: none;position: relative;}
.searchP .filterGroup p.tit a:after {position:absolute;top: 7px;right: 0px;display:block;content:"";width:9px;height:5px;vertical-align:middle;background: url(/images/common/common_sfix_icon.png) no-repeat 0px -50px;}
.searchP .filterGroup p.tit a.open:after {background-position: 0px -100px;}
.searchP .filterGroup p.tit a.active {color: #f04349; background-position: 181px -93px;}
.searchP .filterGroup p.tit a:hover {text-decoration: none;}
.searchP .filterGroup p.tit a.hide {pointer-events: none; background: none;}
.searchP .filterGroup p.tit a.hide:after {background: none;}

.searchP .filterGroup ul.yearlySort {overflow: hidden;margin-bottom: 17px;}
.searchP .filterGroup ul.yearlySort li.year {margin-bottom: 8px;font-size: 13px;}
.searchP .filterGroup ul.yearlySort li.year a {/* font-size: 13px; */}
.searchP .filterGroup ul.yearlySort li.year a.selected {color: #f04349;}
.searchP .filterGroup ul.yearlySort li.year span.directMod {color: #212121;margin-bottom: 8px;display: block;}
.searchP .filterGroup ul.yearlySort li.year span.directMod.selected {color: #f04349;}
.searchP .filterGroup ul.yearlySort li.year p.grouping .gInputText .fText {padding: 2px 9px 4px; height: 27px; font-size: 13px; border: 1px solid #c8c8c8;}
.searchP .filterGroup ul.yearlySort li.year p.grouping .gInputText .fText::placeholder {color: #999;}
.searchP .filterGroup ul.yearlySort li.year p.grouping .gInputText .fText::-ms-input-placeholder {color: #666;}
.searchP .filterGroup ul.yearlySort li.year p.grouping .gInputText .fText:-ms-input-placeholder{color: #666;}
.searchP .filterGroup ul.yearlySort li.year p.grouping .txtDash {margin: 0 3px;}
.searchP .filterGroup ul.yearlySort li.year p.grouping button {padding: 5px 7px 6px;margin-top: -1px;}
.searchP .filterGroup ul.subjectSort {overflow: hidden;margin-bottom: 13px;}
.searchP .filterGroup ul.subjectSort li.subject {margin-bottom: 10px;/* margin-bottom: 0px; */font-size: 13px;}
.searchP .filterGroup ul.subjectSort li.subject .fCheck {padding-left: 26px; line-height: 18px; display: block;}
.searchP .filterGroup ul.subjectSort li.subject .fCheck input[type="checkbox"] + label {position: absolute; left: 0; top: 0;}
.searchP .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail {margin-left: -3px;}
.searchP .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail:after {display: inline-block;content:"";width:10px;height:10px;margin: 0 0 0 10px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -350px -248px;}
.searchP .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail.open:after {background-position: -400px -248px;}
/*.searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort {overflow: hidden; margin: 10px 0 1px 14px;height: 75px;}*/
.searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort {/* overflow: hidden; */margin: 10px 0 1px 14px;margin-top: 0px;height: auto;}
.searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail {margin-bottom: 8px;font-size: 12px;color: #777777;}
.searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail:first-child {margin-top: 10px;}
.searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail a {color: #777777;margin-left: -3px;}
.searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail .fCheck {padding-left: 26px; line-height: 18px; display: block;}
.searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail .fCheck:after {display: none;}

/*210525 삭제*/
/*.searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail .fCheck input[type="checkbox"] + label {position: absolute; left: 0; top: 0;}*/

.searchP .filterGroup ul.subjectSort li.subject a.more {text-decoration: underline;margin: 0px 0 21px 14px;font-size: 12px;color: #777777;display: block;}
.searchP .filterGroup .generalWrap {}
.searchP .filterGroup ul.generalSort {/* overflow: hidden; */margin-bottom: 17px;}
.searchP .filterGroup ul.generalSort.journal {/* height: 161px; */height: auto;}
.searchP .filterGroup ul.generalSort li.general {margin-bottom: 7px;font-size: 13px;}
.searchP .filterGroup ul.generalSort li.general .fCheck {padding-left: 22px;line-height: 18px;display: block;}
.searchP .filterGroup ul.generalSort li.general .fCheck label {/* padding-left: 22px; *//* line-height: 18px; */position: absolute;left: 0;top: 0;}
.searchP .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"] + label:before {position: absolute;left: 0px;top: 4px;content:'';display:inline-block;margin: -2px 9px 0 0;width: 14px;height: 14px;line-height: 14px;text-align:center;vertical-align:middle;border: 1px solid #c8c8c8;background:#fff;box-sizing:border-box;}
.searchP .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"] + label:after {opacity: 0;display:block;content:"";position:absolute;top: 2px;left: 1px;width:15px;height:14px;background: url(/images/common/common_sfix_icon.png) no-repeat -200px -50px;}
.searchP .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"]:checked + label:after {opacity:1;}
.searchP .filterGroup ul.generalSort li.general a {/* display: inline-block; */margin-left: 0px;}
.searchP .filterGroup ul.generalSort li.general a.selected {color: #f04349;}
.searchP .filterGroup a.more {text-decoration: underline;margin-top: -13px;margin-bottom: 24px;font-size: 12px;color: #222222;display: block;}
.searchP .filterGroup a.more span.fold {display: none;}
.searchP .filterGroup .moreLessWrap {position: relative; height: 20px;}
.searchP .filterGroup .moreLessWrap a:nth-child(1) {width: 60px; float: left;}
.searchP .filterGroup .moreLessWrap a:nth-child(2) {width: 60px; float: right; text-align: right; margin-right: 5px;}

.searchP .filterGroup p.searchBox {margin-bottom: 25px;}
.searchP .filterGroup p.searchBox:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.searchP .filterGroup p.searchBox .fSelect.filtering {display:block;width: 100%;}
.searchP .filterGroup p.searchBox .gInputText {float: left;margin-right: 3px;}
.searchP .filterGroup p.searchBox .gInputText .placeholder {margin-top: -8px;}
.searchP .filterGroup p.searchBox .gInputText .fText {padding: 2px 9px 4px; height: 27px; font-size: 13px; border: 1px solid #c8c8c8;}
.searchP .filterGroup p.searchBox button {padding: 5px 7px 6px;/* margin-top: -1px; */*margin-top: -1px;float: left;}
.searchP .filterGroup ul.volume {padding: 0;margin-bottom: 150px;}
.searchP .filterGroup ul.volume li.group {border-bottom: 1px solid #e7e7e7;position: relative;display: block;}
.searchP .filterGroup ul.volume li.group:first-child {border-top: 1px solid #e7e7e7;}
.searchP .filterGroup ul.volume li.group:hover .submMenuWrap {display:block;}
.searchP .filterGroup ul.volume li.group a.tit {display: block;color: #222222;font-size: 13px;font-family: 'notokr-bold', sans-serif;padding: 12px 0 13px 0;}
.searchP .filterGroup ul.volume li.group a.active {color: #f04347;}
.searchP .filterGroup ul.volume li.group .submMenuWrap {display:none;position:absolute;left: 189px;top: -1px;z-index: 10;padding-left: 19px;}
.searchP .filterGroup ul.volume li.group .submMenuWrap .subMenu {padding: 0;/* padding-bottom: 5px; */width: 245px;border: 1px solid #e0e0e0;background:#fff;font-family: 'notokr-medium', sans-serif;font-size: 13px;color: #555555;box-shadow: 3px 3px 8px rgba(0,0,0,.1);box-shadow: 3px 4px 6px rgba(0,0,0,.2);line-height: 20px;text-align: left;position: relative;}
.searchP .filterGroup ul.volume li.group .submMenuWrap .subMenu:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;left: -15px;top: 12px;border-width: 7px 7px 7px;border-right-color: #cccccc;}
.searchP .filterGroup ul.volume li.group .submMenuWrap .subMenu:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;left: -14px;top: 12px;border-width: 7px 7px 7px;border-right-color: #ffffff;}
.searchP .filterGroup ul.volume li.group .submMenuWrap .subMenu p.year {color: #111111;font-size: 13px;font-family: 'notokr-bold', sans-serif;border-bottom: 1px solid #eeeeee;/* margin-bottom: 6px; */padding: 10px 0 12px 15px;}
.searchP .filterGroup ul.volume li.group .submMenuWrap .subMenu ul.sub {padding: 6px 0 5px;overflow-y: auto;max-height: 371px;}
.searchP .filterGroup ul.volume li.group .submMenuWrap .subMenu ul.sub li.menu {}
.searchP .filterGroup ul.volume li.group .submMenuWrap .subMenu ul.sub li.menu a {display: block;color: #222222;font-size: 13px;font-family: 'notokr-medium', sans-serif;padding: 5px 14px;}
.searchP .filterGroup ul.volume li.group .submMenuWrap .subMenu ul.sub li.menu a:hover {background: #f1f1f1; text-decoration: none;}
.searchP .filterGroup ul.volume li.group .submMenuWrap .subMenu ul.sub li.menu a.active {color: #f04347; font-family: 'notokr-bold', sans-serif;}

.searchP .filterGroup .selectBox {display: none;}

.searchP .filterGroup ul.author {padding: 0;margin-bottom: 17px;overflow: hidden;}
.searchP .filterGroup ul.author li.group {border-bottom: 1px solid #e7e7e7;position: relative;display: block;margin-bottom: 12px;}
.searchP .filterGroup ul.author li.group:last-child {border: none;margin-bottom: 0px;}
.searchP .filterGroup ul.author li.group p.person {line-height: 18px;margin-bottom: 4px;}
.searchP .filterGroup ul.author li.group p.person a.name {color: #3c63e0;/* font-size: 14px; */}
.searchP .filterGroup ul.author li.group p.person span.organ {color: #222222;font-size: 13px;}
.searchP .filterGroup ul.author li.group p.thesis {margin-bottom: 13px;}
.searchP .filterGroup ul.author li.group p.thesis span {color: #777777;font-size: 13px;}
.searchP .filterGroup ul.author li.group p.thesis span small {color: #c93035;font-size: 13px;}

.searchP .filterGroup.cate {margin-top: 39px;}
.searchP .filterGroup.cate + .filterGroup.cate {margin-top: 12px;}
.searchP .filterGroup.cate p.tit {font-size: 16px;font-family: 'notokr-regular', sans-serif;margin-bottom: 0px;line-height: 18px;height: 30px;}
.searchP .filterGroup.cate p.tit a {display: block;width: 100%;height: 100%;background: none;position: relative;}
.searchP .filterGroup.cate p.tit a:after {position:absolute;top: 5px;right: 0px;display:block;content:"";width:15px;height:8px;vertical-align:middle;background: url(/images/common/common_sfix_icon.png) no-repeat 0px -200px;}
.searchP .filterGroup.cate p.tit a.active {font-family: 'notokr-bold', sans-serif;}
.searchP .filterGroup.cate p.tit a.active:after {background-position: 0px -250px;}
.searchP .filterGroup.cate p.tit a:hover {text-decoration: none;}
.searchP .filterGroup.cate ul.generalSort {/* overflow: hidden; */padding-top: 18px;padding-left: 15px;margin-bottom: 19px;border-top: 1px solid #ececec;}
.searchP .filterGroup.cate ul.generalSort li.general {margin-bottom: 9px;font-size: 13px;}
.searchP .filterGroup.cate ul.generalSort li.general a {/* display: inline-block; */margin-left: 0px;}
.searchP .filterGroup.cate ul.generalSort li.general a.selected {font-family: 'notokr-bold', sans-serif;}
.searchP .filterGroup.cate a.more {margin-bottom: 20px;}

.searchP .filterGroupWrap.cate .selectBox {display: none;}

.searchP .tileListArea {position: relative;overflow: hidden;padding-bottom: 12px;border-bottom: 1px solid #ececec;}
.searchP .tileListArea ul.recommend {padding: 0;margin: 0 -25px 0;overflow: hidden;}
.searchP .tileListArea ul.recommend li.img {float: left;width: calc(20% - 52px);/* max-width: 120px; *//* width: 120px; *//* height: 150px; *//* height: 100%; */margin-left: 25px;margin-right: 25px;margin-bottom: 20px;/* border: 1px solid #cccccc; */position: relative;}
.searchP .tileListArea ul.recommend li.img a.hover {cursor: pointer;display: block;height: 150px;border: 1px solid #cccccc;position: relative;}
.searchP .tileListArea ul.recommend li.img a.hover img {width: 100%;height: 100%;max-height: 148px;}
.searchP .tileListArea ul.recommend li.img a.hover p.desc {display: none;}
.searchP .tileListArea ul.recommend li.img a.hover:hover p.desc {display: block;background: rgba(25,9,11,0.7);padding-left: 14px;padding-right: 15px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: table;}
.searchP .tileListArea ul.recommend li.img a.hover:hover p.desc span {font-size: 15px;color: #ffffff;display: table-cell;vertical-align: middle;word-break: break-word;}
.searchP .tileListArea ul.recommend li.img p.info {margin-top: 21px;margin-bottom: 1px;}
.searchP .tileListArea ul.recommend li.img p.info span.type {display: inline-block;font-size: 12px;color: #326f0e;vertical-align: middle;margin-right: 4px;margin-bottom: 8px;}
.searchP .tileListArea ul.recommend li.img p.info span.update {display: inline-block;width: 44px;height: 15px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -250px -350px;margin-top: -2px;margin-bottom: 8px;}

.mobileFacetedArea {display: none;}

.searchP .headingArea.schResult button.btnIconB span.chooseBell {margin: 0 2px 0 1px;}
.searchP .headingArea.schResult button.btnIconB span.chooseBell:before {background-position: -300px -250px;}

.searchP .headingArea.schResult button.btnIconB {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 9px 4px;min-width: 71px;}
.searchP .headingArea.schResult button.btnIconB span {font-size: 12px;}
.searchP .headingArea.schResult button.btnIconB span.bell {margin: 0 2px 0 1px;}
.searchP .headingArea.schResult button.btnIconB span:before {width: 14px;height: 14px;}
.searchP .headingArea.schResult button.btnIconB span.bell:before {background-position: -450px -200px;background-position: -250px -250px;}
.searchP .headingArea.schResult button.btnIconB:hover span.bell:before {background-position: -300px -250px;}

.searchP .pcAppendArea .detachNodeWrap .selectGroup.detachNodeResult1 button.btnIconB {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 9px 4px;min-width: 71px; position: absolute; left: 74px;top: -5px;}
.searchP .pcAppendArea .detachNodeWrap .selectGroup.detachNodeResult1 button.btnIconB span {font-size: 12px;}
.searchP .pcAppendArea .detachNodeWrap .selectGroup.detachNodeResult1 button.btnIconB span:before {width: 14px;height: 14px;}
.searchP .pcAppendArea .detachNodeWrap .selectGroup.detachNodeResult1 button.btnIconB span.cancel {margin: 0;}
.searchP .pcAppendArea .detachNodeWrap .selectGroup.detachNodeResult1 button.btnIconB span.cancel:before {background-position: -100px -350px;}

.notiArea.noData {background: #ffffff;margin-bottom: 0px;margin-top: -12px;border: none;}
.notiArea.noData ul {border: none;background: #fff;padding-left: 5px;}
.notiArea.noData ul li {font-size: 13px;color: #777777;font-family: 'notokr-regular', sans-serif;line-height: 20px;padding-left: 10px;position: relative;margin-bottom: 3px;}
.notiArea.noData ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width: 3px;height: 3px;vertical-align:middle;background: #cccccc;}

/* 논문상세페이지 */
.searchP .thesisInfoArea {margin-top: 25px;margin-bottom: 29px;}
.searchP .thesisInfoArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.searchP .thesisInfoArea .typeWrap {padding: 0;margin-bottom: 7px;}
.searchP .thesisInfoArea .typeWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.searchP .thesisInfoArea .typeWrap ul.type {float: left;overflow: hidden;position: relative;}
.searchP .thesisInfoArea .typeWrap ul.type li {float: left;font-size: 12px;position: relative;padding: 0 4px 0;}
.searchP .thesisInfoArea .typeWrap ul.type li:first-child {padding-left: 0px;}
.searchP .thesisInfoArea .typeWrap ul.type li.data {color: #326f0e;font-size: 16px;}
.searchP .thesisInfoArea .typeWrap ul.type li.use {color: #111111;}
.searchP .thesisInfoArea .typeWrap ul.type li.rate {color: #c93035;padding-top: 2px;}
.searchP .thesisInfoArea .typeWrap ul.type li.knowledge {color: #111111;}
.searchP .thesisInfoArea h2 {padding: 0;line-height: 33px;}
.searchP .thesisInfoArea p.subTit {font-size: 16px;color: #111111;margin-bottom: 6px;position: relative;padding-left: 9px;line-height: 21px;}
.searchP .thesisInfoArea p.subTit:before {position:absolute;top: 11px;left:0;display:block;content:"";width: 4px;height: 1px;vertical-align:middle;background: #111111;}
.searchP .thesisInfoArea p.equalTit {font-size: 13px;color: #999999;margin-bottom: 19px;line-height: 17px;}
.searchP .thesisInfoArea .quoteWrap {padding: 21px 140px 24px 21px;border: 1px solid #e9e9e9;background: #fafafa;position: relative;margin-bottom: 19px;margin-top: 30px;}
.searchP .thesisInfoArea .quoteWrap p.author {padding: 0;font-size: 14px;color: #222222;margin-bottom: 5px;line-height: 20px;}
.searchP .thesisInfoArea .quoteWrap p.author a {padding: 0;color: #3c63e0;}
.searchP .thesisInfoArea .quoteWrap ul.infoWrap {overflow: hidden;margin-bottom: -5px;margin-left: -6px;}
.searchP .thesisInfoArea .quoteWrap ul.infoWrap li {float: left;position: relative;padding: 0 6px 0 6px;color: #222222;font-size: 14px;margin-bottom: 5px;}
.searchP .thesisInfoArea .quoteWrap ul.infoWrap li:first-child {/* padding-left: 0px; */}
.searchP .thesisInfoArea .quoteWrap ul.infoWrap li:after {position:absolute;top: 2px;right:0;display:block;content:"";width:1px;height: 11px;vertical-align:middle;background: #d8d8d8;}
.searchP .thesisInfoArea .quoteWrap ul.infoWrap li:last-child:after {display:none;}
.searchP .thesisInfoArea .quoteWrap ul.infoWrap li a {color: #3c63e0;}
.searchP .thesisInfoArea .quoteWrap p.doi {padding: 0;font-size: 14px;color: #222222;margin-top: 6px;}
.searchP .thesisInfoArea .quoteWrap button.btnReport {position: absolute;right: 0;top: -25px;font-size: 12px;color: #898989;}
.searchP .thesisInfoArea .quoteWrap button.btnReport:after {display: inline-block;content:"";width: 5px;height: 9px;margin: -2px 0 0 5px;vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat 0 0;}
.searchP .thesisInfoArea .quoteWrap .btnGroup {position: absolute;right: 18px;top: 19px;}
.searchP .thesisInfoArea .quoteWrap .btnGroup button.quote {padding: 5px 11px 4px 10px;}
.searchP .thesisInfoArea .quoteWrap .btnGroup button.quoteMenu {width: 26px;height: 25px;border: 1px solid #c8c8c8;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat -44px 7px;margin-left: 3px;}
.searchP .thesisInfoArea .quoteWrap .btnGroup button.quoteMenu:hover {border: 1px solid #c8c8c8 !important;box-shadow: 2px 2px 3px rgba(0,0,0,.2);}
.searchP .thesisInfoArea .btnWrap {padding: 0;}
.searchP .thesisInfoArea .btnWrap p.btnGroup {float: right;padding-bottom: 5px;}
.searchP .thesisInfoArea .btnWrap button.btnIconB span.bookmark,
.searchP .thesisInfoArea .btnWrap button.btnIconB span.save {color: #888888;}
.searchP .thesisInfoArea .btnWrap button.btnIconB span:before {width: 16px;height: 16px;}
.searchP .thesisInfoArea .btnWrap button.btnIconB span.pdf:before {background-position: -450px -250px;margin: -3px 8px 0px 0;}
.searchP .thesisInfoArea .btnWrap button.btnIconB span.save:before {background-position: -50px -198px;margin: -2px 7px 0px 0;}
.searchP .thesisInfoArea .btnWrap button.btnIconB span.bookmark:before {background-position: -50px -300px;margin: -2px 7px 0px 0;}
.searchP .thesisInfoArea .btnWrap button.btnIconB span.url:before {background-position: -400px -350px;margin: -2px 7px 0px 0;}
.searchP .thesisInfoArea .btnWrap button.btnIconB span.use:before {background-position: -450px -350px;margin: -2px 7px 0px 0;}
.searchP .thesisInfoArea .btnWrap button.bookmark.selected {background-color: #d75054 !important;border: 1px solid #c54044 !important;}
.searchP .thesisInfoArea .btnWrap button.bookmark.selected span.bookmark {color: #ffffff;}
.searchP .thesisInfoArea .btnWrap button.bookmark.selected span.bookmark:before {background-position: -200px -300px;}
.searchP .thesisInfoArea .btnWrap .btn + .btn {margin-left: 8px;}
.searchP .thesisInfoArea .btnWrap span.record {float: left;display: block;color: #999999;font-size: 12px;margin-top: 12px;}
.searchP .thesisInfoArea .btnWrap span.notice {float: right;display: block;color: #c93035;font-size: 12px;margin-top: 10px;width: 100%;/* line-height: 18px; */}

.searchP .thesisDetailArea {position: relative;/* margin-bottom: 47px; */padding-bottom: 47px;/* padding-top: 100px !important; *//* margin-bottom: -53px; */}
.searchP .thesisDetailArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.searchP .thesisDetailArea h3 {position: relative;font-size: 19px;font-family: 'notokr-bold', sans-serif;/* height: 42px; */border-bottom: 1px solid #c8c8c8;margin-bottom: 22px;color: #777777;padding-bottom: 17px;line-height: 25px;margin-top: -1px;}
.searchP .thesisDetailArea h3 a.btnToggle {display: block;width: 100%;height: 100%;color: #777777;padding-right: 45px;}
.searchP .thesisDetailArea h3 a.btnToggle:hover {text-decoration: none;}
.searchP .thesisDetailArea h3 a.btnToggle:after {position: absolute;right: 1px;top: 10px;content:"";width: 17px;height: 9px;/* margin: -2px 0 0 5px; */vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat -100px 0px;}
.searchP .thesisDetailArea h3 a.btnToggle.open:after {background-position: -150px 0px;}
.searchP .thesisDetailArea.empty h3 a.btnToggle {pointer-events: none;}
.searchP .thesisDetailArea.empty h3 a.btnToggle:after {background-position: -100px 0px; opacity: 0.3;}
.searchP .thesisDetailArea h3 a.btnToggle span.count {margin-left: 3px;color: #c93035;}
.searchP .thesisDetailArea h3 .gRight {position: absolute;right: 30px;bottom: 11px;}
.searchP .thesisDetailArea h3 .gRight.r0 {right: 0px;bottom: 15px;}
.searchP .thesisDetailArea h3 button.btnApply {color: #777777;padding: 5px 7px 5px;}
.searchP .thesisDetailArea h3 p.reviewStats {display: inline-block;font-size: 13px;color: #777777;font-family: 'notokr-regular', sans-serif;font-weight: normal;margin-bottom: 6px;margin-right: 5px;}
.searchP .thesisDetailArea h3 p.reviewStats span.count {color: #3c63e0;margin-left: 5px;}
.searchP .thesisDetailArea h3 p.reviewStats span.count.bad {color: #c03639;}
.searchP .thesisDetailArea h3 ul.sort {margin-bottom: 3px;}
.searchP .thesisDetailArea h3 ul.sort li.order:before {top: 10px;}
.searchP .thesisDetailArea h3 p + p {margin-left: 8px;}
.searchP .thesisDetailArea h4 {font-size: 16px;font-family: 'notokr-bold', sans-serif;margin-bottom: 22px;}
.searchP .thesisDetailArea .abstract {max-height: 290px;overflow: hidden;font-size: 14px;color: #111111;line-height: 22px;}
.searchP .thesisDetailArea .abstract.autoHeight {height: 18px;margin-bottom: -3px;}
.searchP .thesisDetailArea p.article {font-size: 14px;color: #111111;line-height: 22px;}
.searchP .thesisDetailArea p.article .subtit {display: block;}
.searchP .thesisDetailArea p.description {font-size: 14px;color: #111111;line-height: 22px;margin-bottom: 10px;}
.searchP .thesisDetailArea p.figure img {width: 70%;}
.searchP .thesisDetailArea p + p {margin-top: 20px;}
.searchP .thesisDetailArea p.description + p.figure {margin-top: 10px;}
.searchP .thesisDetailArea .option {text-align: center;}
.searchP .thesisDetailArea a.more {position: relative;display: block;font-size: 14px;color: #222222;text-decoration: underline;padding-top: 35px;}
.searchP .thesisDetailArea a.comt {position: relative;display: block;font-size: 14px;color: #222222;text-decoration: underline;padding-top: 12px;}
.searchP .thesisDetailArea a.moreReview {position: relative;display: block;font-size: 14px;color: #222222;text-decoration: underline;padding-top: 12px;}
.searchP .thesisDetailArea p.index {font-size: 14px;color: #999999;line-height: 22px;}
.searchP .thesisDetailArea p.keyword {font-size: 14px;color: #999999;line-height: 22px;margin-top: -6px;margin-bottom: 11px;}
.searchP .thesisDetailArea dl.keyword {background: #f7f7f7;padding: 14px 10px 6px 15px;overflow: hidden;}
.searchP .thesisDetailArea dl.keyword.delBackground {background: transparent;padding: 0;}
.searchP .thesisDetailArea dl.keyword dd.word {font-size: 14px;margin: 0 14px 9px 0;float: left;}
.searchP .thesisDetailArea dl.keyword dd.word a {color: #3c63e0;}
.searchP .thesisDetailArea dl.property {background: #fafafa;padding: 16px 18px 23px;border: 1px solid #e9e9e9;margin-top: 50px;}
.searchP .thesisDetailArea dl.property dt {font-size: 13px;color: #555555;font-family: 'notokr-bold', sans-serif;margin-bottom: 8px;}
.searchP .thesisDetailArea dl.property dd {font-size: 13px;color: #777777;line-height: 20px;position: relative;}
.searchP .thesisDetailArea ul.list {padding: 0;}
.searchP .thesisDetailArea ul.list li.item {margin-bottom: 11px;}
.searchP .thesisDetailArea ul.list li.item .num {font-size: 18px;color: #777777;font-family: 'notokr-bold', sans-serif;position: absolute;left: 0;top: -1px;}
.searchP .thesisDetailArea ul.list li.item .textWrap {display: inline-block;width: 93%;}
.searchP .thesisDetailArea ul.list li.item .textWrap p.tit {padding: 0 0 0 20px;font-size: 16px;color: #3c63e0;line-height: 22px;margin-bottom: 6px;position: relative;}
.searchP .thesisDetailArea ul.list li.item .textWrap ul.info {overflow: hidden;margin-bottom: 6px;padding-left: 21px;margin-left: -7px;}
.searchP .thesisDetailArea ul.list li.item .textWrap ul.info li {float: left;position: relative;padding: 0 8px 0 7px;color: #777777;font-size: 13px;margin-bottom: 5px;}
.searchP .thesisDetailArea ul.list li.item .textWrap ul.info li:first-child {/* padding-left: 0px; */}
.searchP .thesisDetailArea ul.list li.item .textWrap ul.info li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #c8c8c8;}
.searchP .thesisDetailArea ul.list li.item .textWrap ul.info li:last-child:after {display:none;}
.searchP .thesisDetailArea ul.list.new {padding: 0;}
.searchP .thesisDetailArea ul.list.new li.item {margin-bottom: 11px;}
.searchP .thesisDetailArea ul.list.new li.item p.tit strong {font-size: 16px;color: #777777;font-family: 'notokr-bold', sans-serif;position: absolute;left: 0;top: -1px;}
.searchP .thesisDetailArea ul.list.new li.item .num {float: left;position: static;font-size: 16px;margin-right: 4px;/* font-family: 'notokr-medium', sans-serif; */}
.searchP .thesisDetailArea ul.list.new li.item p.tit {padding: 0 0 0 0px;font-size: 16px;color: #666;line-height: 22px;margin-bottom: 6px;position: relative;}
.searchP .thesisDetailArea ul.list.new li.item ul.info {overflow: hidden;margin-bottom: 6px;padding-left: 0px;margin-left: -6px;}
.searchP .thesisDetailArea ul.list.new li.item ul.info li {float: left;position: relative;padding: 0 8px 0 7px;color: #777777;font-size: 13px;margin-bottom: 5px;}
.searchP .thesisDetailArea ul.list.new li.item ul.info li:first-child {/* padding-left: 0px; */}
.searchP .thesisDetailArea ul.list.new li.item ul.info li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #c8c8c8;}
.searchP .thesisDetailArea ul.list.new li.item ul.info li:last-child:after {display:none;}
.searchP .thesisDetailArea ul.References {padding: 0;}
.searchP .thesisDetailArea ul.References li {font-size: 14px;color: #111111;line-height: 19px;margin-bottom: 5px;}
.searchP .thesisDetailArea ul.References li .numbering {font-size: 16px;color: #999999;font-family: 'notokr-bold', sans-serif;font-style: italic;}
.searchP .thesisDetailArea ul.cate {overflow: hidden;margin-top: 30px;margin-bottom: -8px;}
.searchP .thesisDetailArea ul.cate li.path {float: left;width: 50%;margin-bottom: 11px;position: relative;padding-left: 9px;font-size: 14px;line-height: 19px;}
.searchP .thesisDetailArea ul.cate li.path a {font-size: 14px;color: #3c63e0;line-height: 19px;}
.searchP .thesisDetailArea ul.cate li.path:before {position: absolute;left: 0px;top: 8px;content:"";/* margin: -2px 7px 0 0px; */width: 3px;height: 3px;vertical-align:middle;background: #555555;border-radius: 99px;}
.searchP .thesisDetailArea ul.cate li.path.top100,
.searchP .thesisDetailArea ul.cate li.path.top100 a {font-family: 'notokr-regular', sans-serif;}
.searchP .thesisDetailArea ul.cate li.path.top100 span.badge {color: #c93035;font-size: 11px;margin-left: 6px;font-family: 'notokr-medium', sans-serif;display: inline-block;margin-top: -4px;vertical-align: middle;}
.searchP .thesisDetailArea ul.sort {display: inline-block;float: right;margin-top: 9px;margin-left: 20px;}
.searchP .thesisDetailArea ul.sort li.order {float: left;position: relative;padding: 0 8px 0 8px;}
.searchP .thesisDetailArea ul.sort li.order:first-child {padding-left: 0px;}
.searchP .thesisDetailArea ul.sort li.order:last-child {padding-right: 0px;}
.searchP .thesisDetailArea ul.sort li.order:before {position:absolute;top: 3px;left:0;display:block;content:"";width:1px;height: 10px;vertical-align:middle;background: #d0d0d0;}
.searchP .thesisDetailArea ul.sort li.order:first-child:before {display:none;}
.searchP .thesisDetailArea ul.sort li.order a {color: #999999;font-size: 13px;font-family: 'notokr-regular', sans-serif;font-weight: normal;/* vertical-align: text-top; */}
.searchP .thesisDetailArea ul.sort li.order.selected a {color: #222222;}
.searchP .thesisDetailArea ul.sort li.order a:before {display:inline-block;content:"";vertical-align: middle;}
.searchP .thesisDetailArea ul.sort li.order.selected a:before {width: 16px;height: 14px;background: url(/images/common/common_sfix_icon.png) no-repeat -350px -147px;}

.searchP .thesisDetailArea .nodata {padding: 0px 22px 0px;text-align: center;width: 100%;}
.searchP .thesisDetailArea .nodata.keyword {margin-bottom: 0px;}
.searchP .thesisDetailArea .nodata span {font-size: 13px;color: #111111;}

.searchP .thesisDetailArea .comtBox {position: relative;padding: 5px 0px 8px;margin-bottom: 9px;}
.searchP .thesisDetailArea .comtBox.btnArea {padding-right: 130px;}
.searchP .thesisDetailArea .comtBox span.text {font-size: 14px;color: #999999;line-height: 20px;}
.searchP .thesisDetailArea .comtBox .gRight {position: absolute;right: 0;top: 1px;}
.searchP .thesisDetailArea .comtBox .gRight button.btnIconB {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 9px 4px;min-width: 71px;}
.searchP .thesisDetailArea .comtBox .gRight button.btnIconB span {font-size: 12px;}
.searchP .thesisDetailArea .comtBox .gRight button.btnIconB span.bell {margin: 0 2px 0 1px;}
.searchP .thesisDetailArea .comtBox .gRight button.btnIconB span:before {width: 14px;height: 14px;}
.searchP .thesisDetailArea .comtBox .gRight button.btnIconB span.bell:before {background-position: -250px -250px;}
.searchP .thesisDetailArea .comtBox .gRight button.btnIconB.selected span.bell:before {background-position: -300px -250px;}
.searchP .thesisDetailArea .comtBox .gRight span.text {font-size: 13px;color: #222222;margin-right: 12px;}

.searchP .thesisDetailArea .infoBox {border: 1px solid #e7e7e7;margin-bottom: 15px;}
.searchP .thesisDetailArea .infoBox ul.list {overflow: hidden;padding: 20px 25px 4px;}
.searchP .thesisDetailArea .infoBox ul.list li.item {float: left;width: 50%;margin-bottom: 15px;padding-left: 0px;}
.searchP .thesisDetailArea .infoBox ul.list li.item:nth-child(1) {padding-left: 0px;}
.searchP .thesisDetailArea .infoBox ul.list li.item span {font-size: 14px;color: #777777;margin-right: 22px;}
.searchP .thesisDetailArea .infoBox ul.list li.item strong {color: #111111;font-weight: normal;font-size: 14px;font-family: 'notokr-medium', sans-serif;}

.searchP .thesisDetailArea .tableLayout table {table-layout:fixed;width:100%;}
.searchP .thesisDetailArea .tableLayout table thead th {padding: 10px 5px;text-align:center;color: #111111;background: #fafafa;vertical-align:middle;border-top: 1px solid #c8c8c8;border-bottom: 1px solid #e9e9e9;font-family: 'notokr-medium', sans-serif;font-weight: normal;font-size: 13px;}
.searchP .thesisDetailArea .tableLayout table thead th.line {border-right: 1px solid #e9e9e9;}
.searchP .thesisDetailArea .tableLayout table thead th.line:last-child {border-right: none;}
.searchP .thesisDetailArea .tableLayout table thead th.year {padding: 7px 5px 8px;font-size: 12px;line-height: 13px;}
.searchP .thesisDetailArea .tableLayout table tbody td {padding: 9px 11px 10px;color: #111111;font-size: 13px;vertical-align:middle;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;text-align: center;position: relative;}
.searchP .thesisDetailArea .tableLayout table tbody td.inform{padding: 9px 11px 10px;color: #111111;font-size: 13px;vertical-align:middle;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;text-align: center;position: relative;font-weight: bold;font-size: 0.9rem;}
.searchP .thesisDetailArea .tableLayout table tbody td:last-child {border-right: none;position: relative;}

.searchP .thesisDetailArea .reviewComt {color: #777777;line-height: 18px;margin-bottom: 12px;}
.searchP .thesisDetailArea .reviewComt span {color: #111111;}
.searchP .thesisDetailArea .reviewInputBox {padding: 0;border: 1px solid #d8d8d8;/* margin-bottom: 20px; */position: relative;}
.searchP .thesisDetailArea .reviewInputBox .reviewHead {padding: 11px 14px;background: #fafafa;overflow: hidden;border-bottom: 1px solid #d8d8d8;}
.searchP .thesisDetailArea .reviewInputBox .reviewHead p.left {float: left;}
.searchP .thesisDetailArea .reviewInputBox .reviewHead p.left span.dept {color: #777777;margin-left: 7px;}
.searchP .thesisDetailArea .reviewInputBox .reviewHead p.right {padding: 0;float: right;padding-right: 11px;}
.searchP .thesisDetailArea .reviewInputBox .reviewHead p.right .fRadio + .fRadio {margin-left: 35px;}
.searchP .thesisDetailArea .reviewInputBox .reviewBody .fTextarea {border: none;padding: 16px 16px;}
.searchP .thesisDetailArea .reviewInputBox .reviewBody .fTextarea::placeholder {font-weight: bold;}
.searchP .thesisDetailArea .reviewInputBox .reviewFoot {border-top: 1px solid #ebebeb;padding: 0 0 0 15px;position: relative;height: 44px;}
.searchP .thesisDetailArea .reviewInputBox .reviewFoot span.textLimit {margin-top: 14px;font-size: 12px;color: #777777;display: inline-block;}
.searchP .thesisDetailArea .reviewInputBox .reviewFoot button.btnWrite {padding: 0;position: absolute;right: -1px;bottom: -1px;min-width: 75px;height: 45px;border: 1px solid #c93035!important;}
.searchP .thesisDetailArea .reviewInputBox .reviewFoot button.btnWrite span {font-size: 15px;}
.searchP .thesisDetailArea .noDataArea {text-align: center;color: #111111;height: auto;}
.searchP .thesisDetailArea .noDataArea span.comt {color: #111111;font-size: 15px;display: block;margin-bottom: 15px;margin-top: 10px;}
.searchP .thesisDetailArea .noDataArea button {min-width: 130px;}
.searchP .thesisDetailArea .noDataArea button span {color: #fff;font-family: 'notokr-regular', sans-serif;font-size: 15px;}

.searchP .thesisDetailArea .funcButtonArea {margin-top: 29px;margin-bottom: 14px;min-height: 26px;}
.searchP .thesisDetailArea .funcButtonArea ul {overflow: hidden;}
.searchP .thesisDetailArea .funcButtonArea ul li {float: left;}
.searchP .thesisDetailArea .funcButtonArea ul li:nth-child(2) {margin-left: -4px;}
.searchP .thesisDetailArea .funcButtonArea ul li a.btnQuote {position: relative;padding: 5px 11px 5px;}
.searchP .thesisDetailArea .funcButtonArea ul li a.btnQuote:hover {box-shadow: none; text-decoration: none;}
.searchP .thesisDetailArea .funcButtonArea ul li.selected a.btnQuote {border: 1px solid #c93035 !important;z-index: 1;}
.searchP .thesisDetailArea .funcButtonArea ul li.selected a.btnQuote span {color: #c93035;}

.searchP .noAuthArea {position: static;width: calc(100% + 2px);height: calc(100% + 2px);height: 243px;margin: -1px;z-index: 1;}
.searchP .noAuthArea .noAuthWrap {text-align: center;background: rgba(0,0,0,0.75);width: 100%;height: 100%;padding-top: 50px;}
.searchP .noAuthArea .noAuthWrap p.icon {width: auto; height: auto;}
.searchP .noAuthArea .noAuthWrap p.icon.warning {width: 52px;height: 45px;background: url("https://cdn.dbpia.co.kr/static/images/search/img_noauth_warning.png") no-repeat 0 0;margin: 0 auto;}
.searchP .noAuthArea .noAuthWrap p.desc {font-size: 14px;color: #dfdfdf;padding-top: 16px;line-height: 22px;}

.searchP .thesisDetailArea .reviewList {padding: 0;}
.searchP .thesisDetailArea .reviewList ul.list {padding: 0;}
.searchP .thesisDetailArea .reviewList ul.list li.item {border-bottom: 1px solid #ececec;padding-bottom: 30px;margin-top: 22px;margin-bottom: 16px;}
.searchP .thesisDetailArea .reviewList ul.list li.item p.writer {margin-bottom: 9px;}
.searchP .thesisDetailArea .reviewList ul.list li.item p.writer span.name {font-size: 16px;color: #222222;font-family: 'notokr-bold', sans-serif;}
.searchP .thesisDetailArea .reviewList ul.list li.item p.writer span.dept {padding: 0;font-size: 12px;color: #999999;font-family: 'notokr-regular', sans-serif;margin-left: 10px;margin-bottom: 3px;vertical-align: middle;display: inline-block;}
.searchP .thesisDetailArea .reviewList ul.list li.item p.text {line-height: 22px;/* line-height: 20px; */font-size: 15px;color: #111111;margin-bottom: 12px;word-break: break-all;}
.searchP .thesisDetailArea .reviewList ul.list li.item ul.info {overflow: hidden;margin-bottom: 0px;padding-left: 0;margin-left: -10px;}
.searchP .thesisDetailArea .reviewList ul.list li.item ul.info li {float: left;position: relative;padding: 0 10px 0;color: #777777;font-size: 12px;padding-top: 1px;margin-top: -1px;}
.searchP .thesisDetailArea .reviewList ul.list li.item ul.info li:first-child {/* padding-left: 0px; */}
.searchP .thesisDetailArea .reviewList ul.list li.item ul.info li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #c8c8c8;}
.searchP .thesisDetailArea .reviewList ul.list li.item ul.info li:last-child:after {display:none;}
.searchP .thesisDetailArea .reviewList ul.list li.item ul.info li span.good {color: #3c63e0;}
.searchP .thesisDetailArea .reviewList ul.list li.item ul.info li span.bad {color: #c03639;}
.searchP .thesisDetailArea .reviewList ul.list li.item ul.info li a {color: #777777;text-decoration: underline;display: block;padding-bottom: 1px;}

.fSelect.filtering {font-size: 12px;margin-top: -2px;}
.fSelect.filtering  span {position:absolute;top: 0px;left:0;display:block;padding: 0px 20px 0 10px;width: 100%;height:100%;line-height: 27px;min-height: 27px;}
.fSelect.filtering  span:after {position:absolute;top:50%;right: 0px;display:block;content:"";margin-top: -8px;width:18px;height:15px;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -45px;box-sizing:border-box;}
.fSelect.filtering  select {opacity:0;padding: 4px 9px 5px;width: 100%;height:100%;/* -webkit-appearance:none; */-moz-appearance:none;filter:alpha(opacity=0);cursor:pointer;color: #333;font-size: 12px;}

/* 논문상세페이지 - 좌측 앵커 */
.searchP .stickyAnchorArea {position: relative;top: 0px;}
.searchP .stickyAnchorArea.isStuck {top: 100px !important;/* transition: 0.3s all; */}
.searchP .stickyAnchorArea .stickyAnchorWrap{position: absolute;left: -170px;top: -3px;}
.searchP .stickyAnchorArea ul.stickyAnchor {position: absolute;left: -185px;top: -2px;width: 170px;background: #ffffff;padding: 0px 15px 0 15px;}
.searchP .stickyAnchorArea ul.stickyAnchor li.menu {border-bottom: 1px solid #e9e9e9;cursor: pointer;}
.searchP .stickyAnchorArea ul.stickyAnchor li.menu a {display: block;padding: 14px 10px 15px 0;font-size: 13px;color: #777777;font-family: 'notokr-bold', sans-serif;}
.searchP .stickyAnchorArea ul.stickyAnchor li.menu a:hover {color: #c93035; text-decoration: none; background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat 134px -32px;}
.searchP .stickyAnchorArea ul.stickyAnchor li.menuItem.active a {color: #c93035; background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat 134px -32px;}
.searchP .stickyAnchorArea ul.stickyAnchor li.menuItem a.selected {color: #c93035; background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat 134px -32px;}
.searchP .stickyAnchorArea ul.stickyAnchor .txtEllipsis {vertical-align: top;}

/* 논문상세페이지 - 본문 플로팅 메뉴 */
.searchP .floatingBarWrap {position: fixed;left: 0;top: 0;width: 100%;border-bottom: 2px solid #686868;background: #f6f6f6;z-index: 100;box-shadow: 0px 3px 3px rgba(0,0,0,.15);display: none;/* display: none !important; */}
.searchP .floatingBarWrap .floatingBar {padding: 20px 233px 17px 80px;padding: 18px 233px 17px 0px;position: relative;}
.searchP .floatingBarWrap .floatingBar span.type {font-size: 17px;position: absolute;left: -148px;top: 19px;color: #777777;text-align: right;width: 140px;}
.searchP .floatingBarWrap .floatingBar p.info {font-size: 18px;color: #111111;font-family: 'notokr-bold', sans-serif;margin-bottom: 3px;/* height: 2.2em; *//* line-height: 24px; *//* position: relative; *//* width: 100%; */}
.searchP .floatingBarWrap .floatingBar p.info span {/* margin-right: 4px; */line-height: 24px;height: 48px;max-height: 4.2em;/* display: block; */}
.searchP .floatingBarWrap .floatingBar .btnGroup {padding: 0;position: absolute;right: -1px;top: 24px;}
.searchP .floatingBarWrap .floatingBar button.pdf {border: 1px solid #3c729f !important;width: 100px;height: 35px;font-size: 14px;margin-right: -1px;}
.searchP .floatingBarWrap .floatingBar button.pdf2 {border: 1px solid #3c729f;width: 100px;height: 35px;font-size: 14px;margin-right: -1px;}
.searchP .floatingBarWrap .floatingBar button.save {width: 37px;height: 35px;border: 1px solid #484848 !important;background-position: -90px -290px;}
.searchP .floatingBarWrap .floatingBar button.bookmark {width: 35px;height: 35px;background-color: #ffffff;border: 1px solid #c8c8c8 !important;background-position: -140px -291px;}
.searchP .floatingBarWrap .floatingBar button.bookmark:hover {border: 1px solid #c8c8c8;box-shadow: 2px 2px 3px rgba(0,0,0,.2);}
.searchP .floatingBarWrap .floatingBar .bookmark.selected {background-color: #d75054;border: 1px solid #c73236 !important;background-position: -240px -291px;}
.searchP .floatingBarWrap .floatingBar .btn + .btn {margin-left: 8px;}

/* 논문상세페이지 - 우측 사이드바 */
.asideWrap button.alarm {width: 100%;min-height: 37px;border: 1px solid #c8c8c8 !important;margin-bottom: 17px;}
.asideWrap button.alarm span {font-size: 13px;color: #333333;}
.asideWrap button.alarm span.bell:before {width: 11px;height: 12px;background-position: -200px 0px;margin: -2px 5px 0px 0;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat -200px 0px;}
.asideWrap button.alarm:hover span.bell:before {background-position: -450px 0px;}
.asideWrap button.alarm span.chooseBell {margin: 0 2px 0 1px;color: #c93035;font-weight: bold;}
.asideWrap button.alarm span.chooseBell:before {width: 11px;height: 12px;background-position: -200px 0px;margin: -2px 5px 0px 0;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat -450px 0px;}
.asideWrap p.cover {border: 1px solid #c8c8c8;max-width: 190px;width: 100%;max-height: 254px;height: 100%;margin-bottom: 20px;}
.asideWrap p.cover img {width: 100%;height: 100%;max-height: 252px;}
.asideWrap .stats {position: relative;height: 169px;margin-bottom: 20px;}
.asideWrap .stats .grouping {border: 1px solid #c8c8c8;overflow: hidden;width: 100%;height: 85px;background: #fafafa;}
.asideWrap .stats .grouping p {width: 50%;height: 100%;text-align: center;padding-top: 17px;}
.asideWrap .stats .grouping p a:hover {color: #3c63e0;}
.asideWrap .stats .grouping p span.text {display: block;font-size: 13px;color: #111111;margin-bottom: 8px;}
.asideWrap .stats .grouping p a.mobile {display: none;}
.asideWrap .stats .grouping p a:hover span.text {text-decoration: none;}
.asideWrap .stats .grouping p span.text:before {width: 15px;height: 15px;display: inline-block;content:"";margin: 0;vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat;}
.asideWrap .stats .grouping p span.count {display: block;font-size: 20px;color: #3c63e0;font-family: 'notokr-bold', sans-serif;}
.asideWrap .stats .grouping.first {position: absolute;left: 0;bottom: 0;border-radius: 0px 0px 5px 5px;border-top: 1px solid #e6e6e6;}
.asideWrap .stats .grouping.first p {/* padding: 0; */}
.asideWrap .stats .grouping.first p a {width: 100%; height: 100%}
.asideWrap .stats .grouping.first p.bookmark {float: right;/* padding: 0; */border-left: 1px solid #e6e6e6;}
.asideWrap .stats .grouping.first p.bookmark span.text:before {background-position: -249px 0px;margin: 1px 0 0 0;}
.asideWrap .stats .grouping.first p.bookmark span.count {color: #111111;}
.asideWrap .stats .grouping.first p.review {float: left;}
.asideWrap .stats .grouping.first p.review span.text:before {background-position: -300px 0px;margin: 1px 1px 0 0;}
.asideWrap .stats .grouping.second {position: absolute;left: 0;top: 0;border-radius: 5px 5px 0px 0px;border-bottom: 1px solid #e6e6e6;}
.asideWrap .stats .grouping.second p {}
.asideWrap .stats .grouping.second p.use {float: left;/* position: relative; */}
.asideWrap .stats .grouping.second p.use span.text:before {background-position: -350px 0px;margin: 1px 3px 0 0;}
.asideWrap .stats .grouping.second p.quote {float: right;border-left: 1px solid #e6e6e6;}
.asideWrap .stats .grouping.second p.quote span.text:before {background-position: -400px 2px;margin: 0px 1px 0 0;}

/* 논문상세페이지 - Figures & Table */
.figure_wrap {border:1px solid #d9d9d9;overflow: hidden;padding: 0;position: relative;margin-bottom: 20px;}
.figure_wrap .title {font-size: 14px;color: #111111;padding: 13px 14px 18px;}
.figure_wrap .total {position: absolute;right: 16px;top: 10px;font-size: 14px;color: #111111;}
.figure_wrap .total span {color: #3c63e0; font-family: 'notokr-bold', sans-serif;}
.figure_wrap .slide_wrap {position:relative;width: 100%;}
.figure_wrap .btn_prev {position:absolute;left: 0px;top:50%;margin-top: -37px;width: 25px;height: 25px;background: url(https://cdn.dbpia.co.kr/static/images/figure/btn_figure_prev.png) no-repeat;z-index: 2;}
.figure_wrap .btn_next {position:absolute;right: 0px;top:50%;margin-top: -37px;width: 25px;height: 25px;background: url(https://cdn.dbpia.co.kr/static/images/figure/btn_figure_next.png) no-repeat;z-index: 2;}
.figure_wrap .slide {overflow:hidden;}
.figure_wrap .slide li {float:left; width: 160px; margin: 0 14px;}
.figure_wrap .slide .img_wrap {display:block; margin-bottom: 25px;}
.figure_wrap .slide .img {display:block;position:relative;width:100%;vertical-align:middle;background:#fff;}
.figure_wrap .slide .img:hover {text-decoration: none;}
.figure_wrap .slide .img img {width:158px; height: 98px; border:1px solid #e5e5e5;}
.figure_wrap .slide .img_title {color: #3c63e0; font-size: 13px;display: block; width: 100%; margin-top: 9px;}

/* 논문상세페이지 - 배너 */
#banner_area {position: relative; top: 0px;}
.banner_wrap {border:1px solid #d9d9d9;overflow: hidden;padding: 0;position: relative;margin-bottom: 20px;}
.banner_wrap + .banner_wrap {margin-top: 20px;}
.banner_wrap .title {font-size: 14px;color: #111111;padding: 13px 14px 18px;}
.banner_wrap .total {position: absolute;right: 16px;top: 10px;font-size: 14px;color: #111111;}
.banner_wrap .total span {color: #3c63e0; font-family: 'notokr-bold', sans-serif;}
.banner_wrap .slide_wrap {position:relative;width: 100%;}
.banner_wrap .btn_prev {position:absolute;left: 0px;top:50%;margin-top: -12px;width: 25px;height: 25px;background: url(https://cdn.dbpia.co.kr/static/images/figure/btn_figure_prev.png) no-repeat;z-index: 2;}
.banner_wrap .btn_next {position:absolute;right: 0px;top:50%;margin-top: -12px;width: 25px;height: 25px;background: url(https://cdn.dbpia.co.kr/static/images/figure/btn_figure_next.png) no-repeat;z-index: 2;}
.banner_wrap .slide {overflow:hidden;}
.banner_wrap .slide li {float:left;width: 188px;/* margin: 0 14px; */}
.banner_wrap .slide .img_wrap {display:block; margin-bottom: 0px;}
.banner_wrap .slide .img {display:block;position:relative;width:100%;vertical-align:middle;background:#fff;}
.banner_wrap .slide .img:hover {text-decoration: none;}
.banner_wrap .slide .img img {width:188px; height: 194px;}
.banner_wrap .slide .img_title {color: #3c63e0; font-size: 13px;display: block; width: 100%; margin-top: 9px;}

/* 논문상세페이지 - Figures & Table 팝업 */
#figure_popup{width:850px}
#figure_popup .btn_close {position:absolute;right: 11px;top: 15px;width: 30px;height: 30px;text-indent:-9999px;background: url("https://cdn.dbpia.co.kr/static/images/figure/btn_close.png") no-repeat center center;z-index:20;display: block;}
#figure_popup .popup_header {padding: 20px 19px 22px;border-bottom: 1px solid #e1e1e1;}
#figure_popup .popup_header h1 {width: 117px;height: 17px;background: url(https://cdn.dbpia.co.kr/static/images/figure/logo_dbpia.png) no-repeat 0 0;background-size: cover;}
#figure_popup .content_area {position:absolute;left:0;top: 60px;right:0;bottom:0;overflow:hidden;overflow-y:auto;zoom:1;}
#figure_popup .img_wrap {padding: 0;}
#figure_popup .img_wrap .img {max-width: 622px;border:1px solid #626262;}
#figure_popup .img_wrap .img_top {padding: 37px 30px 44px;background: #f3f3f3;text-align: center;min-height: 457px;}
#figure_popup .text_wrap {position: relative;padding: 20px 160px 24px 20px;}
#figure_popup .text_wrap .title {margin-bottom: 5px;line-height:20px;font-size: 16px;color: #000000;}
#figure_popup .text_wrap .text {line-height: 16px;font-size: 13px;color:#727272;margin-bottom: 10px;}
#figure_popup .text_wrap .btn_save {position: absolute;right: 20px;top: 15px;/* top: 50%; *//* margin-top: -17px; */width: 108px;padding: 8px 0 9px;background: #555555;border:1px solid #484848;text-align: center;}
#figure_popup .text_wrap .btn_save:hover {background-color: #444444; border: 1px solid #444444 !important; text-decoration: none;}
#figure_popup .text_wrap .btn_save span {font-size: 14px; color: #fff;}
#figure_popup .text_wrap .btn_save span:before {display: inline-block;content:"";width: 15px;height: 13px;margin: -2px 4px 0 0;vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/figure/icon_download.png) no-repeat;}
#figure_popup .text_wrap .btn_save, #figure_popup .btn_save img {vertical-align:bottom}
#figure_popup .slide_wrap {position:relative;padding: 18px 20px 25px;border-top: 1px solid #e1e1e1;}
#figure_popup .slide_wrap .title_wrap {margin-bottom: 12px;}
#figure_popup .slide_wrap .title {display: inline-block;font-size: 15.5px;color: #111111;font-weight:bold;font-family: 'notokr-bold', sans-serif;margin-right: 8px;}
#figure_popup .slide_wrap .total {display: inline-block;font-size: 13px;color: #777777;}
#figure_popup .slide_wrap .total span {/* color:#ef1e1c */}
#figure_popup .slide_wrap .slide_box {clear:both;position:relative;margin:0 auto;width: 100%;z-index:10;padding: 0 41px;}
#figure_popup .slide_wrap .btn_prev {position:absolute;left: 20px;top: 48px;z-index:20;width: 34px;height: 118px;background: url(https://cdn.dbpia.co.kr/static/images/figure/btn_figure_prev.gif) no-repeat;pointer-events: all !important;opacity: 1.0 !important;}
#figure_popup .slide_wrap .btn_next {position:absolute;right: 20px;top: 48px;z-index:20;width: 34px;height: 118px;background: url(https://cdn.dbpia.co.kr/static/images/figure/btn_figure_next.gif) no-repeat;pointer-events: all !important;opacity: 1.0 !important;}
#figure_popup .slide_wrap a.disabled {display: block !important;pointer-events: none !important;opacity: 0.3 !important;}
#figure_popup .slide_wrap a.visible {display: block !important;pointer-events: none;opacity: 0.3;}
#figure_popup .slide_wrap .slide {overflow:hidden;}
#figure_popup .slide_wrap .slide li {float:left;/* padding:0 6px; */width:180px;width: 178px;height: 118px;margin: 0 2px;}
#figure_popup .slide_wrap .slide .thumb_wrap {display:table;width: 178px;height: 118px;border: 1px solid #dddddd;*display:block;}
#figure_popup .slide_wrap .slide .thumb_wrap a {display:table-cell;position:relative;vertical-align:middle;*display:block;}
#figure_popup .slide_wrap .slide .thumb_wrap img {width:100%;max-height: 116px;}
#figure_popup .slide_wrap .slide .border {display:none;position:absolute;left: -1px;top: -1px;right:0;width: calc(100% + 2px);height: 118px;border: 5px solid #c93035;z-index:20;} /* 20141008 수정 */
#figure_popup .slide_wrap .slide .active .border, #figure_popup .slide_wrap .slide li a:hover .border {display:block}

/* 논문상세페이지 - 모달 */
.modal .alarmServiceGroup {}
.modal .alarmServiceGroup + .alarmServiceGroup {margin-top: 22px;}
.modal .alarmServiceGroup .alarmServiceHead {margin-bottom: 8px;}
.modal .alarmServiceGroup .alarmServiceHead .fCheck input[type="checkbox"] + label:before {margin: -2px 8px 0 0;}
.modal .alarmServiceGroup .alarmServiceHead .fCheck input[type="checkbox"] + label:after {top: 3px;}
.modal .alarmServiceGroup .alarmServiceHead label {font-size: 15px;color: #111111; font-family: 'notokr-medium', sans-serif;}
.modal .alarmServiceGroup .alarmServiceHead span.desc {color: #999999;line-height: 20px; margin-left: 5px;}
.modal .alarmServiceGroup .alarmServiceBody {border: 1px solid #e0e0e0; padding: 19px 19px 22px; font-size: 14px;}
.modal .alarmServiceGroup .alarmServiceBody .searchBox {position: relative;padding: 0 0px 0 68px;margin-bottom: 20px;}
.modal .alarmServiceGroup .alarmServiceBody .searchBox p.tit {position: absolute;left: 0;top: 0;padding-top: 9px;color: #111111;font-size: 14px;}
.modal .alarmServiceGroup .alarmServiceBody .searchBox ul {overflow: hidden;}
.modal .alarmServiceGroup .alarmServiceBody .searchBox ul li {float: left; width: 100%;}
.modal .alarmServiceGroup .alarmServiceBody .searchBox button {position: absolute;right: 0;top: 0;min-width: 60px;}
.modal .alarmServiceGroup .alarmServiceBody ul.keyword {overflow: hidden;padding: 0;margin-bottom: -8px;}
.modal .alarmServiceGroup .alarmServiceBody ul.keyword  li {float: left;margin-right: 10px;margin-bottom: 10px;color: #555555;padding: 6px 10px 8px;background: #f0f0f0;border-radius: 3px;}
.modal .alarmServiceGroup .alarmServiceBody ul.checkBox {padding: 0;overflow: hidden;margin-bottom: -10px;}
.modal .alarmServiceGroup .alarmServiceBody ul.checkBox li {float: left;margin-right: 25px;margin-bottom: 10px;}
.modal .alarmServiceGroup .alarmServiceBody ul.checkBox li .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -1px;}
.modal .alarmServiceGroup .alarmServiceBody span.comt {color: #111111;font-size: 13px;margin-bottom: 13px;display: block;}

.formGroupWrap {margin-top: 24px;}
.modal .formGroup ul {width: 100%;padding: 0 20px 0 135px;/* overflow: hidden; */display: table;min-height: 35px;}
.modal .formGroup ul li {float: left;margin-top: 10px;width: 100%;position: relative;font-size: 14px;line-height: 20px;}
.modal .formGroup ul li:first-child {margin-top: 0 !important;}
.modal .formGroup ul li.verMiddle {float: none;display: table-cell;vertical-align: middle;padding-top: 0px;}
.modal .formGroup ul li.verMiddle .fCheck input[type="checkbox"] + label:after {top: 3px;-webkit-margin-before: 0px;}
.modal .formGroup ul li.divide {float: none;display: table-cell;vertical-align: middle;padding-top: 0px;width: 50%;padding-left: 11px;}
.modal .formGroup ul li.divide:before {position: absolute;left: 0;top: -10px;content:"";width:1px;height: calc(100% + 19px);vertical-align:middle;background: #e7e7e7;}
.modal .formGroup ul li.divide:first-child {padding: 0;padding-right: 19px;}
.modal .formGroup ul li.divide:first-child:before {display: none;}
.modal .formGroup .gInputText .placeholder {margin-top: -10px;}

.modal .subject {padding: 11px 14px 15px;font-size: 15px;color: #111111;font-weight: normal;font-family: 'notokr-bold', sans-serif;line-height: 22px;margin: 20px 19px;margin-bottom: 16px;border: 1px solid #e1e1e1;} {padding: 35px 15px 25px 17px;width: 100%;height: 363px;border: 1px solid #e0e0e0;}
.modal .funcWrap {margin: 0 20px;margin-top: 13px;margin-bottom: 18px;}
.modal .funcWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.modal .funcWrap ul.sort {overflow: hidden;float: right;}
.modal .funcWrap ul.sort li.order {float: left;position: relative;padding: 0 8px 0 8px;}
.modal .funcWrap ul.sort li.order:first-child {padding-left: 0px;}
.modal .funcWrap ul.sort li.order:last-child {padding-right: 0px;}
.modal .funcWrap ul.sort li.order:before {position:absolute;top: 3px;left:0;display:block;content:"";width:1px;height: 10px;vertical-align:middle;background: #d0d0d0;}
.modal .funcWrap ul.sort li.order:first-child:before {display:none;}
.modal .funcWrap ul.sort li.order a {color: #999999;}
.modal .funcWrap ul.sort li.order.selected a {color: #222222;}
.modal .funcWrap ul.sort li.order a:before {display:inline-block;content:"";vertical-align: middle;}
.modal .funcWrap ul.sort li.order.selected a:before {width: 16px;height: 14px;background: url(/images/common/common_sfix_icon.png) no-repeat -350px -147px;}
.modal .chartArea {padding: 35px 15px 25px 17px;/* width: 100%; */height: 363px;height: 391px;margin: 0 20px 0;border: 1px solid #e0e0e0;}
.modal .chartArea + .btnGroup {margin: 15px 20px 20px;}

.modal .jcarousel-wrapper a.jcarousel-control-prev.noModalFoot, a.jcarousel-control-next.noModalFoot {top: -72px;height: calc(100% + 73px);}

.modal .toggleWrap {}
.modal .toggleWrap + .toggleWrap {margin-top: 15px;}
.modal .toggleWrap .toggleControl {border: 1px solid #cccccc;padding: 8px 70px 13px 14px;background: #ffffff;}
.modal .toggleWrap .toggleControl span.comt {color: #111111;font-size: 14px;font-family: 'notokr-bold', sans-serif;margin-top: 5px;display: inline-block;}
.modal .toggleWrap .toggleControl a {position: absolute;right: 0;top: 0;width: 50px;height: 100%;display: block;}
.modal .toggleWrap .toggleControl a:after {position: absolute;right: 14px;top: 15px;content:"";width: 17px;height: 9px;/* margin: -2px 0 0 5px; */vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat -100px 0px;}
.modal .toggleWrap .toggleControl a:hover {text-decoration: none;color: #ffffff;border: none;background: #ffffff;}
.modal .toggleWrap .toggleControl a.open {color: #ffffff;border: none;background: #ffffff;}
.modal .toggleWrap .toggleControl a.open:after {background-position: -150px 0px;}
.modal .toggleWrap .toggleBody {border: 1px solid #cccccc;border-top: none;padding: 4px 14px 10px;}

.modal .searchList.recommend {border: none;height: auto;overflow-y: visible;margin-bottom: -4px;}
.modal .searchList.recommend ul.listWrap li.item {padding: 12px 150px 9px 4px;}

/*210525 삭제*/
/*.modal .searchList.recommend ul.listWrap li.item .btnGroup {position: absolute;right: 0;top: 20px;}*/
.modal .searchList.recommend ul.listWrap li.item .btnGroup button.btnIconB span:before {width: 15px;height: 14px;}
.modal .searchList.recommend ul.listWrap li.item .btnGroup button.btnIconB span.download:before {background-position: -100px -200px;width: 17px;}
.modal .searchList.recommend ul.listWrap li.item .btnGroup button.btnIconB span.bookmark:before {background-position: -50px -250px;}
.modal .searchList.recommend ul.listWrap li.item .btnGroup button.btnIconB.selected span.bookmark:before {background-position: -99px -250px;}
.modal .searchList.recommend ul.listWrap span.nodata {font-size: 13.5px;color: #999;padding: 10px 0 7px;display: block;}

#pub_reportErrorInfo .formGroup ul li.divide {color: #999;}
#pub_reportErrorInfo .layer4 h5:nth-child(1) {color: #999;font-size: 14px;font-family: 'notokr-regular', sans-serif;}

/* 발행기관상세페이지 */
.searchP .searchDetailArea {position: relative;margin-bottom: 27px;}
.searchP .searchDetailArea .imgWrap {position: absolute; left: 0; top: 0; width: 160px; height: 224px; border: 1px solid #cccccc;}
.searchP .searchDetailArea .imgWrap img {width: 100%;height: 100%;max-height: 222px;}
.searchP .searchDetailArea .infoWrap {padding: 21px 23px 11px;border: 1px solid #e9e9e9;background: #fafafa;position: relative;}
.searchP .searchDetailArea .infoWrap dl {margin-bottom: 10px;}
.searchP .searchDetailArea .infoWrap dl dt {font-size: 14px;color: #777777;display: inline-block;width: 150px;vertical-align: top;line-height: 20px;}
.searchP .searchDetailArea .infoWrap dl dd {font-size: 14px;color: #111111;display: inline-block;width: calc(100% - 160px);line-height: 20px;}
.searchP .searchDetailArea .infoWrap dl dd a.link {color: #3c63e0; word-wrap: break-word;word-break: break-all;display: block;}
.searchP .searchDetailArea .infoWrap dl dd .article {height: 63px;}
.searchP .searchDetailArea .infoWrap dl dd .option {}
.searchP .searchDetailArea .infoWrap dl dd .option a {font-size: 12px;color: #999999;font-family: 'notokr-medium', sans-serif;}
.searchP .searchDetailArea .infoWrap dl dd .option a span.unfold:after {display: inline-block;content:"";width: 10px;height: 10px;margin: 4px 0 0 5px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -150px 0;}
.searchP .searchDetailArea .infoWrap dl dd .option a span.fold {display: none;}
.searchP .searchDetailArea .infoWrap dl dd .option a span.fold:after {display: inline-block;content:"";width:10px;height:10px;margin: 4px 0 0 5px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -200px 0;}
.searchP .searchDetailArea .infoWrap button.btnReport {position: absolute;right: 0;top: -25px;font-size: 12px;color: #898989;}
.searchP .searchDetailArea .infoWrap button.btnReport:after {display: inline-block;content:"";width: 5px;height: 9px;margin: -2px 0 0 5px;vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat 0 0;}

.searchP .searchDetailArea.coverImage {position: relative;padding-left: 180px;}
.searchP .searchDetailArea.coverImage .infoWrap {min-height: 224px;}
.searchP .searchDetailArea.coverImage .infoWrap dl dt {width: 120px;}

.searchP .newsTickerArea {position: relative;}
.searchP .newsTickerArea p.tit {line-height: 20px;font-size: 16px;padding-right: 70px;margin-bottom: 11px;}
.searchP .newsTickerArea p.tit .highlight {font-family: 'notokr-medium', sans-serif;}
.searchP .newsTickerArea a.more {color: #3c63e0;font-size: 13px;position: absolute;right: 0;top: 0;}

.news_wrap {border: 1px solid #e7e7e7;overflow: hidden;padding: 0;position: relative;margin-bottom: 20px;}
.news_wrap .slide_wrap {position:relative;width: 100%;}
.news_wrap .btn_prev {position:absolute;right: 12px;top:50%;margin-top: -12px;width: 15px;height: 13px;background: url(https://cdn.dbpia.co.kr/static/images/figure/btn_news_prev.png) no-repeat;z-index: 2;pointer-events: all !important;opacity: 1.0 !important;}
.news_wrap .btn_next {position:absolute;right: 12px;top:50%;margin-top: 0px;width: 15px;height: 13px;background: url(https://cdn.dbpia.co.kr/static/images/figure/btn_news_next.png) no-repeat;z-index: 2;pointer-events: all !important;opacity: 1.0 !important;}
.news_wrap .slide_wrap a.visible {display: block !important;pointer-events: none;opacity: 0.3;}
.news_wrap .slide_wrap a.hidden {pointer-events: none !important;opacity: 0.3 !important;}
.news_wrap .slide {overflow:hidden;}
.news_wrap .slide li {float:left;padding: 13px 18px 13px;padding-right: 50px; width: 100%;}
.news_wrap .slide .img_wrap {display:block; margin-bottom: 0px;}
.news_wrap .slide .img {display:block; position:relative;width:100%;vertical-align:middle;background:#fff; color: #3c63e0;font-size: 14px;}
.news_wrap .slide .img span {display: block; width:100%; height: 100%;}

.searchP .journalInfoArea {position: relative;margin-bottom: 20px;}
.searchP .journalInfoArea h3 {font-size: 16px; color: #111111; margin-bottom: 10px;}
.searchP .journalInfoArea .desc {border: 1px solid #e7e7e7;}
.searchP .journalInfoArea .desc {border: 1px solid #e7e7e7;padding: 16px 19px;margin-bottom: 20px;}
.searchP .journalInfoArea .desc .article {height: 63px;font-size: 14px;color: #111111;line-height: 20px;margin-bottom: 5px;}
.searchP .journalInfoArea .desc .option {}
.searchP .journalInfoArea .desc .option a {font-size: 12px;color: #999999;font-family: 'notokr-medium', sans-serif;}
.searchP .journalInfoArea .desc .option a span.unfold:after {display: inline-block;content:"";width: 10px;height: 10px;margin: 4px 0 0 5px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -150px 0;}
.searchP .journalInfoArea .desc .option a span.fold {display: none;}
.searchP .journalInfoArea .desc .option a span.fold:after {display: inline-block;content:"";width:10px;height:10px;margin: 4px 0 0 5px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -200px 0;}
.searchP .journalInfoArea .journalInfoWrap {position: relative;padding-right: 310px;}
.searchP .journalInfoArea table tbody th {padding: 10px 18px;text-align: left;color: #555555;background: #ffffff;vertical-align:middle;border: 1px solid #e7e7e7;font-weight: normal;font-size: 13px;}
.searchP .journalInfoArea table tbody td {padding: 10px 18px;color: #000000;font-size: 13px;vertical-align:middle;border: 1px solid #e7e7e7;text-align: left;}
.searchP .journalInfoArea table tbody td:last-child {border-right: 1px solid #e7e7e7;}

.searchP .journalInfoArea .journalInfoWrap .stats {position: absolute;right: 0;top: 0;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping {border: 1px solid #c8c8c8;overflow: hidden;width: 190px;height: 80px;background: #fafafa;display: inline-block;float: left;margin-right: 10px;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p {width: 50%;height: 100%;text-align: center;padding-top: 18px;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p a:hover {color: #3c63e0;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p span.text {display: block;font-size: 13px;color: #111111;margin-bottom: 3px;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p a:hover span.text {text-decoration: none;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p span.text:before {width: 15px;height: 15px;display: inline-block;content:"";margin: 0;vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p span.count {/* display: block; */font-size: 19.5px;color: #3c63e0;font-family: 'notokr-bold', sans-serif;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p small {font-size: 13px;color: #777777;margin-left: 2px;font-family: 'notokr-regular', sans-serif;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p.use {float: left;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p.use span.text:before {background-position: -350px 0px;margin: 1px 3px 0 0;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p.quote {float: right;border-left: 1px solid #e6e6e6;}
.searchP .journalInfoArea .journalInfoWrap .stats .grouping p.quote span.text:before {background-position: -400px 2px;margin: 0px 1px 0 0;}
.searchP .journalInfoArea .journalInfoWrap button.btnRelatedInfo {width: 90px;height: 80px;min-height: 37px;border: 1px solid #c8c8c8 !important;margin-bottom: 17px;}
.searchP .journalInfoArea .journalInfoWrap button.btnRelatedInfo span {font-size: 13px;color: #3c63e0;line-height: 16px;}
.searchP .journalInfoArea .journalInfoWrap button.btnRelatedInfo span.book:before {display: block;width: 19px;height: 15px;margin: 0 auto 5px;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat;background-position: -50px -50px;}

.searchP .journalInfoArea .journalInfoWrap .tooltip .desc.topRight {bottom: 92px;right: 0px;}
.searchP .journalInfoArea .journalInfoWrap .tooltip .desc.topRight:before {right: 37px;}
.searchP .journalInfoArea .journalInfoWrap .tooltip .desc.topRight:after {right: 37px;}

.searchP .journalInfoArea .journalInfoWrap .tooltip .desc.topRight2 {bottom: 75px;right: -10px;}
.searchP .journalInfoArea .journalInfoWrap .tooltip .desc.topRight2:before {right: 37px;}
.searchP .journalInfoArea .journalInfoWrap .tooltip .desc.topRight2:after {right: 37px;}

/* 간행물상세페이지 */
.modal .listBlockWrap {position: relative;margin-bottom: 15px;}
.modal .listBlockWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.modal .listBlockGroup {padding: 0;width:calc((100% - 338px) / 2);float: left;}
.modal .listBlockGroup p.tit {padding: 0;font-size: 15px;color: #111111;font-family: 'notokr-medium', sans-serif;margin-top: 16px;margin-bottom: 15px;height: auto;max-height: 36px;}
.modal .listBlockGroup ul.listBlock {padding: 0;}
.modal .listBlockGroup ul.listBlock li {position: relative;padding: 14px 16px 0px 72px;border: 1px solid #e7e7e7;margin-bottom: 4px;height: 66px;}
.modal .listBlockGroup ul.listBlock li span.quoteNumber {display: block;position: absolute;left: 7px;top: 7px;border: 1px solid #c8c8c8;width: 50px;height: 50px;font-size: 13px;color: #333333;font-family: 'notokr-medium', sans-serif;text-align: center;padding-top: 16px;}
.modal .listBlockGroup ul.listBlock li span.quoteNumber small {font-size: 12px; color: #777777;}
.modal .listBlockGroup ul.listBlock li span.journal {font-size: 14px;color: #3c63e0;margin-bottom: 5px;display: block;}
.modal .listBlockGroup ul.listBlock li span.journal.nodata {color: #999999;margin-top: 10px;font-size: 13px;}
.modal .listBlockGroup ul.listBlock li span.publisher {font-size: 12px;color: #999999;}
.modal .listBlockGroup ul.listBlock li a:hover {color: #3c63e0;}
.modal .listBlockGroup.center {width: 338px;height: 281px;background: url(https://cdn.dbpia.co.kr/static/images/search/bg_related_info.png) no-repeat 0px 0px;text-align: center;margin-top: 88px;}
.modal .listBlockGroup.center span.publicaton {font-size: 15px;margin-top: 207px;color: #3c63e0;font-family: 'notokr-bold', sans-serif;display: block;width: 100%;padding: 0px 50px;}
.modal .listBlockGroup.right {float: right;}
.modal .listBlockGroup.right ul.listBlock li {padding: 14px 72px 0px 16px;}
.modal .listBlockGroup.right ul.listBlock li span.quoteNumber {right: 7px;left: auto;}

/* 권호상세페이지 */


/* 저자상세페이지 */
.quoteListArea {display: none;position:absolute;top: 0px;right: 69px;left: 0;padding: 0;width: 712px;/* height: 100%; */max-height: 710px;border: 1px solid #e0e0e0;background:#fff;color: #555555;box-shadow: 3px 3px 8px rgba(0,0,0,.1);box-shadow: 3px 4px 6px rgba(0,0,0,.2);z-index: 10;text-align: left;}
.quoteListArea:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -20px;top: 77px;border-width: 7px 9px 7px;border-left-color: #cccccc;display: none;}
.quoteListArea:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -18px;top: 77px;border-width: 7px 9px 7px;border-left-color: #fff;display: none;}
.quoteListArea .quoteListBox {}
.quoteListArea .quoteListBox .quoteHead {border-bottom: 1px solid #e0e0e0;}
.quoteListArea .quoteListBox .quoteHead p {padding: 14px 65px 17px 20px;color: #111111;font-size: 14px;}
.quoteListArea .quoteListBox .quoteHead p span.day {padding: 0;color: #c93035;font-family: 'notokr-medium', sans-serif;}
.quoteListArea .quoteListBox .quoteHead button.closeLayer {position:absolute;top: 0px;right: 0px;display: block;width: 51px;height: 54px;background: url("https://cdn.dbpia.co.kr/static/images/common/common_sfix_icon.png") no-repeat -335px -331px;}
.quoteListArea .quoteListBox .quoteBody {padding-left: 19px;}

.searchList.quote {border: none;height: 100%;max-height: 659px;overflow-y: auto;margin-bottom: 0px;}
.searchList.quote ul.listWrap li.item {padding: 12px 10px 6px 0px;}
.searchList.quote ul.listWrap li.item dl dt {padding-bottom: 4px;}

.modal .fCheck input[type="checkbox"] + label:after {top: 1px;-webkit-margin-before: -1px;}

.modal .advancedSearchBox p.tit {padding-top: 9px;color: #111111;font-size: 14px;width: 52px;display: inline-block;}
.modal .advancedSearchBox ul {/* max-width: 550px; *//* width: 100%; */}
.modal .advancedSearchBox.joint .gInputText {width: 100%;max-width: 518px;}
.modal .advancedSearchBox.joint button.btnSearch {position: absolute;right: 0;top: 1px;min-width: 60px;}
.modal .advancedSearchBox.add p.tit {width: 92px;}
.modal .advancedSearchBox.add .gInputText {width: 100%;max-width: 523px;}

.modal .listArea.authorList {margin-bottom: 10px;}
.modal .listArea.authorList ul.listHead {border-top: 1px solid #e7e7e7;}
.modal .listArea.authorList ul.listHead li:first-child {border-left: 1px solid #e7e7e7;}
.modal .listArea.authorList ul.listHead li:last-child {border-right: 1px solid #e7e7e7;}
.modal .listArea.authorList ul.listBody {width: 100%;overflow-y: scroll;max-height: 501px;border: 1px solid #e7e7e7;border-top: none;}
.modal .listArea.authorList ul.listBody li:last-child {border-bottom: 1px solid #e7e7e7;}
.modal .listArea.authorList ul.listBody li dl:first-child dd {padding: 8px 8px;}
.modal .listArea.authorList ul.listBody li dl dd {padding: 8px 10px;word-break: break-word;}
.modal .listArea.authorList .fCheck input[type="checkbox"] + label:after {top: 3px;}

.modal .toggleWrap.checkbox .toggleControl .fCheck input[type="checkbox"] + label {color: #111111;font-size: 14px;font-family: 'notokr-bold', sans-serif;}
.modal .toggleWrap.checkbox .toggleControl .fCheck input[type="checkbox"] + label small {font-size: 13px;font-family: 'notokr-regular', sans-serif;margin-left: 4px;margin-right: 4px;}
.modal .toggleWrap.checkbox .toggleControl .fCheck input[type="checkbox"] + label:after {top: 2px;}
.modal .toggleWrap.checkbox .toggleControl .path {font-size: 13px;color: #777777;display: inline-block;line-height: 20px;margin-top: 5px;}
.modal .toggleWrap.checkbox .toggleBody {padding: 0px;padding-left: 14px;display: none;}
.modal .toggleWrap.checkbox + .toggleWrap.checkbox {margin-top: -1px;}
.modal .toggleWrap.checkbox .toggleControl {padding: 7px 70px 11px 14px;}

.modal .toggleWrap.checkbox .searchList {border: none;margin-bottom: 0px;height: 100%;max-height: 267px;/* overflow-y: scroll; */}
.modal .toggleWrap.checkbox .searchList ul.listWrap li.item {padding: 12px 0px 9px 28px;}
.modal .toggleWrap.checkbox .searchList ul.listWrap li.item .fCheck {top: 14px;}

.modal h5 .btn.btnMultiLangInputOther {right: 40px;}
.modal .multiLangInputBox.other {margin-right: 0px;}

.modal .searchList.add {border: 1px solid #e0e0e0;height: 385px;}
.modal .searchList.add ul.listWrap li.item {padding: 12px 0px 9px 19px;}
.modal .searchList.add .radioWrap {position: relative;padding-right: 60px;/* height: 26px; */margin-bottom: 3px;}
.modal .searchList.add .radioWrap ul.radio {overflow: hidden;margin-bottom: 2px;}
.modal .searchList.add .radioWrap ul.radio li.name {float: left;white-space: nowrap;margin-right: 13px;margin-top: -4px;margin-bottom: -5px;}
.modal .searchList.add .radioWrap ul.radio li.name .fRadio input[type="radio"] + label {font-size: 13px;}
.modal .searchList.add .radioWrap .option {position: absolute;top: 4px;right: 13px;}
.modal .searchList.add .radioWrap .option a {font-size: 11px;color: #777777;/* font-family: 'notokr-medium', sans-serif; */}
.modal .searchList.add .radioWrap .option a span.unfold:after {display: inline-block;content:"";width: 8px;height:10px;margin: 4px 0 0 3px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -400px -150px;}
.modal .searchList.add .radioWrap .option a span.fold {display: none;}
.modal .searchList.add .radioWrap .option a span.fold:after {display: inline-block;content:"";width:8px;height:10px;margin: 4px 0 0 3px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -450px -150px;}
#pub_reportErrorInfo .formGroup ul li.verMiddle {color: #999;}
#pub_reportErrorInfo .layer4 h5:nth-child(1) {color: #999;font-size: 14px;font-family: 'notokr-regular', sans-serif;}

/* 주제분류 리스트 */
.searchP .thesisDetailArea.subjectSort h3 {font-size: 16px;font-family: 'notokr-regular', sans-serif;font-weight: normal;height: 32px;border-bottom: 1px solid #c8c8c8;margin-bottom: 20px;color: #222222;}
.searchP .thesisDetailArea.subjectSort h3 span.desc {font-size: 13px;display: inline-block;color: #999;font-family: 'notokr-demilight', sans-serif;margin-left: 10px;}
.searchP .thesisDetailArea.subjectSort .searchListArea {margin-top: -20px;}
.searchP .thesisDetailArea.subjectSort ul.list {margin-top: -3px;}
.searchP .thesisDetailArea.subjectSort ul.list li.item {/* border-bottom: 1px solid #ececec; *//* padding-bottom: 12px; *//* padding-right: 140px; */margin-bottom: 0px;position: relative;}
.searchP .thesisDetailArea.subjectSort ul.list li.item p.tit a {color: #3c63e0;}
.searchP .thesisDetailArea.subjectSort ul.list li.item .gRight {position: absolute;right: 0;top: 24px;}

.searchP .thesisDetailArea.subjectSort span.stats {display: block; color: #999999;font-size: 13px;}
.searchP .thesisDetailArea.subjectSort span.stats:before {display:inline-block;width: 16px;height: 11px;content:"";margin: -1px 1px 0 0;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -200px;}
.searchP .thesisDetailArea.subjectSort span.stats small {color: #333333;font-family: 'notokr-medium', sans-serif;font-size: 13px;margin-left: 4px;}

.searchP .thesisDetailArea.subjectSort .tileListArea {padding-bottom: 0px;border-bottom: none;}
.searchP .thesisDetailArea.subjectSort .funcButtonArea ul.sort {float: none;margin-left: 0px;margin-right: 15px;margin-top: 0px;margin-top: -20px;/* padding-top: 10px; */vertical-align: text-bottom;}
.searchP .thesisDetailArea.subjectSort .nodata {padding: 19px 22px 0px;text-align: center;}
.searchP .thesisDetailArea.subjectSort .nodata span {font-size: 13px; color: #111111;}

.searchP .tileListArea ul.author {padding: 0;margin: 0 -5px 0;overflow: hidden;height: 100%;display: flex;}
.searchP .tileListArea ul.author li {float: left;width: calc(20% - 10px);/* max-width: 120px; *//* width: 120px; *//* height: 150px; *//* height: 100%; */margin-left: 5px;margin-right: 5px;border: 1px solid #f0f0f0;padding: 16px 19px 24px 19px;/* flex: 1; */text-align: center;}
.searchP .tileListArea ul.author li a.name {color: #3c63e0;font-size: 16px;display: block;line-height: 20px;margin-bottom: 5px;}
.searchP .tileListArea ul.author li span.organ {color: #777777;font-size: 13px;line-height: 17px;display: block;margin-bottom: 10px;}

/* 모바일 유틸리티 */
.mobileAppendArea {display: none;border: 1px solid #eaeaea;padding: 15px 15px;margin-bottom: 15px;}


@media (min-width:960px) and (max-width:1147px) {/* 태블릿: 최소 960 ~ 1147 */
    /* 검색결과리스트 */
    .searchP .selectGroup {margin-right: 25px;}
    .searchP .filterGroup {margin-right: 25px;}
    .searchP .filterGroup ul.volume li.group .submMenuWrap {left: 178px;}

    .searchP .tileListArea ul.recommend li.img a.hover {height: 100%;}
    .searchP .tileListArea ul.recommend li.img a.hover img {height: 125px;}
    .searchP .tileListArea ul.recommend li.img a.hover:hover p.desc {display: table-caption;padding-top: 15px;}
    .searchP .tileListArea ul.recommend li.img a.hover:hover p.desc span {display: block;font-size: 14px;line-height: 18px;}


    /* 간행물상세페이지 */
    .searchP .filterGroup p.searchBox .gInputText.w120 {width:110px;}

}


@media (min-width:960px) and (max-width:1065px) {/* 태블릿: 최소 960 ~ 1065 */
    /* 논문상세페이지 */
    .searchP .floatingBarWrap .floatingBar {padding: 10px 258px 12px 25px;}
    .searchP .floatingBarWrap .floatingBar span.type {font-size: 15px;display: block;position: static;text-align: left;margin-bottom: 1px;width: auto;}
    .searchP .floatingBarWrap .floatingBar .btnGroup {padding: 0;position: absolute;right: 24px;top: 24px;}
    .searchP .floatingBarWrap .floatingBar p.info {font-size: 17px;margin-bottom: 0px;}
    .searchP .floatingBarWrap .floatingBar p.info span {/* margin-right: 4px; */line-height: 24px;height: 48px;max-height: 4.2em;}

    /* 논문상세페이지 - 좌측 앵커 */
    .searchP .stickyAnchorArea {display: none;}

    /* 발행기관상세페이지 */
    .searchP .journalInfoArea table {table-layout: auto;}
    .searchP .journalInfoArea table tbody th {}
    .searchP .journalInfoArea table tbody tr:nth-child(2) td {width: 50px;white-space: nowrap;}

    /* 저자상세페이지 */
    .infoBox + .searchArea .formGroup ul li .grouping.date {display: block;}
    .quoteListArea {display: none;top: 434px;width: 100%;max-height: 710px;}

}


@media (max-width: 959px) {/* 모바일: 최대 959 */
    /* 전체 */
    .btnPdfView {display: none !important;}

    /* 모바일 유틸리티 */
    .mobileAppendArea {display: block;}

    /* 검색결과리스트 */
    .mobileAppendArea .detachNodeResult1 {margin: 0px;border-bottom: none;margin-top: -5px;margin-bottom: -10px;}
    .mobileAppendArea .detachNodeResult1 p.tit {font-size: 14px;margin-bottom: 10px;margin-bottom: 7px;}
    .mobileAppendArea .detachNodeResult1 .selectWrap {margin-bottom: 3px;}
    .mobileAppendArea .detachNodeResult1 .selectWrap .condtion {font-size: 14px;margin: 3px 11px 4px 0;}

    .mobileAppendArea2 .detachNodeResult2 {margin: -5px -5px 0px;border-bottom: none;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup {margin: 0;margin-bottom: 10px;padding: 12px 15px 14px;border: 1px solid #e1e1e1;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup:last-child {margin-bottom: 15px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup .fCheck input[type="checkbox"] + label:after {top: 0;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit {font-size: 15px;color: #222222;font-family: 'notokr-bold', sans-serif;/* margin-bottom: 14px; */line-height: 18px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit.general {margin-bottom: 0px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit a {display: block;width: 100%;height: 100%;position: relative;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit a:after {position: absolute;right: 0px;top: 5px;content:"";width: 17px;height: 9px;/* margin: -2px 0 0 5px; */vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat -100px 0px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit a.open:after {background-position: -150px 0px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit a.active {color: #f04349; background-position: 181px -93px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit a:hover {text-decoration: none;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit a.hide {pointer-events: all;}

    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort {margin-top: 14px;margin-bottom: 1px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort li.year {margin-bottom: 8px;font-size: 13px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort li.year:last-child {margin-bottom: 0px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort li.year a {/* font-size: 13px; */}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort li.year a.selected {color: #f04349;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort li.year span.directMod {color: #212121;margin-bottom: 8px;display: block;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort li.year span.directMod.selected {color: #f04349;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort li.year p.grouping .gInputText .fText {padding: 2px 9px 4px; height: 27px; font-size: 13px; border: 1px solid #c8c8c8;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort li.year p.grouping .txtDash {margin: 0 3px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.yearlySort li.year p.grouping button {padding: 5px 7px 6px;margin-top: -1px;margin-left: 2px;min-width: 40px !important;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort {overflow: hidden;margin-top: 14px;margin-bottom: 0px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject {font-size: 13px;padding: 0;border: none;font-family: 'notokr-regular', sans-serif;margin: 0px;margin-bottom: 7px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject .fCheck {padding-left: 26px; line-height: 18px; display: block;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject .fCheck input[type="checkbox"] + label {position: absolute; left: 0; top: 0;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail {margin-left: -3px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail:after {display: inline-block;content:"";width:10px;height:10px;margin: 0 0 0 10px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -350px -248px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail.open:after {background-position: -400px -248px;}
	
	/*	210525 삭제*/
    /*.mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort {overflow: hidden; margin: 10px 0 1px 14px;height: 75px;}*/
	
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort {/* overflow: hidden; */margin: 10px 0 1px 14px;margin-top: 0px;height: auto;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail {margin-bottom: 6px;font-size: 13px;color: #777777;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail:first-child {margin-top: 10px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail a {color: #777777;margin-left: -3px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail .fCheck {padding-left: 26px; line-height: 18px; display: block;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail .fCheck:after {display: none;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail .fCheck input[type="checkbox"] + label {position: absolute; left: 0; top: 0;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject a.more {text-decoration: underline;margin: 0px 0 10px 14px;font-size: 12px;color: #777777;display: block;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup .generalWrap {margin-top: 14px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort {margin-top: 14px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort.journal {/* height: 161px; *//* height: auto; */}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general {margin-bottom: 7px;font-size: 13px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general:last-child {margin-bottom: 0px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck {padding-left: 22px;line-height: 18px;display: block;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck label {/* padding-left: 22px; *//* line-height: 18px; */position: absolute;left: 0;top: 0;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"] + label:before {position: absolute;left: 0px;top: 4px;content:'';display:inline-block;margin: -2px 9px 0 0;width: 14px;height: 14px;line-height: 14px;text-align:center;vertical-align:middle;border: 1px solid #c8c8c8;background:#fff;box-sizing:border-box;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"] + label:after {opacity: 0;display:block;content:"";position:absolute;top: 2px;left: 1px;width:15px;height:14px;background: url(/images/common/common_sfix_icon.png) no-repeat -200px -50px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"]:checked + label:after {opacity:1;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general a {/* display: inline-block; */margin-left: 0px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general a.selected {color: #f04349;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup a.more {text-decoration: underline;margin-top: 11px;margin-bottom: 0px;font-size: 12px;color: #222222;display: block;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup a.more span.fold {display: none;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup .moreLessWrap {position: relative;height: 30px;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup .moreLessWrap a:nth-child(1) {width: 60px; float: left;}
    .mobileAppendArea2 .detachNodeResult2 .filterGroup .moreLessWrap a:nth-child(2) {width: 60px; float: right; text-align: right; margin-right: 5px;}

    .searchP .tileListArea.recommend {display: none;}

    .mobileFacetedArea {display: block;margin: 0 -14px 0;margin-bottom: 10px;border-bottom: 1px solid #eaeaea;padding: 10px 14px 5px;}
    .mobileFacetedArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}
    .mobileFacetedArea a.setting {float: left;display: block;font-size: 15.5px;color: #555555;font-family: 'notokr-medium', sans-serif;}
    .mobileFacetedArea a.setting:before {display:inline-block;width: 13px;height: 15px;content:"";margin: -4px 6px 0 0;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -50px -400px;}
    .mobileFacetedArea .fSelect {float: right;font-size: 13px;margin-top: -3px;margin-left: 5px;text-align: left;border: none;font-family: 'notokr-regular', sans-serif;display: block;}
    .mobileFacetedArea .fSelect span {position:absolute;top: 0px;left:0;display:block;padding: 0px 20px 0 10px;width: auto;height:100%;line-height: 27px;font-size: 14px;color: #777777;font-family: 'notokr-medium', sans-serif;}
    .mobileFacetedArea .fSelect span:after {position:absolute;top:50%;right: -5px;display:block;content:"";margin-top: -8px;width:18px;height:15px;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -45px;box-sizing:border-box;}
    .mobileFacetedArea .fSelect select {opacity:0;padding: 4px 5px 5px 9px;width: 100%;height:100%;/* -webkit-appearance:none; */-moz-appearance:none;filter:alpha(opacity=0);cursor:pointer;color: #333;font-size: 12px;}
    .mobileFacetedArea .fSelect.order {min-width: 86px;}

    .mobileInnerSearch .innerSearch .fSelect {position:relative;display:inline-block;vertical-align:middle;border: 1px solid #cccccc;font-size: 14px;color: #111111;}
    .mobileInnerSearch .innerSearch .fSelect span {position:absolute; top: 0px; left:0; display:block; padding: 0px 10px; width: 100%; height:100%; line-height: 20px;}
    .mobileInnerSearch .innerSearch .fSelect span:after {position:absolute;top:50%;right: 0px;display:block;content:"";margin-top: -8px;width:18px;height:15px;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -45px;box-sizing:border-box;}
    .mobileInnerSearch .innerSearch .fSelect select {opacity:0;padding: 6px 9px 7px;width: 100%;height:100%; -moz-appearance:none;filter:alpha(opacity=0);cursor:pointer;color: #333;font-size: 13px;}
    .mobileInnerSearch .innerSearch .fSelect + .fSelect {margin-left: 7px;}
    .mobileInnerSearch .innerSearch .fSelect + .fText {margin-left: 7px;}
    .mobileInnerSearch .innerSearch .fSelect + button {margin-left: 3px;}

    .notiArea.noData.schResult {margin-top: 0px;}
    .notiArea.noData.schResult ul li {font-size: 13px;color: #777777;font-family: 'notokr-regular', sans-serif;line-height: 20px;padding-left: 10px;position: relative;margin-bottom: 3px;}
    .notiArea.noData.schResultul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width: 3px;height: 3px;vertical-align:middle;background: #cccccc;}

    /* 논문상세페이지 */
    .searchP .thesisInfoArea {margin-top: 0px;margin-bottom: 15px;}
    .searchP .thesisInfoArea .typeWrap {padding: 0;margin-bottom: 7px;margin: 0 -14px 0;margin-bottom: 9px;border-bottom: 1px solid #eaeaea;padding: 11px 14px 10px;}
    .searchP .thesisInfoArea .quoteWrap {padding: 12px 15px 15px;margin-top: 10px;margin-bottom: 12px;}
    .searchP .thesisInfoArea .quoteWrap p.author {margin-bottom: 5px;line-height: 22px;}
    .searchP .thesisInfoArea .quoteWrap ul.infoWrap li {margin-bottom: 6px;}
    .searchP .thesisInfoArea .quoteWrap button.btnReport {display: none;}
    .searchP .thesisInfoArea .quoteWrap .btnGroup {display: none;}
    .searchP .thesisInfoArea p.subTit {margin-bottom: 5px;}
    .searchP .thesisInfoArea p.equalTit {font-size: 14px;margin-bottom: 12px;line-height: 20px;}
    .searchP .thesisInfoArea .btnWrap p.btnGroup {float: right;padding-bottom: 5px;width: 100%;}
    .searchP .thesisInfoArea .btnWrap button.btnDownload {/* display: none; */}
    .searchP .thesisInfoArea .btnWrap button.btnUrl {/* display: none; */}
    .searchP .thesisInfoArea .btnWrap button {padding: 0;min-width: calc((100% - 18px) / 3);}
    .searchP .thesisInfoArea .btnWrap .btn + .btn {margin-left: 6px;}
    .searchP .thesisInfoArea .btnWrap span.record {float: left;margin-top: 5px;}

    .searchP .thesisDetailArea {padding-bottom: 20px;}
    .searchP .thesisDetailArea h3 {font-size: 18px;height: auto;margin-bottom: 22px;line-height: 24px;padding-right: 30px;padding-bottom: 10px;}
    .searchP .thesisDetailArea h3 .gRight.r0 {display: none;}
    .searchP .thesisDetailArea ul.cate {margin-top: -5px;}
    .searchP .thesisDetailArea ul.cate li.path {width: 100%;margin-bottom: 10px;}
    .searchP .thesisDetailArea p.keyword {display: none;}
    .searchP .thesisDetailArea.subjectSort h3 span.desc {display: none;}
    .searchP .thesisDetailArea a.more {padding-top: 20px;}
    .searchP .thesisDetailArea p.index {color: #111111;}
    .searchP .thesisDetailArea h3 button.btnApply {display: none;}
    .searchP .thesisDetailArea ul.list li.item .textWrap {width: 83%;}
    .searchP .thesisDetailArea ul.list.new li.item {margin-bottom: 0px;}
    .searchP .thesisDetailArea ul.list.new li.item p.tit {word-break: break-word;}
    .searchP .thesisDetailArea h3 .gRight {right: 30px;bottom: 0px;}
    .searchP .thesisDetailArea h3 p.reviewStats {font-size: 12px;margin-right: 0px;letter-spacing: -0.5px;}
    .searchP .thesisDetailArea a.moreReview {padding-top: 5px;}
    .searchP .thesisDetailArea p.article span.txtBold {display: block;}

    .searchP .thesisDetailArea .comtBox {margin-top: -10px;}
    .searchP .thesisDetailArea .comtBox.btnArea {padding-right: 0px;padding-bottom: 25px;}
    .searchP .thesisDetailArea .comtBox.btnArea span.text {display: none;}
    .searchP .thesisDetailArea .comtBox .gRight span.text {display: inline;}

    .searchP .thesisDetailArea .infoBox {margin-bottom: 20px;}
    .searchP .thesisDetailArea .infoBox ul.list {padding: 15px 15px 4px;}
    .searchP .thesisDetailArea .infoBox ul.list li.item {width: 100%;margin-bottom: 10px;}
    .searchP .thesisDetailArea .infoBox ul.list li.item span {margin-right: 0px;width: 105px;display: inline-block;}

    .searchP .thesisDetailArea .tableLayout table.schDetail {table-layout: auto;width: auto;}
    .searchP .thesisDetailArea .tableLayout table.schDetail thead th {white-space: inherit;}
    .searchP .thesisDetailArea .tableLayout table.schDetail tbody td {white-space: inherit;}
    .searchP .thesisDetailArea .tableLayout table.schDetail tbody td a span {white-space: inherit;}

    .searchP .noAuthArea .noAuthWrap {padding: 0px 10px;padding-top: 60px;height: 278px;}
    .searchP .noAuthArea .noAuthWrap p.desc {padding-top: 10px;}
    .searchP .noAuthArea .noAuthWrap p.desc br {display: none;}

    .searchP .thesisDetailArea .tableLayout.thesis table {table-layout:auto; width:100%;}
    .searchP .thesisDetailArea .tableLayout.thesis table thead th {white-space: nowrap;}
    .searchP .thesisDetailArea .tableLayout.thesis table tbody td {white-space: nowrap;}

    .searchP .thesisDetailArea .reviewInputBox {margin-bottom: 20px;}
    .searchP .thesisDetailArea .reviewInputBox .reviewHead p.left {float: left;}
    .searchP .thesisDetailArea .reviewInputBox .reviewHead p.left .gInputText {float: left;}
    .searchP .thesisDetailArea .reviewInputBox .reviewHead p.left .gInputText .fText {height: 31px;}
    .searchP .thesisDetailArea .reviewInputBox .reviewHead p.left span.dept {float: left;color: #777777;margin-left: 10px;margin-top: 8px;}
    .searchP .thesisDetailArea .reviewInputBox .reviewHead p.right {padding-right: 11px;margin-top: 10px;float: left;clear: both;}
    .searchP .thesisDetailArea .reviewInputBox .reviewHead p.right .fRadio {display:block;}
    .searchP .thesisDetailArea .reviewInputBox .reviewHead p.right .fRadio input[type="radio"] + label {line-height: 26px;}
    .searchP .thesisDetailArea .reviewInputBox .reviewHead p.right .fRadio + .fRadio {margin-left: 0px;}
    .searchP .thesisDetailArea .reviewInputBox .reviewFoot {height: 39px;}
    .searchP .thesisDetailArea .reviewInputBox .reviewFoot button.btnWrite {height: 40px;}
    .searchP .thesisDetailArea .noDataArea span.comt {font-size: 14px;}
    .searchP .thesisDetailArea .noDataArea button {min-height: 40px;}
    .searchP .thesisDetailArea .noDataArea button span {font-size: 13px;}

    .searchP .thesisDetailArea .reviewList ul.list li.item {border-bottom: 1px solid #ececec;padding-bottom: 15px;margin-top: 15px;margin-bottom: 16px;}
    .searchP .thesisDetailArea .reviewList ul.list li.item p.writer {margin-bottom: 5px;}
    .searchP .thesisDetailArea .reviewList ul.list li.item p.text {line-height: 22px;/* line-height: 20px; */font-size: 15px;color: #111111;margin-bottom: 7px;margin-top: 5px;}

    .searchP .thesisDetailArea .funcButtonArea {margin-top: 20px;margin-bottom: 14px;min-height: 26px;}

    /* 논문상세페이지 - 좌측 앵커 */
    .searchP .stickyAnchorArea {display: none;}


    /* 논문상세페이지 - 본문 플로팅 메뉴 */
    .searchP .floatingBarWrap {display: none !important;}

    /* 논문상세페이지 - 우측 사이드바 */
    .asideWrap button.alarm {width: 100%;min-height: 37px;border: 1px solid #c8c8c8 !important;margin-bottom: 12px;}
    .asideWrap p.cover {display: none;}
    .asideWrap .stats {height: auto;}
    .asideWrap .stats .grouping {border: 1px solid #c8c8c8;width: calc((100% - 9px) / 2);height: 80px;background: #fafafa;}
    .asideWrap .stats .grouping p span.text {margin-bottom: 3px;}
    .asideWrap .stats .grouping.first {position: static;border-radius: 5px;float: left;border: 1px solid #c8c8c8;}
    .asideWrap .stats .grouping.first p {/* padding: 0; */}
    .asideWrap .stats .grouping.first p a {width: 100%; height: 100%}
    .asideWrap .stats .grouping.first p.bookmark {float: left;border-right: 1px solid #e6e6e6;}
    .asideWrap .stats .grouping.first p.bookmark span.text:before {background-position: -249px 0px;margin: 1px 0 0 0;}
    .asideWrap .stats .grouping.first p.bookmark span.count {color: #111111;}
    .asideWrap .stats .grouping.first p.review {float: left;}
    .asideWrap .stats .grouping.first p.review span.text:before {background-position: -300px 0px;margin: 1px 1px 0 0;}
    .asideWrap .stats .grouping.second {position: static;border-radius: 5px;float: right;border: 1px solid #c8c8c8;}
    .asideWrap .stats .grouping.second p.use {float: left;position: relative;}
    .asideWrap .stats .grouping.second p.use span.text:before {background-position: -350px 0px;margin: 1px 3px 0 0;}
    .asideWrap .stats .grouping.second p.quote {float: right;border-left: 1px solid #e6e6e6;}
    .asideWrap .stats .grouping.second p.quote span.text:before {background-position: -400px 2px;margin: 0px 1px 0 0;}
    .asideWrap .stats .grouping.second p a {/* pointer-events: none; */display: block;}
    .asideWrap .stats .grouping.second p a.mobile {display: block;}
    .asideWrap .stats .grouping.second p a:hover {text-decoration: underline;}

    #figure_area {display: none;}
    #banner_area {display: none;}

    /* 논문상세페이지 - Figures & Table */


    /* 논문상세페이지 - 배너 */


    /* 논문상세페이지 - Figures & Table 팝업 */


    /* 논문상세페이지 - 모달 */
    .modal .alarmServiceGroup .alarmServiceHead span.desc {margin-left: 0px;display: block;margin-top: 4px;}
    .modal .alarmServiceGroup .alarmServiceBody {padding: 15px 15px 15px;}

    .modal .searchList.recommend ul.listWrap li.item {padding: 12px 0px 9px 4px;}
    .modal .searchList.recommend ul.listWrap li.item .btnGroup {text-align: left;position: static;margin-top: 5px;}

    /* 발행기관상세페이지 */
    .mobileAppendArea .detachNodePublisher {margin: 0;}
    .mobileAppendArea .detachNodePublisher p.tit {margin-bottom: 15px;}
    .mobileAppendArea .detachNodePublisher p.searchBox {margin-bottom: 5px;}
    .mobileAppendArea .detachNodePublisher p.searchBox .gInputText {width: calc(100% - 68px);margin-right: 7px;}
    .mobileAppendArea .detachNodePublisher p.searchBox button {margin-top: 0px;min-width: 61px !important;}

    .searchP .searchDetailArea {margin-bottom: 20px;}
    .searchP .searchDetailArea .imgWrap {display: none;}
    .searchP .searchDetailArea .infoWrap {padding: 15px 15px;}
    /*.searchP .searchDetailArea .infoWrap dl:nth-child(3) {margin-bottom: 0px;}
    .searchP .searchDetailArea .infoWrap dl:nth-child(4) {display: none;}
    .searchP .searchDetailArea .infoWrap dl:nth-child(5) {display: none;}*/
    .searchP .searchDetailArea .infoWrap dl dt {width: 80px;}
    .searchP .searchDetailArea .infoWrap dl dd {width: calc(100% - 85px);word-break: break-word;}
    .searchP .searchDetailArea .infoWrap button.btnReport {display: none;}

    .searchP .searchDetailArea.coverImage {padding-left: 0px;}
    .searchP .searchDetailArea.coverImage .infoWrap {min-height: auto;}
    .searchP .searchDetailArea.coverImage .infoWrap dl dt {width: 80px;}

    .searchP .newsTickerArea a.more {display: none;}

    .searchP .journalInfoArea .journalInfoWrap {padding-right: 0px;overflow: hidden;}
    .searchP .journalInfoArea table {/* table-layout: fixed; */}
    .searchP .journalInfoArea table tbody th {padding: 10px 15px;white-space: inherit;}
    .searchP .journalInfoArea table tbody td {padding: 10px 15px;width: 26%;}

    .searchP .journalInfoArea .journalInfoWrap .stats {position: static;margin-top: 20px;}
    .searchP .journalInfoArea .journalInfoWrap .stats .grouping {width: 100%;height: auto;background: #fafafa;float: none;margin-right: 0px;}
    .searchP .journalInfoArea .journalInfoWrap .stats .grouping p {width: 50%;height: 100%;padding-top: 0px;padding: 10px 0px;}
    .searchP .journalInfoArea .journalInfoWrap .stats .grouping p span.text {display: inline-block;margin-bottom: 0px;margin-right: 5px;vertical-align: middle;}
    .searchP .journalInfoArea .journalInfoWrap .stats .grouping p a {vertical-align: middle;pointer-events: none;}
    .searchP .journalInfoArea .journalInfoWrap .stats .grouping p span.count {font-size: 18px;}

    .searchP .journalInfoArea .journalInfoWrap .tooltipWrap {display: none;}

    /* 간행물상세페이지 */
    .mobileAppendArea .detachNodePublication1 {padding-bottom: 10px;margin: 0;margin-bottom: 10px;}
    .mobileAppendArea .detachNodePublication1 p.tit {margin-bottom: 15px;}
    .mobileAppendArea .detachNodePublication1 p.searchBox {margin-bottom: 5px;}
    .mobileAppendArea .detachNodePublication1 p.searchBox .gInputText {width: calc(100% - 68px);margin-right: 7px;}
    .mobileAppendArea .detachNodePublication1 p.searchBox button {margin-top: 0px;min-width: 61px !important;}

    .mobileAppendArea .detachNodePublication2 {margin: 0;}
    .mobileAppendArea .detachNodePublication2 p.searchBox {margin-bottom: 10px;margin-bottom: 25px;}
    .mobileAppendArea .detachNodePublication2 p.searchBox .fSelect.filtering {width: 100%;}
    .mobileAppendArea .detachNodePublication2 ul.volume {display: none !important;}
    .mobileAppendArea .detachNodePublication2 p.selectBox {display: block;}
    .mobileAppendArea .detachNodePublication2 p.selectBox .fSelect {min-width: calc(50% - 4px);width: calc(50% - 4px);}
    .mobileAppendArea .detachNodePublication2 p.selectBox .fSelect + .fSelect {margin-left: 5px;margin-top: -2px;}

    .searchP .thesisDetailArea .tableLayout table.schDetail.publication1 thead th:nth-child(2) {width: 50%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.publication2 thead th:nth-child(2) {width: 30%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.publication2 thead th:nth-child(3) {width: 30%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.publication2 thead th:nth-child(4) {width: 15%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.publication2 thead th:nth-child(5) {width: 20%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.publication3 thead th:nth-child(2) {width: 30%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.publication3 thead th:nth-child(3) {width: 30%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.publication3 thead th:nth-child(4) {width: 15%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.publication3 thead th:nth-child(5) {width: 20%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.publication4 thead th:nth-child(2) {width: 50%;}

    /* 권호상세페이지 */
    .mobileAppendArea .detachNodeJournal {margin: 0;}
    .mobileAppendArea .detachNodeJournal p.searchBox {margin-bottom: 10px;}
    .mobileAppendArea .detachNodeJournal ul.volume {display: none;}
    .mobileAppendArea .detachNodeJournal p.selectBox {display: block;}
    .mobileAppendArea .detachNodeJournal p.selectBox .fSelect {min-width: calc(50% - 4px);width: calc(50% - 4px);}
    .mobileAppendArea .detachNodeJournal p.selectBox .fSelect + .fSelect {margin-left: 5px;margin-top: -2px;}

    /* 저자상세페이지 */
    .searchArea .checkGroup .btnExcel {display: none;}

    .searchP .thesisDetailArea .tableLayout table.schDetail.author1 thead th:nth-child(1) {width: 40%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author1 thead th:nth-child(2) {width: 30%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author1 thead th:nth-child(3) {width: 10%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author1 thead th:nth-child(4) {width: 5%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author1 thead th:nth-child(5) {width: 15%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author1 tbody td:nth-child(2) {word-break: break-word;}

    .searchP .thesisDetailArea .tableLayout table.schDetail.author2 {table-layout: fixed;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author2 thead th {white-space: nowrap;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author2 tbody td {/* white-space: nowrap; */}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author2 tbody td:nth-child(1) {min-width: 110px;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author2 tbody td:nth-child(2) {min-width: 80px;}

    .searchP .thesisDetailArea .tableLayout table.schDetail.author3 {table-layout: fixed;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author3 thead th {white-space: nowrap;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author3 tbody td:nth-child(1) {min-width: 110px;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author3 tbody td:nth-child(2) {min-width: 80px;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.author3 tbody td {/* white-space: nowrap; */}

    .quoteListArea {display: none;top: 618px;width: 100%;max-height: 710px;}

    /* 주제분류 리스트 */
    .mobileAppendArea .detachNodeCate .filterGroup.cate {display: none;}
    .mobileAppendArea .detachNodeCate p.selectBox {display: block !important;}
    .mobileAppendArea .detachNodeCate p.selectBox .fSelect {min-width: calc(50% - 4px);width: calc(50% - 4px);}
    .mobileAppendArea .detachNodeCate p.selectBox .fSelect + .fSelect {margin-left: 5px;}

    .searchP .thesisDetailArea.subjectSort .tileListArea {padding-bottom: 0px;border-bottom: none;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend {padding: 0;margin: 0 -25px 0;overflow: hidden;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend {margin: 0 0px 0;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend li.img {width: 100%;margin-left: 0px;margin-right: 0px;margin-bottom: 15px !important;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend li.img:last-child {margin-bottom: 0px !important;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend li.img a.hover {display: block;width: 84px;height: 105px;float: left;margin-right: 15px;position: relative;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend li.img a.hover img {max-height: 103px;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend li.img a.hover p.desc {display: block;background: none;padding-left: 98px;position: absolute;left: 0;top: 0;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend li.img a.hover p.desc span {display: block;width: 200px;height: 50px;font-size: 14px;line-height: 20px;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend li.img a.hover:hover p.desc span {font-size: 14px;color: #212121;display: block;text-decoration: underline;}
    .searchP .thesisDetailArea.subjectSort .tileListArea ul.recommend li.img p.info {margin-top: 30px;}

    .searchP .thesisDetailArea.subjectSort .funcButtonArea ul.sort {float: none;margin-left: 0px;margin-right: 15px;margin-top: 0px;margin-top: -20px;/* padding-top: 10px; */vertical-align: text-bottom;}
    .searchP .thesisDetailArea.subjectSort .funcButtonArea .fSelect.period {display: none;}
    .searchP .thesisDetailArea.subjectSort .funcButtonArea .fSelect.datatype {min-width: 100px;}

    .searchP .tileListArea ul.author {margin: 0 -5px 0;height: auto;display: block;}
    .searchP .tileListArea ul.author li {float: left;width: calc((100% - 20px) / 2);margin-left: 5px;margin-right: 5px;margin-bottom: 10px;border: 1px solid #f0f0f0;padding: 16px 19px 24px 19px;/* flex: 1; */text-align: center;}
    .searchP .tileListArea ul.author li:last-child {margin-bottom: 0px;}
    .searchP .tileListArea ul.author li a.name {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}
    .searchP .tileListArea ul.author li span.organ {display: block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}

    .searchP .thesisDetailArea .tableLayout table.schDetail.cate thead th:nth-child(3),
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate thead th:nth-child(4),
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate thead th:nth-child(6) {display: none;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate tbody td:nth-child(3),
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate tbody td:nth-child(4),
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate tbody td:nth-child(6) {display: none;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate thead th:nth-child(1) {width: 60%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate thead th:nth-child(2) {width: 30%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate thead th:nth-child(3) {width: 10%;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate thead th:nth-child(5) {border-right: none;}
    .searchP .thesisDetailArea .tableLayout table.schDetail.cate tbody td:nth-child(5) {border-right: none;}

}



/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */


/*비엔시스템 상세페이지 */


/*210430 마진 수정 보더 추가*/
.bnClass .searchP .selectGroup {margin-top: 16px;margin-right: 39px;margin-bottom: 21px;border-bottom: 1px solid #ECECEC;}
.searchP .selectGroup p.tit {font-size: 13px;color: #222222;font-family: 'notokr-medium', sans-serif;margin-bottom: 12px;}

/*210430 수정*/
.bnClass .searchP .selectGroup .selectWrap {padding: 0;margin-bottom: 7px;font-size: 12px;margin-left: 14px;}
.bnClass .searchP .selectGroup .selectWrap .condtion {color: #f04349;display: inline-block;margin: -2px 21px 6px 0;line-height: 13px;}

/*210430 이미지 변경*/
.bnClass .searchP .selectGroup .selectWrap .condtion span.del {display: inline-block;width: 13px;height: 13px;margin: -2px 0 0 0px;background: url(/images/common/delete-word.svg) no-repeat center;cursor: pointer;vertical-align: middle;}


/*210430 수정*/
.bnClass .searchP .filterGroup .fCheck input[type="checkbox"] + label:after {top: 1px; left: 0px;-webkit-margin-before: 0px;}


/*210430 검색어 키워드*/
/*210503 min-height*/
.bnClass .innerSearch .searchWrap{margin: 4px 0px 0px 14px;   font-size: 12px;}

/*호버 효과 추가 */
.bnClass .innerSearch .searchWrap .condtion {color: #f04349;display: inline-block;line-height: 13px;margin-bottom: 5px; margin-right: 5px;margin: -2px 21px 6px 0; cursor: pointer;}
.bnClass .innerSearch .searchWrap .condtion span.del {display: inline-block;width: 13px;height: 13px;margin: -2px 0 0 0px;background: url(/images/common/delete-word.svg) no-repeat center;cursor: pointer;vertical-align: middle;}


/*210427*/
.bnClass .searchTab{display: none;}

/*210427 margin bottom 제거, 폰트 변경 */
/*210503 폰트  수정*/
.bnClass .searchP .filterGroup p.tit {font-size: 13px;color: #222222;font-family: 'notokr-medium', sans-serif;line-height: 18px;}

/*210525 추가*/
.bnClass .searchP .filterGroup p.tit a.open:after{background: url('https://cdn.dbpia.co.kr/static/images/search/bigUp.svg');background-position: center;width: 10px;height: 6px;}
.bnClass .searchP .filterGroup p.tit a:after{background: url('https://cdn.dbpia.co.kr/static/images/search/bigDown.svg');background-position: center;width: 10px;height: 6px;}


/*210430 수정*/
.bnClass .searchP .filterGroup ul.subjectSort li.subject .fCheck {padding-left: 0px; line-height: 18px; display: block;
    overflow: hidden;}


/*210430 수정*/
/*210525 수정*/
.bnClass .searchP .filterGroup ul.generalSort li.general{overflow: hidden;}
.bnClass .searchP .filterGroup ul.generalSort li.general .fCheck{padding-left: 0px;}
.bnClass .searchP .filterGroup ul.subjectSort li.subject .fCheck input[type="checkbox"] + label {display: block; float: left;position: inherit; top: inherit; left: inherit}

/* 210430 추가*/
.bnClass .searchP .filterGroup ul.subjectSort li.subject .fCheck input[type="checkbox"] + label span{
	display: inline-block;width: 145px;}

/*210503 추가*/
.bnClass .searchP .filterGroup ul.subjectSort li.subject .fCheck.fCheckBtn input[type="checkbox"] + label span{width: 162px;}


/*210430 마진변경*/
/*210504 백그라운드 변경*/
.bnClass .searchP .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail:after {display: inline-block;content:"";width:10px;height:10px;margin: -1px 0 0 10px;vertical-align: middle;background: url(/images/common/subDown.svg) no-repeat center;}
.bnClass .searchP .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail.open:after {background: url(/images/common/subUp.svg) no-repeat center;}


/*210430 발행연도 추가*/
.bnClass .yearNew ul.subjectDetailSort {margin-left: 0px!important;}
.bnClass .yearNew .gInputText{width: 60px!important;}
.bnClass .yearNew .fText{height: 27px;text-align: center; border: 1px solid #C8C8C8;border-radius: 3px;color: #999;font-size: 12px;}
.bnClass .yearNew .btn{padding: 0px; width: 45px; height: 27px; border: 1px solid #c8c8c8; border-radius: 3px;color: #111!important;min-width: unset!important;margin-top: 0px!important;}
.bnClass .yearNew .btn:hover{box-shadow: none;}
.bnClass .searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail {margin-bottom: 8px;font-size: 12px;color: #666;}

/*210430 수정*/
.bnClass .searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail .fCheck {line-height: 18px; display: block;overflow: hidden; padding-left: 0px;}


/*210430 삭제*/
.bnClass .searchP .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail .fCheck input[type="checkbox"] + label {position: inherit; left: inherit; top: inherit;}


/*210430 수정*/
/*210525 수정*/
.bnClass .searchP .filterGroup ul.generalSort li.general .fCheck label {display: block;float: left;float: left;position: inherit;top: inherit;left: inherit;}

/*210430 수정*/
/*210525 수정*/
.bnClass .searchP .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"] + label:before {content:'';display:inline-block;margin: 1px 9px 0 0;width: 14px;height: 15px;line-height: 14px;text-align:center;vertical-align:top;border: 1px solid #c8c8c8;background:#fff;box-sizing:border-box;position: inherit;top: inherit;left: inherit;}

/*210430 수정*/
.bnClass .searchP .filterGroup ul.generalSort li.general .fCheck label span{width: 164px; display: inline-block;}


/*210430 수정*/
.bnClass .searchP .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"] + label:after {opacity: 0;display:block;content:"";position:absolute;top: 1px;left: 0px;width:15px;height:15px;background: url(/images/common/checked.svg) no-repeat center;}

/*210427 마진 수정*/
.bnClass .searchP .filterGroup p.searchBox .gInputText {float: left;margin-right: 0px;}

/*210427 height 수정*/
.bnClass .searchP .filterGroup p.searchBox .gInputText .fText {padding: 2px 9px 4px; height: 33px; font-size: 13px; border: 1px solid #c8c8c8;}

/*210501 border 삭제*/
.bnClass .searchP .tileListArea {position: relative;overflow: hidden;padding-bottom: 12px;border-bottom: none;}

.bnClass .searchP .headingArea.schResult button.btnIconB span.chooseBell:before {box-shadow: none;background: url(/images/common/search-result-on.svg) no-repeat; background-position: left center!important;margin-right: 5px;}


/*210430 수정*/
/*210504 수정*/
.bnClass .searchP .headingArea.schResult button.btnIconB {border: 1px solid #ccc!important;color: #666;padding: 0px; width: 107px;height: 32px;border-radius: 3px;}

/*210511 추가*/
.bnClass .searchP .headingArea.schResult button.btnIconB:hover{box-shadow: 2px 2px 3px rgba(0,0,0,.2);}
.bnClass .searchP .headingArea.schResult button.btnIconB:hover span.bell:before{box-shadow: none;background: url(/images/common/search-result-on.svg) no-repeat; background-position: left center!important;margin-right: 5px;}



.bnClass .searchP .headingArea.schResult button.btnIconB span.bell:before{box-shadow: none;background: url(/images/common/search-result-off.svg) no-repeat; background-position: left center!important;margin-right: 5px;}


/*210504 추가*/
.bnClass .searchP .headingArea.schResult button.on{color: #CC4736; border-color: #CC4736!important;}
.bnClass .searchP .headingArea.schResult button.on span.bell:before{background: url(/images/common/search-result-on.svg) no-repeat; background-position: left center!important;}

/*210430 수정*/
/*210527 수정*/
.bnClass .searchP .pcAppendArea .detachNodeWrap .selectGroup.detachNodeResult1 button.btnIconB {border: none!important;color: #666666;padding: 0px;position: absolute; right: 0px;top: 0px;left: inherit;}

/*210430추가*/
.bnClass .searchP .pcAppendArea .detachNodeWrap .selectGroup.detachNodeResult1 button.btnIconB:hover{box-shadow: none;}

/*210430 수정*/
.bnClass .searchP .pcAppendArea .detachNodeWrap .selectGroup.detachNodeResult1 button.btnIconB span.cancel:before {background-position: center;}


/*210507 고정 박스 수정*/
.right-box{float: left;width: 120px;margin-top: 120px;margin-left: 25px; position: relative;}

/*210510 추가*/
.right-box.is-affixed {top: -203px; height: 203px!important;}


.right-box .rbTitle{ font-size: 14px;color: #111111;font-family: 'notokr-bold', sans-serif;	margin-bottom: 5px;	display: block; width: 120px;}


/*210511 수정*/
.right-box .latestList .sideKeyword{display: block; margin: 11px 0px;font-size: 12px;color: #111111;font-family: 'notokr-regular', sans-serif;padding-right: 10px;position: relative;width: 120px;cursor: pointer;}
.right-box .latestList .sideKeyword span{width: 9px!important;height: 9px;background:url('/images/common/side-close.svg') no-repeat;background-size: 9px 9px;background-position: right center; display: inline-block;position: absolute;right: 0px;top: 2px;	cursor: pointer;width: 120px;}



/*210504 수정*/
.right-box .searchToggle{top: 0px; left: 0px; position: relative;width: 100%; opacity: 0;}


.right-box #searchInclude {	position: relative;	display: inline-block;line-height: 20px;}

.right-box .switch {position: relative;	display: inline-block;	width: 50px;height: 20px;  
	right: -8px;	top: -3px;}
.right-box .side-inner .latestList{margin-bottom: 20px;padding-bottom: 10px; border-bottom: 1px solid #ececec;}
.right-box.is-affixed .searchToggle{opacity: 1;width: 120px;}

@media screen and (max-width:1400px){
	.right-box{display: none;right: 0px;}
}

/*210503 수정*/
.bnClass .modal .searchList ul.listWrap{overflow: inherit;}


/*210503 수정*/
.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button{position: absolute;}
.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button.bookmark {	border: none!important;width: 22px!important;height: 32px!important;background: url('/images/common/listmark-off.svg') no-repeat center; display: block;padding: 0px!important;top: -3px;background-color: transparent!important; right: 31px; background-size: 22px 32px;padding: 0px!important; border: none!important;}
.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button.bookmark span:before{display: none;}
.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button.bookmark:hover{box-shadow: none;}
.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button.btnIconB span.download:before{display: none;!important}



.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button.downBtn {border:!important;color: #666666;padding: 0px;  margin: 0px; width: 84px;height: 29px; border: 1px solid #C8C8C8; border-radius: 3px;position: absolute; right: 0px; top: 40px;}
.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button.downBtn span{color: #666666;}
.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button.downBtn span::before{display: none;!important}




.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.bookmark:hover{box-shadow: none;border: none!important;}

.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button.btnIconB span.bookmark{	border: none!important;width: 22px!important;height: 32px!important;background: url('/images/common/listmark-off.svg') no-repeat center; display: block;padding: 0px!important;top: -3px;background-color: transparent!important; right: 31px; background-size: 22px 32px;padding: 0px!important; border: none!important;}

/*210430 북마크시*/
.bnClass .modal .searchList.recommend ul.listWrap li.item .btnGroup button.btnIconB span.bookmark.on{background: url('/images/common/listmark-on.svg');}

/*210427 컬러변경*/
.bnClass .searchP .searchDetailArea .infoWrap dl dt {font-size: 14px;color: #666;display: inline-block;width: 150px;vertical-align: top;line-height: 20px;}

/*210427 컬러 변경*/
.bnClass .searchP .searchDetailArea .infoWrap dl dd a.link {color: #111111; word-wrap: break-word;word-break: break-all;display: block;}

/*210429 padding-right: 제거*/
/*210529 padding-right: 0*/
.bnClass .searchP .newsTickerArea p.tit {line-height: 20px;font-size: 16px;margin-bottom: 11px;padding-right: 0px;}


/*210427 모바일전용 접었다 펼치기*/
.bnClass .searchP .searchDetailArea .foldBtn {display: none;}

/*210427 컬러 추가*/
.bnClass .searchP .newsTickerArea p.tit .highlight {font-family: 'notokr-medium', sans-serif;color: #1F8BD8;}

/*210427 컬러추가*/
.bnClass .news_wrap .slide_wrap {position:relative;width: 100%;color: #999999;}







/*헤더 보더 변경*/
.bnHead{border-color: #efefef;}



/*210504 상단 분류 수정*/
.bnClass .searchP .thesisInfoArea{margin-top: 17px;margin-bottom: 0px;padding-bottom: 41px;}
.bnClass .searchP .thesisInfoArea .typeWrap ul.type li.data {color: #165C92;font-size: 14px;}

/*210515 마진 바텀 제거 */
.bnClass .contents .contWrap.aside .section{padding-right: 20px;  border-right: 1px solid #efefef;}
.bnClass .contents .contWrap.aside .section:nth-child(1){border-right: none;overflow: hidden;padding-right: 0px;}
.bnClass .searchP .thesisInfoArea .typeWrap{margin-bottom: 3px;}


/*210521 추가*/
.bnClass .searchP .thesisInfoArea .heWrap{min-height: 93px;border-bottom: 1px solid #efefef;}


/*210506 폰트 사이즈 수정*/
.bnClass .contents .contWrap.aside h2{font-size: 22px;margin-bottom: 4px;}

/*210521 보더 제거*/
.bnClass .searchP .thesisInfoArea p.subTit{font-size: 14px; color: #999;padding-bottom: 15px;    margin-bottom: 0px;}

/*210506 저자 정보 변경*/
.bnClass .searchP .thesisInfoArea .quoteWrap{padding: 0px 15px 15px 15px; background-color: transparent;border-right: none; border-left: none;margin-top: 0px;}
.bnClass .searchP .thesisInfoArea .quoteWrap p.cover{display: inline-block;width: 110px; height: 143px;float: left;}
.bnClass .searchP .thesisInfoArea .quoteWrap p.cover img{display: block;width: 100%; height: 100%;cursor: pointer;}
.bnClass .searchP .thesisInfoArea .quoteWrap .author-wrap{float: left; margin-left: 20px;display: block; width: calc( 100% - 130px );position: relative;min-height: 143px;}
.bnClass .searchP .thesisInfoArea .quoteWrap .author-wrap p,
.bnClass .searchP .thesisInfoArea .quoteWrap .author-wrap ul{display: block;   width: 100%; margin-bottom: 10px;margin-top: 0px;line-height: 18px;}
.bnClass .searchP .thesisInfoArea .quoteWrap p.doi{margin-bottom: 35px!important;}
.bnClass .searchP .thesisInfoArea .quoteWrap .author-wrap p .text{margin-right: 3px;}
.bnClass .searchP .thesisInfoArea .quoteWrap ul.infoWrap li{margin-bottom: 0px;}
.bnClass .searchP .thesisInfoArea .stats{float: left;display: block; width: 100%;position: absolute;bottom: 0px;left: 0px; line-height: 17px;}
.bnClass .searchP .thesisInfoArea .stats p{display: inline-block;position: relative;font-size: 14px;padding: 0px 10px; float: left;float: left;width: auto!important;display: inline-block!important;margin-bottom: 0px!important;}
.bnClass .searchP .thesisInfoArea .stats p:after{position: absolute;top: 5px;right: 0;display: block;content: "";width: 1px;height: 11px;vertical-align: middle;background: #d8d8d8;}
.bnClass .searchP .thesisInfoArea .stats p:nth-child(2):after{right: -10px;}
.bnClass .searchP .thesisInfoArea .stats p:first-child{margin-left: -10px;}
.bnClass .searchP .thesisInfoArea .stats p:last-child:after{display: none;color: #666;}
.bnClass .searchP .thesisInfoArea .stats p .count{font-family: 'notokr-bold', sans-serif;}
.bnClass .searchP .thesisInfoArea .stats p.use .count,
.bnClass .searchP .thesisInfoArea .stats p.quote .count{color: #3C63E0;}
.bnClass .searchP .thesisInfoArea .stats p.bookmark .count{color: #2A2A2A;}
 
/*210511 호버 텍스트 */
.bnClass .searchP .thesisInfoArea .quoteEx{font-size: 13px; font-family: 'notokr-regular', sans-serif; color: #111; text-align: center; letter-spacing: 0.65px; padding: 0px 15px;height: 40px; line-height: 38px; border: 1px solid #ccc; box-shadow: 0px 3px 6px rgba(0,0,0,.2);position: absolute;top: 149px;left: 320px;background-color: #fff; z-index: 9999;display: none;}
.bnClass .searchP .thesisInfoArea .bookmarkEx{font-size: 13px; font-family: 'notokr-regular', sans-serif; color: #111; text-align: center;letter-spacing: 0.65px; padding: 0px 15px;height: 40px; line-height: 38px; border: 1px solid #ccc; box-shadow: 0px 3px 6px rgba(0,0,0,.2);position: absolute;top: 149px;left: 248px;background-color: #fff; z-index: 9999;display: none;}
.bnClass .searchP .thesisInfoArea .stats .quote,
.bnClass .searchP .thesisInfoArea .stats .bookmark{cursor: pointer;padding: 0px;margin: 0px 10px;}




/*210506 상단 좌측*/
.bnClass .contents {max-width: 1080px; margin: 0 auto;}
.bnClass .contents .contWrap.aside{max-width: 870px; margin: 0 auto; padding: 0px; float: left;}
.bnClass .contents .asideWrap{width: 210px;float: left;}







/*210514 삭제*/
/*
.contents .asideWrap .btnTop button.quoteMenu{ background-color: #1F8BD8;margin-left: 10px;}
.contents .asideWrap .btnTop button{display: inline-block; width: 60px; height: 60px; border: 1px solid #CCCCCC; border-radius: 3px; padding: 0px; min-width: inherit;margin: 0px;vertical-align: top;float: left;text-align: center;font-size: 14px; color: #111;font-family: 'notokr-medium', sans-serif; color: #fff;border: none;}
.contents .asideWrap .btnTop a{display: inline-block; width: 60px; height: 60px; border: 1px solid #CCCCCC; border-radius: 3px; padding: 0px; min-width: inherit;margin: 0px;vertical-align: top;float: left;text-align: center;font-size: 14px; color: #111;font-family: 'notokr-regular', sans-serif; color: #111;border: 1px solid #ccc;}
.contents .asideWrap .btnTop a:hover{box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
*/






/***************210603 기존버튼삭제***************/
/*210514 보더 추가*/
/*.bnClass .contents .asideWrap .btnTop button{display: inline-block; width: 60px; height: 60px; border: 1px solid #1F8BD8; border-radius: 3px; padding: 0px; min-width: inherit;margin: 0px;vertical-align: top;float: left;text-align: center;font-size: 14px; color: #111;font-family: 'notokr-medium', sans-serif; color: #fff;}*/

/*댓글버튼*/
/*
.bnClass .contents .asideWrap .btnTop{border-bottom: 1px solid #efefef;overflow: hidden; padding: 16px 0px 16px 0px;margin-top: 17px;}
.bnClass .contents .asideWrap .btnTop a{display: inline-block; width: 60px; height: 60px; border: 1px solid #CCCCCC; border-radius: 3px; padding: 0px; min-width: inherit;margin: 0px;vertical-align: top;float: left;text-align: center;font-size: 14px; color: #111;font-family: 'notokr-regular', sans-serif; color: #111;border: 1px solid #ccc;margin: 0px 10px;position: relative;}
.bnClass .contents .asideWrap .btnTop a:hover{box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.bnClass .contents .asideWrap .btnTop a .count{font-size: 8px;min-width: 15px;min-height: 15px;border-radius: 15px;display: block;position: absolute;top: 7px;left: 28px;background-color: #666;color: #fff;line-height: 15px;padding: 1px 3px;}
*/

/*210518 수정*/
/*
.bnClass .contents .asideWrap .btnReple.active .count{display: none;}
.bnClass .contents .asideWrap .btnReple:hover{text-decoration: none;}
.bnClass .contents .asideWrap .btnReple:before{content: ""; width: 22px; height: 20px; background: url('/images/common/reply.svg') no-repeat; background-size: 22px 20px; margin: 0 auto; display: block; position: absolute; top: 11.5px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .contents .asideWrap .btnReple .btnTitle {position: absolute; top: 36.5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .contents .asideWrap button.quoteMenu:before{content: ""; width: 25px; height: 20px; background: url('/images/common/quote.svg') no-repeat; background-size: 25px 20px; display: block; position: absolute; top: 11.5px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .contents .asideWrap button.quoteMenu .btnTitle {position: absolute; top: 36.5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
*/


/*인용 버튼 수정*/
/*
.bnClass .contents .asideWrap button.quoteMenu{position: relative; background-color: #1F8BD8;margin-left: 10px;}
.bnClass .contents .asideWrap button.quoteMenu:before{content: ""; width: 25px; height: 20px; background: url('/images/common/quote.svg') no-repeat; background-size: 25px 20px; display: block; position: absolute; top: 11.5px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .contents .asideWrap button.quoteMenu:hover{background-color: #0C74BE; border: 1px solid #0C74BE;}
*/


/*알림 버튼*/
/*
.bnClass .contents .asideWrap button.btnModal{color: #111;font-family: 'notokr-regular', sans-serif;}
.bnClass .contents .asideWrap button.btnModal:before{content: ""; width: 19px; height: 24px; background: url('/images/common/bell-off.svg') no-repeat; background-size: 19px 24px; margin: 0 auto; display: block; position: absolute; top: 10px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .contents .asideWrap button.btnModal:hover{background-color: #fff;color: #CC4736;border-color: #CC4736!important; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.bnClass .contents .asideWrap button.btnModal:hover:before{content: ""; width: 19px; height: 24px; background: url('/images/common/bell-on.svg') no-repeat; background-size: 19px 24px; margin: 0 auto; display: block;top: 10px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .contents .asideWrap button.btnModal.active{color: #CC4736;border-color: #CC4736!important;}
.bnClass .contents .asideWrap button.btnModal.active:before{content: ""; width: 19px; height: 24px; background: url('/images/common/bell-on.svg') no-repeat; background-size: 19px 24px; margin: 0 auto; display: block;top: 10px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .contents .asideWrap button.btnModal .btnTitle {position: absolute; top: 36.5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}

*/


/***************210603 기존버튼삭제 끝***************/





/*모바일 알럿*/
.bnClass .mobilePop{display: none; position: fixed; top: 70%; left: 50%; transform: translate(-50%);-webkit- transform: translate(-50%);max-width: 250px; min-width: 250px; background-color: rgba(0,0,0,0.6); z-index: 9999;font-size: 16px; color: #fff; padding: 25px 15px;border-radius: 8px; text-align: center;}


.bnClass .searchP .thesisInfoArea .quoteWrap{border:none;border-right: 1px solid #efefef;margin-top: 20px;margin-bottom: 0px; padding-bottom: 17px;min-height: 160px; }




/*210603 새로운 상단 추가*/
/*210603-2 min-height 추가*/
/*210603-3 패딩바텀 추가*/
.bnClass .newDetail{max-width: 1080px; margin: 17px auto 0px;overflow: hidden;border-bottom: 1px solid #efefef;position: relative;min-height: 93px;padding-bottom: 9px;}

/*210603 새로운 상단 좌측 추가*/
.bnClass .newDetail .heWrap{width: calc( 100% - 220px ); }
.bnClass .newDetail .heWrap .typeWrap{margin-bottom: 3px;}
.bnClass .newDetail .heWrap .typeWrap:after {display: block;width: 0;height: 0;content: ""; clear: both;}
.bnClass .newDetail .heWrap .typeWrap ul.type li.data {color: #165C92;font-size: 14px;}
.bnClass .newDetail .heWrap .typeWrap ul.type li.rate {color: #c93035;padding-top: 2px;}
.bnClass .newDetail .heWrap .typeWrap ul.type li {float: left;font-size: 12px;position: relative;padding: 0 4px 0;}
.bnClass .newDetail .heWrap .typeWrap ul.type li:first-child {padding-left: 0px;}
.bnClass .newDetail .heWrap h2 {font-size: 22px;margin-bottom: 4px;line-height: 33px;color: #111;font-family: 'notokr-bold', sans-serif;word-break: keep-all;word-wrap: break-word;}

/*210603 서브타이틀*/
.bnClass .newDetail .heWrap p.subTit {font-size: 14px;color: #111;padding-bottom: 4px;margin-bottom: 0px;position: relative;padding-left: 9px;line-height: 21px;}


.bnClass .newDetail .heWrap p.subTit:before {position: absolute;top: 11px;left: 0;display: block;content: "";width: 4px;height: 1px;vertical-align: middle;background: #111111;}

/*210603 이퀄타이틀*/
.bnClass .newDetail .heWrap p.equalTit {font-size: 12px;color: #999;padding-bottom: 4px;margin-bottom: 0px;position: relative;line-height: 21px;}


/*210603 새로운 상단 우측 추가*/
/*210604 absolute important 추가*/
.bnClass .newDetail .btnTop {padding: 0;position: absolute!important;bottom: 16px; right: 0px;}
.bnClass .newDetail .btnTop button {display: inline-block;width: 60px;height: 60px;border: 1px solid #1F8BD8;border-radius: 3px;padding: 0px;min-width: inherit;margin: 0px;vertical-align: top;float: left;text-align: center;font-size: 14px;color: #111;font-family: 'notokr-medium', sans-serif;color: #fff;}

/*210603 새로운 상단 댓글버튼*/
.bnClass .newDetail .btnTop a{display: inline-block; width: 60px; height: 60px; border: 1px solid #CCCCCC; border-radius: 3px; padding: 0px; min-width: inherit;margin: 0px;vertical-align: top;float: left;text-align: center;font-size: 14px; color: #111;font-family: 'notokr-regular', sans-serif; color: #111;border: 1px solid #ccc;margin: 0px 10px;position: relative;}
.bnClass .newDetail .btnTop a:hover{box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.bnClass .newDetail .btnTop a .count{font-size: 8px;min-width: 15px;min-height: 15px;border-radius: 15px;display: block;position: absolute;top: 7px;left: 28px;background-color: #666;color: #fff;line-height: 15px;padding: 1px 3px;}
.bnClass .newDetail .btnReple.active .count{display: none;}
.bnClass .newDetail .btnReple:hover{text-decoration: none;}
.bnClass .newDetail .btnReple:before{content: ""; width: 22px; height: 20px; background: url('/images/common/reply.svg') no-repeat; background-size: 22px 20px; margin: 0 auto; display: block; position: absolute; top: 11.5px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .newDetail .btnReple .btnTitle {position: absolute; top: 36.5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}




/*210603 새로운 상단 인용버튼*/
.bnClass .newDetail button.quoteMenu:before{content: ""; width: 25px; height: 20px; background: url('/images/common/quote.svg') no-repeat; background-size: 25px 20px; display: block; position: absolute; top: 11.5px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .newDetail button.quoteMenu .btnTitle {position: absolute; top: 36.5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .newDetail button.quoteMenu{position: relative; background-color: #1F8BD8;margin-left: 10px;}
.bnClass .newDetail button.quoteMenu:before{content: ""; width: 25px; height: 20px; background: url('/images/common/quote.svg') no-repeat; background-size: 25px 20px; display: block; position: absolute; top: 11.5px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .newDetail button.quoteMenu:hover{background-color: #0C74BE; border: 1px solid #0C74BE;}


/*210603 새로운 상단 알림 버튼*/
.bnClass .newDetail button.btnModal{color: #111;font-family: 'notokr-regular', sans-serif;}
.bnClass .newDetail button.btnModal:before{content: ""; width: 19px; height: 24px; background: url('/images/common/bell-off.svg') no-repeat; background-size: 19px 24px; margin: 0 auto; display: block; position: absolute; top: 10px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .newDetail button.btnModal:hover{background-color: #fff;color: #CC4736;border-color: #CC4736!important; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.bnClass .newDetail button.btnModal:hover:before{content: ""; width: 19px; height: 24px; background: url('/images/common/bell-on.svg') no-repeat; background-size: 19px 24px; margin: 0 auto; display: block;top: 10px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .newDetail button.btnModal.active{color: #CC4736;border-color: #CC4736!important;}
.bnClass .newDetail button.btnModal.active:before{content: ""; width: 19px; height: 24px; background: url('/images/common/bell-on.svg') no-repeat; background-size: 19px 24px; margin: 0 auto; display: block;top: 10px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .newDetail button.btnModal .btnTitle {position: absolute; top: 36.5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.bnClass .newDetail button.alarm span{font-size: 13px; color: #333;}








/*리스트 버튼*/
.bnClass .searchP .thesisInfoArea .btnWrap{overflow: hidden; border-right: 1px solid #efefef; padding:0px 20px 41px 0px;}
.bnClass .searchP .thesisInfoArea .btnWrap .borderWrap{overflow: hidden;border-top: 1px solid #efefef;padding-top: 17px;}
.bnClass .searchP .thesisInfoArea .mobBtn{display: none;}
.bnClass .searchP .thesisInfoArea .btnWrap .borderWrap .record{margin:0px 30px 0px 16px; width: calc( 100% - 493px );}
.bnClass .searchP .thesisInfoArea .btnWrap .borderWrap .recordRed{color: #CC4736;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup{padding-bottom: 0px;margin-right: 5px;margin-bottom: 32px;max-width: 442px;}



/*내서재 리스트*/
.bnClass .searchP .section:nth-child(1) .thesisInfoArea{padding-bottom: 0px;}
.bnClass .thesisInfoArea button:hover{box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.bookmark{min-height: 42px;padding: 0px;min-height: inherit; line-height: 42px; width: 140px;height: 42px;border-radius: 3px;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.bookmark span{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #666;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.bookmark span:before{content: ""; width: 12px; height: 16px; background: url('/images/common/bookmark-mob.svg') no-repeat; background-size: 12px 16px; margin: -4px 5px 0px 0;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.bookmark.selected{border-color: #C93035!important;background-color: #fff!important;;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.bookmark.selected span{color: #666!important}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.bookmark.selected span:before{content: ""; width: 12px; height: 16px; background: url('/images/common/log-on.svg') no-repeat; background-size: 12px 16px;margin: -4px 5px 0px 0;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.btnDownload{min-height: 42px;padding: 0px;min-height: inherit; line-height: 42px; width: 140px;height: 42px;border-radius: 3px;border-color: #C93035!important;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.btnDownload span{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #CC4736;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.btnDownload span:before{content: ""; width: 15px; height: 16px; background: url('/images/common/log-in.svg') no-repeat; background-size: 15px 16px;margin-right: 5px; }
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.btnPdfView{min-height: 42px;padding: 0px;min-height: inherit; line-height: 42px; width: 140px;height: 42px;border-radius: 3px;border-color: #C93035!important;background-color: #C93035!important;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.btnPdfView span{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #fff;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.btnPdfView span:before{content: ""; width: 16px; height: 16px; background: url('/images/common/view-journal.svg') no-repeat; background-size: 16px 16px;margin-right: 5px; }
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.use{min-height: 42px;padding: 0px;min-height: inherit; line-height: 42px; width: 140px;height: 42px;border-radius: 3px;border-color: #1F8BD8!important;background-color: #fff;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.use span{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #1F8BD8;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.use span:before{content: ""; width: 15px; height: 16px; background: url('/images/common/log-blue.svg') no-repeat; background-size: 15px 16px;margin-right: 5px; }
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.preView{min-height: 42px;padding: 0px;min-height: inherit; line-height: 42px; width: 140px;height: 42px;border-radius: 3px;border-color: #1F8BD8!important; background-color: #1F8BD8;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.preView span{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #fff;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.preView span:before{content: ""; width: 16px; height: 16px; background: url('/images/common/view-journal.svg') no-repeat; background-size: 16px 16px;margin-right: 5px; }
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.connecView{min-height: 42px;padding: 0px;min-height: inherit; line-height: 42px; width: 140px;height: 42px;border-radius: 3px;border-color: #C93035!important;background-color: #C93035;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.connecView span{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #fff;}
.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.connecView span:before{content: ""; width: 16px; height: 16px; background: url('/images/common/connect.svg') no-repeat; background-size: 16px 16px;margin-right: 5px; }




 
/*초록, 목록 탭 타이틀*/
.bnClass .searchP .thesisDetailArea ul.list li.item .textWrap p.tit{font-family: 'notokr-medium', sans-serif;}
.bnClass .searchP .thesisDetailArea h3{font-size: 18px; color: #111;line-height: 1; padding-bottom: 11px; overflow: hidden;margin-bottom: 15px;}
.bnClass .searchP .thesisDetailArea.empty h3 a.btnToggle{color: #111;}
.bnClass .searchP .thesisDetailArea h3 {color: #111; border-color: #efefef;}
.bnClass .searchP #pub_reference h3,
.bnClass .searchP #pub_recommend h3,
.bnClass .searchP #pub_download h3,
.bnClass .searchP #pub_quote h3,
.bnClass .searchP #pub_people h3,
.bnClass .searchP #pub_review h3{padding-left: 16px;}
.bnClass .searchP .thesisDetailArea h3 span{cursor: pointer; color: #111;}
.bnClass .searchP .thesisDetailArea h3 .selTab{color: #666;}
.bnClass .searchP .thesisDetailArea h3 .selTab.active{color: #111;}
.bnClass .searchP .thesisDetailArea h3 .sel-1{font-size: 18px; color: #666; width: 120px;display: block;text-align: center;position: relative;float: left;}
.bnClass .searchP .thesisDetailArea h3 .sel-1:after{content: ""; width: 100%; height: 2px; border-radius: 4px;background-color: #C93035; position: absolute;bottom: -11px;left: 0px; display: none;}
.bnClass .searchP .thesisDetailArea h3 .sel-2{font-size: 18px; color: #666; width: 50px;display: block;text-align: center;position: relative;float: left;}
.bnClass .searchP .thesisDetailArea h3 .sel-2:after{content: ""; width: 100%; height: 2px; border-radius: 4px;background-color: #C93035; position: absolute; bottom: -11px;left: 0px; display: none;}
.bnClass .searchP .thesisDetailArea h3 .sel-1.active:after,
.bnClass .searchP .thesisDetailArea h3 .sel-2.active:after{display: block;}
.bnClass .searchP .thesisDetailArea h3 span.count,
.bnClass .searchP .thesisDetailArea.empty h3 .count{font-size: 16px; color: #C93035;margin-left: 5px;}




/* 아티클*/
.bnClass .detail-con2{display: none;}
.bnClass .searchP .thesisDetailArea p.article,
.bnClass .searchP .thesisDetailArea p.index{color: #666; padding-left: 18px;line-height: 26px;}
.bnClass .searchP .thesisDetailArea p.article .newKeyword{margin-top: 20px; display: block;overflow: hidden;margin-bottom: 7px;padding: 3px;margin-left: -3px;}
.bnClass .searchP .thesisDetailArea p.article .newKeyword a{display: block; float: left; border: 1px solid #C5DAE9; border-radius: 3px; padding: 5px 10px; margin-right: 15px; margin-bottom: 10px;}
.bnClass .searchP .thesisDetailArea p.article .newKeyword a:last-child{margin-right: 0px;}
.bnClass .searchP .thesisDetailArea p.article .newKeyword a:hover{text-decoration: none;border-color: #9BD0F6;box-shadow: 0px 1px 3px rgba(31,139,216,0.4); }
.bnClass .searchP .thesisDetailArea h3 button.btnReport {position: absolute;right: 0;top: 7px;font-size: 10px;  color: #B6B6B6;}
.bnClass .searchP .thesisDetailArea h3 button.btnReport:after {display: inline-block;content: "";width: 5px;height: 7px;vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/atag-right.svg) no-repeat 0 0;
margin: -1px 0px 0px 5px;}
.bnClass .searchP .thesisDetailArea h3 button.btnApply {position: absolute;right: 0;top: 7px;font-size: 10px;  color: #B6B6B6;padding: 0px;border: none!important;}
.bnClass .searchP .thesisDetailArea h3 button.btnApply:after {display: inline-block;content: "";width: 5px;height: 7px;vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/atag-right.svg) no-repeat 0 0;
margin: -1px 0px 0px 5px;}
.bnClass .searchP .thesisDetailArea h3 button.btnApply:hover{box-shadow: none;}
.bnClass .searchP .thesisDetailArea ul.list.new li.item ul.info li{font-size: 13px;color: #666;}
.thesisTitleColor{color: #111111;}
.bnClass .searchP .thesisDetailArea{padding-bottom: 33px;}
.bnClass .searchP #pub_reference .thesisDetailArea ul.list.new li.item{overflow: hidden;}
.bnClass .searchP #pub_reference .thesisDetailArea ul.list.new li.item p.tit{font-size: 16px; color: #111;}
.bnClass .searchP #pub_reference .thesisDetailArea ul.list.new li.item p.tit a{color: #111;}
.bnClass .searchP #pub_reference .thesisDetailArea ul.list.new li.item p.tit a img{height: 14px;}
.bnClass .searchP #pub_reference .thesisDetailArea ul.list.new li.item .num{display: block; width: 5px; height: 5px;border-radius: 5px;background-color: #666666;margin-top: 14px;}
.bnClass .searchP #pub_reference .thesisDetailArea ul.list li.item .textWrap{float: left; margin: 8px 7px 0px 7px;}
.bnClass .searchP #pub_people li.item{margin-bottom: 17px;}

/*210618 마진 제거*/
.bnClass .searchP #pub_people .info{margin-left: 0px;}


/*210618 수정*/
.bnClass .searchP #pub_people .info li{margin-bottom: 0px;padding: 0px; padding-right: 8px;display: inline;float: inherit;}
.bnClass .searchP #pub_people .info .author a{font-size: 16px; color: #165C92; font-family: 'notokr-medium', sans-serif;display: inline;}
.bnClass .searchP #pub_people .info .author a span{font-size: 14px; color: #666;}
.bnClass .searchP #pub_people .info .using{margin-top: 3px;}
.bnClass .searchP #pub_people .info .using,
.bnClass .searchP #pub_people .info .using a {font-size: 14px; font-family: 'notokr-regular', sans-serif; color: #111;}
.bnClass .searchP #pub_people .info li a{display: inline-block;}
.bnClass .searchP #pub_people .thesisDetailArea ul.list.new li.item ul.info li:after{position: inherit;display: inline-block;top: inherit; margin-top: -3px;margin-left: 8px;height: 13px;}
.bnClass .searchP #pub_people .info .using a{margin-top: 0px;}

/*210618 추가*/
.bnClass .searchP #pub_people .thesisDetailArea ul.list.new li.item ul.info li.using:after{display: none;}




.bnClass .searchP .thesisDetailArea ul.list,
.bnClass .searchP .thesisDetailArea ul.list.new{padding-left: 16px;}
.bnClass .searchP #pub_reference .thesisDetailArea ul.list,
.bnClass .searchP #pub_reference .thesisDetailArea ul.list.new{padding-left: 0px!important;}
.bnClass .searchP #pub_quote .thesisDetailArea ul.list li.item p.tit{font-size: 16px; font-family: 'notokr-medium', sans-serif;color: #111111;}
.bnClass .searchP #pub_quote .thesisDetailArea ul.list li.item p.tit a{ color: #111; }
.bnClass .searchP #pub_quote .thesisDetailArea ul.list li.item ul.info li{font-size: 13px; color: #666;}
.bnClass .searchP .thesisDetailArea ul.list li.item p.tit{margin-bottom: 4px;}
.bnClass .searchP .thesisDetailArea ul.list li.item ul.info li{font-size: 12px;margin-bottom: 0px;}
.bnClass .searchP .thesisDetailArea ul.list li.item ul.info li:after{top: 2px; height: 12px; background: #ccc;}

/*210601 텍스트 언더라인 추가 */
.searchP #pub_recommend p.tit a:hover{color: #165C92;text-decoration: underline;}
.bnClass .searchP #pub_reference .thesisDetailArea ul.list.new li.item p.tit a:hover{text-decoration: underline;}
.bnClass .searchP .thesisDetailArea ul.list.new li.item ul.info li a:hover{text-decoration: underline;cursor: pointer;}
.bnClass .searchP .thesisDetailArea ul.list li.item .textWrap p.tit a{color: #111;}
.bnClass .searchP .thesisDetailArea ul.list li.item .textWrap p.tit a:hover{text-decoration: underline;cursor: pointer;}


/*댓글창*/
.bnClass .reviewWrap .rsWrap {margin: 16px auto 15px auto; overflow: hidden; text-align: center;}
.searchP .thesisDetailArea .reviewInputBox{border-left: none; border-right: none; border-bottom: none;padding: 0px 12px;}
.bnClass .reviewBody .gInputText .placeholder{top: 22px; color: #d2d2d2;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .noticeReview{text-align: right; color: #C8C8C8;font-size: 13px; padding: 20px 0px 10px 0px;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewHead{background-color: #fff;padding: 0px;border: 1px solid #efefef; border-radius: 3px 3px 0px 0px; border-bottom: none;padding-top: 10px;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewHead .fText{font-size: 13px; color: #111; font-family: 'notokr-bold', sans-serif; padding: 8.5px 0px;border: none; background-color: #fff; padding-left: 10px;height: 12px;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewHead .fText::placeholder{color: #111;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewBody .fTextarea::placeholder{ line-height: 18px;font-size: 13px;color: #D2D2D2;font-family: 'notokr-regular', sans-serif;font-weight: normal;}


/*210526 변경*/
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewBody {padding-bottom: 15px;border: 1px solid #efefef;border-top: none;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewBody .fTextarea{ border-top: none; padding: 10px; font-size: 13px; }
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewBody .textLimit{position: absolute; right: 8px; bottom: -10px; font-size: 10px; color: #666; font-family: 'notokr-regular', sans-serif;}



.bnClass .reviewWrap .rsWrap .reviewStats{display: inline-block;font-size: 12px;}
.bnClass .reviewWrap .rsWrap .reviewStats:nth-child(2){margin-left: 22px;}
.bnClass .reviewWrap .rsWrap .reviewStats:nth-child(2):before{content: ""; display: block;width: 20px; height: 20px; background: url('/images/common/impressive.svg') no-repeat; background-position: center;margin: 0 auto 8px auto;}
.bnClass .reviewWrap .rsWrap .reviewStats:nth-child(1):before{content: ""; display: block;width: 20px; height: 20px; background: url('/images/common/smile.svg') no-repeat; background-position: center;margin: 0 auto 8px auto}
.bnClass .reviewWrap .rsWrap .reviewStats span{display: block;margin-top: 10px;font-size: 16px;}



/*등록버튼 */
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot{overflow: hidden;padding: 0px;height: 42px;border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; border-radius: 0px 0px 3px 3px; border-top: none;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot .right{float: left;padding: 0px;width: calc( 100% - 70px ); text-align: right; line-height: 40px;margin-right: 6px;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot .right .fRadio{font-size: 13px;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot button.btnWrite{width: 64px; height: 41px;float: left;border-radius: 3px; position: inherit;right: inherit; bottom: inherit;min-width: inherit;background-color: #C93035;}

/*리뷰라디오*/
.bnClass .fRadio input[type="radio"] + label{vertical-align: middle;}
.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot .right .bnClass .fRadio + .fRadio{margin-left: 14px;}
.bnClass .fRadio input[type="radio"] + label img,
.bnClass .fRadio input[type="radio"] + label span,
.bnClass .fRadio input[type="radio"] + label:before{float: left; vertical-align: middle;}
.bnClass .fRadio input[type="radio"] + label img{ margin: 8px 10px 0px 5.5px; width: 16px; height: 16px; }
.bnClass .fRadio input[type="radio"] + label:before {content:'';display:inline-block;margin: 9px 0px 0 0;width: 15px;height: 15px;line-height:15px;text-align:center;vertical-align:middle;background: url(/images/common/radio.svg) no-repeat;box-sizing:border-box;}
.bnClass .fRadio input[type="radio"]:checked + label:before {background: url('/images/common/radio-checked.svg') no-repeat;}


/*최근 본 자료 추가*/
.bnClass .latestView{margin-top: 20px;margin-left: 20px;}
.bnClass .latestView p{font-size: 14px; font-family: 'notokr-bold', sans-serif; color: #111;padding-bottom: 5px; margin-bottom: 11px; border-bottom: 1px solid #efefef;line-height: 1;}
.bnClass .latestView .viewL a{font-size: 13px; color: #111; display: block;width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 11px;}
.bnClass .latestView .viewList{border-bottom: 1px solid #efefef;}
.bnClass .latestView .viewL2{display: none;}
.bnClass .latestView .viewBottom{overflow: hidden; margin-top: 6px; overflow: hidden}
.bnClass .latestView .viewBottom .viewBtn{overflow: hidden; float: left;}
.bnClass .latestView .viewBottom .viewBtn a{display: block; width: 20px; height: 20px; border: 1px solid #ccc;border-radius: 20px; float: left;}
.bnClass .latestView .viewBottom .viewBtn a.prev.active{background: url('/images/common/prev-off.svg') no-repeat center;}
.bnClass .latestView .viewBottom .viewBtn a.prev{background: url('/images/common/prev-on.svg') no-repeat center;}
.bnClass .latestView .viewBottom .viewBtn a.next.active{background: url('/images/common/next-off.svg') no-repeat center;}
.bnClass .latestView .viewBottom .viewBtn a.next{background: url('/images/common/next-on.svg') no-repeat center;margin-left: 5px;}
.bnClass .latestView .viewBottom .more-list{font-size: 10px; color: #111; float: right;line-height: 20px;}
.bnClass .latestView .viewBottom .more-list:after{display: inline-block;content: "";width: 4px;height: 8px;    vertical-align: middle;background: url(/images/common/next-on.svg) no-repeat 0 0;background-size: 4px 8px; margin: -2px 0px 0px 2px;}


/*주간인기 탑5*/
.bnClass .popularList{margin-top: 11px;margin-left: 20px;}
.bnClass .popularList p{font-family: 'notokr-bold', sans-serif; font-size: 14px; color: #111; line-height: 1;}
.bnClass .popularList p span{color: #1F8BD8;}
.bnClass .popularList .rank {margin-top: 5px; padding-top: 11px; border-top: 1px solid #efefef;}
.bnClass .popularList .rank p{font-family: 'notokr-regular', sans-serif; font-size: 12px; color: #111;padding-left: 13px;line-height: 14px;}
.bnClass .popularList .rank p span{color: #1F8BD8;}
.bnClass .popularList .rank .rankWrap{padding-left: 13px;border-bottom: 1px solid #efefef; padding-bottom: 19px;}
.bnClass .popularList .rank .rankWrap a{font-size: 12px; line-height: 14px; font-family: 'notokr-regular', sans-serif; color: #111; display: block;margin-top: 11px;}
.bnClass .popularList .rankBottom .more-list{font-size: 10px; color: #111; float: right;line-height: 20px;}
.bnClass .popularList .rankBottom .more-list:after{display: inline-block;content: "";width: 4px;height: 8px;    vertical-align: middle;background: url(/images/common/next-on.svg) no-repeat 0 0;background-size: 4px 8px; margin: -2px 0px 0px 2px;}


/*플로팅 메뉴*/


.bnClass .searchP #newFloat2{display: none;}
.searchP .thesisInfoArea .btnWrap .btn + .btn{margin-left: 6px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    

    .bnClass .searchP #newFloat{display: none;}
    .bnClass .searchP #newFloat2{display: block;}
    .bnClass .contents .asideWrap{height: auto!important;}
    .bnClass .searchP .newFloat .floatingBar{top: -526px;}
    
}
 





.bnClass .searchP .newFloat{position: -webkit-sticky;position: sticky; width: 180px;margin-left: 20px; padding-bottom: 50px;}
.bnClass .searchP .newFloat button:hover{box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.bnClass .searchP .newFloat .floatingBar{padding: 0px;height: 313px;}
.bnClass .searchP .newFloat .floatingBar span.type{position: unset!important;display: block;left: 0px;top: 0px;text-align: left;color: #165C92; font-size: 14px; width: 100%; margin-top: 10px;border-top: 1px solid #efefef; padding-top: 20px;width: 100%;}
.bnClass .searchP .newFloat .floatingBar p.info{font-size: 16px; padding-bottom: 24px; border-bottom: 1px solid #efefef;margin-bottom: 24px;width: 100%;}
.bnClass .searchP .newFloat .floatingBar p.info span{line-height: 20px; height: 40px;}
.bnClass .newFloat .floatingBar .btnGroup{position: unset!important; top: unset!important; right:unset!important;width: 100%;}
.bnClass .newFloat .floatQuote{width: 62px!important;height: 30px!important;line-height: 30px;border-radius: 3px;padding: 0px;min-width: unset;margin: 0px;vertical-align: top;float: left;text-align: center;border: 1px solid #1f8bd8;display: block;text-align: center; float: none;}
.bnClass .newFloat .floatQuote span{font-size: 14px;color: #1F8BD8;}
.bnClass .newFloat .floatQuote span:before{content: "";width: 16px;height: 15px;background: url(/images/common/quote-blue.svg) no-repeat;background-size: 16px 15px;margin: 0 auto;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 3px;}
.bnClass .searchP .newFloat .floatingBar button,
.bnClass .searchP .newFloat .floatingBar button.bookmark{border: 1px solid #ccc!important;display: block;width: 180px;height: 42px;margin-left: 0px!important;border-radius: 3px;}
.bnClass .searchP .newFloat .floatingBar button:nth-child(n+2){margin-top: 10px;}
.bnClass .searchP .newFloat .floatingBar .floatQuote{border: 1px solid #86C0E9!important;}
.bnClass .searchP .newFloat .floatingBar button {color: #666; font-size: 16px; font-family: 'notokr-medium', sans-serif; text-align: center;}
.bnClass .searchP .newFloat .floatingBar button.bookmark span:before{content: ""; width: 12px;height: 16px; background: url(/images/common/bookmark.svg) no-repeat; background-size: 12px 16px; margin: -4px 5px 0px 0;display: inline-block;vertical-align: middle; margin-top: -2px;}
.bnClass .searchP .newFloat .floatingBar button.disabled{color: #fff;background-color: #C8C8C8;}
.bnClass .searchP .newFloat .floatingBar button.disabled span:before{content: "";width: 16px;height: 15px;background: url(/images/common/down-white.svg) no-repeat;background-size: 16px 15px;margin: 0 auto;display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.bnClass .searchP .newFloat .floatingBar button.bookmark.selected{border-color: #C93035!important;background-color: #fff!important;;}
.bnClass .searchP .newFloat .floatingBar button.bookmark.selected span{color: #666!important}
.bnClass .searchP .newFloat .floatingBar button.bookmark.selected span:before{content: ""; width: 12px; height: 16px; background: url('/images/common/log-on.svg') no-repeat; background-size: 12px 16px;margin: -4px 5px 0px 0;}
.bnClass .searchP .newFloat .floatingBar button.btnDownload{border-color: #CC4736!important;color: #cc4736!important;}
.bnClass .searchP .newFloat .floatingBar button.btnDownload span:before {content: "";width: 15px;
    height: 16px;background: url(/images/common/log-in.svg) no-repeat; background-size: 15px 16px;margin-right: 5px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.bnClass .searchP .newFloat .floatingBar button.use{border-color: #1F8BD8!important;color: #1F8BD8!important;}
.bnClass .searchP .newFloat .floatingBar button.use span:before {content: "";width: 15px;height: 16px;background: url(/images/common/log-blue.svg) no-repeat;background-size: 15px 16px;margin-right: 5px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.bnClass .searchP .newFloat .floatingBar button.btnPdfView { border-color: #CC4736!important;background-color: #CC4736!important;color: #fff;}
.bnClass .searchP .newFloat .floatingBar button.btnPdfView  span:before {content: "";width: 16px;height: 16px;
    background: url(/images/common/view-journal.svg) no-repeat;background-size: 16px 16px;margin-right: 5px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.bnClass .searchP .newFloat .floatingBar button.connecView {border-color: #CC4736!important;background-color: #CC4736!important;color: #fff;}
.bnClass .searchP .newFloat .floatingBar button.connecView  span:before {content: ""; width: 16px;height: 16px;background: url(/images/common/connect.svg) no-repeat;background-size: 16px 16px; margin-right: 5px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.bnClass .searchP .newFloat .floatingBar button.preView {border-color: #1F8BD8!important;background-color: #1F8BD8!important;color: #fff;}
.bnClass .searchP .newFloat .floatingBar button.preView  span:before {content: "";width: 16px; height: 16px;  background: url(/images/common/view-journal.svg) no-repeat; background-size: 16px 16px;margin-right: 5px;display: inline-block;vertical-align: middle;margin-top: -2px;}



/*피규어 테이블*/
.bnClass #figure_area{width: 190px;margin-left: 20px;}
.bnClass .figure_wrap{border: none;}
.bnClass .figure_wrap .btn_prev{background: url('/images/common/figure-l.svg') no-repeat;width: 7px; height: 13px;}
.bnClass .figure_wrap .btn_next{background: url('/images/common/figure-r.svg') no-repeat;width: 7px; height: 13px;}

.bnClass .figure_wrap .title{font-family: 'notokr-bold', sans-serif; font-size: 14px; color: #111;padding-bottom: 5px;border-bottom: 1px solid #efefef;margin-bottom: 26px;padding-top: 41px; padding-left: 0px;}
.bnClass .figure_wrap .slide .img img{border: none; width: 160px; height: 103px;}




/*리뷰없을 경우*/
.bnClass #dev_noReview{margin-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #efefef;}
.bnClass #dev_noReview span{margin: 0px;}
.bnClass #dev_noReview span:before{content: "";background: url('/images/common/review-icon.svg'); width: 25px; height: 21px; background-size: 25px 21px; margin: 0px auto 10px auto;display: block;}




/*리뷰 리스트*/
.bnClass .searchP .thesisDetailArea .reviewList{border-top: 1px solid #efefef; margin: 16px 12px 0px 12px;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item p.writer span.name{font-size: 13px; color: #111;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item{margin-top: 15px; padding-bottom: 11px;position: relative;}

/*210603 마진값 변경*/
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item p.text{margin-top: 12px; line-height: 20px; color: #666666; font-size: 13px;margin-bottom: 16px;}


.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item ul.info {margin: 0px;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item ul.info li{font-size: 10px; color: #666; padding: 2px 0px;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item ul.info li:after{display: none;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item ul.info li:first-child{margin-right: 14px;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item ul.info li span.bad,
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item ul.info li span.good{font-size: 10px; color: #111111;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item ul.info li span.bad:before{content: "";width: 12px; height: 12px; background: url('/images/common/impressive.svg') no-repeat; background-size: 12px 12px; display: inline-block; vertical-align: middle; margin: -2px 3px 0px 0px;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item ul.info li span.good:before{content: "";width: 12px; height: 12px; background: url('/images/common/smile.svg') no-repeat; background-size: 12px 12px; display: inline-block; vertical-align: middle; margin: -1px 3px 0px 0px;}


/*리뷰 버튼들*/
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item .reviewMenu{position: absolute; top: 0px; right: 10px; cursor: pointer;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item .btnBox{position: absolute; top: 7px; right: 30px;width: 60px;border: 1px solid #ccc; border-radius: 3px;display: none;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item .btnBox.active{display: block;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item .btnBox a{font-size: 12px; text-align: center; display: block; color: #666666; height: 26px; line-height: 26px;background-color: #fff;}
.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item .btnBox a:hover{text-decoration: none; background-color: #F6F6F6;}

/*리뷰 수정*/
.bnClass .searchP .thesisDetailArea .editArticle{margin-top: 20px;}
.bnClass .searchP .thesisDetailArea .editArticle .reviewInputBox{padding: 0px;border: none;}
.bnClass .searchP .thesisDetailArea .editArticle .reviewComt {border-bottom: none;}

/*210603 마진바텀 추가*/
#pub_review{ margin-bottom: 50px;}

.bnClass .searchP #pub_review .uciBot{border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; height: 37px; margin: 0px 16px;}
.bnClass .searchP #pub_review .uciBot p{line-height: 37px; text-align: right; font-size: 12px; font-family: 'notokr-regular', sans-serif; color: #C8C8C8;margin-right: 7px;}













/*권호페이지 시작*/
/*좌측 리스트 시작*/


.publicP .leftTop {padding-bottom: 20px; border-bottom: 1px solid #efefef;width: 190px;}
.publicP .leftTop .subTitle{display: block; margin: 25px 0px 16px 0px; font-size: 14px; font-family: 'notokr-medium', sans-serif;color: #111111; }
.publicP .leftTop .subText{font-size: 13px;margin-bottom: 6px;font-family: 'notokr-medium', sans-serif;color: #111111; display: block;}
.publicP .gInputText.schBox{width: 190px!important;border: 1px solid #ccc;border-radius: 3px;overflow: hidden;margin-top: 0px;}
.publicP .gInputText.schBox .btnSearch.innerSearch{width: 37px;float: left;width: 37px;float: left;display: block;height: 33px;position: unset;top: 0px;right: 0px;background-color: transparent;border: none; border-left: 1px solid #ccc;background: url('/images/common/search_black.svg') no-repeat;background-position: center;}
.publicP .gInputText.schBox .fText::placeholder{font-size: 12px; color: #999999;}
.publicP .gInputText.schBox .fText{border:none; float: left; width: calc( 100% - 37px );padding: 9px 10px;}


/*좌측 리스트 셀렉트 박스*/
.publicP  .leftTwo {margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #efefef; width: 190px;}

/*210601 저널 셀렉트 ... 추가*/
.publicP .pcAppendArea .leftTwo .caption span {display: block;padding-right: 33px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.publicP  .leftTwo .newSel{height: 33px;}
.publicP  .leftTwo .newSel .dropdown .caption{line-height: 33px;}
.publicP  .leftTwo .newSel .dropdown,
.publicP  .leftTwo .newSel .dropdown .caption{ width: 190px; height: 33px;}
.publicP  .leftTwo .subText{font-size: 13px;margin: 16px 0px 6px 0px;font-family: 'notokr-medium', sans-serif;color: #111111; display: block;}
.publicP  .leftTwo .newSel .select .select-styled{ border-radius: 3px; cursor: pointer; background-position: 170px center;    padding: 10px 30px 10px 10px;color: #999999;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;    line-height: inherit;}
.publicP  .leftTwo .newSel .select .select-options{border: 1px solid #ccc;border-radius: 3px;box-shadow: 0px 3px 6px rgb(0 0 0 / 40%);position: absolute;z-index: 999;top: 31px;overflow: hidden;display: none;width: 190px;}
.publicP  .leftTwo .newSel .select .select-options li{width: 189px; font-size: 12px; padding: 10px; background-color: #fff;color: #999999;}
.bnClass .leftTwo .newSel .select .select-options li:hover{background-color: #ececec;cursor: pointer;}


/*좌측 리스트 타이틀*/
.publicP .filterGroup{margin-top: 21px;margin-right: 39px;margin-top: 0px;border-bottom: 1px solid #efefef;}
.publicP .filterGroup p.tit{font-size: 14px;}
.publicP .filterGroup p.tit a{ color: #111;position: relative;width: 100%;display: block;}

/*210519 이미지 */
.publicP .filterGroup p.tit a img{margin: -3px 0px 0px 12px;}


.publicP .filterGroup p.tit a:after{content: ""; background: url(https://cdn.dbpia.co.kr/static/images/search/bigDown.svg) no-repeat;background-position: center!important;width: 11px;height: 7px;position: absolute;top: 16.5px; right: 0px;}
.publicP .filterGroup p.tit a.open:after{content: ""; display: block; background: url(https://cdn.dbpia.co.kr/static/images/search/bigUp.svg) no-repeat;background-position: center!important;}
.publicP .filterGroup p.tit.general{height: 40px; line-height: 40px;}
/*.publicP .filterGroup ul.subjectSort{margin-bottom: 3px; height: 0px; overflow: hidden;transition-duration: .3s;}*/
.publicP .filterGroup ul.subjectSort.open{height: auto;}


/*210520 변경*/
.publicP .filterGroup ul.subjectSort li.subject{font-size: 12px;color: #666; cursor: pointer;}
.publicP .filterGroup ul.subjectSort li.subject a{display: block;padding: 5px 0px 5px 15px;}
.publicP .filterGroup ul.subjectSort li.subject a:hover{text-decoration: none;}


/*210519 호버추가*/
.publicP .filterGroup ul.subjectSort li.subject:hover{background-color: #f1f1f1;}





/*탭 pc에서 안보이게*/
.publicP .publicTab{display: none;}

/*책이미지*/
.publicP .searchDetailArea .infoWrap button.btnReport{font-size: 10px;color: #B6B6B6;padding: 0px;border: none!important;top: -17px;}
.publicP .searchDetailArea .infoWrap button.btnReport:after{display: inline-block;content: "";width: 5px;height: 7px;vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/atag-right.svg) no-repeat 0 0;margin: -1px 0px 0px 5px;}
.publicP .searchDetailArea .imgWrap{width: 158px; height: 222px;position: absolute; left: 0; top: 0;border: 1px solid #cccccc;}
.publicP .searchDetailArea .imgWrap img {width: 100%;height: 100%;max-height: 222px;}
.publicP .searchDetailArea.coverImage{padding-left: 188px;margin-bottom: 30px;}
.publicP .searchDetailArea.coverImage .infoWrap{min-height: 222px;padding: 0px; padding-top: 20px;position: relative;border: 1px solid #efefef; background-color: #FAFAFA;}


/*저널 인포 */
.publicP .searchDetailArea .infoWrap dl{padding: 0px 20px;}
.publicP .searchDetailArea .infoWrap dl:last-of-type{margin-bottom: 50px;}
.publicP .searchDetailArea .infoWrap dl dt {font-family: 'notokr-medium', sans-serif; color: #666666;}
.publicP .searchDetailArea .infoWrap dl {margin-bottom: 10px;}
.publicP .searchDetailArea .infoWrap dl dt {font-size: 14px;color: #777777;display: inline-block;width: 150px;vertical-align: top;line-height: 20px;}
.publicP .searchDetailArea .infoWrap dl dd {font-size: 14px;color: #111111;display: inline-block;width: calc(100% - 160px);line-height: 20px;}
.publicP .searchDetailArea .infoWrap dl dd a.link {color: #3c63e0; word-wrap: break-word;word-break: break-all;display: block;}
.publicP .searchDetailArea .infoWrap dl dd .article {height: 63px;}
.publicP .searchDetailArea .infoWrap dl dd .option a {font-size: 12px;color: #999999;font-family: 'notokr-medium', sans-serif;}
.publicP .searchDetailArea.coverImage .infoWrap dl dt{width: 128px;}
.publicP .searchDetailArea.coverImage {position: relative;padding-left: 180px;}
.publicP .searchDetailArea.coverImage .infoWrap {min-height: 224px;}
.publicP .searchDetailArea.coverImage .infoWrap dl dt {width: 120px;}

/*오류보고하기*/
.publicP .searchDetailArea .infoWrap button.btnReport {position: absolute;right: 0;top: -25px;font-size: 12px;color: #898989;}
.publicP .searchDetailArea .infoWrap button.btnReport:after {display: inline-block;content:"";width: 5px;height: 9px;margin: -2px 0 0 5px;vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat 0 0;}




/*새로운 이용수,논문수 부분*/
.publicP .searchDetailArea .infoWrap .topBottom{border-top: 1px solid #efefef;height: 40px;position: absolute; bottom: 0px;overflow: hidden;width: 100%;}
.publicP .searchDetailArea .infoWrap .topBottom div{float: left;height: 40px; line-height: 40px;}
.publicP .searchDetailArea .infoWrap .topBottom div:nth-child(1){padding: 0px 32px 0px 20px; margin-right: 32px; position: relative;}
.publicP .searchDetailArea .infoWrap .topBottom div:nth-child(1):after{content: "";width: 1px; height: 15px; background-color: #D1D1D1; right: 0px;display: block;position: absolute;top: 12px;right: 0px;}
.publicP .searchDetailArea .infoWrap .topBottom div span{font-size: 14px; font-family: 'notokr-medium', sans-serif;}
.publicP .searchDetailArea .infoWrap .topBottom div span:nth-child(1){color: #666;}
.publicP .searchDetailArea .infoWrap .topBottom div span:nth-child(2){color: #111;margin-left: 7px;}


/*새로운 권호 이동 버튼*/
.publicP .moveOther{overflow: hidden;border: 1px solid #efefef;height: 40px;}
.publicP .moveOther div{float: left; width: 50%; cursor: pointer;position: relative;font-size: 14px;font-family: 'notokr-medium';}
.publicP .moveOther div span{height: 40px; line-height: 40px;}
.publicP .moveOther div .moveTitle{text-align: center;width: 100%;display: block;}

/*210519추가*/
.publicP .moveOther div .moveTitle:hover{text-decoration: underline; color: #165C92;}

.publicP .moveOther div .moveSpan{position: absolute;}
.publicP .moveOther div.prev:after{content: ""; position: absolute; width: 1px; height: 40px; background-color: #efefef; right: 0px; top: 0px;}
.publicP .moveOther div.prev .moveTitle{float: right; width: calc( 100% - 150px ); margin:0px 44px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.publicP .moveOther div.prev .moveSpan{left: 0px;top: 0px; padding-left: 33px;}
.publicP .moveOther div.prev .moveSpan:after{content:"";background: url('/images/common/leftarrow.svg') no-repeat; background-position: center;position: absolute;left: 0px;top: 15px;width: 7px;height: 11px;padding: 0px 13px;}
.publicP .moveOther div.next .moveTitle{float: left; width: calc( 100% - 150px ); margin:0px 44px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.publicP .moveOther div.next .moveSpan{right: 0px;top: 0px;padding-right: 33px;}
.publicP .moveOther div.next .moveSpan:after{content:"";background: url('/images/common/rightarrow.svg') no-repeat; background-position: center;position: absolute;right: 0px;top: 15px;width: 7px;height: 11px;padding: 0px 13px;}


/*리스트 상단 시작*/
.publicP .searchListArea{margin-top: 27px;}
.publicP .searchListArea .listHead{margin-bottom: 10px;}
.publicP .searchListArea .listHead .btnGroup{margin-top: 0px;}
.publicP .searchListArea .listHead .fCheck{margin-right: 16px;margin-top: 0px;}
.publicP .fCheck input[type="checkbox"] + label:before{margin-right: 18px;}
.publicP .listHead span{font-size: 12px;}
.publicP .searchListArea .listHead .btnGroup button.btnIconB span.bookmark:before {background: url(/images/common/bookmark.svg) no-repeat center!important;width: 9px;height: 12px;
    margin-right: 8px;margin-top: -3px;background-size: 9px!important;}
.publicP .searchListArea .listHead .allNum{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #111;margin-bottom: 22px;}
.publicP .searchListArea .listHead .allNum span{ color: #CC4736; font-size: 16px; }


.publicP .fCheck.searchChk input[type="checkbox"] + label:before {content: '';display: inline-block;margin: 0px 9px 0 0;width: 15px;height: 15px;border-radius: 3px;line-height: 14px;text-align: center;vertical-align: top;border: 1px solid #c8c8c8;background: #fff;box-sizing: border-box;color: #707070;}
.publicP .fCheck input[type="checkbox"] + label:after {opacity: 0;display: block;content: "";position: absolute;top: 4px;left: 0px;width: 15px;height: 15px;background: url(/images/common/checked.svg) no-repeat center;}
.publicP .fCheck input[type="checkbox"]:checked + label:after{opacity: 1;}



/*저널 리스트 시작*/
.publicP .searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.data {color: #165C92;}
.publicP .searchListArea .listBody.schResult ul.list li.item:first-child .listBox{padding: 26px 0px 15px 33px; border-top: 1px solid #efefef!important;}
.publicP .searchListArea .listBody.schResult ul.list li.item .listBox .fCheck{top: 25px;}
.publicP .searchListArea .listBody ul.list li.item .listBox .typeWrap{margin-bottom: 5px;}
.publicP .searchListArea .listBody ul.list li.item .listBox .titWrap h5 a{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #111;}
.publicP .searchListArea .listBody ul.list li.item .listBox ul.info{overflow: hidden; margin-left: -4px; line-height: 1;margin-bottom: 0px;}
.publicP .searchListArea .listBody ul.list li.item .listBox ul.info li{font-size: 13px; color: #666;}
.publicP .searchListArea .listBody ul.list li.item .listBox ul.info li.journal{font-weight: inherit;}
.publicP .searchListArea .listBody ul.list li.item .listBox ul.info li a{color: #666;}
.publicP .searchListArea .listBody ul.list li.item .listBox span.stats {color: #666;font-size: 13px;/* cursor: pointer; */  margin-top: 18px; display: block;}
.publicP .searchListArea .listBody ul.list li.item .listBox span.stats:before {display:inline-block;width: 18px;height: 11px;content:"";margin: -2px 4px 0px 0px;vertical-align: middle;background: url(/images/common/see.svg) no-repeat center center;}
.publicP .searchListArea .listBody ul.list li.item .listBox span.stats:hover {color: #666;}
.publicP .searchListArea .listBody ul.list li.item .listBox span.stats small {color: #666;font-family: 'notokr-regular', sans-serif;font-size: 13px;margin-left: 4px;}
.publicP .searchListArea .listBody ul.list li.item .listBox ul.info {overflow: hidden;margin-left: -4px;line-height: 1;}
.publicP .searchListArea .listBody ul.list li.item .listBox span.summary{margin: 7px 0px 0px 0px; color: #666; font-size: 13px;}
.publicP .searchListArea .listBody ul.list li.item .listBox span.stats .notice{color: #c8c8c8;margin-left: 15px;}
.publicP .upDown{display: none;}

















/*210520저널페이지 시작*/
/*좌측 리스트 시작*/
.journalP .leftTop {padding-bottom: 20px; border-bottom: 1px solid #efefef;width: 190px;}
.journalP .leftTop .subTitle{display: block; margin: 25px 0px 16px 0px; font-size: 14px; font-family: 'notokr-medium', sans-serif;color: #111111; }
.journalP .leftTop .subText{font-size: 13px;margin-bottom: 6px;font-family: 'notokr-medium', sans-serif;color: #111111; display: block;}
.journalP .gInputText.schBox{width: 190px!important;border: 1px solid #ccc;border-radius: 3px;overflow: hidden;margin-top: 0px;}
.journalP .gInputText.schBox .btnSearch.innerSearch{width: 37px;float: left;width: 37px;float: left;display: block;height: 33px;position: inherit;top: 0px;right: 0px;background-color: transparent;border: none; border-left: 1px solid #ccc;background: url('/images/common/search_black.svg') no-repeat;background-position: center;}
.journalP .gInputText.schBox .fText::placeholder{font-size: 12px; color: #999999;}
.journalP .gInputText.schBox .fText{border:none; float: left; width: calc( 100% - 37px );padding: 9px 10px;}


/*210520 좌측 리스트 셀렉트 박스*/
.journalP  .leftTwo {margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #efefef; width: 190px;}

/*210601 저널 검색탭 높이  추가*/
.journalP .pcAppendArea .leftTwo {height: 75px;}


/*210601 저널 셀렉트 ... 추가*/
.journalP .pcAppendArea .leftTwo .caption span {display: block;padding-right: 33px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}


.journalP  .leftTwo .dropdown{height: 33px;}
.journalP  .leftTwo .newSel .select{position: relative;}

.journalP  .leftTwo .newSel .dropdown .caption{line-height: 33px;}
.journalP  .leftTwo .newSel .dropdown,
.journalP  .leftTwo .newSel .dropdown .caption{ width: 190px; height: 33px;}
.journalP  .leftTwo .subText{font-size: 13px;margin: 16px 0px 6px 0px;font-family: 'notokr-medium', sans-serif;color: #111111; display: block;}
.journalP  .leftTwo .newSel .select .select-styled{ border-radius: 3px; cursor: pointer; background-position: 170px center;    padding: 10px 30px 10px 10px;color: #999999;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;    line-height: inherit;}
.journalP  .leftTwo .newSel .select .select-options{border: 1px solid #ccc;border-radius: 3px;box-shadow: 0px 3px 6px rgb(0 0 0 / 40%);position: absolute;z-index: 999;top: 31px;overflow: hidden;display: none;width: 190px;}
.journalP  .leftTwo .newSel .select .select-options li{width: 189px; font-size: 12px; padding: 10px; background-color: #fff;color: #999999;}
.leftTwo .newSel .select .select-options li:hover{background-color: #ececec;cursor: pointer;}


/*210520 좌측 리스트 타이틀*/
.journalP .filterGroup{margin-top: 21px;margin-right: 39px;margin-top: 0px;border-bottom: 1px solid #efefef;}
.journalP .filterGroup p.tit{font-size: 14px;}
.journalP .filterGroup p.tit a{ color: #111;position: relative;width: 100%;display: block;}
.journalP .filterGroup p.tit a img{margin: -3px 0px 0px 12px;}
.journalP .filterGroup p.tit a:after{content: ""; background: url(https://cdn.dbpia.co.kr/static/images/search/bigDown.svg) no-repeat;background-position: center!important;width: 11px;height: 7px;position: absolute;top: 16.5px; right: 0px;}
.journalP .filterGroup p.tit a.open:after{content: ""; display: block; background: url(https://cdn.dbpia.co.kr/static/images/search/bigUp.svg) no-repeat;background-position: center!important;}
.journalP .filterGroup p.tit.general{height: 40px; line-height: 40px;}
.journalP .filterGroup ul.subjectSort.open{height: auto;}
.journalP .filterGroup ul.subjectSort li.subject{font-size: 12px;color: #666; cursor: pointer;}
.journalP .filterGroup ul.subjectSort li.subject a{display: block;padding: 5px 0px 5px 15px;}
.journalP .filterGroup ul.subjectSort li.subject a:hover{text-decoration: none;}
.journalP .filterGroup ul.subjectSort li.subject:hover{background-color: #f1f1f1;}


/*210520 pc에서 탭 안보이게 */
.journalP .publicTab{display: none;}




/*210520 책이미지*/

/*210527 알림버튼 추가*/
.journalP .alarmBtn{ position: absolute; top: 24px;right: 0px;}
.journalP .alarmBtn button{background-color: #fff!important; width: 115px;height: 28px;text-align: center;line-height: 32px;border-radius: 3px; font-family:  'notokr-medium', sans-serif;font-size: 12px;line-height: 0.8;padding: 0px!important;border: 1px solid #DFDFDF;}
.journalP .alarmBtn button span{padding-left: 17px;	background: url('/images/common/bell-small.svg') no-repeat;	background-size: 12px;	background-repeat: no-repeat;	background-position: left center;color: #666; font-family:  'notokr-medium', sans-serif;font-size: 12px;}
.journalP .alarmBtn.active button{border-color: #CC4736!important;}
.journalP .alarmBtn.active button span{	background: url('/images/common/search-result-on.svg') no-repeat;background-size: 12px;	background-repeat: no-repeat;	background-position: left center; color: #CC4736;	}
.journalP .alarmBtn:hover button span{	background: url('/images/common/search-result-on.svg') no-repeat;background-size: 12px;	background-repeat: no-repeat;	background-position: left center;}

.journalP .searchDetailArea .infoWrap button.btnReport{font-size: 10px;color: #B6B6B6;padding: 0px;
    border: none!important;top: -17px;}
.journalP .searchDetailArea .infoWrap button.btnReport:after{display: inline-block;content: "";width: 5px;height: 7px;vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/atag-right.svg) no-repeat 0 0;margin: -1px 0px 0px 5px;}
.journalP .searchDetailArea .imgWrap{width: 158px; height: 222px;position: absolute; left: 0; top: 0;border: 1px solid #cccccc;}
.journalP .searchDetailArea .imgWrap img {width: 100%;height: 100%;max-height: 222px;}
.journalP .searchDetailArea.coverImage{padding-left: 188px;margin-bottom: 30px;}

/*210526 수정*/
/*210527 oveflow hidden 제거*/

/*210618 overflow padding 추가*/
.journalP .searchDetailArea.coverImage .infoWrap{min-height: 222px;padding: 0px; padding-top: 20px;position: relative;border: 1px solid #efefef; background-color: #FAFAFA;overflow: hidden;padding-bottom: 50px;}


/*210520 저널 인포 */

/*210526 추가*/
/*210529 삭제*/
/*.journalP .leftTwo{height: 75px;}*/
.journalP .leftTwo div.dropdown > div.list{top: 32px;}

/*210602 패딩 라이트 추가*/
.journalP .headingArea.schDetail{padding: 0px;margin: 24px 0px 25px 0px; padding-right: 135px;}
.journalP .headingArea.schDetail h2{font-size: 24px;}

/*210602 위치변경*/
.journalP button.btnReport {position: absolute;right: 0;bottom: -22px;font-size: 12px;color: #898989;}


.journalP button.btnReport:after {display: inline-block;content: "";width: 5px;height: 9px;margin: -2px 0 0 5px;vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat 0 0;}





.journalP .searchDetailArea .infoWrap dl{padding: 0px 20px;}
.journalP .searchDetailArea .infoWrap dl:last-of-type{margin-bottom: 50px;}
.journalP .searchDetailArea .infoWrap dl dt {font-family: 'notokr-medium', sans-serif; color: #666666;}
.journalP .searchDetailArea .infoWrap dl {margin-bottom: 10px;width: 50%; float: left;}
.journalP .searchDetailArea .infoWrap dl dt {font-size: 14px;color: #777777;display: inline-block;width: 150px;vertical-align: top;line-height: 20px;}

/*210528 위드값 수정*/
.journalP .searchDetailArea .infoWrap dl dd {font-size: 14px;color: #111111;display: inline-block;width: calc(100% - 124px);line-height: 20px;}


.journalP .searchDetailArea .infoWrap dl dd a.link {color: #3c63e0; word-wrap: break-word;word-break: break-all;display: block;}
.journalP .searchDetailArea .infoWrap dl dd .article {height: 63px;}
.journalP .searchDetailArea .infoWrap dl dd .option a {font-size: 12px;color: #999999;font-family: 'notokr-medium', sans-serif;}
.journalP .searchDetailArea.coverImage {position: relative;padding-left: 180px;}
.journalP .searchDetailArea.coverImage .infoWrap dl dt {width: 120px;}


/*210621 추가*/
.journalP .searchDetailArea.coverImage .infoWrap .iwLine{overflow: hidden;}
.journalP .searchDetailArea .infoWrap .iwLine dl:last-of-type{margin-bottom: 0px!important;}



/*210520 호버 텍스트 */
.journalP .use,
.journalP .used{cursor: pointer;}


/*210525 너비 수정*/
/*210528 위치 수정*/

/*210602 위드값 제거 위치변경*/
.journalP .quoteEx{font-size: 13px; font-family: 'notokr-regular', sans-serif; color: #111; text-align: center; letter-spacing: 0.65px; padding: 0px 15px;height: 40px; line-height: 38px; border: 1px solid #ccc; box-shadow: 0px 3px 6px rgba(0,0,0,.2);position: absolute;top: 35px;right: 0px; white-space: nowrap;background-color: #fff; z-index: 9999;display: none;}
.journalP .bookmarkEx{font-size: 13px; font-family: 'notokr-regular', sans-serif; color: #111; text-align: center;letter-spacing: 0.65px; padding: 0px 15px;height: 40px; line-height: 38px; border: 1px solid #ccc; box-shadow: 0px 3px 6px rgba(0,0,0,.2);position: absolute;top: 35px;left: 0px;white-space: nowrap; background-color: #fff; z-index: 9999;display: none;}



/*210520 오류보고하기*/
/*210526 오류보고하기 수정*/
.journalP .searchDetailArea button.btnReport {position: absolute;right: 0;top: 70px;font-size: 12px;color: #898989;}
.journalP .searchDetailArea button.btnReport:after {display: inline-block;content:"";width: 5px;height: 9px;margin: -2px 0 0 5px;vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/search/atag-right.svg) no-repeat 0 0;}




/*210520 새로운 이용수,논문수 부분*/
.journalP .searchDetailArea .topBottom{border-top: 1px solid #efefef;height: 40px;position: absolute; bottom: 0px;width: 100%;}
.journalP .searchDetailArea .topBottom div{float: left;height: 40px; line-height: 40px;padding: 0px 20px 0px 0px; margin-right: 20px;position: relative;}
.journalP .searchDetailArea .topBottom div:first-child{padding-left: 20px;}
.journalP .searchDetailArea .topBottom div span{font-size: 14px; font-family: 'notokr-medium', sans-serif;}
.journalP .searchDetailArea .topBottom div:after {content: "";width: 1px;height: 15px;background-color: #D1D1D1;right: 0px;display: block;position: absolute;top: 12px;right: 0px;}
.journalP .searchDetailArea .topBottom div:last-child:after{display: none;}
.journalP .searchDetailArea .topBottom div span:nth-child(1){color: #666;}
.journalP .searchDetailArea .topBottom div span:nth-child(2){color: #111;margin-left: 7px;}



/*210520 저널페이지 호버시 박스*/
@media (hover: hover) {
	.journalP .searchDetailArea .topBottom .useCont:hover .bookmarkEx{display: block;}
	.journalP .searchDetailArea .topBottom .usedCont:hover .quoteEx{display: block;}
}



/*210520 저널페이지 첫번째 탭*/
.journalP .jBtn{overflow: hidden;margin-top: 28px; position: relative; height: 40px;}
.journalP .jBtn .bot-line{border-bottom: 1px solid #CC4736; position: absolute;bottom: 0px;width: 100%;}
.journalP .jBtn ul li {font-family: 'notokr-medium', sans-serif; font-size: 14px; color: #111111;width: 50%; height: 40px; line-height: 40px; text-align: center;float: left;border: 1px solid #dcdcdc; position: absolute; cursor: pointer;z-index: 2; bottom: 0px;border-bottom: 1px solid #CC4736;}
.journalP .jBtn ul li.active{border-color: #cc4736;z-index: 3; border-bottom: 1px solid #fff;}
.journalP .jBtn ul li:nth-child(1){top: 0px; left: 0px;}
.journalP .jBtn ul li:nth-child(2){width: calc( 50% + 1px ); top: 0px; left: calc( 50% - 1px );}
.journalP .jCon{padding-bottom: 20px; border-bottom: 1px solid #efefef;}
.journalP .jCon .jTitle{ width: 100%;margin: 14px 0px 10px 0px;}
.journalP .jCon .jTitle:after{content: ""; clear: both;display: block;}
.journalP .jCon .jTitle .notice{float: left; line-height: 27px;}
.journalP .jCon .jTitle .newSel{float: right;}
.journalP .jCon .jConwrap .jList ul li{width: 100%; height: 70px; border-radius: 3px; border: 1px solid #dcdcdc; margin-bottom: 10px;cursor: pointer;overflow: hidden;}
.journalP .jCon .jConwrap .jList ul li:hover{border-color: #165C92;}
.journalP .jCon .jConwrap .jList ul li .number{width: 40px; float: left; text-align: center;line-height: 70px; font-size: 21px; font-family: 'notokr-light',sans-serif; color: #111111;}
.journalP .jCon .jConwrap .jList ul li .info{float: left;width: calc( 100% - 58px );margin-right: 18px;}
.journalP .jCon .jConwrap .jList ul li .info .infoTitle,
.journalP .jCon .jConwrap .jList ul li .info .infoBot{display: block;}
.journalP .jCon .jConwrap .jList ul li .info .infoTitle{line-height: 36px;font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #165C92;border-bottom: 1px solid #efefef;
display: block; width: 100%;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.journalP .jCon .jConwrap .jList ul li .info .infoBot{line-height: 33px; overflow: hidden;font-size: 14px; font-family: 'notokr-regular', sans-serif; color: #666;}
.journalP .jCon .jConwrap .jList ul li .info .infoBot .infoLeft{float: left;}
.journalP .jCon .jConwrap .jList ul li .info .infoBot .infoRight{float: right;}


/*210520 두번째탭 상단*/
.journalP .jTab2{margin-top: 30px;}
.journalP .jBtn2{overflow: hidden;margin-top: 28px; position: relative; height: 40px;}
.journalP .jBtn2 .bot-line{border-bottom: 1px solid #CC4736; position: absolute;bottom: 0px;width: 100%;}
.journalP .jBtn2 ul li {font-family: 'notokr-medium', sans-serif; font-size: 14px; color: #111111;width: 50%; height: 40px; line-height: 40px; text-align: center;float: left;border: 1px solid #dcdcdc; position: absolute; cursor: pointer;z-index: 2; bottom: 0px;border-bottom: 1px solid #CC4736;}
.journalP .jBtn2 ul li.active{border-color: #cc4736;z-index: 3; border-bottom: 1px solid #fff;}
.journalP .jBtn2 ul li:nth-child(1){top: 0px; left: 0px;}
.journalP .jBtn2 ul li:nth-child(2){width: calc( 50% + 1px ); top: 0px; left: calc( 50% - 1px );}
.journalP .jCon2{padding-bottom: 30px;border-bottom: 1px solid #efefef;overflow: hidden;margin-bottom: 30px;}
.journalP .jCon2 .jTitle{ width: 100%;margin: 14px 0px 10px 0px;}
.journalP .jCon2 .jTitle:after{content: ""; clear: both;display: block;}
.journalP .jCon2 .jTitle .notice{float: left; line-height: 27px;}
.journalP .jCon2 .jTitle .newSel{float: right;}
.journalP .jCon2 .jList ul li{width: 250px!important;height: 120px; border: 1px solid #dcdcdc; border-radius: 3px; cursor: pointer;  float: left;margin-left: 30px;background: url('/images/common/num-none.svg') no-repeat; background-position: -1px -1px;position: relative;}
.journalP .jCon2 .jList ul li:hover{background: url('/images/common/num-on.svg') no-repeat; background-position: -1px -1px;border-color: #165C92;}
.journalP .jCon2 .jList ul li:hover .number{color: #fff;}
.journalP .jCon2 .jList ul li:nth-child(3n+1){margin-left: 0px;}
.journalP .jCon2 .jList ul li:nth-child(n+4){margin-top: 30px;}
.journalP .jCon2 .jList ul li .number{position: absolute; display: block; width: 9px; height: 21px;  top:2px; left: 8px; line-height: 20px; font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #666;}
.journalP .jCon2 .jList ul li .info{margin: 18px 10px 6px 10px; padding: 0px 0px 10px 40px;border-bottom: 1px solid #efefef; display: block;}
.journalP .jCon2 .jList ul li .info .infoTitle{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #165C92;display: block; line-height: 20px;}
.journalP .jCon2 .jList ul li .info .infoTitle span{font-size: 14px; font-family: 'notokr-regular', sans-serif; color: #666; display: block;margin-top: 2px;}
.journalP .jCon2 .jList ul li .infoBot{margin: 0px 10px; padding-left: 40px;display: block;}
.journalP .jCon2 .jList ul li .infoBot .counter{font-size: 14px; font-family: 'notokr-regular', sans-serif; color: #666; display: block;}
.journalP .jCon2 .jList ul li .infoBot .counter .icTitle{width: 100px;display: inline-block;}


/*210520 세번째탭 상단*/
.journalP .jTab3{margin-top: 30px;}
.journalP .jBtn3{overflow: hidden;margin-top: 28px; position: relative; height: 40px;}
.journalP .jBtn3 .bot-line{border-bottom: 1px solid #CC4736; position: absolute;bottom: 0px;width: 100%;}
.journalP .jBtn3 ul li {font-family: 'notokr-medium', sans-serif; font-size: 14px; color: #111111;width: 50%; height: 40px; line-height: 40px; text-align: center;float: left;border: 1px solid #dcdcdc; position: absolute; cursor: pointer;z-index: 2; bottom: 0px;border-bottom: 1px solid #CC4736;}
.journalP .jBtn3 ul li.active{border-color: #cc4736;z-index: 3; border-bottom: 1px solid #fff;}
.journalP .jBtn3 ul li:nth-child(1){top: 0px; left: 0px;}
.journalP .jBtn3 ul li:nth-child(2){width: calc( 50% + 1px ); top: 0px; left: calc( 50% - 1px );}
.journalP .jTab3 .title-1{margin: 22px 0px 11px; display: block;font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #111111;}
.journalP .jTab3 .swiper-slide{cursor: pointer;}
.journalP .jTab3 .swiper-slide:hover .imgTitle{text-decoration: underline;}
.journalP .jTab3 .swiper-slide img{width: 100%; height: 170px;}
.journalP .jTab3 .swiper-slide .desc{border: 1px solid #efefef; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-family: 'notokr-regular', sans-serif; color: #111; text-align: center;line-height: 20px;}
.journalP .jTab3 .swiper-slide .imgTitle{margin-top: 6px; font-size: 14px; font-family: 'notokr-regular', sans-serif; color: #165C92;text-overflow:ellipsis;/* white-space:nowrap; */display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;height: 32px;position: relative;word-break: break-all;}
.journalP .jCon3{padding-bottom: 27px; border-bottom: 1px solid #efefef;margin-bottom: 80px;}
.journalP .jCon3:nth-child(2){border-bottom: none;}
.journalP .swiperCenter{margin: 25px 0px; text-align: center; line-height: 28px;}
.journalP .swiperCenter img{display: block; margin:  0 auto;}
.journalP .swiperCenter span{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #165C92; margin: 33px auto; display: inline-block; padding-left: 38px; position: relative;}
.journalP .swiperCenter span:before{content: ""; background: url('/images/common/swipeTalk.svg') no-repeat;position: absolute;width: 35px;height: 28px;display: inline-block; left: 0px;}
.journalP .jCon3 .jTitle{ width: 100%;margin: 14px 0px 10px 0px;}
.journalP .jCon3 .jTitle:after{content: ""; clear: both;display: block;}
.journalP .jCon3 .jTitle .notice{float: left; line-height: 27px;}
.journalP .jCon3 .jTitle .newSel{float: right;}
.journalP .jCon3 .jTable{width: 100%;}
.journalP .jCon3 .jTable table{table-layout: fixed; width: 100%; border-collapse: collapse;}
.journalP .jCon3 .jTable table tr th{background-color: #FAFAFA; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.journalP .jCon3 .jTable table tr th,
.journalP .jCon3 .jTable table tr td{font-family: 'notokr-regular', sans-serif; font-size: 14px; color: #666666;font-weight: normal;padding: 11px 0px; text-align: center;}
.journalP .jCon3 .jTable table tr td{border-bottom: 1px solid #efefef;}
.journalP .jCon3 .jTable table tr td:nth-child(2){border-left: 1px solid #efefef; border-right: 1px solid #efefef;}


/*210520 연도별 테이블*/
.journalP .jCon3 .jTable table tr th:nth-child(1){width: 70px;}
.journalP .jCon3 .jTable table tr th:nth-child(3){width: 170px;}







/*저자페이지*/
.authorP .filterGroup p.tit{font-size: 14px; font-family: 'notokr-medium', sans-serif; color: #111;margin: 20px 0px 18px 0px;}
.authorTab{display: none;}
.authorP .filterGroup ul.author li.group p.person{line-height: 20px; margin-bottom: 1px;}
.authorP .filterGroup ul.author li.group p.person a.name{color: #165C92;}
.authorP .filterGroup ul.author li.group p.person span.organ{color: #111;}
.authorP .filterGroup ul.author li.group p.person a.name,
.authorP .filterGroup ul.author li.group p.person span.organ{font-size: 14px;}

.authorP .filterGroup ul.author li.group p.thesis{font-size: 12px;}
.authorP .filterGroup ul.author li.group p.thesis span{font-size: 12px; color: #999;}
.authorP .filterGroup ul.author li.group p.thesis span small{color: #999; font-size: 12px;}
.authorP .filterGroup a.more{margin-bottom: 42px;}

/*저자정보*/
.authorP .searchDetailArea{margin-bottom: 37px;}
.authorP .thesisDetailArea{margin-bottom: 44px;}
.authorP .searchDetailArea .infoWrap{border: none; background-color: #fff; padding: 21px 0px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.authorP .searchDetailArea .infoWrap dl{margin-bottom: 12px;}
.authorP .searchDetailArea .infoWrap dl:last-child{margin-bottom: 0px;}
.authorP .searchDetailArea .infoWrap dl dt{font-size: 14px; font-family: 'notokr-medium', sans-serif; margin-left: 9px;width: 105px;}
.authorP .searchDetailArea .infoWrap dl dd{font-size: 14px; font-family: 'notokr-medium', sans-serif;width: calc(100% - 169px);}

/*연구분야*/

/*210618 width값 변경*/
.authorP .searchDetailArea .infoWrap dl.subject dd{overflow: hidden;width: 450px;}
.authorP .searchDetailArea .infoWrap dl.subject dd,
.authorP .searchDetailArea .infoWrap dl.subject dd a {color: #3c63e0;}


/*210618 width값 변경*/
.authorP .searchDetailArea .infoWrap dl.subject dd span{display: inline-block; float: left; min-width: 225px;margin-bottom: 12px;float: left;}

/*210604 툴팁박스 추가*/
.authorP .searchDetailArea .infoWrap dl.subject dd span span{display: inline-block;width: auto; min-width: 20px; float: none; margin: 0px;font-size: 12px; font-family: 'notokr-medium', sans-serif; line-height: 17px; color: #CC4736;margin-left: 5px;}
/*210604 삭제*/
/*.authorP .searchDetailArea .infoWrap dl.subject dd a.top:after{content:"Top 5%"; font-size: 12px; font-family: 'notokr-medium', sans-serif; line-height: 20px; color: #CC4736;vertical-align: top;margin-left: 5px;}*/



.authorP .searchDetailArea .infoWrap dl.subject dd a:hover{text-decoration: underline;}


/*저자의 연구 키워드*/
.authorP .thesisDetailArea{padding-bottom: 0px; border-bottom: 1px solid #efefef;}
.authorP .thesisDetailArea h3{font-size: 16px; font-family: 'notokr-medium', sans-serif; color: #111;line-height: 20px!important; overflow: inherit;}
.authorP .thesisDetailArea h3 span.num{color: #CC4736; margin-left: 5px;}
.authorP .thesisDetailArea dl.keyword{padding: 5px 10px 0px 10px; background-color: #fff;max-height: 119px; height: auto; overflow: hidden;}
.authorP .thesisDetailArea dl.keyword.on{max-height: inherit; height: auto;}

.authorP .thesisDetailArea dl.keyword dd.word{ margin: 0px 0px 10px 0px; padding: 5px 10px; background-color: #fff; border: 1px solid #C5DAE9; border-radius: 3px; }
.authorP .thesisDetailArea dl.keyword dd.word a{font-size: 14px; color: #666; font-family: 'notokr-regular', sans-serif;}
.authorP .thesisDetailArea dl.keyword dd.word:hover{box-shadow: 0px 1px 3px rgba(0,0,0,0.16);}
.authorP .thesisDetailArea dl.keyword dd.word a:hover{text-decoration: none;}
.authorP .thesisDetailArea dl.keyword dd.word:nth-child(n+2){margin-right: 10px;}

/*210603 패딩변경*/
.authorP .keywordFoot {text-align: center; padding: 16px 0px 16px 0px;}


.authorP .keywordFoot a.viewMore span:after {display: inline-block;content:"";width: 11px;height:10px;margin: 0px 0 0 5px;vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/search/bigDown.svg) no-repeat;}
.authorP .keywordFoot a.viewMore.open span:after {display: inline-block;content:"";width: 11px;height:10px;margin: 0px 0 0 5px;vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/search/bigUp.svg) no-repeat;}


/*저자의 논문*/
.authorP .thesisDetailArea h3 .gRight.r0{bottom: 46px;}
.authorP .thesisDetailArea h3 button.btnApply:after{display: none;}


/*210601 bnclass 추가*/
.bnClass .authorP .thesisDetailArea h3 button.btnApply{width: 97px; height: 32px; border: 1px solid #ccc!important; border-radius: 3px;margin: 0px!important;}


/*210601 디스플레이 방식 변경*/
.authorP .thesisDetailArea h3 button.btnApply span{font-size: 13px; font-family: 'notokr-medium', sans-serif; color: #666;display: inline-block;}



.authorP .thesisDetailArea h3 button.btnApply:nth-child(1){right: 102px;}
.authorP .thesisDetailArea .comtBox{padding-bottom: 15px; border-bottom: 1px solid #efefef;margin-bottom: 0px;}
.authorP .thesisDetailArea .comtBox span{font-size: 12px; font-family: 'notokr-medium', sans-serif; color: #ccc;}

/*210601 bnclass 추가*/
.bnClass .authorP .thesisDetailArea h3 button.btnApply:hover{box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}



/*저자의 논문 상단*/
/*210601 bnclass, 패딩 추가*/
.bnClass .searchP .authorJournal .thesisDetailArea h3{line-height: 28px!important;}

.authorJournal .searchArea .formGroup{background-color: #fff;display: inline-block;}
.authorJournal .searchArea .formGroup p.tit{font-size: 14px; color: #666; font-family: 'notokr-medium', sans-serif; min-width:inherit; position: inherit; top: inherit;
left: inherit;float: left;display: block;background-color: #fff;line-height: 20px;padding: 0px;line-height: 64px;margin-right: 16px;}
.authorJournal .searchArea .formGroup{ width:  calc( 100% - 512px ); padding: 0px;min-height: 0px;float: left; border:none;padding-right: 13px;}
.authorJournal .formGroup ul.btnArea {padding: 0 130px 0 135px;display: block;float: left;padding: 0px;width: auto;width: auto;padding: 0px;}
.authorJournal .formGroup ul.btnArea p span{float: left;}
.authorJournal .formGroup .grouping{display: none;}
.authorJournal .formGroup .fSelect select{width: 60px; height: 32px;}
.authorJournal .formGroup .fSelect span{font-size: 14px; font-family: 'notokr-medium', sans-serif; color: #666;}

.authorP .newSel .dropdown{width: 60px;}
.authorP .newSel .dropdown .caption{width: 60px!important; height: 32px!important; ;}
.authorP .newSel .select-options {padding: 0px!important;top: 25px;}
.authorP .newSel .select-options li{padding-right: 0px; padding-left: 5px;margin: 0px;}
.authorP .newSel .dropdown .caption{font-size: 14px; color: #666; line-height: 30px;padding-left: 5px;}
.authorP .newSel .dropdown .caption:after {position: absolute;top: 50%;right: 6px;display: block;content: "";margin-top: -3px;width: 9px;height: 6px;background: url(/images/common/arrow-sear.svg) no-repeat;}
.authorP .newSel div.dropdown.open > div.list{top: 31px;}
.authorP .pcSel,
.authorP .txtDash{float: left; margin-top: 16px;}
.authorP .txtDash{font-size: 14px; font-family: 'notokr-medium', sans-serif; color: #666666; line-height: 30px;display: block;margin: 16px 12px 0px!important;}
.authorP .searchArea .checkGroup .gRight{position: inherit; top: inherit; right: inherit;
display: block; width: 60px; height: 32px; border-radius: 3px; float: left;min-width: 0px
;min-height: 0px; max-height: 32px;margin-top: 16px;margin-left: 5px;border: none!important;line-height: 34px;}


/*210521 저자의논문부분 드랍박스*/
.authorP .layer1 .newSel .dropdown,
.authorP .layer2 .newSel .dropdown{width: 80px;}
.authorP .layer1 .newSel .dropdown .caption,
.authorP .layer2 .newSel .dropdown .caption{width: 80px!important; height: 27px!important;font-size: 12px; line-height: 27px;}

.authorP .layer1 .newSel div.dropdown.open > div.list,
.authorP .layer2 .newSel div.dropdown.open > div.list{top: 26px;}

.authorP .thesisDetailArea ul.list, 
.authorP .thesisDetailArea ul.list.new{padding-left: 0px;}
.authorP .thesisDetailArea ul.list li.item{margin-bottom: 0px;}
.authorP #tab1 .searchListArea .listBody.schResult ul.list li.item .listBox,
.authorP #tab2 .searchListArea .listBody.schResult ul.list li.item .listBox{border-bottom: none;}
.authorP .listHead .btnGroup .eTab{display: inline-block;overflow: hidden;padding: 4px 5px; border: 1px solid #ccc; border-radius: 3px;float: right;margin-top: -5px;}
.authorP .listHead .btnGroup .eTab li {float: left;}
.authorP .listHead .btnGroup .eTab li.selected a{background-color: #666666!important;}
.authorP .listHead .btnGroup .eTab li.selected a span{color: #fff;}
.authorP .listHead .btnGroup .eTab a{padding: 2px 7px!important;border: none!important; border-radius: 3px;}
.authorP .listHead .btnGroup .eTab a:hover{text-decoration: none;box-shadow: none;}
.authorP ul.list .listTable{width: 100%;}
.authorP ul.list .listTable table{table-layout: fixed; width: 100%; border-top: 1px solid #efefef;; border-bottom: 1px solid #efefef; border-collapse: collapse;}
.authorP ul.list .listTable table tr td{font-size: 13px; font-family: 'notokr-regular', sans-serif; color: #666; text-align: center; border-bottom: 1px solid #efefef; border-right: 1px solid #efefef;padding: 7px 0px;}
.authorP ul.list .listTable table tr td:last-child{border-right: none;}

/*210603 논문리스트 패딩 제거*/
.bnClass .searchP .authorJournal .thesisDetailArea{padding-bottom: 0px;}


/* 210526 jquery dialog 인풋*/
.bnClass .cookieChk input{margin: -4px 5px 0px 0px!important;}





@media (min-width: 960px) and (max-width: 1147px){
	
/*	 좌측 사이드 */
    .bnClass .contents .asideWrap{width: 210px;right: 0px;}
	
	
	/*210603 기존 버튼 삭제*/
/*
    .bnClass .contents .contWrap.aside .asideWrap .btnTop button, 
	.bnClass .contents .contWrap.aside .asideWrap .btnTop a{width: 55px; height: 55px;}
	.bnClass .contents .contWrap.aside .asideWrap .btnTop{padding: 20px 0px 15px 0px;}
    .bnClass .contents .contWrap.aside .asideWrap .btnReple:before{margin-top: 7px;}
*/
	
	
	
    .bnClass .contents .contWrap.aside .asideWrap .latestView{padding: 0px 15px; margin-left: 0px;}
    .bnClass .contents .contWrap.aside .asideWrap #figure_area{padding: 0px 15px; margin-left: 0px;width: 210px;}
	.figure_wrap .slide li{margin: 0px 10px;}
	.bnClass .contents .contWrap.aside .asideWrap .btnTop button.quoteMenu{margin-left: 15px;}
	.bnClass .contents .contWrap.aside .asideWrap .btnTop a{margin: 0px 7px;}
	.bnClass .contents .contWrap.aside .asideWrap .btnTop a .count{top: 3px; right: 7px;}
	
	
	/*210518 수정*/
	/*210603 패딩바텀 추가*/
    .bnClass .searchP .newFloat{width: 200px;left: inherit;right: 0px;padding: 0px 12px;
    padding-bottom: 50px;}
	
	
	.bnClass .searchP .newFloat .floatingBar button, 
	.bnClass .searchP .newFloat .floatingBar button.bookmark{width: 175px;}
	
	
	
	/*210603 새로운 상단*/
	.bnClass .newDetail{margin-left: 25px;}
	.bnClass .newDetail .btnTop{right: 10px;}
	
}






@media screen and (max-width:1147px){
	
	/*검색페이지 */
	/* 210504	 추가 */
	.bnClass .searchP .filterGroup ul.subjectSort li.subject .fCheck.fCheckBtn input[type="checkbox"] + label span{width: 152px;}
	.bnClass .searchP .filterGroup ul.subjectSort li.subject .fCheck input[type="checkbox"] + label span {width: 138px;}
	
	/*210520 저널페이지*/
	
	/*210526 추가	*/
	.journalP .alarmBtn,
	.journalP button.btnReport{right: 16px;}
	
	.journalP .searchDetailArea .infoWrap dl{width: 100%;padding: 0px;margin-bottom: 9px;}
	.journalP .searchDetailArea .infoWrap dl dt{ font-size: 13px;}
	.journalP .searchDetailArea .infoWrap dl dd{ font-size: 13px;}
	.journalP .searchDetailArea .infoWrap dl:last-of-type{margin-bottom: 10px;}
	.journalP .searchDetailArea .infoWrap .topBottom{position: inherit; height: auto;border-top: none; bottom: inherit;float: left;}
	
	/*210621 추가*/
	.journalP .searchDetailArea .infoWrap .iwLine dl:last-of-type{margin-bottom: 10px!important;}
	
	
	
	
	.journalP .searchDetailArea .infoWrap .topBottom div{display: block;float: none; line-height: 20px; height: 20px; margin-bottom: 10px;margin-right: 0px; padding-right: 0px;}
	.journalP .searchDetailArea .infoWrap .topBottom div:first-child{padding-left: 0px;}
	.journalP .searchDetailArea .infoWrap .topBottom div:after{display: none;}
	.journalP .upDown {height: 60px;}
	.journalP .upDown .udBtn{display: block;margin: 25px 0px 20px 0px!important;width: 10px;height: 6px;background: url(https://cdn.dbpia.co.kr/static/images/search/bigDown.svg) no-repeat;background-size: 10px 6px;background-position: center;position: absolute;width: 100%;left: 0px;}
	
	/*210526 헤이트값*/
	.journalP .searchDetailArea.coverImage .infoWrap{padding: 20px; padding-bottom: 10px; height: 222px; background-color: transparent; border: none; padding: 0px; overflow: hidden;min-height: 222px; overflow: hidden; height: auto;}
	
	.journalP .searchDetailArea.coverImage.active .infoWrap{height: auto;}
	.journalP .searchDetailArea.coverImage.active .udBtn{ background: url('https://cdn.dbpia.co.kr/static/images/search/bigUp.svg') no-repeat; background-size: auto; background-position: center;}
	.journalP .searchDetailArea .infoWrap .topBottom div span:nth-child(1){width: 120px;display: inline-block;}
	.journalP .jCon2 .jList ul li{width: calc( 33% - 10px )!important; margin-left: 18px;}
	
	/*210602 위드값 제거, 위치 변경*/
	.journalP .bookmarkEx{top: -50px;left: 0px;}
	.journalP .quoteEx{top: -50px;left: 0px; letter-spacing: -0.5px;}
	
	/*210526 저자의 논문 상단*/
	.authorP .pcSel, .authorP .txtDash{margin-top: 9px;}
	
	
	/*	210603 임폴턴트 추가*/
	.authorP .searchArea .checkGroup .gRight{margin-top: 9px!important;width:60px!important;height: 32px!important;margin-left: 5px!important;}
	
	/*210526 저자의 논문*/
	.authorJournal .searchArea .formGroup{width: 318px; padding: 0px 16px; border-bottom: 1px solid #efefef;}
	.authorJournal .searchArea .formGroup p.tit{line-height: 50px;}
} 





@media screen and (max-width:959px) {
	
	/* 상단 이용 수치	*/
	.bnClass .contents .asideWrap{display: none;}
	
	/*210518 수정*/
    .bnClass .contents .contWrap.aside{padding-right: 0px; margin-bottom: 40px;max-width: 100%;}
	
	/*210525 추가*/
	.bnClass .searchP .filterGroup ul.generalSort li.general .fCheck label span{width: 153px;}
	
	.bnClass .searchP .section:nth-child(1) .thesisInfoArea{margin-top: 8px;}
	
	
	/*210603 기존 모바일 상단 삭제*/
	
/*
	.bnClass .searchP .thesisInfoArea .typeWrap{border: none;}
	.bnClass .searchP .thesisInfoArea .typeWrap{padding: 0px 16px;margin: 0px;}
	.bnClass .searchP .thesisInfoArea .typeWrap ul.type li.data{font-size: 12px;}
	.bnClass .searchP .thesisInfoArea .typeWrap ul.type li.rate{padding-top: 0px;}
	.bnClass .contents .contWrap.aside h2{font-size: 18px;padding: 0px 16px;line-height: 20px;}
	.bnClass .searchP .thesisInfoArea p.subTit{font-size: 12px;padding: 0px 16px 11px 23px;}
	.bnClass .searchP .thesisInfoArea p.subTit:before{left: 16px;}
	
*/
	/*	210521 추가 */	
	.bnClass .searchP .thesisInfoArea .heWrap{min-height: auto;}
	
	/*서재정보영역*/
	.bnClass .searchP .thesisInfoArea .quoteWrap p.cover{display: none;}
	
	
	/*210518 수정*/
	.bnClass .searchP .thesisInfoArea .quoteWrap{margin-top: 10px;padding: 0px; line-height: 24px;border-right: none;}
	
	
	.bnClass .searchP .thesisInfoArea .quoteWrap .author-wrap{margin-left: 0px; width: 100%;}
	
	/*210618 lineheight 수정*/
	.bnClass .searchP .thesisInfoArea .quoteWrap p.author{line-height: 1.3;margin-bottom: 10px;font-size: 13px;}
	
	
	.bnClass .searchP .thesisInfoArea .quoteWrap .author-wrap p, .bnClass .searchP .thesisInfoArea .quoteWrap .author-wrap ul{padding: 0px 16px;}
	.bnClass .searchP .thesisInfoArea .stats .quote, .bnClass .searchP .thesisInfoArea .stats .bookmark{padding: 0px!important;}
	.bnClass .searchP .thesisInfoArea .quoteWrap ul.infoWrap li{font-size: 13px;}
	
	
	/*210618 top 수정*/
	.bnClass .searchP .thesisInfoArea .quoteWrap ul.infoWrap li:after{top: 3.5px;}
	
	
	
	.bnClass .searchP .thesisInfoArea .quoteWrap p.doi{font-size: 13px;margin-bottom: 0px!important;}
	.bnClass .searchP .thesisInfoArea .stats{margin: 15px 0px 30px 0px;width: 100%;border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;padding: 0px 16px;position: inherit;}
	.bnClass .searchP .thesisInfoArea .stats p{padding: 12px 10px;font-size: 13px;line-height: 40px!important;}
	.bnClass .searchP .thesisInfoArea .stats p:after{top: 15px;}
	.bnClass .searchP .thesisInfoArea .bookmarkEx,.searchP .thesisInfoArea .quoteEx{display: none;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); top: 138px; letter-spacing: 0px;min-width: 320px;font-size: 11px; }
	
	
	/*210603 새로운 상단*/
	.bnClass .newDetail .btnTop{display: none;}
	.bnClass .newDetail .heWrap{width: 100%;}
	
	/*210603-2 min-height 해제*/
	.bnClass .newDetail{margin-top: 8px;padding: 0px 16px; min-height: inherit;}
	
	.bnClass .newDetail .heWrap .typeWrap{margin-bottom: 0px;}
	.bnClass .newDetail .heWrap .typeWrap ul.type li.data{font-size: 12px;}
	.bnClass .newDetail .heWrap .typeWrap ul.type li.rate{padding-top: 0px;}
	.bnClass .newDetail .heWrap h2{font-size: 18px; line-height: 20px;}
	
	/*210603 서브 타이틀, 이퀄타이틀*/
	.bnClass .newDetail .heWrap p.subTit{font-size: 12px; padding: 0px 0px 4px 7px; line-height: 18px;}
	.bnClass .newDetail .heWrap p.subTit:before{top: 8px;}
	.bnClass .newDetail .heWrap p.equalTit{font-size: 11px; line-height: 16px;}
	
	
	/* 사이드 안보이게*/
	.bnClass .contents .contWrap.aside .asideWrap{ display: none;}
	
	/*버튼영역*/	
	.bnClass .searchP .thesisInfoArea .btnWrap{display: none;}
	.bnClass .searchP .thesisInfoArea .mobBtn{display: block; height: 60px; position: fixed; bottom: 0px;  background: linear-gradient(to bottom, #FFFFFF, #F1F1F1); z-index: 9999; width: 100%; padding: 0px;}
	.bnClass .searchP .thesisInfoArea .mobBtn .btnWrap{display: block;padding: 0px;}
	.bnClass .searchP .thesisInfoArea .mobBtn p.btnGroup{margin: 0px;max-width: 401px; margin: 12px auto 0px auto;    float: inherit;}
	.bnClass .searchP .thesisInfoArea .mobBtn p.btnGroup button{float: left;}
	.bnClass .searchP .thesisInfoArea .mobBtn .btnWrap p.btnGroup button.bookmark{min-width: inherit; width: 36px; height: 36px;line-height: 36px;background-color: transparent!important; border: none!important;margin-left: 5px;}
	.bnClass .searchP .thesisInfoArea .mobBtn .btnWrap p.btnGroup button.bookmark:hover{box-shadow: none;}
	.bnClass .searchP .thesisInfoArea .mobBtn .btnWrap p.btnGroup button.bookmark span{line-height: 17px;height: 17px;font-size: 0px;display: block;}
	.bnClass .searchP .thesisInfoArea .mobBtn .btnWrap p.btnGroup button.bookmark span:before{margin: 0 auto;}
	.bnClass .searchP .thesisInfoArea .mobBtn .btnWrap p.btnGroup button.quoteMenu{min-width: inherit; width: 36px; height: 36px;line-height: 36px;background-color: transparent!important; border: none!important;}
	.bnClass .searchP .thesisInfoArea .mobBtn .btnWrap p.btnGroup button.quoteMenu:hover{box-shadow: none;}
	.bnClass .searchP .thesisInfoArea .mobBtn .btnWrap p.btnGroup button.quoteMenu span{line-height: 15px; height: 15px;}
	.bnClass .searchP .thesisInfoArea .mobBtn .btnWrap p.btnGroup button.quoteMenu span:before{margin: 0 auto;width: 18px; height: 16px; background: url('/images/common/quote-blue.svg') no-repeat;  display: block;content: ""; line-height: 17px;}
	.bnClass .searchP .thesisInfoArea .mobBtn button.btnDownload,
	.bnClass .searchP .thesisInfoArea .mobBtn button.connecView{min-height: 36px!important;padding: 0px;min-height: inherit; line-height: 36px!important; width: 300px!important;height: 36px!important;border-radius: 3px;border-color: #C93035!important;margin-left: 20px; background-color: #C93035!important;text-align: center;margin-left: 24px!important;}
	.bnClass .searchP .thesisInfoArea .mobBtn button.btnDownload span{font-size: 16px; font-family: 'notokr-bold', sans-serif; color: #fff!important;}
	.bnClass .searchP .thesisInfoArea .mobBtn button.btnDownload span:before{content: ""; width: 15px; height: 16px; background: url('/images/common/down-white.svg') no-repeat!important; background-size: 15px 16px;margin-right: 10px!important; }
	.bnClass .searchP .thesisInfoArea .mobBtn button.disabled{min-height: 36px!important;padding: 0px;min-height: inherit; line-height: 36px!important; width: 300px!important;height: 36px!important;border-radius: 3px;border-color: #CCCCCC!important;margin-left: 20px; background-color: #CCCCCC!important;text-align: center; margin-left: 24px!important;}
	.bnClass .searchP .thesisInfoArea .mobBtn button.disabled span{font-size: 16px; font-family: 'notokr-bold', sans-serif; color: #fff!important;}
	.bnClass .searchP .thesisInfoArea .mobBtn button.disabled span:before{content: ""; width: 15px; height: 16px; background: url('/images/common/down-white.svg') no-repeat!important; background-size: 15px 16px;margin-right: 10px;  }
	.bnClass .searchP .thesisInfoArea .mobBtn button.use{min-height: 36px!important;padding: 0px;min-height: inherit; line-height: 36px!important; width: 300px!important;height: 36px!important;border-radius: 3px;border-color: #1F8BD8!important;margin-left: 20px; background-color: #1F8BD8!important;text-align: center; margin-left: 24px!important;}
	.bnClass .searchP .thesisInfoArea .mobBtn button.use span{font-size: 14px!important; font-family: 'notokr-bold', sans-serif; color: #fff!important;}
	.bnClass .searchP .thesisInfoArea .mobBtn button.use span:before{content: ""; width: 13px!important; height: 13px!important; background: url('/images/common/down-white.svg') no-repeat!important; background-size: 13px 13px!important;margin-right: 10px!important; }

	
	
	
	
	/*내용영역*/
	.bnClass .searchP .thesisDetailArea ul.list li.item .textWrap{width: 100%;}
	
	.bnClass .searchP .thesisDetailArea{padding: 0px 16px; border-top: 10px solid #F6F6F6;margin-bottom: 15px;}
	
	
	/*	210618 추가  */
	.bnClass .searchP .authorKeyword .thesisDetailArea,
	.bnClass .searchP .authorJournal .thesisDetailArea{padding: 0px!important;}
	
	
	
	/*210518 수정*/
	.bnClass .contents .contWrap.aside .section{padding: 0px; overflow: inherit!important;border-right: none;}
	
	/*210603 마진바텀 제거*/
	
	/*210618 패딩제거*/
	.bnClass .searchP .authorKeyword  .thesisDetailArea h3{margin-top: 22px;font-size: 16px; margin-bottom: 0px!important;}
	
	/*210618 추가*/
	/*210621 패딩 레프트 수정*/
	.bnClass .detailP .thesisDetailArea h3{ margin-bottom: 16px!important;padding-top: 11px; font-size: 16px; padding-left: 0px!important; padding-right: 0px!important;}
	
	
	/*210621 패딩 추가 제거*/
	.searchP .thesisDetailArea .reviewInputBox{padding: 0px!important;}
	
	
	/*210621 마진 제거 */
	.bnClass .searchP .thesisDetailArea .reviewList{margin: 0px;}
	
	.bnClass .searchP .thesisDetailArea h3 span.count, .bnClass .searchP .thesisDetailArea.empty h3 .count{font-size: 14px;}
	.bnClass .searchP .thesisDetailArea h3 .btnReport{display: none;}
	.bnClass .searchP .thesisDetailArea h3 .sel-1,
	.bnClass .searchP .thesisDetailArea h3 .sel-2{font-size: 16px;}
	.bnClass .searchP .thesisDetailArea p.article,.bnClass .searchP .thesisDetailArea p.index{font-size: 13px; line-height: 26px;padding-left: 0px;}
	.bnClass .searchP .thesisDetailArea p.article .newKeyword a{font-size: 14px; line-height: 20px;}
	.bnClass .searchP .thesisDetailArea p.index{font-size: 13px; margin-bottom: 20px;}
	
	/*	210618 마진추가*/
	.bnClass .searchP #pub_reference .thesisDetailArea ul.list li.item .textWrap{ width: calc( 100% - 25px ); margin-top: 0px;}
	
	.bnClass .searchP #pub_reference .thesisDetailArea ul.list.new li.item p.tit{font-size: 14px;line-height: 18px;}
	.bnClass .searchP #pub_reference .thesisDetailArea ul.list.new li.item p.tit a{color: #4b4b4b;font-family: 'notokr-medium', sans-serif;}
	.bnClass .searchP .thesisDetailArea ul.list, .bnClass .searchP .thesisDetailArea ul.list.new{padding-left: 0px;}
	.bnClass .searchP #pub_quote .thesisDetailArea,
	.bnClass .searchP #pub_recommend .thesisDetailArea,
	.bnClass .searchP #pub_download .thesisDetailArea{margin-bottom: 20px;}
	.bnClass .searchP #pub_quote .thesisDetailArea ul.list li.item,
	.bnClass .searchP #pub_recommend .thesisDetailArea ul.list li.item,
	.bnClass .searchP #pub_download .thesisDetailArea ul.list li.item,
	.bnClass .searchP #pub_people .thesisDetailArea ul.list li.item{border-bottom: 1px solid #efefef;}
	.bnClass .searchP #pub_quote .thesisDetailArea ul.list li.item p.tit,
	.bnClass .searchP #pub_download .thesisDetailArea ul.list li.item p.tit,
	.bnClass .searchP #pub_recommend .thesisDetailArea ul.list li.item p.tit { margin-bottom: 3px;font-size: 14px; font-family: 'notokr-medium', sans-serif; color: #111111;}	
	.bnClass #pub_recommend .thesisDetailArea ul.list li.item:nth-child(n+2) p.tit,
	.bnClass #pub_download .thesisDetailArea ul.list li.item:nth-child(n+2) p.tit,
	.bnClass #pub_quote .thesisDetailArea ul.list li.item:nth-child(n+2) p.tit{margin-top: 15px;}
	.bnClass .searchP #pub_quote .thesisDetailArea ul.list li.item p.tit a
	.bnClass .searchP #pub_download .thesisDetailArea ul.list li.item p.tit a
	.bnClass .searchP #pub_recommend .thesisDetailArea ul.list li.item p.tit a{font-size: 14px;line-height: 18px;}
	.bnClass .searchP .thesisDetailArea ul.list.new li.item ul.info{margin-bottom: 11px;}
	.bnClass .searchP .thesisDetailArea ul.list.new li.item ul.info li{font-size: 12px;}
	.bnClass .searchP #pub_people .info .author a{font-size: 14px;}
	.bnClass .searchP #pub_people .info .author a span{font-size: 14px;}
	.bnClass .searchP #pub_people .info .using, .bnClass .searchP #pub_people .info .using a{font-size: 14px;}
	.bnClass .searchP #pub_people .info .using{margin-top: 0px;}
	
	/*210618 탑 수정*/
	.bnClass .searchP #pub_people .thesisDetailArea ul.list.new li.item ul.info li:after {top: inherit;height: 11px;}
	
	
	.bnClass .searchP #pub_people ul.list li.item ul.info{margin-bottom: 4px;}
	.bnClass .searchP #pub_people ul.list li.item p.tit{margin-bottom: 15px;}
	.bnClass .searchP #pub_people .thesisDetailArea ul.list li.item p.tit a{font-size: 13px;line-height: 18px;}
	.bnClass .searchP .thesisDetailArea ul.list.new li.item p.tit{line-height: 18px;}
	
	
	
	
	
	
	
	
	/* 210427 모바일 검색 수정	*/
	/* 210502 모바일 검색 수정	*/
    .bnClass .mobileAppendArea {display: block;border: none; border-top: 8px solid #f6f6f6;padding: 15px 16px;}
	
	
	/*	210502 모바일 수정*/
	.bnClass #dev_alram_btn, .headingArea .searchToggle{display: none;}
	.bnClass .paging{display: none;}
	.bnClass .searchListArea .listFoot{display: block;}
	.bnClass .bottomBg .titleArea.recommend, .searchP .bottomBg .tileListArea.recommend{display: block!important;}
	
	
	/*	210502 모바일 추천 저널*/
	.bnClass .bottomBg{margin-top: 0px;}
	.bnClass #dev_recommend_list .recommend{width: 100%;}
	.bnClass .bottomBg .tileListArea.recommend{padding-bottom: 37px;}
	
	
	/*210510 수정*/
	.bnClass #dev_recommend_list .contRight{float: none;width: calc(100% - 32px); padding: 0px; margin: 0px auto;max-width: 600px;}
	
	
	/*	210429 모바일 검색탭 */
	.bnClass .titleArea.recommend p.tit{font-size: 14px;font-family: 'notokr-medium', sans-serif;}
	.bnClass .mobileAppendArea p.searchBox .gInputText .fText{width: 100%!important;}
	
	
/*	210504 저널 추가*/
	.bnClass #dev_recommend_list .contRight p.desc{font-size: 13px;color: #111;}
	
	/* 210427 모바일 탭 추가	*/
	
	.bnClass .searchTab {width: 100%;border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;
		overflow: hidden;display: block;}
	
	/*  210428 높이값 변경	*/
	.bnClass .searchTab ul li{float: left;width: 50%;position: relative;height: 48px;text-align: center;	cursor: pointer;}
	
	/*  210428 마진 변경	*/
	.bnClass .searchTab ul li span{font-size: 13px;color: #666666;display: inline-block;	height: 14px;	line-height: 14px;margin-top: 17px;}
	.bnClass .searchTab ul li.active{border-bottom: 2px solid #cc4736;}
	.bnClass .searchTab ul li.active span{color: #CC4736;}

	/* 210503 추가 */
    .bnClass .mobileAppendArea .detachNodeResult1 .selectWrap .condtion {font-size: 12px;margin: 0;margin-right: 4px; margin-bottom: 4px;}
	
	/*210504 패딩수정*/
   .bnClass  .mobileAppendArea2 .detachNodeResult2 .filterGroup {margin: 0;margin-bottom: 10px;
    padding: 10px 15px 10px;border: 1px solid #e1e1e1;}
	
	/* 210502 수정	*/
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup .fCheck input[type="checkbox"] + label:after {top: 1px; left: 0px;}
	
	.bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit a {display: block;width: 100%;height: 100%;position: relative;font-size: 13px;font-family: 'notokr-medium',sans-serif;}

	/*	210504 이미지 수정*/
	.bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit a:after {position: absolute;right: 0px;top: 5px;content:"";width: 17px;height: 9px;/* margin: -2px 0 0 5px; */vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/bigDown.svg) no-repeat;}
	.bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup p.tit a.open:after {background: url(https://cdn.dbpia.co.kr/static/images/search/bigUp.svg) no-repeat;	}
	
	
		/*	210504 margin-top 수정*/
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort {overflow: hidden;margin-top: 10px;margin-bottom: 0px;}
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject {font-size: 13px;padding: 0;border: none;font-family: 'notokr-regular', sans-serif;margin: 0px;margin-bottom: 7px;overflow: hidden;}
	
	
	
	/*	210521 수정*/
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject .fCheck {padding-left: 0px; line-height: 18px; display: block;}
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject .fCheck input[type="checkbox"] + label {display: block;float: left;}
	
	
		/*210504 화살표 변경	*/
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail:after {display: inline-block;content:"";width:10px;height:10px;margin: 0 0 0 10px;vertical-align: middle;background: url(/images/common/subUp.svg) no-repeat center;}
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject .fCheck a.btnDetail.open:after {background: url(/images/common/subDown.svg) no-repeat center;}
	
	
	/*	210521 수정*/
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail:first-child {margin-top: 6px;}
	
	/*	210504 컬러 변경*/
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject ul.subjectDetailSort li.subjectDetail .fCheck {padding-left: 26px; line-height: 18px; display: block;color: #666666;}
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.subjectSort li.subject a.more {text-decoration: underline;margin: 0px 0 10px 14px;font-size: 12px;color: #666;display: block;}
	
	.bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general {margin-bottom: 7px;font-size: 13px;overflow: hidden;}
	
		/*210502 수정*/
   .bnClass  .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck {padding-left: 0px;line-height: 18px;display: block;overflow: hidden;
    width: 100%;}
	
	/*	210502 수정*/
   .bnClass  .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck label { display: block; overflow: hidden;   float: left;}
	
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck label span{padding-left: 22px;}
	
	/*	210502 수정*/
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"] + label:before {position: absolute;left: 0px;top: 3px;content:'';display:inline-block;margin: -2px 9px 0 0;width: 14px;height: 14px;line-height: 14px;text-align:center;vertical-align:middle;border: 1px solid #c8c8c8;background:#fff;box-sizing:border-box;}
	
	
	/*	210502 수정*/
    .bnClass .mobileAppendArea2 .detachNodeResult2 .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"] + label:after {opacity: 0;display:block;content:"";position:absolute;top: 2px;left: 0px;width:15px;height:15px;background: url(/images/common/checked.svg) no-repeat left center;}
	
		/*	210502 추가*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats .notice{
		display: none;
	}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .info li{display: none;font-size: 12px!important;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .info li a{color: #666;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .info .author,
	.bnClass .searchListArea .listBody ul.list li.item .listBox .info .publisher,
	.bnClass .searchListArea .listBody ul.list li.item .listBox .info .date,
	.bnClass .searchListArea .listBody ul.list li.item .listBox .info .kci{display: block;color: #666;}
	
	
	/*	210519 추가  */
	.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats{float: left;}
	
	/*210502 폰트 수정*/
	/*210519 마진 수정*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats,
	.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats small{font-size: 10px;margin-top: 10px;}
	
	
	/*	210504 수정*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox .titWrap h5{font-size: 14px;line-height: 1;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .typeWrap{margin-bottom: 3px;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats:before{display: none;}
	
	/*	210502 추가*/
	.bnClass .headingArea.schResult .mobileFacetedArea {margin-bottom: 0px;border-bottom: none;position: absolute; right: 16px;top: 0px;margin: 0px; padding: 0px;}
	
	/*	210501 수정*/
    .bnClass .mobileFacetedArea a.setting {float: left;display: block;font-size: 14px;color: #555555;font-family: 'notokr-medium', sans-serif;width: 80px;height: 27px;border: 1px solid #CCCCCC; border-radius: 3px;text-align: center;line-height: 27px;}
	
	/*	210501 추가*/
	
	.bnClass .mobileFacetedArea a.setting:hover{text-decoration: none;}
	/*	210501 추가*/

	.bnClass .mobileFacetedArea a.setting .numSear{color: #CC4736;}
	
	/*	210501 수정*/
    .bnClass .mobileFacetedArea a.setting:before {display:inline-block;width: 13px;height: 15px;content:"";margin: -4px 6px 0 0;vertical-align: middle;background:url(/images/common/filter-sear.svg) no-repeat center;}
	
		/*210427 width auto 추가*/
    .bnClass .mobileAppendArea .detachNodePublisher p.searchBox {margin-bottom: 5px;width: auto;}
	
	/*210427 width 수정 margin 수정*/
    .bnClass .mobileAppendArea .detachNodePublisher p.searchBox .gInputText {width: calc(100% - 36px);margin-right: 0px;}
	
	/*	210427 min width 수정 */
    .bnClass .mobileAppendArea .detachNodePublisher p.searchBox button {margin-top: 0px;min-width: 36px !important;}
	
		/* 210427 폰트 사이즈 추가	*/
    .bnClass .searchP .searchDetailArea .infoWrap dl dt {width: 80px;font-size: 12px;}
	
	
	/* 210427 발행기관소개 닫기 펼치기 display none	*/
	.bnClass .searchP .searchDetailArea .infoWrap dl dd .option{display: none!important;}
	
	/*  210427 height auto 추가	*/
	.bnClass .searchP .searchDetailArea .infoWrap dl dd .article{height: auto!important;}
	
	
	/* 210427 모바일 전용 접히기*/

	
	.bnClass .searchP .searchDetailArea .infoWrap {padding: 15px 16px;border: none;background-color: #fff;height: 75px;overflow: hidden;}
	
	
	
	.bnClass .searchP .searchDetailArea .foldBtn {background: url(/images/common/fold.png) no-repeat center;width: 11px;height: 7px;display: block;margin: 0px auto 0px auto;}
	
	
	
	/* 210427 정보부분 토글	*/
	.bnClass .searchP .searchDetailArea.active .infoWrap {height: auto;}
	.bnClass .searchP .searchDetailArea.active .foldBtn {background: url(/images/common/fold-up.png) no-repeat center;width: 11px;height: 7px;}
   .bnClass  .searchP .searchDetailArea .infoWrap dl dd {width: calc(100% - 85px);word-break: break-word;font-size: 12px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*상세페이지 리뷰 */
	.bnClass .searchP .thesisDetailArea p + p{margin-top: 0px;}
	.bnClass .searchP .thesisDetailArea .reviewInputBox .noticeReview{text-align: left;padding: 11px 0px 8px 0px;font-size: 10px;}
	.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewHead p.left .gInputText .fText{font-size: 11px;height: 20px; line-height: 20px;}
	.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewBody .fTextarea::placeholder{font-size: 10px;line-height: 18px;}
	.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot{height: auto;}
	.bnClass .fRadio + .fRadio,.fRadio{display: block;margin-left: 10px;text-align: left;font-size: 13px;}
	.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot .right .fRadio + .fRadio{margin-left: 10px;}	
	.bnClass .fRadio input[type="radio"] + label img{margin: 8.5px 4.5px 0px 4.5px;}
	.bnClass .fRadio input[type="radio"] + label:before{margin-right: 0px;}
	.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot button.btnWrite{width: 64px; height: 30px; position: absolute; bottom: 8px;right: 8px;}
	.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewBody .fTextarea{font-size: 12px;}
	.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot .right{line-height: 35px;}
	.bnClass .fRadio input[type="radio"] + label:before{margin-top: 9px;}
	.bnClass .searchP .thesisDetailArea .reviewInputBox .reviewFoot button.btnWrite span{font-size: 13px;}
	.bnClass .footer.footDetail{padding-bottom: 60px;}
	.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item p.writer span.name{font-size: 12px;}
	.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item p.text{font-size: 12px;}
	
	
	/*	내 서재 */
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookToolAll{width: 266px;height: 72px;border: none;background-color: rgba(0,0,0,0.6);border-radius: 8px; color: #fff;position: fixed;top: inherit; top: 70%;z-index: 9999;left: 50%; transform: translateX(-50%);font-size: 16px;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{position: absolute;width: 120px;height: 60px;border: 1px solid #9DC7E5;border-radius: 4px;color: #1F8BD8;font-family: 'notokr-medium', sans-serif;font-size: 13px;line-height: 1.4;padding: 12px 3px;background-color: #fff;   top: -16px;left: inherit; right: 0px;display: none;    box-shadow: 2px 2px 3px rgb(0 0 0 / 20%);pointer-events: none;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:after{border-bottom-color: #fff;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:before{border-bottom-color: #9DC7E5;}
	.bnClass .searchP .thesisDetailArea .reviewList ul.list li.item p.text{margin-top: 0px;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-2,
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-3{padding: 25px 15px;  text-align: center;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:after,
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:before,
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:after,
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:before{display: none!important;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*권호페이지*/
	
	.publicP .headingArea{display: block;}
	.publicP .headingArea.schDetail{margin: 12px 0px;padding: 0px 16px!important;}
	.publicP .headingArea.schDetail h2{font-size: 16px;}
	.publicP .searchDetailArea .infoWrap button.btnReport{display: none;}
	.publicP .searchDetailArea.coverImage{padding: 0px;height: auto;padding: 0px 16px;}
	.publicP .searchDetailArea.coverImage .infoWrap{border: none; background-color: #fff;padding-top: 0px; left: 140px;width: calc( 100% - 142px );height: 150px;overflow: hidden;min-height: inherit;}
	.publicP .searchDetailArea.coverImage.active .infoWrap{height: auto;}
	.publicP .searchDetailArea .imgWrap{display: block;width: 105px; height: 150px;left: 16px;}
	.publicP .searchDetailArea.coverImage .infoWrap dl dt{width: 95px;font-size: 12px;}
	.publicP .searchDetailArea .infoWrap dl dd{font-size: 12px;width: calc( 100% - 98px );}
	.inner{padding: 0px!important;}
	.publicP .searchDetailArea .infoWrap dl{padding: 0px;}
	.publicP .searchDetailArea .infoWrap dl:last-of-type{margin-bottom: 10px;}
	.publicP .searchDetailArea .infoWrap .topBottom{position: inherit; height: auto;border-top: none;}
	.publicP .searchDetailArea .infoWrap .topBottom div{height: 20px; line-height: 20px;display: block;float: none; display: block;margin-bottom: 10px;}
	.publicP .searchDetailArea .infoWrap .topBottom div span{line-height: 20px;font-size: 12px;width: 95px;display: inline-block;}
	.publicP .searchDetailArea .infoWrap .topBottom div span:nth-child(2){margin-left: 0px;}
	.publicP .searchDetailArea .infoWrap .topBottom div:nth-child(1){padding: 0px;margin: 0px;margin-bottom: 10px;}
	.publicP .searchDetailArea .infoWrap .topBottom div:nth-child(1):after{display: none;}
	.publicP .upDown{display: block;   margin: 25px 0px 20px auto;}
	.publicP .upDown .udBtn{display: block; margin: 0 auto;width: 10px; height: 6px;background: url('https://cdn.dbpia.co.kr/static/images/search/bigDown.svg') no-repeat; background-size: auto; background-position: center;}
	.publicP .searchDetailArea.coverImage.active .infoWrap{height: auto;}
	.publicP .searchDetailArea.coverImage.active .udBtn{ background: url('https://cdn.dbpia.co.kr/static/images/search/bigUp.svg') no-repeat; background-size: auto; background-position: center;}
	
	
	/*모바일 탭*/
	.publicP .publicTab {width: 100%;border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;overflow: hidden;display: block;}
	.publicP .publicTab ul li{float: left;width: 50%;position: relative;height: 48px;text-align: center;	cursor: pointer;}
	.publicP .publicTab ul li span{font-size: 13px;color: #666666;display: inline-block;	height: 14px;	line-height: 14px;margin-top: 17px;}
	.publicP .publicTab ul li.active{border-bottom: 2px solid #cc4736;}
	.publicP .publicTab ul li.active span{color: #CC4736;}
	
	
	
	
	/*상단*/
	.publicP .moveOther{border-top: 10px solid #F6F6F6;height: 50px;border-left: none;border-right: none;}	
	.publicP .moveOther div{font-size: 13px;}
	.publicP .moveOther.moBot{border-top: 1px solid #efefef;height: 40px;}
	.publicP .searchListArea{margin-top: 0px;}
	.publicP .searchListArea .listHead {margin-bottom: 0px; text-align: center;padding: 0px 16px;}

	
	/*210601 패딩 수정*/
	.publicP .searchListArea .listHead .allNum {height: auto;line-height: 20px;font-size: 14px;min-height: 40px;padding: 10px 0px; margin-bottom: 0px;}

	.publicP .searchListArea .listHead .allNum span{display: none;}
	.publicP .searchListArea .listHead .btnGroup{display: none;}
	
	
	
	
	
	/*저널리스트*/
	.publicP .searchListArea .listBody ul.list li.item .listBox .fCheck input[type="checkbox"] + label:after,
	.publicP .searchListArea .listBody ul.list li.item .listBox .fCheck input[type="checkbox"] + label:before{display: none;}
	
	/*210520 제거*/
/*	.publicP .searchListArea .listBody.schResult ul.list li.item:first-child{border-top: 1px solid #efefef}	*/
	.publicP .searchListArea .listBody.schResult ul.list li.item:last-child{border-bottom: 1px solid #efefef}
	
	/*	210519  패딩 수정 */
	.publicP .searchListArea .listBody.schResult ul.list li.item:first-child .listBox{border: none;padding: 16px 16px 24px 16px;}
	
	/*210526 패딩 추가 */
	.publicP .searchListArea .listBody.schResult ul.list li.item .listBox{padding-right: 16px!important;}
	
	/*210519 보더탑 none*/
	.publicP .searchListArea .listBody.schResult ul.list li.item:first-child .listBox{border-top: none;}
	
	.publicP .searchListArea .listBody ul.list li.item .listBox .typeWrap{margin-bottom: 3px;}
	.publicP.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li{font-size: 10px;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .titWrap h5 a{font-size: 13px;line-height: 20px;}
	.publicP .searchListArea .listBody ul.list li.item .listBox ul.info li{font-size: 12px;font-size: 10px;}
	.publicP .searchListArea .listBody ul.list li.item .listBox span.stats small{font-size: 10px;}
	.publicP .searchListArea .listBody ul.list li.item .listBox span.stats{margin-top: 10px; font-size: 10px;}
	.publicP .searchListArea .listBody ul.list li.item .listBox span.stats:before{display: none;}
	.publicP .searchListArea .listBody ul.list li.item .listBox span.stats .notice{display: none;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB {width: 60px;height: 24px;}
	
	/*	210519  패딩 수정 */
	.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.downBtn{margin-right: 16px;position: inherit;}
	
	
	.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span{font-size: 10px;}
	.publicP .searchListArea .listBody.schResult p.session + ul.list li.item:first-child .listBox{border: none;}
	
	
	
	/*모바일 셀렉트 부분*/
	.publicP .mobileAppendArea{border: none; padding: 0px;margin-bottom: 0px; display: none;}
	.publicP .mobileAppendArea .leftTop{padding: 20px 16px 18px 16px;width: 100%;}
	.publicP .mobileAppendArea .leftTwo{border: none; border-top: 10px solid #F6F6F6;padding-bottom: 0px;padding: 0px 16px;margin-bottom: 40px;width: 100%;}
	.publicP .mobileAppendArea .gInputText.schBox{width: 100%!important;}
	.publicP .leftTwo .subText{margin-top: 21px;}
	.publicP .leftTwo .newSel .select .select-styled{background-position: 95% center;}
	.publicP .leftTwo .newSel .select, 
	.publicP .leftTwo .newSel .select div, 
	.publicP .leftTwo .newSel .select ul li{width: 100%;}
	.publicP .leftTwo .newSel .select .select-options{width: 100%;}
	.publicP .leftTwo .newSel .select .select-options li{width: 100%;}
	.publicP .leftTbot:after{content: ""; display: block; clear: both;}	
	.publicP .leftTbot .newSel3{width: 30%;float: left;} 
	.publicP .leftTbot .newSel4{width: calc( 70% - 10px );float: left;margin-left: 10px;} 
	.publicP .leftTwo button{width: 100%;margin-top: 10px; height: 33px; border-radius: 3px; background-color: #666666;}
	
	
	/*210519 추가*/
	.publicP .leftTwo button span{font-size: 12px;}
	.publicP .leftTwo .newSel{display: none;}
	.bnClass .mobSel{display: block;}
	.bnClass .mobSel .fSelect.filtering{width: 100%;}
	.bnClass .mobSel .fSelect.filtering span{ color: #999;}
	.bnClass .mobSel .fSelect.filtering span:after {background: url(/images/common/arrow-sear.svg) no-repeat -0.5px;}
	.bnClass .mobSel .fSelect{border-radius: 3px!important;}
	.bnClass .mobSel2 {width: 30%; float: left;}
	.bnClass .mobSel3 {width: calc( 70% - 10px ); float: left; margin-left: 10px;}
	
	
	
	
	
	
	
	/*210520 저널페이지 모바일*/
	/*210526 추가 */
	.journalP .alarmBtn,
	.journalP button.btnReport{display: none;}
	.journalP .headingArea.schDetail{padding: 12px 16px!important;margin: 0px;}
	.journalP .headingArea.schDetail h2{font-family: 'notokr-bold', sans-serif;margin-bottom: 0px;}
	.journalP .searchDetailArea.coverImage .infoWrap{padding: 0px!important;border: none;background-color: #fff;}
	.journalP .searchDetailArea .infoWrap dl dt{width: 95px!important;}
	.journalP .searchDetailArea .infoWrap dl dd{width: calc(100% - 100px);}
	.journalP .searchDetailArea .infoWrap dl dt,
	.journalP .searchDetailArea .infoWrap dl dd{font-size: 12px; font-family: 'notokr-medium', sans-serif;}
	.journalP .searchDetailArea .imgWrap{width: 80px; height: 112px;left: 16px;}
	.journalP .searchDetailArea.coverImage{padding: 0px 16px;padding-left: 112px;margin-bottom: 0px;}
	.journalP .searchDetailArea.coverImage .infoWrap{min-height: 112px; height: 112px;}
	.journalP .searchDetailArea .infoWrap .topBottom div span:nth-child(1){font-size: 12px;!important; width: 95px!important;}
	.journalP .searchDetailArea .infoWrap .topBottom div span{font-size: 12px;margin-left: 0px!important;}
	.journalP .upDown .udBtn{margin: 10px 0px 20px 0px;}
	
	
	/*210520 모바일 탭*/
	.journalP .publicTab {width: 100%;border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;overflow: hidden;display: block;}
	.journalP .publicTab ul li{float: left;width: 50%;position: relative;height: 48px;text-align: center;	cursor: pointer;}
	.journalP .publicTab ul li span{font-size: 13px;color: #666666;display: inline-block;	height: 14px;	line-height: 14px;margin-top: 17px;}
	.journalP .publicTab ul li.active{border-bottom: 2px solid #cc4736;}
	.journalP .publicTab ul li.active span{color: #CC4736;}
	
	
	
    /*210520 모바일 탭*/
	.journalP .jBtn {border-bottom: none;margin-top: 0px;border: 1px solid #ccc; border-radius: 3px;height: 42px;}
	.journalP .jBtn .bot-line{display: none;}
	.journalP .jBtn ul li{border: none; padding: 6px;line-height: 28px;font-size: 13px;}
	.journalP .jBtn ul li span{line-height: 28px; height: 28px;display: block;border-radius: 3px;}
	.journalP .jBtn ul li.active{border-bottom: none;}
	.journalP .jBtn ul li.active span{background-color: #666666; color: #fff;}
	
	.journalP .jBtn2 {border-bottom: none;margin-top: 0px;border: 1px solid #ccc; border-radius: 3px;height: 42px;}
	.journalP .jBtn2 .bot-line{display: none;}
	.journalP .jBtn2 ul li{border: none; padding: 6px;line-height: 28px;font-size: 13px;}
	.journalP .jBtn2 ul li span{line-height: 28px; height: 28px;display: block;border-radius: 3px;}
	.journalP .jBtn2 ul li span.mob{display: inline-block; display: none;}
	.journalP .jBtn2 ul li.active{border-bottom: none;}
	.journalP .jBtn2 ul li.active span{background-color: #666666; color: #fff;}
	
	.journalP .jBtn3 {border-bottom: none;margin-top: 0px;border: 1px solid #ccc; border-radius: 3px;height: 42px;}
	.journalP .jBtn3 .bot-line{display: none;}
	.journalP .jBtn3 ul li{border: none; padding: 6px;line-height: 28px;font-size: 13px;}
	.journalP .jBtn3 ul li span{line-height: 28px; height: 28px;display: block;border-radius: 3px;}
	.journalP .jBtn3 ul li.active{border-bottom: none;}
	.journalP .jBtn3 ul li.active span{background-color: #666666; color: #fff;}
	
	/*모바일 셀렉트 부분*/
	.journalP .mobileAppendArea{border: none; padding: 0px;margin-bottom: 0px; display: none;}
	.journalP .mobileAppendArea .leftTop{padding: 20px 16px 18px 16px;width: 100%;}
	.journalP .mobileAppendArea .leftTwo{border: none; border-top: 10px solid #F6F6F6;padding-bottom: 0px;padding: 0px 16px;margin-bottom: 40px;width: 100%;}
	.journalP .mobileAppendArea .gInputText.schBox{width: 100%!important;}
	.journalP .leftTwo .subText{margin-top: 21px;}
	.journalP .leftTwo .newSel .select .select-styled{background-position: 95% center;}
	.journalP .leftTwo .newSel .select, 
	.journalP .leftTwo .newSel .select div, 
	.journalP .leftTwo .newSel .select ul li{width: 100%;}
	.journalP .leftTwo .newSel .select .select-options{width: 100%;}
	.journalP .leftTwo .newSel .select .select-options li{width: 100%;}
	.journalP .leftTbot:after{content: ""; display: block; clear: both;}	
	.journalP .leftTbot .newSel3{width: 30%;float: left;} 
	.journalP .leftTbot .newSel4{width: calc( 70% - 10px );float: left;margin-left: 10px;} 
	.journalP .leftTwo button{width: 100%;margin-top: 10px; height: 33px; border-radius: 3px; background-color: #666666;}
	.journalP .leftTwo button span{font-size: 12px;}
	.bnClass .jTab, .bnClass .jTab2, .bnClass .jTab3{padding: 7px 16px 0px 16px;border-top: 10px solid #F6F6F6;margin-top: 0px!important;}
    
    
    /*210520 모바일 컨텐츠1*/
	.journalP .jCon{padding-bottom: 10px;border-bottom: none;}
	.journalP .jCon .jTitle,.journalP .jCon2 .jTitle,.journalP .jCon3 .jTitle{display: none;}
	.journalP .jCon3 .jTable{ margin-top: 10px;}
	.journalP .jCon .jConwrap .jList {overflow: hidden;}
	.journalP .jCon .jConwrap .jList ul li{width: calc( 50% - 8px ); float: left;margin-top: 10px;height: 80px;}
	.journalP .jCon .jConwrap .jList ul li:nth-child(2n){margin-left: 16px;}
	.journalP .jCon .jConwrap .jList ul li .number{width: 32px;}
	.journalP .jCon .jConwrap .jList ul li .info .infoTitle{font-size: 14px;line-height: 40px;}
	.journalP .jCon .jConwrap .jList ul li .info .infoBot{height: 39px;line-height: 39px;font-size: 13px;}
	
	/*210520 모바일 컨텐츠2*/
	.journalP .jCon2{padding-bottom: 0px; border-bottom: none;margin-bottom: 20px;}
	.journalP .jCon2 .jList {overflow: hidden;}
	.journalP .jCon2 .jList ul li{width: calc( 50% - 5px )!important; float: left;margin-top: 10px;margin-left: 0px;height: 100px;}
	.journalP .jCon2 .jList ul li:nth-child(2n){margin-left: 10px;}
	.journalP .jCon2 .jList ul li:nth-child(n+4){margin-top: 10px;}
	
	.journalP .jCon2 .jList ul li .infoBot .counter{font-size: 13px;}
	.journalP .jCon2 .jList ul li .infoBot .counter .icTitle{width: 95px;}
	.journalP .jCon2 .jList ul li .infoBot .counter:nth-child(1){float: left;}
	.journalP .jCon2 .jList ul li .infoBot .counter:nth-child(2){float: right;}
	.journalP .jCon2 .jList ul li .infoBot{padding-left: 0px;overflow: hidden;margin: 10px;}
	.journalP .jCon2 .jList ul li .info .infoTitle{font-size: 14px; font-family: 'notokr-medium', sans-serif; font-size: 14px;}
	.journalP .jCon2 .jList ul li .info{margin: 10px;}
	
	/*210520 모바일 컨텐츠3*/
	.journalP .jTab3 .title-1
	.journalP .jTab3 .title-2{margin-top: 38px;}
	.journalP .swiperCenter{display: none;}
	.journalP .jCon3{padding-bottom: 0px; border-bottom: 1px;margin-bottom: 50px;}
	.journalP .jCon3 .jTable table tr th:nth-child(1){width: 60px;}
	.journalP .jCon3 .jTable table tr th:nth-child(3){width: 90px;}
	.journalP .leftTwo .newSel{display: none;}
	
    
	/*210525 저자페이지 */
	.authorP .thesisDetailArea{padding: 0px;}
	
	/*210618 마진수정*/
    .authorP .searchDetailArea{border-top: 1px solid #efefef; border-bottom: none; margin: 0px;padding: 20px 0px 0px;}
	
	/*210526 저자페이지 상단*/
    .authorP .searchDetailArea .infoWrap{height: 60px; padding: 0px; border: none;}
    .authorP .searchDetailArea.sdAuthor.active .infoWrap{height: auto;}
    .authorP .searchDetailArea .infoWrap dl dt{font-size: 12px; font-family: 'notokr-medium', sans-serif; margin-left: 0px;}
	.authorP .searchDetailArea .infoWrap dl.subject dd {width: calc( 100% - 110px );}
    .authorP .searchDetailArea .infoWrap dl{margin-bottom: 10px;}
    .authorP .searchDetailArea .infoWrap dl.subject{margin-bottom: 0px;min-width: inherit;display: block;float: none;}
    .authorP .searchDetailArea .infoWrap dl.subject dd span{margin-bottom: 10px;}
    .authorP .searchDetailArea .infoWrap dl dd{font-size: 12px;}
    .authorP .searchDetailArea .upDown{margin: 0px 0px 12px 0px;}
    .authorP .thesisDetailArea dl.keyword dd.word{margin: 0px 0px 15px 0px;}
    .authorP .thesisDetailArea dl.keyword dd.word a{font-size: 12px;}
    .authorP .searchListArea .listHead .funcWrap .mobSel{float: left;}
    
	
	/*210525 저자페이지 키워드*/
    .authorP .searchListArea {padding: 0px;margin-bottom: 0px;}
    .authorP .thesisDetailArea h3{margin-top: 12px; padding: 0px 16px 12px 16px!important;margin-bottom: 0px;}
	
	.authorP .thesisDetailArea dl.keyword {padding: 15px 16px 0px 16px;max-height: 130px;height: auto;}
	
	
	
    .authorP .thesisDetailArea dl.keyword dd.word:nth-child(n+2){margin-left: 0px; margin-right: 10px;}
	
	
	/*210602 패딩제거*/
    .authorP .keywordFoot{border-top: 1px solid #efefef;margin-top: 15px;}
	
	
    .authorP .thesisDetailArea .comtBox{display: none;}
	
	
	
	/*210525 저자페이지 모바일 탭*/
	.authorP .authorTab {width: 100%;border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;overflow: hidden;display: block;}
	.authorP .authorTab ul li{float: left;width: 50%;position: relative;height: 48px;text-align: center;	cursor: pointer;}
	.authorP .authorTab ul li span{font-size: 13px;color: #666666;display: inline-block;	height: 14px;	line-height: 14px;margin-top: 17px;}
	.authorP .authorTab ul li.active{border-bottom: 2px solid #cc4736;}
	.authorP .authorTab ul li.active span{color: #CC4736;}
	.authorP .mobileAppendArea{padding: 0px;}
	
	
	/*210525 저자페이지 리스트 */
	.authorP .filterGroup{margin: 0px;}
	.searchP .filterGroup ul.author{margin-bottom: 10px;border-bottom: 1px solid #efefef;}
	.authorP .filterGroup p{padding: 0px 16px;}
	.authorP .filterGroup p.tit{padding: 0px 16px 11px; border-bottom: 1px solid #ececec;margin: 17px 0px 11px 0px;}
	.authorP .filterGroup .option{display: block; text-align: center;}
	.authorP .filterGroup a.more{display: inline-block; text-decoration: none; margin: 0 auto 10px auto;font-size: 13px;}
	.authorP .filterGroup a.more span:after {display: inline-block;content: "";width: 11px;height: 10px;margin: 0px 0 0 5px;vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/bigDown.svg) no-repeat;}
	.authorP .filterGroup:nth-child(2) p.tit{margin-top: 0px; border-top: 10px solid #F6F6F6;padding: 18px 0px 11px 16px; border-bottom: 1px solid #efefef;}
	.searchP .filterGroup:nth-child(2) ul.author{margin-bottom: 40px;}
	.authorP .pcSel .newSel{display: none;}
	.authorP .pcSel .mobSel{display: block;}
	.authorJournal .formGroup .fSelect select{font-size: 12px; font-family: 'notokr-medium',sans-serif;color: #666; height: 30px;}
	.authorJournal .formGroup .fSelect span{padding: 0px 7px;line-height: 30px;font-size: 12px;}
	.authorJournal .formGroup .fSelect span:after{background: url(/images/common/arrow-sear.svg) no-repeat -0.5px;top: 14px;width: 14px;}
    .authorJournal .searchArea .formGroup{float: none; width: 100%;padding: 0px 16px;border-top: 1px solid #efefef;}
	
	/*210525 저자페이지 연도별 이용 리스트*/
    .authorP .layer2 .listHead .btnGroup .eTab {float: none; width: 100%;width: calc( 100% - 32px );position: absolute;top: 5px;padding: 5px;}
    .authorP .layer2 .listHead .btnGroup .eTab li{width: 50%; text-align: center;}
    .authorP .listHead .btnGroup .eTab a{width: 100%; font-size: 13px;height: 28px;line-height: 24px;}
    
    .authorP .layer2 .searchListArea .listHead .funcWrap .mobSel {float: left;margin: 50px 16px 0px 0px;}
	.authorJournal .searchArea .checkGroup .chkwrap .fCheck + .fCheck{margin-left: 17px;}
	
	
}



@media screen and (max-width:640px){
	
	/*210525 권호페이지 */
	.publicP .moveOther{height: auto;}
	.publicP .moveOther div{width: 100%; float: none; position: relative;height: 40px;}
	.publicP .moveOther div .moveSpan{ display: none;}
	.publicP .moveOther div .moveTitle{ float: none;margin: 0px 75px!important; }
	.publicP .moveOther div.prev {border-bottom: 1px solid #efefef;}
	.publicP .moveOther div.prev:after{display: none;}
	.publicP .moveOther div.prev .moveTitle:before{content: "이전"; position: absolute; left: 20px;font-family: 'notokr-regular', sans-serif; color: #666;}
	.publicP .moveOther div.prev .moveTitle:after{content: ""; position: absolute; right: 20px; background: url(/images/common/rightarrow.svg) no-repeat;background-position: center;position: absolute;right: 20px;top: 15px;width: 7px;height: 11px;}
	.publicP .moveOther div.next .moveTitle:before{content: "다음"; position: absolute; left: 20px; font-family: 'notokr-regular', sans-serif; color: #666;}
	.publicP .moveOther div.next .moveTitle:after{content: ""; position: absolute; right: 20px; background: url(/images/common/rightarrow.svg) no-repeat;background-position: center;position: absolute;right: 20px;top: 15px;width: 7px;height: 11px;}
	.publicP .moveOther.moBot{height: auto;margin-bottom: 40px;}
	.publicP .searchDetailArea .imgWrap{width: 80px; height: 112px;}
	.publicP .searchDetailArea.coverImage .infoWrap {left: 90px;width: calc( 100% - 90px );height: 112px;}
	
	
	
	/*210520 모바일 저널페이지*/
	.journalP .jCon{padding-bottom: 20px;}
	.journalP .jCon .jConwrap .jList ul li{width: 100%!important;margin: 10px 0px 0px 0px!important;}
	.journalP .jCon .jConwrap .jList ul li:nth-child(2n){margin-left: 0px;}
	.journalP .jCon2 .jList ul li{margin: 0px; width: calc( 100% - 2px )!important;margin-top: 10px;}
	.journalP .jCon2 .jList ul li:nth-child(2n){margin-left: 0px;}
	
	/*210601 제거*/
/*	.journalP .swiper-slide{margin-right: 20px!important;}*/
	
	
	/*210525 저자페이지 상단 버튼*/
    .authorP .searchListArea .listHead .funcWrap button{display: none;}
}





@media screen and (max-width:440px){
	
	
	
	/*하단 버튼*/
	
	.bnClass .searchP .thesisInfoArea .mobBtn p.btnGroup{max-width: 332px;}
	.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.btnDownload{ width: calc( 100% - 92px )!important;margin-left: 15px!important;	}
	.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.connecView{ width: calc( 100% - 92px )!important;margin-left: 15px!important;	}
	.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.disabled{ width: calc( 100% - 92px )!important;margin-left: 15px!important;	}
	.bnClass .searchP .thesisInfoArea .btnWrap p.btnGroup button.use{width: calc( 100% - 92px )!important;margin-left: 15px!important;}
    
    
    
}

 /*  */

 @charset "utf-8";
@-webkit-keyframes ani_dropdown {
    0% {
        -webkit-transform:translateY(-150%);
        transform:translateY(-150%)
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}

/* 미지원 브라우저 */
.browserupgrade {display:block;position:absolute;left:0;top:0;background:#fff;z-index:1001;}

/* 스킵 내비게이션 */
#skipNavigation {position:absolute; top:0; left:0; z-index:200; width:100%; height:0;}
#skipNavigation a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation a:focus, #skipNavigation a:hover, #skipNavigation a:active { width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:200;}

/* 모바일 내비게이션 */
/*2021-04-06 메뉴 버튼 위치 초정으로 인해 mobileNavgation display시 .menuButton도 같이 변경되게 수정*/
.mobileNavgation, .menuButton {display: none;}
.mobileNavgation .remainWrap {margin-left: 12px;}

/*2021-04-06 메뉴 버튼 수정*/
/* .menuButton {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;cursor: pointer;padding: 22px 16px;position: absolute;right: 0px;z-index: 999;top: 0;} */
.menuButton {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;cursor: pointer;padding-top: 24px;position: absolute;right: 0px;z-index: 999;top: 0; width:25px; height:25px;}

/*2021-04-06 햄버거 버튼 height 조정*/
.menuButton span,
.menuButton span:before,
.menuButton span:after {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width: 22px; height: 3px; background-color: #777777;}
.menuButton span {position: relative;display: block;}
.menuButton span:before,
.menuButton span:after {content: "";position: absolute;/*left: 0;*/}
.menuButton span:before {top: -7px;}
.menuButton span:after {top: 7px;} 

/*2021-04-08 메뉴 닫기 버튼 조정*/
.menuButton.active {position: fixed;top: 3px;right: -3px;}
.menuButton.active span {background: transparent;}
.menuButton.active span:before,
.menuButton.active span:after {top: 0;width: 19px;height: 1px;background-color: #111111; right:10px;}
.menuButton.active span:before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.menuButton.active span:after {-webkit-transition-delay: 0.09s;-moz-transition-delay: 0.09s;-o-transition-delay: 0.09s;-ms-transition-delay: 0.09s;transition-delay: 0.09s;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);}

.menuPanel {right: -78%;}
.menuPanel {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;position: fixed;z-index: 998;top: 0;height: 100%;width: 78%;background-color: #fff;}
.menuPanel.active {right: 0;overflow-y: auto;box-shadow: -3px 0px 10px rgba(0,0,0,.3);}

.menuPanel .menuHead {/* height: 57px; */border-bottom: 1px solid #aaaaaa;}
.menuPanel .menuHead p.login {padding: 19px 14px 18px;font-size: 14.5px;color: #111111;font-family: 'notokr-bold', sans-serif;}
.menuPanel .menuHead p.auth {padding: 10px 14px 9px;padding-right: 50px;}
.menuPanel .menuHead p.auth span.organ {font-size: 14.5px;color: #111111;font-family: 'notokr-bold', sans-serif;display: block;margin-bottom: 3px;}
.menuPanel .menuHead p.auth span.name {font-size: 14.5px;color: #111111;font-family: 'notokr-bold', sans-serif;display: block;margin-bottom: 2px;margin-right: 3px;}
.menuPanel .menuHead p.auth span.name small {font-size: 12.5px;color: #c93035;margin-left: 4px;}
.menuPanel .menuHead p.auth span.id {font-size: 11.5px;color: #777777;display: inline;}

.menuPanel .menuBody ul.menu {overflow: hidden;}
.menuPanel .menuBody ul.menu li.label {border-bottom: 1px solid #e7e7e7;}
.menuPanel .menuBody ul.menu li.label a.mm {font-size: 14.5px;padding: 14px 0 13px 14px;color: #111111;display: block;position: relative;}
.menuPanel .menuBody ul.menu li.label a.mm:before {display:inline-block;width: 15px;height: 16px;content:"";margin: -3px 8px 0 0;vertical-align: middle;}
.menuPanel .menuBody ul.menu li.label a.mm:after {position: absolute;right: 13px;top: 18px;width: 16px;height: 9px;content:"";vertical-align: middle;background: url(/images/common/mobile_arrow_down.png) no-repeat;background-size: 16px 9px;}
.menuPanel .menuBody ul.menu li.label.selected a.mm:after {transform: rotate(180deg);}
.menuPanel .menuBody ul.menu li.label a.mm.m01:before {background-position: 0px 0px;background: url(/images/common/mobile_nav_icon01.png) no-repeat;}
.menuPanel .menuBody ul.menu li.label a.mm.m02:before {background-position: 0px 0px;background: url(/images/common/mobile_nav_icon02.png) no-repeat;}
.menuPanel .menuBody ul.menu li.label a.mm.m03:before {background-position: 0px 0px;background: url(/images/common/mobile_nav_icon03.png) no-repeat;}
.menuPanel .menuBody ul.menu li.label ul.list {display: none;overflow: hidden;padding: 9px 0 7px;border-top: 1px solid #e7e7e7;}
.menuPanel .menuBody ul.menu li.label ul.list li.item {float: left;width: 100%;}
.menuPanel .menuBody ul.menu li.label ul.list li.item:first-of-type {}
.menuPanel .menuBody ul.menu li.label ul.list li.item:last-of-type {border-bottom: none;margin: 0 0 5px 0;}
.menuPanel .menuBody ul.menu li.label ul.list li.item a.sm {display: block;padding: 6px 0px 6px 37px;color: #555555;font-size: 13.5px;}

.menuPanel .menuFoot {position: absolute;position: fixed;bottom: 0;z-index: 9999;border-top: 1px solid #e7e7e7;width: 100%;padding: 14px 14px 15px;background: #ffffff;}
.menuPanel .menuFoot ul {position: relative;}
.menuPanel .menuFoot ul li {float: left;margin-right: 19px;}
.menuPanel .menuFoot ul li a {font-size: 14px;color: #3c63e0;font-family: 'notokr-medium', sans-serif;}
.menuPanel .menuFoot .gRight {position: absolute;right: 13px;right: 92px;right: 25.5%;bottom: 7px;}
.menuPanel .menuFoot button.btnEnglish {padding: 7px 12px 8px;}

.menuPanelOverlay {position: fixed;top: 0;z-index: 997;width: 100%;height: 100%;display: none;background-color: rgba(0, 0, 0, 0.35);cursor: pointer;}

/* 전체 */
body.modalOpen {overflow: hidden;}
.wrap {width: 100%;min-width: 320px;/* min-height: 100%; *//* height: 100%; */position: relative;z-index: 1;}
.inner {width: 100%;max-width: 1080px;margin:0 auto;}
.container {width: 100%;min-height: 100%;}

/* 헤더 */
.header {width: 100%;z-index: 200;position:relative;border-bottom: 1px solid #e7e7e7;}
.header .hdTop {padding-bottom: 15px;}
.header .hdTop:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.header .hdTop ul {overflow: hidden;float: right;padding-top: 15px;}
.header .hdTop ul li {float: left;position: relative;padding: 0 10px 0 9px;}
.header .hdTop ul li:last-child {padding-right: 0px;}
.header .hdTop ul li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 10px;vertical-align:middle;background: #dddddd;}
.header .hdTop ul li:last-child:after {display:none;}
.header .hdTop ul li span.organ {font-size: 13px;color: #111111;font-family: 'notokr-bold', sans-serif;margin-top: -1px;padding-right: 1px;display: inline-block;}
.header .hdTop ul li span.person {font-size: 13px;color: #111111;font-family: 'notokr-bold', sans-serif;margin-top: -1px;padding-right: 0px;display: inline-block;}
.header .hdTop ul li span.person:before {display:inline-block;width: 13px;height: 13px;content:"";margin: -4px 5px 0 0;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -100px -400px;}
.header .hdTop ul li span.person small {font-size: 12px;color: #c93035;margin-left: 3px;}
.header .hdTop ul li span.person a {font-size: 13px;color: #111111;font-family: 'notokr-bold', sans-serif;margin-top: -1px;padding-right: 0px;display: inline-block;}
.header .hdTop ul li span.person a:hover {text-decoration: underline !important;}
.header .hdTop ul li a {font-family: 'notokr-medium', sans-serif;font-size: 12px;color: #777777;letter-spacing: -0.15px;display: block;line-height: 1.3;}

.header .hdWrap {position: relative;padding: 0 321px 0 322px;}
.header .hdWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.header .hdWrap .organLogo {position: absolute;left: 0;top: 0;margin-top: 7px;}
.header .hdWrap .organLogo img {width: 103px; height: 38px;}
.header .hdWrap h1 {position: absolute;left: 123px;top: 0;/* float:left; */margin-top: 14px;}
.header .hdWrap h1 a {display:block;width: 169px;height: 25px;background: url(/images/common/logo_dbpia.png) no-repeat 0 0;background-size: contain;}
.header .hdWrap.pr372 {padding-right: 345px;}

.header .gSearch {width: 100%;max-width: 490px;position: relative;}
.header .gSearch .searchFrom {width: 100%;height: 50px;border: 2px solid #c93035;background: transparent;font-size: 0;display: inline-block;margin-bottom: 41px;}
.header .gSearch .searchFrom .fSelect {position:relative;/* top: -1px; */display:inline-block;width: 104px;height: 45px;font-size:14px;border:0;background: transparent;}
.header .gSearch .searchFrom .fSelect span {padding: 0px 0 0 18px;padding: 0px 0 0 12px;line-height: 46px;color: #555555;font-size: 15px;font-size: 13.5px;letter-spacing: -0.5px;border:0;-webkit-appearance:none;-moz-appearance:none;/* font-family: 'notokr-medium', sans-serif; */}
.header .gSearch .searchFrom .fSelect select {height:100%;border:0;}
.header .gSearch .searchFrom .fSelect span:after {position:absolute;top: 28px;right: 13px;display:block;content:"";width:auto;height:auto;border-style:solid;border-color:#000 transparent;border-width: 5px 4px 0;background:none;}
.header .gSearch .searchFrom .gInputText {width: calc(100% - 152px);}
.header .gSearch .searchFrom .gInputText:before {position:absolute;top: 13px;left: -1px;display:block;content:"";width:1px;height:19px;background:#ddd;}
.header .gSearch .searchFrom .gInputText .placeholder {position:absolute;top:50%;left: 10px;margin-top: -7px;color:#999;font-size: 12.5px;}
.header .gSearch .searchFrom .gInputText input.search {padding-left: 10px;width: 100%;height: 46px;/* margin-top: -7px; *//* line-height: 37px; */border:0;outline: none;font-size: 16px;color: #222222;vertical-align: -webkit-baseline-middle;background: transparent;}
.header .gSearch .searchFrom .btnSearch {display:inline-block;width: 48px;height: 46px;line-height: 46px;background: url(/images/common/common_sfix_icon.png) no-repeat 14px 12px;background-color: #c93035;text-indent: -9999px;vertical-align: bottom;}
.header .gSearch a.btnDetailSearch {display:inline-block;color: #c93035;font-size: 13px;margin-left: 14px;font-family: 'notokr-medium', sans-serif;vertical-align: top;padding: 20px 0 0px 0;position: absolute;right: -60px;top: 0;}

.header .atcmpLayer {position: absolute;left: 0;top: 50px;border: 1px solid #e7e7e7;background: #fff;overflow: hidden;width: 100%;z-index: 10;display: none;}
.header .atcmpLayer ul {overflow: hidden;margin: 5px 0;max-height: 238px;}
.header .atcmpLayer ul li {padding: 0;}
.header .atcmpLayer ul li a {display: block;width: 100%;padding: 3px 14px 4px;color: #555555;font-size: 14px;}
.header .atcmpLayer ul li a.on {background: #f2f2f2;}
.header .atcmpLayer ul li a:hover {text-decoration:none;}
.header .atcmpLayer ul li a strong.keywordHighlight {color: #c93035;font-family: 'notokr-bold', sans-serif;}

.header .gSearch .relatedKeyword {position: relative;/* width: 490px; */width: 100%;max-width: 490px;margin: -31px 0 5px 0;padding-left: 1px;padding-right: 50px;/* height: 26px; *//* display: none; */}
.header .gSearch .relatedKeyword dl {width: 100%;display: block;overflow: hidden;}
.header .gSearch .relatedKeyword dl dt {float: left;font-size: 13px;font-weight: bold;/* font-family: 'notokr-bold', sans-serif; */margin-right: 15px;}
.header .gSearch .relatedKeyword dl dd {display: block;}
.header .gSearch .relatedKeyword dl dd ul {overflow: hidden;/* padding-top: 1px; */}
.header .gSearch .relatedKeyword dl dd ul li {float: left;white-space: nowrap;padding: 0 7px 10px 0;/* padding: 0 7px 5px 0; */}
.header .gSearch .relatedKeyword dl dd ul li a {font-size: 13px;color:#3c63e0;white-space: nowrap;/* font-family: 'notokr-medium', sans-serif; */}
.header .gSearch .relatedKeyword .option {position: absolute;top: 16px;right: 0px;text-align: left;width: 49px;}
.header .gSearch .relatedKeyword .option a {font-size: 12px;color: #999999;font-family: 'notokr-medium', sans-serif;text-align: right;position: relative;}
.header .gSearch .relatedKeyword .option a span {position: absolute;right: -49px;top: -15px;}
.header .gSearch .relatedKeyword .option a span.unfold:after {display: inline-block;content:"";width: 10px;height: 10px;margin: 4px 0 0 5px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -150px 0;}
.header .gSearch .relatedKeyword .option a span.fold {display: none; position: absolute;right: -49px;top: -15px;}
.header .gSearch .relatedKeyword .option a span.fold:after {display: inline-block;content:"";width:10px;height:10px;margin: 4px 0 0 5px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -200px 0;}

.header .gUtil {position: absolute;right: 0;top: 0;/* float:right; */margin-top: 21px;}
.header .gUtil ul.list {/* overflow: hidden; */}
.header .gUtil ul.list li.item {float: left;margin-left: 22px;position: relative;}
.header .gUtil ul.list li.item:first-child {margin-left: 0px;}
.header .gUtil ul.list li.item a.link {font-size: 16px;color: #222222;font-family: 'notokr-medium', sans-serif;}
.header .gUtil ul.list li.item a.link:before {display:inline-block;width: 16px;height: 18px;content:"";margin: -4px 5px 0 0;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat;}
.header .gUtil ul.list li.item a.mystudy:before {background-position: -50px 0px;margin: -4px 8px 0 0;}
.header .gUtil ul.list li.item a.alarm:before {background-position: -100px 0px;}
.header .gUtil ul.list li.item a.alarm.mobile {display: none;}
.header .gUtil ul.list li.item .badge {position: absolute;left: -9px;top: -7px;display: block;min-width: 14px;padding: 2px 4px 1px;font-size: 11px !important;color: #ffffff;line-height: 1;vertical-align: baseline;white-space: nowrap;text-align: center;background-color: #c93035;border-color: #c93035;border-radius: 12px;font-family: dotum, '돋움', 'notokr-regular', '맑은 고딕', sans-serif;font-weight: bold;display:none;}
.header .gUtil ul.list li.item .badgeMyStudy {position: absolute;left: -9px;top: -7px;display: block;min-width: 14px;padding: 2px 4px 1px;font-size: 11px !important;color: #ffffff;line-height: 1;vertical-align: baseline;white-space: nowrap;text-align: center;background-color: #c93035;border-color: #c93035;border-radius: 12px;font-family: dotum, '돋움', 'notokr-regular', '맑은 고딕', sans-serif;font-weight: bold;display:none;}
.header .gUtil ul.list li.item:nth-child(3) {margin-left: 12px;}
.header .gUtil ul.list li.item .remainWrap {width: 107px;height: 30px;position: relative;}
.header .gUtil ul.list li.item .remainWrap a.remain {position: absolute;right: 0px;top: -5px;border: 1px solid #d5d5d5;width: 107px;height: 30px;padding: 6px 0 0;-webkit-padding-before: 6px;border-radius: 99px;text-align: center;display: inline-block;cursor: default;}
.header .gUtil ul.list li.item .remainWrap a.remain:hover {text-decoration: none;}
.header .gUtil ul.list li.item .remainWrap a.remain:hover p.desc {display: block;}
.header .gUtil ul.list li.item .remainWrap a.remain span.num {font-size: 12px;color: #777777;font-family: 'notokr-bold', sans-serif;letter-spacing: -0.3px;}
.header .gUtil ul.list li.item .remainWrap a.remain span.num:before {display:inline-block;width: 14px;height: 14px;content:"";margin: -2px 3px 0 0;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -300px -350px;}
.header .gUtil ul.list li.item .remainWrap a.remain span small {color: #c93035;font-size: 12px;margin-left: 1px;}
.header .gUtil ul.list li.item .remainWrap a.remain p.desc {display: none;border-radius: 3px;background: #999999;padding: 3px 0px 4px;margin: 0 auto;margin-top: 15px;width: 98px;}
.header .gUtil ul.list li.item .remainWrap a.remain p.desc span.date {color: #ffffff;font-size: 12px;letter-spacing: -0.3px;}

/* 헤더 - 알림 */
.header .alarmArea {display: none;position:absolute;top: 25px;right: 0px;padding: 0;width: 260px;height: 398px;height: 414px;border: 1px solid #e0e0e0;background:#fff;color: #555555;box-shadow: 3px 3px 8px rgba(0,0,0,.1);box-shadow: 3px 4px 6px rgba(0,0,0,.2);z-index: 10;text-align: left;opacity: 0;}
.header .alarmArea:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: 19px;top: -7px;border-width: 0 7px 7px;border-bottom-color: #cccccc;}
.header .alarmArea:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: 19px;top: -6px;border-width: 0 7px 7px;border-bottom-color: #fff;}
.header .alarmArea .alarmBox {}
.header .alarmArea .alarmBox .alarmHead {border-bottom: 1px solid #eeeeee;}
.header .alarmArea .alarmBox .alarmHead p {padding: 12px 65px 13px 14px;color: #111111;font-size: 13px;line-height: 17px;height: 42px;height: 59px;}
.header .alarmArea .alarmBox .alarmHead p span.day {padding: 0;color: #c93035;font-family: 'notokr-medium', sans-serif;/* display: block; *//* margin-top: 2px; */}
.header .alarmArea .alarmBox .alarmHead p.noti {padding: 12px 65px 13px 14px;}
.header .alarmArea .alarmBox .alarmHead button.btnSetting {position: absolute;right: 8px;top: 10px;padding: 6px 7px 4px;border: 1px solid #c8c8c8!important;width: 52px;}
.header .alarmArea .alarmBox .alarmHead button.btnSetting span {text-align: center;}
.header .alarmArea .alarmBox .alarmBody {padding: 0;height: 311px;}
.header .alarmArea .alarmBox .alarmBody ul {padding: 0;}
.header .alarmArea .alarmBox .alarmBody ul li {padding: 11px 34px 10px 32px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;line-height: 18px;margin-top: -1px;position: relative;height: 79px;}
.header .alarmArea .alarmBox .alarmBody ul li:before {position: absolute;left: 14px;top: 16px;content:"";width: 10px;height: 10px;vertical-align:middle;border-radius: 10px;background: #c93035;}
.header .alarmArea .alarmBox .alarmBody ul li span.txt {padding: 0;font-size: 13px;color: #111111;}
.header .alarmArea .alarmBox .alarmBody ul li span.date {padding-top: 2px;font-size: 12px;color: #999999;display: block;}
.header .alarmArea .alarmBox .alarmBody ul li span.del {position: absolute;right: 6px;top: 50%;margin-top: -13px;width: 25px;height: 25px;background: url(/images/common/common_sfix_icon.png) no-repeat -42px -142px;cursor: pointer;}
.header .alarmArea .alarmBox .alarmFoot {padding: 13px 10px 14px;text-align: center;height: 42px;}
.header .alarmArea .alarmBox .alarmFoot a.more {padding: 0;font-size: 13px;color: #111111;}
.header .alarmArea .alarmBox .alarmFoot a.more:after {display: inline-block;content:"";width: 5px;height: 9px;margin: -2px 0 0 7px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat 0px -150px;}

.header .alarmArea .alarmBox .alarmBodyTop {padding: 0;height: 311px;}
.header .alarmArea .alarmBox .alarmBodyTop ul {padding: 0;}
.header .alarmArea .alarmBox .alarmBodyTop ul li {padding: 11px 34px 10px 32px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;line-height: 18px;margin-top: -1px;position: relative;height: 79px;}
.header .alarmArea .alarmBox .alarmBodyTop ul li:before {position: absolute;left: 14px;top: 16px;content:"";width: 10px;height: 10px;vertical-align:middle;border-radius: 10px;background: #c93035;}
.header .alarmArea .alarmBox .alarmBodyTop ul li.view:before {position: absolute;left: 14px;top: 16px;content:"";width: 10px;height: 10px;vertical-align:middle;border-radius: 10px;background: #e9e9e9;}
.header .alarmArea .alarmBox .alarmBodyTop ul li.viewed:before {position: absolute;left: 14px;top: 16px;content:"";width: 10px;height: 10px;vertical-align:middle;border-radius: 10px;background: #e9e9e9;}
.header .alarmArea .alarmBox .alarmBodyTop ul li span.txt {padding: 0;font-size: 13px;color: #111111;}
.header .alarmArea .alarmBox .alarmBodyTop ul li span.date {padding-top: 2px;font-size: 12px;color: #999999;display: block;}
.header .alarmArea .alarmBox .alarmBodyTop ul li span.del {position: absolute;right: 6px;top: 50%;margin-top: -13px;width: 25px;height: 25px;background: url(/images/common/common_sfix_icon.png) no-repeat -42px -142px;cursor: pointer;}


/* 헤더 - 배너 */
.header .banner {background: #efefef;}
.header .banner .inner {position: relative;text-align: center;}
.header .banner a.close {display:block;position: absolute;right: 0;top: 15px;background: url(/images/common/btn_close_banner.png) no-repeat;width: 30px;height: 30px;}
.header .banner .imgWrap {}
.header .banner .imgWrap a {display: block;width: 100%;height:100%;}
.header .banner .imgWrap img {width: 1080px;}
.header .banner .fCheck {position: absolute; right: 0; bottom: 10px;}
.header .banner .fCheck input[type="checkbox"] + label:before {margin-right: 5px;}
.header .banner .fCheck input[type="checkbox"]:checked + label:after {top: 0px;}
.header .banner .fCheck input[type="checkbox"] + label {font-size:11px;}

/* 헤더 - 공지 */
.header .notification {background: #efefef;}
.header .notification .inner {position: relative;text-align: center;}
.header .notification .txtWrap {position: relative;padding-top: 18px;padding-right: 170px;width: 78%;height: 80px;text-align: left;margin: 0 auto;}
.header .notification .txtWrap span {display: block;line-height:20px;font-size: 13px;color: #666666;}
.header .notification a {display:block;position: absolute;right: 0;top: 40px;text-decoration:underline;}
.header .notification a:after {display: inline-block;content:"";width: 6px;height: 11px;margin: -2px 0 0 5px;vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat -100px -50px;}

/* 콘텐츠 */
.contents {position: relative;/* height: 100%; *//* min-height: 100%; */}
.contents:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.contents .visualWrap {width: 100%;/* background: #3c64e0; */background: #f3f3f3;}
.contents .contLeft {float: left;/* position: absolute; *//* left: 0; *//* top: 0; */width: 230px;height: 100%;padding-top: 1px;padding-bottom: 50px;border-right: 1px solid #e7e7e7;margin-right: -1px;position: relative;}
.contents .contRight {float: right;width: calc(100% - 229px);padding: 0 0 55px 40px;border-left: 1px solid #e7e7e7;min-height: 600px;/* margin-left: 229px; *//* height: 100%; */}
.contents .contWrap {position: relative;padding-top: 0px;padding-bottom: 35px;}
.contents .contWrap.aside {padding-right: 230px;}
.contents .contWrap.aside .section {/* position: relative; */}
.contents .contWrap.aside h2 {font-size: 25px;color: #111;font-family: 'notokr-bold', sans-serif;margin-bottom: 8px;word-break: keep-all; word-wrap: break-word;}
.contents .contWrap.aside .asideWrap {position: absolute;right: 0;top: 2px;width: 190px;}

/* 푸터 */
.footer {width: 100%;background: #444444;}
.footer .ftLinkWrap {position: relative;padding-right: 50px;}
.footer .ftLinkWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.footer .ftLinkWrap ul.ftLink {overflow: hidden;}
.footer .ftLinkWrap ul.ftLink li.link {width: 20%;text-align: center;position: relative;float:left;padding: 16px 5px 15px;}
.footer .ftLinkWrap ul.ftLink li.link a {color: #dddddd;font-size: 16px;}
.footer .ftLinkWrap a.btnToggleFooter {position: absolute;right: 0;top: 0;display:block;width: 51px;height: 50px;color: #b2b2b2;font-size: 13px;border-left: 1px solid #5a5a5a;border-right: 1px solid #5a5a5a;background: url(/images/common/common_sfix_icon.png) no-repeat -437px -280px;}
.footer .ftLinkWrap a.btnToggleFooter.open {background-position: -387px -280px;}

.footer .ftWrap {}
.footer .ftTop {position: relative;padding: 0;border-top: 1px solid #535353;}
.footer .ftTop:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.footer .ftTop .inner,
.footer .ftBot .inner {position: relative;padding-right: 390px;}
.footer .ftTop .ftLeft {position: relative;}
.footer .ftTop .ftLeft ul.ftMenu {overflow: hidden;padding: 26px 0 25px;margin-left: -16px;}
.footer .ftTop .ftLeft ul.ftMenu li.menu {position: relative;float:left;padding: 0 16px;}
.footer .ftTop .ftLeft ul.ftMenu li.menu:first-child {/* padding-left: 0; */}
.footer .ftTop .ftLeft ul.ftMenu li.menu:after {position:absolute;top: 2px;right: 0;display:block;content:"";width:1px;height: 11px;vertical-align:middle;background: #5a5a5a;}
.footer .ftTop .ftLeft ul.ftMenu li.menu:last-child:after {display:none;}
.footer .ftTop .ftLeft ul.ftMenu li.menu a {display:block;color: #b2b2b2;font-size: 13px;}
.footer .ftTop .ftLeft ul.ftMenu li.menu span {display:block;color: #b2b2b2;font-size: 13px;}
.footer .ftTop .ftLeft .infoWrap {position: relative;padding-left: 124px;overflow: hidden;}
.footer .ftTop .ftLeft .infoWrap p.logo {position: absolute;left: 0;top: 10px;}
.footer .ftTop .ftLeft .infoWrap p.logo a {display:block;width: 102px;height: 36px;background: url(/images/common/logo_nurimedia.png) no-repeat 0 0;background-size: cover;}
.footer .ftTop .ftLeft .infoWrap ul.info {float: left;overflow: hidden;}
.footer .ftTop .ftLeft .infoWrap ul.info li {padding-bottom: 5px;color: #b2b2b2;font-size: 13px;}
.footer .ftTop .ftLeft .infoWrap ul.info li span {margin-right: 4px;}
.footer .ftTop .ftLeft .infoWrap ul.info li a {color: #b2b2b2;font-size: 13px;}

.footer .ftTop .ftRight {position: absolute;right: 83px;top: 26px;}
.footer .ftTop .ftRight p.helpTit {font-size: 18px;color: #ffffff;font-family: 'notokr-light', sans-serif;margin-bottom: 5px;}
.footer .ftTop .ftRight ul.helpCont {/* overflow: hidden; */}
.footer .ftTop .ftRight ul.helpCont li {float: left;position: relative;}
.footer .ftTop .ftRight ul.helpCont li:after {position:absolute;top: 1px;right: 0;display:block;content:"";width:1px;height: 57px;vertical-align:middle;background: #575757;}
.footer .ftTop .ftRight ul.helpCont li:last-child:after {display:none;}
.footer .ftTop .ftRight ul.helpCont li.contact {padding-right: 18px;}
.footer .ftTop .ftRight ul.helpCont li.contact span.phone {display: block;font-size: 28px;font-family: 'notokr-light', sans-serif;margin-bottom: 6px;}
.footer .ftTop .ftRight ul.helpCont li.contact span.phone a {color: #ffffff;}
.footer .ftTop .ftRight ul.helpCont li.contact span.phone a:hover {text-decoration: none;}
.footer .ftTop .ftRight ul.helpCont li.contact span.email {display: block;}
.footer .ftTop .ftRight ul.helpCont li.contact span.email a {color: #dddddd;font-family: 'notokr-light', sans-serif;}
.footer .ftTop .ftRight ul.helpCont li.operation {padding-left: 16px;}
.footer .ftTop .ftRight ul.helpCont li.operation span.subtit {font-size: 12px;color: #999999;display: block;margin-bottom: 4px;padding-top: 2px;}
.footer .ftTop .ftRight ul.helpCont li.operation span.time {font-size: 13px;color: #dddddd;line-height: 18px;}

.footer .ftBot {position: relative;padding-bottom: 38px;}
.footer .ftBot .ftLeft p.copyright {padding: 10px 0 0;color: #7a7a7a;padding-left: 124px;}
.footer .ftBot .ftRight {position: absolute;right: -4px;top: -2px;}
.footer .ftBot .ftRight ul.bn {overflow: hidden;}
.footer .ftBot .ftRight ul.bn li {float:left;margin-right: 9px;width: 77px;height: 34px;/*background-color: #ffffff;*/}
.footer .ftBot .ftRight ul.bn li:nth-child(3) {margin-right: 0px;width:110px;margin-right: 9px;}
.footer .ftBot .ftRight ul.bn li:nth-child(4) {margin-right: 0px;width:45px;margin-right: 9px;}
.footer .ftBot .ftRight ul.bn li:nth-child(5) {margin-right: 0px;width:30px;margin-right: 9px;}
.footer .ftBot .ftRight ul.bn li a {display:block; width: 100%; height: 100%;}
.footer .ftBot .ftRight ul.bn li a.bnDefault {background: url(/images/common/bn_default.png) no-repeat 0 0;background-size: cover;}
.footer .ftBot .ftRight ul.bn li a.bnDBpia {background: url(/images/common/bn_DBpia.png) no-repeat 0 0;background-size: cover;background-position:center center}
.footer .ftBot .ftRight ul.bn li a.bnKRpia {background: url(/images/common/bn_KRpia.png) no-repeat 0 0;background-size: cover;background-position:center center}
.footer .ftBot .ftRight ul.bn li a.bnGCS {background: url(/images/common/bn_GCS.png) no-repeat 0 0;background-size: cover;background-position:center center}
.footer .ftBot .ftRight ul.bn li a.RightOk {background: url(/images/common/RightOk.png) no-repeat 0 0;background-size: 45px 23px;background-position:center center}
.footer .ftBot .ftRight ul.bn li a.bnKepa {background: url(/images/common/bn_Kepa.png) no-repeat 0 0;background-size: cover;background-position:center center}

.footer .gTopNavi {position: fixed;right: 20px;bottom: 101px;display: none;z-index: 999;}
.footer .gTopNavi.bottom {bottom: 177px;}

/* 서브 메뉴 */
.lnbWrap {padding: 31px 39px 50px 0;width: 230px;}
.lnbWrap p.title {width: 100%;font-size: 20px;display: inline-block;color: #111;font-family: 'notokr-bold', sans-serif;border-bottom: 1px solid #e7e7e7;padding: 0 0 18px 0;}
.lnbWrap ul.lnb {padding: 0;}
.lnbWrap ul.lnb li.group {/* padding: 12px 0 11px 0; */border-bottom: 1px solid #e7e7e7;position: relative;}
.lnbWrap ul.lnb li.group a.tit {display: block;color: #111111;font-size: 16px;font-family: 'notokr-medium', sans-serif;padding: 12px 0 11px 0;position: relative;}
.lnbWrap ul.lnb li.group a.titDisabled {display: block;color: #c8c8c8;font-size: 16px;font-family: 'notokr-medium', sans-serif;padding: 12px 0 11px 0;position: relative;}
.lnbWrap ul.lnb li.group a.active {color: #f04347; font-family: 'notokr-bold', sans-serif;}
.lnbWrap ul.lnb li.group a.fold:after {position:absolute;top: 17px;right: 2px;display:block;content:"";width:15px;height:8px;vertical-align:middle;background: url(/images/common/common_sfix_icon.png) no-repeat 0px -200px;}
.lnbWrap ul.lnb li.group a.open:after {position:absolute;top: 17px;right: 2px;display:block;content:"";width:15px;height:8px;vertical-align:middle;background: url(/images/common/common_sfix_icon.png) no-repeat 0px -250px;}
.lnbWrap ul.lnb li.group ul.sub {margin: 0px 0 -11px;padding: 11px 0 0px 0;/* border-top: 1px solid #e7e7e7; */margin: 0;padding: 0;}
.lnbWrap ul.lnb li.group ul.sub li.menu {/* padding: 13px 0 13px 15px; */border-bottom: none;border-top: 1px solid #e7e7e7;overflow: hidden;}
.lnbWrap ul.lnb li.group ul.sub li.menu a {display: block;color: #111111;font-size: 14px;font-family: 'notokr-medium', sans-serif;padding: 13px 0 13px 15px;}
.lnbWrap ul.lnb li.group ul.sub li.menu a.active {color: #f04347; font-family: 'notokr-bold', sans-serif;}
.lnbWrap ul.lnb li.group a.btnManual {display: block;color: #111111;font-size: 16px;font-family: 'notokr-medium', sans-serif;padding: 12px 0 11px 0;}

/* 3뎁스 */
.lnbWrap ul.lnb li.group ul.sub li.menu .sub2 {margin: 0;padding: 0;}
.lnbWrap ul.lnb li.group ul.sub li.menu .sub2 li {border-bottom: none;border-top: 1px solid #e7e7e7;overflow: hidden;}
.lnbWrap ul.lnb li.group ul.sub li.menu .sub2 li a {display: block;color: #111111;font-size: 14px;font-family: 'notokr-medium', sans-serif;padding: 13px 0 13px 30px;}
.lnbWrap ul.lnb li.group ul.sub li.menu .sub2 li a.active {color: #f04347; font-family: 'notokr-bold', sans-serif;}

/* 슬림 스크롤 메뉴 */
.slimScrollDiv {max-height: 220px !important;max-height: 306px !important;}
.slimScrollWrap {border: 1px solid #eaeaea;border-bottom: none;background: #f7f7f7;height: 100%;max-height: 220px !important;max-height: 306px !important;}
.slimScrollWrap ul {overflow: hidden;padding: 9px 9px;}
.slimScrollWrap ul li {/* padding: 8px 10px; */background: #fff;border-radius: 3px;margin-bottom: 5px;border: 1px solid #d8d8d8;font-size: 12px;color: #111111;}
.slimScrollWrap ul li:last-child {margin-bottom: 0px;}
.slimScrollWrap ul li a.SCMenu {width: 100%; height: 100%; display: block !important; color: #111111 !important; font-size: 12px !important; font-family: 'notokr-regular', sans-serif !important; padding: 8px 10px !important; word-break: keep-all; word-wrap: break-word}
.slimScrollWrap ul li a.SCMenu:hover {text-decoration: none;}

.slimScrollWrap ul li .folderDiv {position: relative;width: 100%; height: 30%;top: 11px;}
.slimScrollWrap ul li .folderDiv i {display:inline-block;width:30px;height:30px;position: absolute;right:5px;bottom:10px;color:#999;cursor:pointer;text-align: right;}
.slimScrollWrap ul li .folderDiv i:after {content:'፧';display:block;font-size: 15px;}
.slimScrollWrap ul li .folderDiv:hover {text-decoration: none !important;}

.slimScrollWrap ul li .folderDiv .fold_editor {border: 1px solid #c4c4c4;position: absolute; right: 0; width: 70%; background-color: #ffffff; bottom: -17px; display: none; z-index: 1;}
.slimScrollWrap ul li .folderDiv .fold_editor button {display:block;height:20px; padding-left:25px;line-height: 20px;}
.slimScrollWrap ul li .folderDiv .fold_editor .btn_rename {background:url(/images/common/btn_rename_typea.jpg) no-repeat 0 0 / 20px;}
.slimScrollWrap ul li .folderDiv .fold_editor .btn_delete {background:url(/images/common/btn_delete_typea.jpg) no-repeat 0 0 / 20px;}

.slimScrollWrap ul li .addNewFolder {border: #f5f4e0; height: 32px; padding-left: 10px; width:142px;}

.slimScrollBar {opacity: 1.0;margin-top: 1px;margin-bottom: 1px;height: 50%;}
.slimScrollRail {width: 6px !important;border-radius: 0px !important;background: #dfdfdf !important;right: 0px !important;border: 1px solid #bfbfbf;border-bottom: none;}

/* 내서제-목표영역 */
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.mypage_header{
	width:810px;
	height:110px;
	color:#fff;
	background:url("https://www.dbpia.co.kr/images/event/goal2021/mypage_bg.png") no-repeat top right;
}

.mypage_header_text1{
	float:left;
	width:calc(100% - 20px);
	margin:15px 0 0 20px;;
	font-size:21px;
}

.mypage_header_text1 span.mypage_header_name{
	font-weight: bold;
}

.mypage_header_text1 span.mypage_header_text3{
	font-family:'InkLipquid';
	font-size:28px;
}

.mypage_header_text2{
	float:left;
	width:calc(100% - 20px);
	margin:0 0 0 20px;
	font-size:26px;
	font-weight:200;
}

.mypage_header_text2 span.bold{
	font-weight:600;
	color:#ffeaa5;
}

@media screen and (max-width:767px){
	.mypage_header{
		width:100%;
	}

	.mypage_header_text1{
		margin-top:10px;
		font-size:18px;
	}

	.mypage_header_text1 span.mypage_header_text3{
		font-size:30px;
	}

	.mypage_header_text2{
		margin-top:5px;
		font-size:22px;
		letter-spacing:-1px;
	}
}


@media screen and (max-width:500px){
	.mypage_header{
		background:url("http://dbpia.99percent.kr/images/202103_mypage/mypage_mbg.png") no-repeat top right;
		background-size:cover;
		height:130px;
	}

	.mypage_header_text1{
		margin-top:5px;
	}

	.mypage_header_text2 span.float{
		float:left;
		width:100%;
	}
}

/* 제목 */
.headingArea {position: relative;padding: 32px 0 18px 0;border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;}
.headingArea h2 {font-size: 20px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif;}
.headingArea h2 .fSelect.lnb {font-size: 13px;margin-top: -3px;margin-left: 5px;text-align: left;border: none;font-family: 'notokr-regular', sans-serif;}
.headingArea h2 .fSelect.lnb:before {display:inline-block;content:"";margin: 0px 7px 0 0px;width:1px;height: 12px;vertical-align:middle;background: #cccccc;}
.headingArea h2 .fSelect.lnb span {position:absolute;top: 0px;left:0;display:block;padding: 0px 20px 0 10px;width: auto;height:100%;line-height: 27px;}
.headingArea h2 .fSelect.lnb span:after {position:absolute;top:50%;right: -5px;display:block;content:"";margin-top: -8px;width:18px;height:15px;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -45px;box-sizing:border-box;}
.headingArea h2 .fSelect.lnb select {opacity:0;padding: 4px 9px 5px;width: auto;height:100%;/* -webkit-appearance:none; */-moz-appearance:none;filter:alpha(opacity=0);cursor:pointer;color: #333;font-size: 12px;}

.headingArea span.desc {font-size: 14px;display: inline-block;color: #999;font-family: 'notokr-demilight', sans-serif;}
.headingArea.noLine {border: none;}
.headingArea .gRight {position: absolute;right: 1px;bottom: 12px;}
.headingArea .btn + .btn {margin-left: 3px;}

.headingArea.schResult {position: relative;padding: 26px 0 7px 0;border-bottom: none;margin-bottom: 20px;}
.headingArea.schResult h2 {font-size: 21px;display: inline-block;color: #111;font-family: 'notokr-regular', sans-serif;font-weight: normal;margin-bottom: 10px;}
.headingArea.schResult span.count {font-size: 13px;display: block;color: #555555;font-family: 'notokr-demilight', sans-serif;}
.headingArea.schResult span.count strong {color: #3c63e0; word-break: keep-all; word-wrap: break-word;}
.headingArea.schResult .gRight {position: relative;left: 88%;bottom: 32px;width: 20%;}

.headingArea.schResult span.searchCount {font-size: 13px;color: #555555;font-family: 'notokr-demilight', sans-serif;}

.headingArea.schDetail {padding: 24px 120px 7px 0;border-bottom: none;margin-bottom: 28px;}
.headingArea.schDetail.author {padding: 24px 240px 7px 0;}
.headingArea.schDetail h2 {font-size: 25px;}
.headingArea.schDetail h2 span.normal {font-size: 25px;}
.headingArea.schDetail button.btnText {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 8px 5px;min-width: 71px;margin-top: -10px;}
.headingArea.schDetail button.btnIconB {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 8px 4px;min-width: 71px;/* margin-top: -10px; */position: absolute;right: 0;top: 27px;}
.headingArea.schDetail button.btnIconB span {font-size: 12px;}
.headingArea.schDetail button.btnIconB span.bell {margin: 0 2px 0 1px;}
.headingArea.schDetail button.btnIconB span:before {width: 14px;height: 14px;}
.headingArea.schDetail button.btnIconB span.bell:before {background-position: -450px -200px;background-position: -250px -250px;}
.headingArea.schDetail button.btnIconB:hover span.bell:before {background-position: -300px -250px;}
.headingArea.schDetail.author button.btnApplyInterestAuthor {margin-top: 0px;position: absolute;right: 116px;top: 27px;}
.headingArea.schDetail.author button.btnJointAuthor {margin-top: 0px;position: absolute;right: 0;top: 27px;}
.headingArea.schDetail.author button.btnMoveAuthorView {margin-top: 0px;position: absolute;right: 226px;top: 27px;}
button.btnIconB span.chooseBell:before {margin: 0 2px 0 1px;background-position: -300px -250px;}
button.btnIconB span.chooseBell {color: #c93035;font-weight: bold;}


.headingArea.center {padding: 32px 0 0px 0;}
.headingArea.center ul {overflow: hidden;display: table;margin: 0 auto;}
.headingArea.center ul li {float: left;padding: 0;color: #666666;width: 100px;text-align: center;}
.headingArea.center ul li a {font-size: 20px;padding: 10px 10px;display: block;}
.headingArea.center ul li.selected a {color: #3c63e0;border-bottom: 2px solid #3c63e0;}

.headingArea .ttleSec {width: 75%}
.headingArea .ttleSec .ttleSecPc {display: block;}
.headingArea .ttleSec .ttleSecPc .fMemo{margin-top: 9px;}
.headingArea .ttleSec .ttleSecMobile {display:none;}
.headingArea .ttleSec .ttleSecMobile .fMemo{margin-top: 9px; margin-left: 0px !important;}

/* 타이틀 */
.titleArea {position: relative;margin-top: 38px;margin-bottom: 12px;}
.titleArea h3 {font-size: 16px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif;}
.titleArea span.desc {font-size: 12px;display: inline-block;color: #999;font-family: 'notokr-demilight', sans-serif;}
.titleArea h4 {font-size: 14px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif;}
.titleArea h4 + .gRight {position: absolute;right: 1px;bottom: 1px;}
.titleArea .gRight .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -2px;}

.titleArea.recommend {margin-top: 25px;margin-bottom: 20px;}
.titleArea.recommend p.tit {font-size: 16px; color: #222;}

.titleArea.clause {margin-top: 0px;}

/* 본문 */
.guideArea {height: 200px;height: 1500px;border: 1px solid #e7e7e7;margin-bottom: 20px;}
.guideArea2 {height: 200px;border: 1px solid #e7e7e7;background: #fafafa;margin-top: 25px;}
.guideArea3 {height: 214px;/* background: #5074e3; */}
.guideArea4 {height: 500px;border: 1px solid #e7e7e7;margin-bottom: 20px;margin-top: 40px;}

/* 테이블 */
.tableArea {/* margin-bottom: 20px; */}
.tableLayout {}
.tableLayout table {table-layout:fixed; width:100%;}
.tableLayout table thead th {padding: 17px 5px;text-align:center;color: #111111;background: #fafafa;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;font-family: 'notokr-medium', sans-serif;font-weight: normal;font-size: 14px;}
.tableLayout table tbody td {padding: 10px 11px;color: #111111;font-size: 14px;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;text-align: center;}
.tableLayout table tbody td:last-child {border-right: none;}
.tableLayout table tbody td a {color: #111111;}
.tableLayout table tbody td span.badge {display: block;width: 35px;height: 23px;background: #f04347;color: #ffffff;font-size: 12px;border-radius: 2.5px;padding-top: 3px;}
.tableLayout table tbody.nodata td {height:92px; text-align:center; color:#666;}

.tableLayout table.type02 {table-layout:fixed; width:100%;}

/* 테이블 - 검색 */
.tableLayout table.search tbody th {padding: 10px 12px 10px 20px;text-align: left;color: #111111;background: #fafafa;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;border-left: 1px solid #e7e7e7;font-weight: normal;font-size: 14px;}
.tableLayout table.search tbody td {padding: 10px 11px;color: #111111;font-size: 14px;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;text-align: left;}
.tableLayout table.search tbody td a {color: #111111;}
.tableLayout table.search tbody td a.file {color: #3c63e0;}
.tableLayout table.search tbody td a.file:before {display:inline-block;width: 18px;height: 16px;content:"";vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -450px 0;}
.tableLayout table.search tbody td.btnSearchArea {padding-right: 130px;position: relative;}
.tableLayout table.search tbody td.btnSearchArea button.btnSearch {position: absolute;right: 10px;top: 50%;margin-top: -18px;}

/* 테이블 - 상세 */
.tableLayout table.view tbody th {padding: 10px 12px;text-align: left;color: #111111;background: #fafafa;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;font-weight: normal;font-size: 14px;}
.tableLayout table.view tbody td {padding: 10px 11px;color: #111111;font-size: 14px;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;border-right: none;text-align: left;}
.tableLayout table.view tbody td a {color: #111111;}
.tableLayout table.view tbody td a.file {color: #3c63e0;}
.tableLayout table.view tbody td a.file:before {display:inline-block;width: 18px;height: 16px;content:"";vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -450px 0;}
.tableLayout table.view tbody td ol.path li {display: inline-block;}
.tableLayout table.view tbody td ol.path li + li:before {display:inline-block;width: 2px;height: 3px;content:"";margin: -3px 5px 0 3px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -100px;}

/* 테이블 - 이전/다음글 */
.tableLayout table.prevNextList {margin-top: 20px;}
.tableLayout table.prevNextList tbody th {padding: 10px 0px;text-align: left;color: #111111;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;font-weight: normal;font-size: 14px;}
.tableLayout table.prevNextList tbody th span {color: #3c63e0;font-size: 14px;}
.tableLayout table.prevNextList tbody th span:after {/* position:absolute; *//* top: 2px; *//* left:0; */display: inline-block;content:"";width:1px;height: 13px;margin: -3px 0px 0 17px;vertical-align:middle;background: #e7e7e7;}
.tableLayout table.prevNextList tbody th span:before {display: inline-block;content:"";width: 11px;height:10px;margin: 0px 6px 0 0;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat;}
.tableLayout table.prevNextList tbody th span.prev:before {background-position: -400px 0;}
.tableLayout table.prevNextList tbody th span.next:before {background-position: -350px 0;}
.tableLayout table.prevNextList tbody td {padding: 10px 11px;color: #999999;font-size: 14px;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;border-right: none;text-align: left;}
.tableLayout table.prevNextList tbody td a {color: #999999;}
.tableLayout table.prevNextList tbody tr:nth-child(1) th {border-bottom: 1px dotted #e7e7e7;}
.tableLayout table.prevNextList tbody tr:nth-child(1) td {border-bottom: 1px dotted #e7e7e7;}
.tableLayout table.prevNextList tbody tr:nth-child(2) th {border-top: none;}
.tableLayout table.prevNextList tbody tr:nth-child(2) td {border-top: none;}

/* 테이블 - FAQ */
.toggleControl {border-top: 2px solid #111111;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;padding: 15px 70px 14px 16px;background: #fafafa;position: relative;}
.toggleControl span.comt {;color: #555555;font-size: 14px;}
.toggleControl a.fold {position: absolute;right: 9px;top: 9px;display: block;padding: 5px 5px;color: #777777;font-size: 13px;border: 1px solid #c8c8c8;text-align: center;width: 50px;}
.toggleControl a:hover {text-decoration: none;color: #ffffff;border: 1px solid #555555;background: #555555;}
.toggleControl a.fold.open {color: #ffffff;border: 1px solid #555555;background: #555555;}

.tableLayout table.faq {border-bottom: 1px solid #e7e7e7;}
.tableLayout table.faq thead td {padding: 9px 1px;color: #555555;font-size: 14px;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: none;border-right: none;background: #fafafa;}
.tableLayout table.faq tbody td {padding: 15px 5px 15px 5px;color: #111111;font-size: 14px;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: none;border-right: none;}
.tableLayout table.faq tbody td .icon {width:25px; height: 25px; overflow:hidden;display:inline-block;font-size:0;color:transparent;text-indent:-120%;vertical-align:middle;background:url(/images/common/common_sfix_icon.png) no-repeat;}
.tableLayout table.faq tbody td .icon.question {background-position: -243px -94px;}
.tableLayout table.faq tbody td .icon.arrowDown {background-position: -296px -92px;}
.tableLayout table.faq tbody td .icon.arrowUp {background-position: -346px -92px;}
.tableLayout table.faq tbody td .icon.mainColor {background-color: #3c63e0;}
.tableLayout table.faq tbody td .icon.subColor {background-color: #555555;}
.tableLayout table.faq tbody td span.standby {color: #999999;}
.tableLayout table.faq tbody td span.complete {color: #3c63e0;}

.tableLayout table.faq tbody tr.trVisible {display:table-row; background: #ffffff;}
.tableLayout table.faq tbody tr.trVisible td {position: relative;}
.tableLayout table.faq tbody tr.trVisible td a {position:absolute;width:100%;height: 100%;text-indent:-9999px;left:0;top: 0;background:#fff;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}
    
.tableLayout table.faq tbody tr.trReply {display: none;}
.tableLayout table.faq tbody tr.trReply td {border-top: 1px dashed #e7e7e7;}
.tableLayout table.faq tbody tr.trReply td p {color: #999999;}
.tableLayout table.faq tbody tr.trReply td p.admin {color: #c93035;font-size: 12px;margin-top: 12px;}
.tableLayout table.faq tbody tr.trReply td p.admin span.id {font-weight: bold;font-family: 'notokr-bold', sans-serif;margin-right: 9px;}
.tableLayout table.faq tbody tr.trReply td p.admin span.id:before {display: inline-block;content:"";width: 7px;height: 7px;margin: -2px 9px 0 0;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -400px -100px;}
.tableLayout table.faq tbody tr.trReply td p.admin span.date {}
.tableLayout table.faq tbody tr.trReply td p.reply {color: #111111;margin-top: 4px;padding-left: 16px;}
.tableLayout table.faq tbody.nodata.type02 td {height: 27px;text-align: left;color: #555555;background-color: #fafafa;padding: 12px 16px 12px 16px;border: 1px solid #e7e7e7;}
.tableLayout table.faq tbody.nodata.type02 td .btnWrap {position: relative;padding-right: 130px;}
.tableLayout table.faq tbody.nodata.type02 td button {position: absolute;right: -11px;top: -7px;}

/* 테이블 - 검색 상세 */
.tableLayout table.schDetail thead th {padding: 10px 18px;text-align:center;color: #111111;background: #fafafa;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;font-family: 'notokr-medium', sans-serif;font-weight: normal;font-size: 14px;}
.tableLayout table.schDetail tbody td {padding: 10px 18px;color: #111111;font-size: 14px;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;text-align: center;}
.tableLayout table.schDetail tbody td:last-child {border-right: none;}
.tableLayout table.schDetail tbody td a {color: #000000;position: relative;}
.tableLayout table.schDetail tbody td.num {font-family: 'notokr-medium', sans-serif;}
.tableLayout table.schDetail tbody td.mainColor {color: #3c63e0;}
.tableLayout table.schDetail tbody.nodata td {height:92px; text-align:center; color:#666;}

/* 게시판 - 검색 */
.searchArea {overflow: hidden;margin-bottom: 20px;}
.searchArea .checkGroup {border: 1px solid #e7e7e7;border-top: none;padding: 14px 130px 4px 20px;position: relative;}
.searchArea .checkGroup ul.checkBox {overflow: hidden;/* display: table; */margin: 0 auto;}
.searchArea .checkGroup ul.checkBox li {float: left;margin-right: 25px;margin-bottom: 10px;font-size: 14px;color: #222222;}
.searchArea .checkGroup ul.checkBox li:last-child {margin-right: 0px;}
.searchArea .checkGroup ul.checkBox li .fCheck input[type="checkbox"] + label:after {top: 3px;-webkit-margin-before: -2px;}
.searchArea .checkGroup button {min-width: 110px;}
.searchArea .checkGroup .gRight {position: absolute;right: 10px;top: 9px;}
.searchArea .formGroup {border: 1px solid #e7e7e7;}

/* 게시판 - 상세 */
.viewArea {border-bottom: 1px solid #e7e7e7; margin-bottom: 20px;}
.viewArea dl dd.edit {padding: 35px 0px 16px;}
.viewArea dl dd.edit p {margin-bottom: 22px;line-height: 22px;color: #111111;font-size: 14px;}
.viewArea dl dd.edit p img {max-width: 100%;}

/* 페이지네이션 */
.paginate {margin-top: 7px;}
.paginate a.viewMore {display: block;cursor: pointer;text-align: center;padding: 12px;color: #3c63e0;}
.paginate a.viewMore span {font-size: 14px;}
.paginate a.viewMore span:after {display: inline-block;content:"";width: 11px;height:10px;margin: 0px 0 0 5px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -350px 0;}
.paginate a.viewMore.open span:after {display: inline-block;content:"";width: 11px;height:10px;margin: 0px 0 0 5px;vertical-align: middle;background:url(/images/common/common_sfix_icon.png) no-repeat -400px 0;}

.paginate.num {margin-top: 7px;text-align: center;}
.paginate.num > a {display:inline-block;vertical-align:middle;overflow:hidden;width: 37px;height: 36px;font-size:0;text-indent:-120%;color:transparent;background: url("https://cdn.dbpia.co.kr/static/images/common/common_sfix_icon.png");border: 1px solid #c8c8c8;}
.paginate.num > a.first {background-position:-100px -350px;}
.paginate.num > a.prev {background-position: -236px -188px;margin-right: -4px;border-right: none;}
.paginate.num > a.next {background-position: -285px -188px;margin-left: -4px;border-left: none;}
.paginate.num > a.last {background-position:-250px -350px;}
.paginate.num > a.prev.inactive {background-position: -336px -188px;pointer-events: none;}
.paginate.num > a.next.inactive {background-position: -385px -188px;pointer-events: none;}

.paginate.num ol {display:inline-block;vertical-align:middle;}
.paginate.num ol:after {display:block;content:"";clear:both;}
.paginate.num ol li {float:left;margin-left: -1px;border-top: 1px solid #c8c8c8;border-bottom: 1px solid #c8c8c8;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;width: 37px;height: 36px;}
.paginate.num ol li:first-child {margin-left:0;}
.paginate.num ol li a {display:block;width: 100%;height: 100%;line-height: 33px;font-size: 15px;text-align: center;}
.paginate.num ol li a:hover {text-decoration: none;}
.paginate.num ol li.curpage {color: #ffffff;border: 1px solid #303030;background: #555555;}
.paginate.num ol li.curpage a {color: #ffffff;}
.paginate.num ol li.curpage + li {border-left: 1px solid #303030;}
.paginate.num ol li:hover {color: #ffffff;border: 1px solid #303030;background: #555555;}
.paginate.num ol li:hover + li {border-left: 1px solid #303030;}
.paginate.num ol li:hover a {color: #ffffff;}

/* 알림 */
.notiArea {border: 1px solid #e9e9e9;background: #fafafa;position: relative;margin-bottom: 20px;}
.notiArea.whiteBG {background: #ffffff;margin-bottom: 0px;}
.notiArea ul {padding: 14px 15px;}
.notiArea ul li {font-size: 13px;color: #999999;font-family: 'notokr-medium', sans-serif;line-height: 20px;padding-left: 10px;position: relative;}
.notiArea ul li:first-child {margin-top: 0px}
.notiArea ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width:2px;height:2px;vertical-align:middle;background: #9b9b9b;}
.notiArea ul li span.sept {padding-left: 10px;position: relative;margin-left: 8px;margin-right: 1px;}
.notiArea ul li span.sept:before {position:absolute;top: 3px;left:0;display:block;content:"";width:1px;height: 12px;vertical-align:middle;background: #e1e1e1;}
.notiArea ul.btnArea {padding: 14px 140px 14px 15px;}
.notiArea ul.btnAreaPR100 {padding: 14px 100px 14px 15px;}
.notiArea ul.statusArea {padding: 14px 80px 14px 15px;}
.notiArea .gRight {position: absolute;right: 7px;bottom: 7px;}
.notiArea .gRightBottom {position: absolute;right: 14px;bottom: 14px;}
.notiArea .statusWrap {position: absolute;right: 0px;top: 0px;}
.notiArea .statusWrap p {width: 48px;height: 48px;}
.notiArea .statusWrap p.complete {background: url(/images/common/common_sfix_icon.png) no-repeat -333px -32px;}
.notiArea .statusWrap p.ongoing {background: url(/images/common/img_loading.gif) no-repeat center center;background-size: 28px 28px;}

.notiArea.type02 ul li {color: #555555;}
.notiArea.type02 ul li:before {display:none;}
.notiArea.type02 ul.btnArea {padding: 14px 160px 14px 15px;}

.notiArea.type03 {text-align: right;padding: 13px 14px 12px;margin-bottom: 48px;}
.notiArea.type03 ul li {font-size: 12px;padding-left: 0px;text-align: left;}
.notiArea.type03 ul li:before {display:none;}
.notiArea.type03 ul.checkArea {padding: 0px 130px 0px 0px;}
.notiArea.type03 .gRight {position: absolute;right: 13px;top: 15px;}
.notiArea.type03 .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -2px;}

.notiArea.type04 ul li {color: #555555;padding-left: 0px;}
.notiArea.type04 ul li:before {display:none;}
.notiArea.type04 ul.btnArea {padding: 12px 140px 12px 16px;}
.notiArea.type04 .gRight {position: absolute;right: 5px;top: 5px;}

/* 코멘트 */
.comtArea {padding: 10px 10px;border: 1px solid #e7e7e7;background: #fafafa; margin-bottom: 20px;}
.comtArea dl {background: #ffffff;padding: 7px 20px 17px;border: 1px solid #e7e7e7;}
.comtArea dl dt {font-size: 14px;color: #111111;font-family: 'notokr-bold', sans-serif;padding: 11px 0 6px 0;/* display: none; */}
.comtArea dl dd {font-size: 13px;color: #111111;line-height: 20px;padding-left: 10px;position: relative;margin-top: 10px;}
.comtArea dl dd:before {position: absolute;left: 0px;top: 9px;display:inline-block;/*content:""; margin: -2px 7px 0 0px; */width: 3px;height: 3px;vertical-align:middle;background: #cccccc;}
.comtArea dl dd.desc {background: #fafafa;padding: 15px 20px;line-height: 22px;margin: 10px 0 3px;/* display: none; */}
.comtArea dl dd.desc:before {display: none;}
.comtArea dl dd.desc span {display: block;}

.comtArea.type02 {padding: 10px 10px;border: 1px solid #e7e7e7;background: #fafafa;}
.comtArea.type02 dl {background: #ffffff;padding: 7px 20px 17px;border: 1px solid #e7e7e7;}
.comtArea.type02 dl dt {font-size: 14px;color: #111111;font-family: 'notokr-bold', sans-serif;padding: 11px 0 6px 0;/* display: none; */}
.comtArea.type02 dl dd {font-size: 14px;color: #111111;line-height: 20px;padding-left: 10px;position: relative;margin-top: 10px;}
.comtArea.type02 dl dd:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width: 3px;height: 3px;vertical-align:middle;background: #cccccc;}
.comtArea.type02 dl dd.desc {background: #fafafa;padding: 15px 20px;line-height: 22px;margin: 10px 0 3px;}
.comtArea.type02 dl dd.desc:before {display: none;}
.comtArea.type02 dl dd.desc span {display: inline-block;}
.comtArea.type02 dl dd.desc ul {padding: 0;overflow: hidden;}
.comtArea.type02 dl dd.desc li {float: left;width: 33.3%;margin-bottom: 2px;}
.comtArea.type02 dl dd + dd.desc {margin-top: 13px;}

/* 리스트 */
.listArea {position: relative;/* margin-bottom: 26px; */}
.listArea ul.listHead {border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;background: #fafafa;padding: 20px 0 19px;display: table;width: 100%;}
.listArea ul.listHead li {font-size: 14px;color: #111111;text-align: center;display: table-cell;vertical-align: middle;}
.listArea ul.listBody {width: 100%;}
.listArea ul.listBody li {border-bottom: 1px solid #e9e9e9;text-align: center;display: table;width: 100%;height: 70px;}
.listArea ul.listBody li dl {border-right: 1px solid #e7e7e7;display: table-cell;height: 100%;vertical-align: middle;/* padding: 8px 8px; */}
.listArea ul.listBody li dl:last-child {border-right: none;}
.listArea ul.listBody li dl dt {/* display: inline-block; *//* float: left; */padding: 8px 8px;}
.listArea ul.listBody li dl dd {text-align: center;font-size: 13px;color: #111111;line-height: 20px;padding: 8px 8px;}
.listArea ul.listBody li dl:nth-child(1) dd {padding: 10px 0px;}
.listArea ul.listBody li dl dd span.date {display: block;}
.listArea ul.listBody li dl dd span.time {display: block;}
.listArea ul.listBody li dl dd span.thesis {display: block; font-size: 15px;}
#dev_cartForm > ul.listBody dl > dt.icon.arrowDown{display: none;}
 #dev_cartForm > ul.listBody dd > span.cart_info {display: block; color: #999999; font-size: 12px;}
.listArea ul.listBody li dl dd span.author {color: #999999;}
.selectDel {background-image: url("https://cdn.dbpia.co.kr/static/images/common/common_sfix_icon.png"); background-position: 203px -145px; background-position: -354px -175.5px; background-size: 600px;}
.listArea ul.listBody li dl dd a.btnPrint {color: #3c63e0;font-size: 12px;display: block;margin-top: 4px;line-height: 16px;}
.listArea .fCheck input[type="checkbox"] + label:before {margin: -2px 0px 0 0;}
.listArea ul.listHead .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -1px;}

.listArea ul.listBody li dl dt.single {float: left;}
.listArea ul.listBody li dl dd.single {float: left;border-right: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;height: 100%;width: 85px;display: table;}
.listArea ul.listBody li dl dd.single:first-child {border-top: none;}
.listArea ul.listBody li dl dd.single span {display: table-cell;vertical-align: middle;}
.listArea ul.listBody li dl dt.multi {float: left;}
.listArea ul.listBody li dl dd.multi {float: left;border-right: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;height: 50%;width: 85px;display: table;}
.listArea ul.listBody li dl dd.multi:first-child {border-top: none;}
.listArea ul.listBody li dl dd.multi span {display: table-cell;vertical-align: middle;}
.listArea ul.listBody li dl dd.last {border-right: none;width: 79px;text-align: right;}
.listArea ul.listBody li dl dd.gRight {padding-right: 0px;}

.listArea.type02 {position: relative;}
.listArea.type02 ul.listHead {border-top: 1px solid #c8c8c8;border-bottom: 1px solid #e7e7e7;background: #fafafa;padding: 0;display: table;width: 100%;}
.listArea.type02 ul.listHead li {height: 100%;padding: 17px 0 17px;border-right: 1px solid #e7e7e7;font-size: 13px;font-family: 'notokr-medium', sans-serif;}
.listArea.type02 ul.listHead li:last-child {border-right: none;}
.listArea.type02 ul.listBody {width: 100%;}
.listArea.type02 ul.listBody li {border-bottom: 1px solid #e7e7e7;text-align: center;display: table;width: 100%;height: 50px;}
.listArea.type02 ul.listBody li:last-child {border-bottom: 1px solid #c8c8c8;}
.listArea.type02 ul.listBody li dl {border-right: 1px solid #e7e7e7;display: table-cell;height: 100%;vertical-align: middle;/* padding: 8px 8px; */}
.listArea.type02 ul.listBody li dl:last-child {border-right: none;}
.listArea.type02 ul.listBody li dl dt {/* display: inline-block; *//* float: left; */padding: 8px 8px;}
.listArea.type02 ul.listBody li dl dd {text-align: center;font-size: 13px;color: #111111;line-height: 20px;padding: 8px 22px;}
.listArea.type02 ul.listBody li dl:last-child dd {padding: 8px 8px;}
.listArea.type02 ul.listBody li span.nodata {text-align: center;font-size: 13px;color: #666;line-height: 18px;padding: 15px 10px;display: block;}
.listArea.type02 .fCheck input[type="checkbox"] + label:before {margin: -2px 0px 0 0;}
.listArea.type02 ul.listHead .fCheck input[type="checkbox"] + label:after {top: 1px;}
.listArea.type02 ul.listBody .fCheck input[type="checkbox"] + label:after {top: 4px;-webkit-margin-before: -1px;}

/* 검색 리스트 */
.searchListArea {position: relative;margin-top: 30px;}
.searchListArea .listHead {margin-bottom: 18px;padding: 0;/* overflow: hidden; */}
.searchListArea .listHead:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.searchListArea .listHead .fCheck {float: left;display: block;margin-right: 29px;}
.searchListArea .listHead .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -2px;}
.searchListArea .listHead .funcWrap {float: left;text-align: left;margin-top: -1px;}
.searchListArea .listHead .btnGroup {display: inline-block;float: left;margin-top: -1px;margin-left: 0px;position: relative;}
.searchListArea .listHead .btnGroup button.btnIconB {color: #999999;pointer-events: none;}
.searchListArea .listHead .btnGroup button.btnIconB.active {color: #111111;pointer-events: all;}
.searchListArea .listHead .btnGroup button:hover.btnIconB {color: #111111;}
.searchListArea .listHead .btnGroup button.btnIconB span.download {/* color: #333333; */}
.searchListArea .listHead .btnGroup button.btnIconB span:before {width: 15px;height: 14px;opacity: 0.4;}
.searchListArea .listHead .btnGroup button.btnIconB.active span:before {opacity: 1;}
.searchListArea .listHead .btnGroup button:hover.btnIconB span:before {opacity: 1;}
.searchListArea .listHead .btnGroup button.btnIconB span.register:before {background-position: -150px -149px;}
.searchListArea .listHead .btnGroup button.btnIconB span.quote:before {background-position: -200px -149px;width: 17px;}
.searchListArea .listHead .btnGroup button.btnIconB span.folder:before {background-position: -250px -148px;}
.searchListArea .listHead .btnGroup button.btnIconB span.tresh:before {background-position: -300px -150px;/* background-position: -100px 0px; */}
.searchListArea .listHead .btnGroup button.btnIconB span.download:before {background-position: -100px -199px;width: 18px;height: 14px;}
.searchListArea .listHead .btnGroup button.btnIconB span.bookmark:before {background-position: -50px -250px;opacity: 1;}
.searchListArea .listHead .btnGroup .btn + .btn {margin-left: 4px;}
.searchListArea .listHead .funcWrap ul.sort {display: inline-block;float: right;margin-top: 1px;margin-left: 20px;}
.searchListArea .listHead .funcWrap ul.sort li.order {float: left;position: relative;padding: 0 8px 0 8px;}
.searchListArea .listHead .funcWrap ul.sort li.order:first-child {padding-left: 0px;}
.searchListArea .listHead .funcWrap ul.sort li.order:last-child {padding-right: 0px;}
.searchListArea .listHead .funcWrap ul.sort li.order:before {position:absolute;top: 3px;left:0;display:block;content:"";width:1px;height: 10px;vertical-align:middle;background: #d0d0d0;}
.searchListArea .listHead .funcWrap ul.sort li.order:first-child:before {display:none;}
.searchListArea .listHead .funcWrap ul.sort li.order a {color: #999999;}
.searchListArea .listHead .funcWrap ul.sort li.order.selected a {color: #222222;}
.searchListArea .listHead .funcWrap ul.sort li.order a:before {display:inline-block;content:"";vertical-align: middle;}
.searchListArea .listHead .funcWrap ul.sort li.order.selected a:before {width: 16px;height: 14px;background: url(/images/common/common_sfix_icon.png) no-repeat -350px -147px;}
.searchListArea .listHead .funcWrap .fSelect.filtering {font-size: 12px;margin-top: -6px;text-align: left;}
.searchListArea .listHead .funcWrap .fSelect.filtering  span {position:absolute;top: 0px;left:0;display:block;padding: 0px 20px 0 10px;width: 100%;height:100%;line-height: 27px;}
.searchListArea .listHead .funcWrap .fSelect.filtering  span:after {position:absolute;top:50%;right: 0px;display:block;content:"";margin-top: -8px;width:18px;height:15px;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -45px;box-sizing:border-box;}
.searchListArea .listHead .funcWrap .fSelect.filtering  select {opacity:0;padding: 4px 9px 5px;width: 100%;height:100%;/* -webkit-appearance:none; */-moz-appearance:none;filter:alpha(opacity=0);cursor:pointer;color: #333;font-size: 12px;}

.searchListArea .listBody {padding: 0;}
.searchListArea .listBody ul.list {/* overflow: hidden; */}
.searchListArea .listBody ul.list li.item {margin:0;}
.searchListArea .listBody ul.list li.item .listBox {border: 1px solid #ececec;padding: 19px 18px 19px 43px;position: relative;margin-bottom: 15px;}
.searchListArea .listBody ul.list li.item .listBox:last-child {margin-bottom: 10px;}
.searchListArea .listBody ul.list li.item .listBox .fCheck {position: absolute;left: 19px;top: 19px;}
.searchListArea .listBody ul.list li.item .listBox .fCheck input[type="checkbox"] + label:before {display: block;margin-top: 0px;}
.searchListArea .listBody ul.list li.item .listBox .fCheck input[type="checkbox"] + label:after {top: 0px;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap {position: relative;padding-right: 60px;padding-right: 107px;/* height: 21px; */margin-bottom: 3px;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap ul.folder {overflow: hidden;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap ul.folder li.name {float: left;white-space: nowrap;padding: 0 8px 7px 0;text-align: center;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap ul.folder li.name a {display: block;background: #f0f0f0;max-width: 72px;width: 72px;padding: 0px 6px 2px;font-size: 11px;white-space: nowrap;color: #777777;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option {position: absolute;top: -1px;right: 0px;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option a {font-size: 11px;color: #777777;/* font-family: 'notokr-medium', sans-serif; */}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option a span.unfold:after {display: inline-block;content:"";width: 8px;height:10px;margin: 4px 0 0 3px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -400px -150px;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option a span.fold {display: none;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap .option a span.fold:after {display: inline-block;content:"";width:8px;height:10px;margin: 4px 0 0 3px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -450px -150px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap {padding: 0;margin-bottom: 7px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type {float: left;overflow: hidden;position: relative;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li {float: left;font-size: 12px;position: relative;padding: 1px 8px 0 6px;margin-top: -1px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li:first-child {padding-left: 0px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #cbcbcb;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li:last-child:after {display:none;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.data {color: #326f0e;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.use {color: #111111;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.rate {color: #c93035;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.knowledge {color: #111111;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap span.bookmark {float: right;color: #aaaaaa;font-size: 11.5px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap {position: relative;padding: 0 180px 0 0;margin-bottom: 7px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap h5 {font-size: 16px;font-weight: normal;/* font-family: 'notokr-medium', sans-serif; */line-height: 22px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap h5 a {color: #000000;margin-right: 6px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.update {display: inline-block;width: 44px;height: 15px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -250px -350px;margin-top: -2px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats {position: absolute;right: 0;top: 4px;color: #999999;font-size: 13px;/* cursor: pointer; */}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats:before {display:inline-block;width: 16px;height: 11px;content:"";margin: -1px 1px 0 0;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -50px -200px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats:hover {color: #999999;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats small {color: #333333;font-family: 'notokr-medium', sans-serif;font-size: 13px;margin-left: 4px;}
.searchListArea .listBody ul.list li.item .listBox ul.info {overflow: hidden;margin-bottom: 8px;margin-left: -4px;}
.searchListArea .listBody ul.list li.item .listBox ul.info li {float: left;position: relative;padding: 0 6px 0 4px;color: #777777;font-size: 13px;margin-bottom: 5px;}
.searchListArea .listBody ul.list li.item .listBox ul.info li:first-child {/* padding-left: 0px; */}
.searchListArea .listBody ul.list li.item .listBox ul.info li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #c8c8c8;}
.searchListArea .listBody ul.list li.item .listBox ul.info li:last-child:after {display:none;}

/*210524 삭제*/
/*.searchListArea .listBody ul.list li.item .listBox ul.info li.journal {font-weight: bold;}*/
.searchListArea .listBody ul.list li.item .listBox p.abstract {padding: 0;font-size: 13px;color: #777777;line-height: 20px;margin-top: -1px;margin-bottom: 9px;max-height: 4.2em;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap {padding: 0;overflow: hidden;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup {float: left;padding-bottom: 5px;margin-right: 14px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB {
/*	210524 삭제*/
/*	border: 1px solid #c8c8c8 !important;*/
	color: #333333;padding: 6px 9px 4px;min-width: 71px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span {font-size: 12px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.download {margin: 0 2px 0 1px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.use {margin: 0 2px 0 0px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span:before {width: 15px;height: 14px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.download:before {background-position: -100px -200px;width: 17px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.view:before {background-position: -150px -199px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.quote:before {background-position: -200px -149px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.edit:before {background-position: -200px -200px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.bookmark:before {background-position: -50px -250px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB.selected span.bookmark:before {background-position: -99px -250px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.use:before {background-position: -150px -250px;width: 18px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span.url:before {background-position: -200px -250px;width: 17px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap span.record {float: left;display: block;color: #999999;font-size: 12px;margin-top: 7px;width: 100%;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap span.notice {float: left;display: block;color: #c93035;font-size: 12px;margin-top: 3px;width: 100%;}
.searchListArea .listBody ul.list li.item .listBox p.stop {color: #c93035;font-size: 12px;}
.searchListArea .listBody ul.list li.item .listBox .img {position: absolute;left: 0px;top: 23px;width: 120px;height: 150px;border: 1px solid #cccccc;}
.searchListArea .listBody ul.list li.item .listBox .img img {width: 100%;height: 100%;max-height: 148px;}

/* 폴더 추가 */
.searchListArea .listBody ul.list li.item .listBox .btn_fold {position: relative;position: absolute;right:20px;bottom:25px;width:20px;height:20px;}
.searchListArea .listBody ul.list li.item .listBox .btn_fold:after {position: absolute;top: 7px;right: 2px;display: block;content: "";width: 15px;height: 8px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat 0px -250px;}
.searchListArea .listBody ul.list li.item .listBox .btn_fold.open:after { background: url(/images/common/common_sfix_icon.png) no-repeat 0px -200px; }
.private_histsory {background-color: #f4f4f4;padding:20px;margin:-15px 0 5px;position: relative;}
.private_histsory .tit {font-weight: 700;margin-bottom: 10px;}
.private_histsory .text_box {background:#fff url(/images/common/ico_private_history.jpg) no-repeat 10px 10px / 20px;padding:10px 50px 10px;position: relative;height: 80px;}
.private_histsory .text_box .personInfoDelDiv .btn {position: absolute;right:-10px;top:-1px;color:#000;display:block;width: 40px; height: 30px;}
.private_histsory .text_box .personInfoDelDiv .btn:after {content:'፧';display:block;font-size: 20px;}
.private_histsory .text_box .personInfoDelDiv .tooltip_b {border: 1px solid #c4c4c4;position: absolute;right:-10px;top:-19px;width:80px;height:23px; display: none;}
.private_histsory .text_box .personInfoDelDiv .tooltip_b button {display:block;height:20px; padding-left:25px;line-height: 20px;}
.private_histsory .text_box .personInfoDelDiv .tooltip_b .btn_delete {background:#fff url(/images/common/btn_delete_typea.jpg) no-repeat 0 0 / 20px;}

.searchListArea .listBody.schResult ul.list li.item:first-child .listBox {border-top: 1px solid #ececec;}
.searchListArea .listBody.schResult ul.list li.item .listBox {border: none;border-bottom: 1px solid #ececec;padding: 19px 0px 19px 33px;}
.searchListArea .listBody ul.list li.item .listBox ul.info {overflow: hidden;margin-bottom: 8px;margin-left: -4px;}
.searchListArea .listBody.schResult ul.list li.item .listBox .fCheck {position: absolute;left: 0px;top: 19px;}
.searchListArea .listBody.schResult ul.list li.item .listBox .titWrap {position: relative;padding: 0 130px 0 0;}
.searchListArea .listBody.schResult ul.list li.item .listBox.noCheckbox {padding-left: 0px;}

.searchListArea .listBody.schResult p.session {margin-top: 15px;margin-bottom: 18px;position: relative;padding-left: 12px;}
.searchListArea .listBody.schResult p.session span {font-size: 16px;color: #111111;font-family: 'notokr-medium', sans-serif;}
.searchListArea .listBody.schResult p.session span:before {display:inline-block;position: absolute;left: 0px;top: 10px;content:"";margin: -2px 8px 0 0px;width: 4px;height: 4px;vertical-align:middle;background: #111111;border-radius: 99px;}
.searchListArea .listBody.schResult p.session + ul.list li.item:first-child .listBox {border-top: 1px solid #c8c8c8;}

.searchListArea .listBody.schDetail ul.list li.item:first-child .listBox {border-top: 1px solid #ececec;}
.searchListArea .listBody.schDetail ul.list li.item .listBox {border: none;border-bottom: 1px solid #ececec;padding: 27px 0px 19px 140px;min-height: 199px;}
.searchListArea .listBody.schDetail ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0;}

.searchListArea .listBody.subjectSort ul.list li.item .listBox:last-child {margin-bottom: 0px;padding: 19px 0px 19px 22px;border: none;border-bottom: 1px solid #ececec;}
.searchListArea .listBody.subjectSort ul.list li.item .listBox strong.number {position: absolute;left: 0px;top: 14px;font-size: 18px;color: #777777;font-family: 'notokr-bold', sans-serif;}
.searchListArea .listBody.subjectSort ul.list li.item .listBox ul.info {padding-left: 0px;}

.searchListArea .listBody.subjectSort ul.list li.item .nodata {padding: 19px 22px 0px;text-align: center;}
.searchListArea .listBody.subjectSort ul.list li.item .nodata span {font-size: 13px; color: #111111;}

.searchListArea .listFoot {text-align: center;}
.searchListArea .listFoot .paginate.num {margin-top: 40px;}

.btn_add_typea {width:25px;height:25px; background:url(/images/common/btn_add_typea.jpg) no-repeat 0 0 / 19px;display:inline-block;cursor: pointer;}

/* 패널 */
.panelArea {position: relative;}
.panelBox {border: 1px solid #e7e7e7;}
.panelBox .panelHeading {border-bottom: 1px solid #e7e7e7;padding: 13px 14px 13px;position: relative;}
.panelBox .panelHeading h3 {font-size: 16px;color: #111111;font-family: 'notokr-bold', sans-serif;}
.panelBox .panelBody {padding: 12px 15px 13px;}
.panelBox .panelBody p.desc {font-size: 14px;color: #111111;font-family: 'notokr-medium', sans-serif;line-height: 20px;}
.panelBox .panelBody p.date {font-size: 12px;color: #999999;margin-top: 7px;display: none;}
.panelBox + .panelBox {margin-top: 10px;}
.panelBox .panelBody p.desc + .formGroup {margin-top: 7px;}
.formGroup + p.date {margin-top: 9px !important;}

/* 폼 그룹 */
.formArea {margin-bottom: 40px;}
.formArea .comtBox {color: #000000;font-size: 14px;padding: 19px 0 11px;}
.formArea .comtBox.type02 {padding: 0px 0 15px;}
.formArea .comtBox.type03 {padding: 0px 0 20px;}
.formArea .comtBox.type03 ul li {font-size: 13px;color: #333;line-height: 20px;padding-left: 10px;position: relative;}
.formArea .comtBox.type03 ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";width:2px;height:2px;vertical-align:middle;background: #9b9b9b;}
.formArea span.necs {display: inline-block;color: #f04347;margin: 0 3px 0 3px;}
.formGroup {position: relative;padding: 10px 0px 9px 0px;/* overflow: hidden; */border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;min-height: 56px;}
.formGroup.box {padding: 10px 10px 9px 0px;border: 1px solid #e7e7e7;}
.formGroup + .formGroup {margin-top: -1px;}
.formGroup p.tit {position: absolute;left: 0;top: 0;background: #fafafa;min-width: 125px;height: 100%;padding: 10px 9px 10px 20px;color: #111111;font-weight: normal;font-size: 14px;line-height: 36px;}
.formGroup ul {width: 100%;padding: 0 0px 0 135px;/* overflow: hidden; */display: table;}
.formGroup ul li {float: left;margin-top: 10px;width: 100%;position: relative;font-size: 14px;/* display: table-cell; *//* vertical-align: middle; */}
.formGroup ul li:first-child {margin-top: 0 !important;}
.formGroup ul li.verMiddle {/* vertical-align: middle; *//* height: 35px; *//* line-height: 35px; */padding-top: 10px;margin-top: 10px;}
.formGroup ul li.verMiddle .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -1px;}
.formGroup ul li.comt {background: #e7e7e7;color: #696969;padding: 12px 15px;line-height: 22px;margin-top: 9px;}
.formGroup ul.btnArea {padding: 0 130px 0 135px;}
.formGroup ul.btnArea .fRadio + span.txt {margin-top: 1px;margin-left: 3px;vertical-align: middle;display: inline-block;}
.formGroup ul.checkArea {padding: 0 125px 0 135px;}
.formGroup ul li .grouping {float: left;margin-right: 15px;}
.formGroup ul li .grouping:last-child {margin-right: 0px;}
.formGroup ul li .grouping.date {padding: 4px 0 0;}
.formGroup ul li .grouping.date .btn + .btn {margin-left: 2px;}
.formGroup ul li .grouping + .grouping  {margin: 0;}
.formGroup ul li span.txtAlt {margin: 0 5px;}
.formGroup ul li span.txtHyphen {margin: 0 2px;}
.formGroup ul li span.txtDash {margin: 0 3px;}
.formGroup ul li span.verMiddle {/* margin-top: 100px; *//* padding-top: 100px; */}
.formGroup ul.addRow li {margin-top: 5px;}
.formGroup ul li .tagBox {padding: 0;border: none;margin-top: 0px;margin-bottom: -10px;}
.formGroup ul li .tagBox .tag {color: #3c63e0;display: inline-block;margin-right: 7px;margin-bottom: 10px;padding: 1px 7px 5px 7px;border: 1px solid #8aa1ec;font-family: 'notokr-bold', sans-serif;font-size: 13px;height: 25px;}
.formGroup .gRight {position: absolute;right: 10px;top: 10px;}
.formGroup .gRight.fCheck {right: 0px;top: 20px;}
.formGroup .gRight.fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -2px;}
.formGroup .gInputText .placeholder {margin-top: -8px;}
.formGroup .inputfileArea {border: 1px solid #c8c8c8;padding: 3px 3px 3px 71px;overflow: hidden;height: 35px;margin-right: 70px;}
.formGroup .inputfileArea .inputFileWrap {width: 65px;margin: 0px 0 0 0px;overflow: hidden;position: absolute;left: 4px;top: 4px;}
.formGroup .inputfileArea .inputFileWrap button.btnFile {height: 27px;padding: 5px 8px;border: 1px solid #c8c8c8;color: #777777;position: absolute;left: 0;top: 0;cursor: pointer;}
.formGroup .inputfileArea .inputFileHidden {opacity:0;filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);cursor:pointer;width: 200px;height: 27px;display: block;margin-left: -100px;}
.formGroup .inputfileArea .inputFileText {height: 27px;border: none;}
.formGroup .inputfileArea .fCheck {position: absolute;right: 0;top: 9px;}
.formGroup .inputfileArea .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -1px;}
.formGroup .captchaImg {width: 202px;height: 91px;border: 1px solid #cccccc;float: left;margin-right: 15px;}
.formGroup .captchaCont {float: left;padding-top: 7px;}
.formGroup .captchaCont span.comt {font-size: 12px;color: #111111;line-height: 19px;display: block;margin-bottom: 12px;}
.formGroup .captchaCont a.btnRefresh {font-size: 14px;color: #111111;margin-left: 7px;}
.formGroup .captchaCont a.btnRefresh:before {display:inline-block;width: 14px;height: 17px;margin: -4px 5px 0 0;content:"";vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -300px -300px;}

/* 서치 그룹 */
.searchFaqArea {margin-bottom: 20px;}
.searchFaqArea .searchGroup {position: relative;padding: 0 120px 0 0;}
.searchFaqArea .searchGroup .gRight {position: absolute; right: 0px; top: 0px;}
.searchFaqArea .searchGroup .gInputText .placeholder {position:absolute;top:50%;left: 13px;margin-top: -7px;color:#999;font-size:13px;}
.searchFaqArea .searchGroup .gInputText .fText {padding: 6px 11px 7px;width:100%;font-size: 14px;color: #111111;border: 1px solid #e7e7e7;outline: none;height: 34px;}

/* 스텝 */
.stepArea {position: relative;padding: 45px 0px 63px;border-bottom: 1px solid #e7e7e7;margin-bottom: 10px;}
.stepArea ol {overflow: hidden;/* display: table; */margin: 0 auto;max-width: 538px;width: 100%;}
.stepArea ol li {float: left;/* margin-left: 50px; */text-align: center;width: 33.33333333%;}
.stepArea ol li:first-child {margin-left: 0px;}
.stepArea ol li span {font-size: 14px; color: #666666;}
.stepArea ol li.selected span {color: #333333;}
.stepArea ol li span:before {display: block;width: 52px;height: 54px;margin: 0 auto 13px;content:"";vertical-align: middle;background:url(/images/common/common_step_icon.png) no-repeat;}
.stepArea ol li span.step1:before {background-position: 2px -100px;}
.stepArea ol li span.step2:before {background-position: -91px -98px;}
.stepArea ol li span.step3:before {background-position: -200px -90px;}
.stepArea ol li.selected span.step1:before {background-position: 2px 0px;}
.stepArea ol li.selected span.step2:before {background-position: -91px 2px;}
.stepArea ol li.selected span.step3:before {background-position: -200px 10px;}

/* 스크롤 박스 */
.scrollArea.clause {border-top: 2px solid #000000;border-bottom: 1px solid #999999;padding: 23px 22px;margin-bottom: -5px;max-height: 189px;overflow-y: scroll;}
.scrollArea.clause p {margin-bottom: 18px;color: #666666;font-size: 13px;line-height: 18px;}
.scrollArea.clause p.tit {margin-bottom: 18px;color: #111;font-size: 13px;line-height: 18px;font-family: 'notokr-bold', sans-serif;}
.scrollArea.clause p.txtIndent {padding-left: 25px;}
.scrollArea.clause + .buttonArea {margin-top: 55px;}
.scrollArea.clause table {border: 1px solid #e7e7e7;}
.scrollArea.clause table thead th {padding: 5px 5px;border-right: 1px solid #e7e7e7;font-size: 13px;}
.scrollArea.clause table tbody td {padding: 5px 5px;font-size: 13px;}

/* 탭 메뉴 */
.tabArea {border-bottom: 1px solid #e5e5e5;}
.tabArea:after {display:block;content:"";clear:both;}
.tabArea ul > li {float:left;text-align:center;padding: 0 10px;}
.tabArea li {font-size: 16px;}
.tabArea li.selected {background: #fff;}
.tabArea li a {display:block;height: 38px;color: #8d8d8d;line-height: 38px;font-size: 14px;}
.tabArea li.selected a {line-height: 38px;color: #212121;border-bottom: 2px solid #212121;}

/* 버튼 */
.funcButtonArea {position: relative;margin-bottom: 10px;}
.funcButtonArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.funcButtonArea .gLeft {float: left;}
.funcButtonArea .gLeft button + button {margin-right: -5px;}
.funcButtonArea .gRight {float: right;}
.funcButtonArea .gRight button + button {margin-left: 2px;}

.funcButtonArea button.btnIconB span {font-size: 12px;}
.funcButtonArea button.btnIconB span.question {margin: 0 2px 0 1px;}
.funcButtonArea button.btnIconB span:before {width: 14px;height: 14px;}
.funcButtonArea button.btnIconB span.question:before {background-position: -50px -350px;margin-right: 2px;}

.buttonArea {position: relative;}
.buttonArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.buttonArea .gLeft {float: left;}
.buttonArea .gLeft button + button {margin-right: 6px;}
.buttonArea .gRight {float: right;text-align: right;}
.buttonArea .gRight button + button {margin-left: 2px;}
.tableArea + .buttonArea {margin-top: 40px;}
.buttonArea + .tableArea {margin-bottom: 0px;}

.btnDel {position: absolute; right: 10px;}

/* 노 데이터 */
.noDataArea {width: 100%;height: 316px;/* border: 1px solid #e7e7e7; */display: table;}
.noDataArea .noDataWrap {display: table-cell;text-align: center;vertical-align: middle;}
.noDataArea .noDataWrap p.icon {width: auto; height: auto;}
.noDataArea .noDataWrap p.phrase {font-size: 20px;font-family: 'notokr-medium', sans-serif;color: #111111;}
.noDataArea .noDataWrap p.desc {font-size: 13px;color: #999999;padding-top: 8px;}

.noDataArea.alarm {width: 100%;height: 100%;border: none;display: table;}
.noDataArea.alarm .noDataWrap {display: table-cell;text-align: center;vertical-align: middle;}
.noDataArea.alarm .noDataWrap p.phrase {font-size: 22px;}
.noDataArea.alarm .noDataWrap p.desc {padding-top: 6px;line-height: 17px;}
.noDataArea.alarm .noDataWrap .icon.bell {width: 50px;height: 56px;background: url("https://cdn.dbpia.co.kr/static/images/mypage/img_nodata_bell.png") no-repeat 0 0;margin: 0 auto;margin-bottom: 15px;margin-top: -19px;background-size: 50px 56px;}

/* 모달 팝업 */
.modalWrap {overflow-y: auto;position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1060;background: rgba(0,0,0,0.2);}
.modalWrap.adjustBG {background: rgba(0,0,0,0.12);}
.modal {position: absolute;display: none;width: 100%;height: 100%;top: 0 !important;right: 0;bottom: 0;left: 0 !important;margin: 0 auto;/* transition: all 1.0s ease-in-out; */}
.modal .modalScreen {/* display: none !important; */display: block;position: absolute;/* position: fixed; */border: 0;left: 0;top: 0;width: 100%;height: 100%;/* background: #000; */-webkit-opacity: .0;-moz-opacity: .0;filter: alpha(opacity=0);opacity: .0;}
.modal .modalScreen.opacity {-webkit-opacity: .20; -moz-opacity: .20; filter: alpha(opacity=20); opacity: .20;}
.modal .modalContent {position: relative;background: #ffffff;border: 1px solid #e7e7e7;margin: 45px 0;}
.modal .modalContent.notification {position: relative;background: #ffffff;border: 10px solid #e7e7e7;margin: 45px 0 45px;}
.modal .modalContent .modalHeader {position:relative;padding: 13px 60px 13px 20px;}
.modal .modalContent .modalHeader .tit {font-size: 20px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif; overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}
.modal .modalContent .modalHeader button.closeModal {position:absolute;top: 0px;right: 0px;display: block;width: 51px;height: 50px;background: url("https://cdn.dbpia.co.kr/static/images/common/common_sfix_icon.png") no-repeat -234px -35px;border-left: 1px solid #e7e7e7;z-index: 100;}
.modal .modalContent .modalBody {position:relative;padding: 0;}
.modal .modalContent .modalBody.type02 {position:relative;padding: 0 20px 20px;overflow: hidden;}
.modal .modalContent .modalBody.type02 .etcSpace {position:relative;height:20px;}
.modal .modalContent .modalBody.type02 .Right .warn {visibility:hidden;padding-top:10px;padding-right:10px;color:red;}
.modal .modalContent .modalBody.type02 .Right {position:absolute;right:0px;padding-top:10px;display:border}
.modal .modalContent .modalBody.type03 {position:relative;padding: 10px 20px 10px;}
.modal .modalContent .modalBody.type04 {position:relative;padding: 20px 20px 0px;overflow: hidden;}
.modal .modalContent .modalBody.type05 {position:relative;padding: 20px 20px 29px;}
.modal .modalContent .modalBody.type06 {position:relative;padding: 20px;}
.modal .modalContent .modalBody.type07 {position:relative;padding: 20px 0px 20px 20px;}
.modal .modalContent .modalFooter {position: relative;padding: 15px 20px;text-align: right;border-top: 1px solid #e7e7e7;}
.modal .modalContent .modalFooter.closeNotToday {text-align: left;}
.modal .modalContent .modalFooter.closeNotToday .fCheck input[type="checkbox"] + label:after {top:0;}

#alarmDetail .modalContent .modalHeader {border-bottom: none;}
#alarmDetail .modalContent .modalHeader button.closeModal{border-left: none;}

.modal.type02 {position:absolute;z-index: 1050;display: none;margin-top: -41px;}
.modal.type02 .modalScreen {display: block;position: fixed;border: 0;left: 0;top: 0;width: 100%;height: 100%;background: #000;-webkit-opacity: .0;-moz-opacity: .0;filter: alpha(opacity=0);opacity: .0;}
.modal.type02 .modalScreen.opacity {-webkit-opacity: .20; -moz-opacity: .20; filter: alpha(opacity=20); opacity: .20;}
.modal.type02 .modalContent {position: relative;background: #ffffff;border: 1px solid #e7e7e7;width: 600px;}
.modal.type02 .modalContent .modalHeader {position:relative;border-bottom: 1px solid #e7e7e7;padding: 23px 0px 18px;margin: 0 20px;}
.modal.type02 .modalContent .modalHeader .tit {font-size: 20px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif;}
.modal.type02 .modalContent .modalHeader button.closeModal {position:absolute;top: -42px;right: -21px;display: block;width: 42px;height: 41px;background: url("https://cdn.dbpia.co.kr/static/images/common/common_sfix_icon.png") no-repeat -90px -90px;background-color: #555555;border-left: none;}
.modal.type02 .modalContent .modalBody {position:relative;margin: 0 20px;padding: 15px 0 20px 0;}
.modal.type02 .modalContent .modalFooter {position: relative;padding: 15px 20px;text-align: right;border-top: 1px solid #e7e7e7;}

/* 모달 팝업 - 내용 */
.modal .mobileComment {color: #777777; font-size: 12px; line-height: 1.5em;}
.modal h3 {padding: 19px 0px 15px 0;font-size: 14px;color: #111111;font-weight: normal;font-family: 'notokr-bold', sans-serif;}
.modal h4 {padding: 16px 0px 13px 0;font-size: 14px;color: #111111;font-weight: normal;font-family: 'notokr-medium', sans-serif;}
.modal h5 {padding: 0px 0px 13px 0;font-size: 15px;color: #111111;font-weight: normal;font-family: 'notokr-medium', sans-serif;position: relative;}
.modal h5 span.desc {color: #999999;font-size: 13px;padding-top: 2px;font-family: 'notokr-regular', sans-serif;margin-left: 10px;}
.modal h5 button.gRight {position: absolute;right: 0;top: -2px;}
.modal h5 button.btnIconB {border: 1px solid #c8c8c8 !important;color: #333333;padding: 6px 7px 4px;min-width: 71px;}
.modal h5 button.btnIconB span {font-size: 12px;}
.modal h5 button.btnIconB span.cancel {margin: 0;}
.modal h5 button.btnIconB span:before {width: 14px;height: 14px;}
.modal h5 button.btnIconB span.cancel:before {background-position: -100px -350px;}
.modal h5 .btn.btnMultiLangInput {position: absolute;right: 20px;top: -3px;padding: 6px 9px 5px;}
.modal h5 .btn.btnMultiLangInputOther {position: absolute;right: 20px;top: -3px;padding: 6px 9px 5px;}

.modal .tableLayout table.noLine tbody th {padding: 9px 0px;color: #111111;font-size: 14px;border: none;text-align: left;vertical-align: middle;font-weight: normal;}
.modal .tableLayout table.noLine tbody td {padding: 0px 10px;color: #111111;font-size: 13px;border: none;text-align: left;}
.modal .tableLayout table.noLine tbody td .fRadio input[type="radio"] + label {font-size: 13px;}

.modal .tableLayout table.scroll {table-layout:fixed;width:100%;border: 1px solid #e7e7e7;position: relative;display: block;}
.modal .tableLayout table.scroll thead {display: block;width: 100%;}
.modal .tableLayout table.scroll thead tr {width: 100%;display: table;padding-right: 17px;}
.modal .tableLayout table.scroll thead th {padding: 10px 5px;text-align:center;color: #111111;background: #fafafa;vertical-align:middle;border-top: none;border-bottom: 1px solid #e7e7e7;font-family: 'notokr-medium', sans-serif;font-weight: normal;font-size: 13px;}
.modal .tableLayout table.scroll thead th:last-child {padding-right: 17px;}
.modal .tableLayout table.scroll tbody {width: 100%;height: 395px;overflow-y: scroll;display: block;}
.modal .tableLayout table.scroll tbody tr {width: 100%;display: table;}
.modal .tableLayout table.scroll tbody td {padding: 7px 11px 6px;color: #111111;font-size: 13px;vertical-align:middle;border-top: none;border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;text-align: center;}
.modal .tableLayout table.scroll tbody td:last-child {border-right: none;}
.modal .tableLayout table.scroll tbody td.nodata {height: 92px; text-align: center;color: #666;}

.modal .formGroup {padding: 7px 0px 6px 0px;min-height: 50px;}
.modal .formGroup p.tit {padding: 7px 9px 7px 20px;line-height: 36px;}
.modal .formGroup ul {padding: 0 20px 0 135px;}
.modal .formGroup ul.listArea {padding: 0 0 0 125px;}
.modal .formGroup ul.listArea li {padding: 5px 80px 14px 10px;border-bottom: 1px solid #e7e7e7;line-height: 20px; position: relative;}
.modal .formGroup ul.listArea li:last-child {border-bottom: none;margin-bottom: -9px;}
.modal .formGroup ul.listArea li .gRight {position: absolute;right: 19px;top: 50%;margin-top: -18px;padding: 5px 7px 5px;}
.modal .formGroup textarea.biblioAbstract {padding: 0 10px 0px 5px; border: none;}
.modal .formGroup ul li.verMiddle {padding-top: 10px;margin-top: 10px;}

.modal .listArea.buyList {/* margin: 0 19px 19px; */}

.modal .notiIcon {width: 110px;height: 110px;margin: 0 auto;background: url(/images/common/img_notification01.png) no-repeat 0px 0px;margin-bottom: 20px;}

.modal .comtBox {padding: 15px 20px;font-size: 14px;color: #111111;line-height: 23px;position: relative;}
.modal .comtBox .btnBuying {position: absolute;right: 20px;top: 15px;min-width: 100px;}
.modal .comtBox.type02 {padding: 15px 0px;font-size: 14px;color: #111111;line-height: 23px;margin-bottom: 17px;}
.modal .comtBox.type03 {background: #ffffff;margin-bottom: 0px;padding: 16px 0 16px;}
.modal .comtBox.type03 ul {padding: 0;}
.modal .comtBox.type03 ul li {font-size: 13px;color: #999999;font-family: 'notokr-medium', sans-serif;line-height: 20px;padding-left: 10px;position: relative;}
.modal .comtBox.type03 ul li:first-child {margin-top: 0px}
.modal .comtBox.type03 ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width:2px;height:2px;vertical-align:middle;background: #9b9b9b;}
.modal .comtBox.type04 {background: #ffffff;margin-bottom: 0px;padding: 16px 20px;}
.modal .comtBox.type04 ul {padding: 0;}
.modal .comtBox.type04 ul li {font-size: 13px;color: #999999;font-family: 'notokr-medium', sans-serif;line-height: 20px;padding-left: 10px;position: relative;}
.modal .comtBox.type04 ul li:first-child {margin-top: 0px}
.modal .comtBox.type04 ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width:2px;height:2px;vertical-align:middle;background: #9b9b9b;}
.modal .comtBox.type05 {background: #ffffff;margin-bottom: 0px;padding: 27px 20px 27px;font-size: 15px;line-height: 22px;}
.modal .comtBox.type05 ul {display: table;margin: 12px auto 0;color: #f04349;font-size: 13px;}
.modal .comtBox.type05 ul li {line-height: 20px;padding-left: 9px;position: relative;text-align: left;}
.modal .comtBox.type05 ul li:before {position: absolute; left: 0px; top: 9px; display: inline-block; content: ""; width: 2px; height: 2px; vertical-align: middle; background: #f04349;}
.modal .comtBox.type05 strong {font-family: 'notokr-medium', sans-serif;}
.modal .comtBox.type06 {background: #ffffff;margin-bottom: 0px;padding: 16px 0 13px;}
.modal .comtBox.type06 ul {padding: 0;}
.modal .comtBox.type06 ul li {font-size: 13px;color: #999999;font-family: 'notokr-medium', sans-serif;line-height: 20px;position: relative;margin-bottom: 6px;}
.modal .comtBox.type06 ul li:first-child {margin-top: 0px}
.modal .comtBox.type07 {background: #ffffff;margin-bottom: 0px;padding: 12px 20px;padding-right: 140px;z-index: 10;}
.modal .comtBox.type07 ul {padding: 0;}
.modal .comtBox.type07 ul li {font-size: 13px;color: #999999;font-family: 'notokr-medium', sans-serif;line-height: 20px;padding-left: 10px;position: relative;}
.modal .comtBox.type07 ul li:first-child {margin-top: 0px}
.modal .comtBox.type07 ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";/* margin: -2px 7px 0 0px; */width:2px;height:2px;vertical-align:middle;background: #9b9b9b;}
.modal .comtBox.type08 {padding: 0px 0px;font-size: 14px;color: #111111;line-height: 23px;margin-bottom: 17px;}

.modal .caution {padding: 0px 0px;font-size: 13px;color: #c93035;line-height: 23px;margin-bottom: 17px;}

.modal .searchBox {position: relative;padding: 0 70px 0 56px;margin-bottom: 29px;}
.modal .searchBox p.tit {position: absolute;left: 0;top: 0;padding-top: 9px;color: #111111;font-size: 14px;}
.modal .searchBox ul {overflow: hidden;}
.modal .searchBox ul li {float: left; width: 100%;}
.modal .searchBox button {position: absolute;right: 0;top: 0;min-width: 60px;}
.modal .searchBox.quote {position: relative;padding: 0 135px 0 56px;margin-bottom: 29px;}
.modal .searchBox.quote .gRight {position: absolute; right: 0; top:0;}
.modal .searchBox.quote button {position: static;}
.modal .searchBox.txtView {padding: 0 70px 0 88px;margin-bottom: 20px;}

.modal .scrollList {border: 1px solid #e7e7e7;height: 169px;overflow-y: auto;}
.modal .scrollList ul {overflow: hidden;}
.modal .scrollList ul li {padding: 0; border-bottom: 1px solid #e7e7e7;}
.modal .scrollList ul li:nth-child(odd) {background: #fafafa;}
.modal .scrollList ul li:last-child {border-bottom: none;}
.modal .scrollList ul li a {display: block;width: 100%;padding: 13px 11px 12px;color: #111111;font-size: 14px;}

.modal .scrollSelectList {margin-bottom: 10px;}
.modal .scrollSelectList ul.list {overflow: hidden;border: 1px solid #e0e0e0;max-height: 342px;overflow-y: auto;padding: 5px 0 5px 0;}
.modal .scrollSelectList ul.list li.item {position: relative;}
.modal .scrollSelectList ul.list li.item a {display: block;font-size: 14px;color: #111111;width: 100%;height: 100%;padding: 7px 0 7px 15px;}
.modal .scrollSelectList ul.list li.item a:hover {background: #f1f1f1;text-decoration: none;}
.modal .scrollSelectList ul.list li.item a.selected {background: #f1f1f1;}
.modal .scrollSelectList ul.list li.item span.nodata {display: block;font-size: 14px;padding: 7px 0 7px 15px;color: #999;}

.modal .searchCheckList {margin-bottom: 29px;}
.modal .searchCheckList p.comt {font-size: 13px;color: #999999;margin-bottom: 13px;}
.modal .searchCheckList ul.list {overflow: hidden;border: 1px solid #e0e0e0;height: 309px;overflow-y: auto;padding: 5px 0 0 0;}
.modal .searchCheckList ul.list li.item {position: relative;padding: 7px 0 7px 35px;}
.modal .searchCheckList ul.list li.item:hover {background: #f1f1f1;}
.modal .searchCheckList ul.list li.item .fCheck {position: absolute;left: 14px;top: 8px;}
.modal .searchCheckList ul.list li.item .fCheck input[type="checkbox"] + label:before {border: 1px solid #c8c8c8 !important;}
.modal .searchCheckList ul.list li.item .fCheck input[type="checkbox"] + label:after {top: 1px;-webkit-margin-before: -1px;}
.modal .searchCheckList ul.list li.item .text {font-size: 14px;}

.modal .tagBox {border: 1px solid #e0e0e0;padding: 19px 19px 9px;margin-bottom: 30px;}
.modal .tagBox .tag {color: #3c63e0;display: inline-block;margin: 0 7px 10px 0;padding: 3px 4px 5px 7px;border: 1px solid #8aa1ec;font-family: 'notokr-bold', sans-serif;font-size: 13px;}
.modal .tagBox span.del {display: inline-block;width: 13px;height: 13px;margin: -2px 0 0 4px;background: url(/images/common/common_sfix_icon.png) no-repeat 3px -347px;cursor: pointer;vertical-align: middle;}

.searchList {border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;height: 309px;overflow-y: auto;margin-bottom: 15px;}
.searchList ul.listWrap {overflow: hidden;}
.searchList ul.listWrap li.item {position: relative;padding: 22px 0 9px 28px;border-bottom: 1px solid #ececec;}
.searchList ul.listWrap li.item .fCheck {position: absolute;left: 0px;top: 24px;}
.searchList ul.listWrap li.item .fCheck input[type="checkbox"] + label:before {border: 1px solid #c8c8c8 !important;}
.searchList ul.listWrap li.item dl {overflow: hidden;}
.searchList ul.listWrap li.item dl dt {color: #3c63e0;font-size: 14px;padding-bottom: 6px;line-height: 19px;}
.searchList ul.listWrap li.item dl dt a {color: #3c63e0;}
.searchList ul.listWrap li.item dl dd {}
.searchList ul.listWrap li.item dl dd ul {margin-left: -8px;}
.searchList ul.listWrap li.item dl dd ul li {position: relative;float:left;padding: 0 10px 0 8px;color: #777777;margin-bottom: 5px;}
.searchList ul.listWrap li.item dl dd ul li:first-child {/* padding-left: 0; */}
.searchList ul.listWrap li.item dl dd ul li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #c8c8c8;}
.searchList ul.listWrap li.item dl dd ul li:last-child:after {display:none;}
.searchList ul.listWrap li.item.nodata dl dt {color: #999999;}
.searchList ul.listWrap li.item.nodata dl dd ul li {color: #999999;}

.modal dl.contactBox {border: 1px solid #e7e7e7;margin-top: -1px;float: left;width: 100%;}
.modal dl.contactBox:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.modal dl.contactBox.half {width: 50%;}
.modal dl.contactBox dt.tit {border-bottom: 1px solid #e7e7e7;background: #fafafa;padding: 11px 15px 12px;font-family: 'notokr-bold', sans-serif;}
.modal dl.contactBox dd.cont {}
.modal dl.contactBox dd.cont:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.modal dl.contactBox dd.cont p {padding: 22px 15px 21px;float: left;}
.modal dl.contactBox dd.cont p span.text {font-size: 12px;color: #535353;display: block;margin-bottom: 6px;}
.modal dl.contactBox dd.cont p a {font-size: 12px;color: #3c63e0;margin-top: 7px;display: block;}
.modal dl.contactBox dd.cont p a:before {display:inline-block;width: 20px;height: 12px;margin: -2px 7px 0 0;content:"";vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -350px -300px;}

.modal .infoWrap {}
.modal .infoWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.modal .infoWrap dl.infoBox {float: left;}
.modal .infoWrap dl.infoBox dt.tit {font-size: 14px;padding: 19px 14px 18px 19px;float: left;}
.modal .infoWrap dl.infoBox dd.cont {font-size: 14px;padding: 19px 10px 18px 0px;color: #3c64e0;float: left;}

.modal .downloadBox {border: 1px solid #e0e0e0;padding: 13px 14px 9px;}
.modal .downloadBox p.tit {font-size: 14px;color: #111111;margin-bottom: 8px;font-family: 'notokr-medium', sans-serif;}
.modal .downloadBox p.btnGroup {margin: 0;}
.modal .downloadBox p.btnGroup .btn {margin: 0 2px 5px 0;}
.modal .downloadBox p.btnGroup .btn.medium {padding: 6px 9px 4px;}
.modal .tableLayout + .downloadBox {margin-top: 13px;}

.modal .quickViewWrap {background: #f4f4f4;border-top: 1px solid #cccccc;padding: 25px 0 25px;overflow-y: auto;height: 700px;}
.modal .quickViewWrap .quickViewBox {width: 744px;margin: 0 auto;overflow: hidden;}
.modal .quickViewWrap .quickViewBox ul.quickViewList {position: relative;overflow: hidden;width: 100% !important;/* margin-top: -40px; *//* margin-bottom: -15px; *//* margin-top: 0px; *//* margin-bottom: 0px; */}
.modal .quickViewWrap .quickViewBox ul.quickViewList li.quickViewItem {width: 100%;}
.modal .quickViewWrap .quickViewBox ul.quickViewList li.quickViewItem p.img {border: 1px solid #e1e1e1;}
.modal .quickViewWrap .quickViewBox ul.quickViewList li.quickViewItem p.img img {width: 100%;}
.modal .quickViewWrap .quickViewBox ul.quickViewList li.quickViewItem p.pageNum {font-size: 12px;color: #666666;text-align: center;padding: 13px 0;}
.modal .quickViewWrap .quickViewBox .jcarousel-wrapper a.jcarousel-control-prev {background: none;left: 0px;top: 0px;width: 86px;height: 100%;}
.modal .quickViewWrap .quickViewBox .jcarousel-wrapper a.jcarousel-control-next {background: none;right: 0;top: 0px;width: 86px;height: 100%;}
.modal .quickViewWrap .quickViewBox .jcarousel-wrapper a.jcarousel-control-prev:before,
.modal .quickViewWrap .quickViewBox .jcarousel-wrapper a.jcarousel-control-next:before {display: block;position: absolute;top: 50%;margin-top: -25px;width: 27px;height: 50px;content:"";background:url(/images/common/jcarosel_arrow_black.png) no-repeat;opacity: 1.0;}
.modal .quickViewWrap .quickViewBox .jcarousel-wrapper a.jcarousel-control-prev:before {margin-left: 30px;}
.modal .quickViewWrap .quickViewBox .jcarousel-wrapper a.jcarousel-control-next:before {margin-left: 30px;}

.modal .btnGroup {margin-bottom: 10px;}
.modal .btnGroup .btnForms {background-color: #888;border: 1px solid #888 !important;}
.modal .btnGroup .btnForms:hover {background-color: #777; border: 1px solid #777 !important;}
.modal button.btnIconB {padding: 6px 9px 4px;}
.modal button.btnIconB span.gear:before {width: 15px;height: 14px;background-position: -150px -350px;}

.tabWrap {border: 1px solid #e0e0e0;overflow: hidden;margin-bottom: 20px;position: relative;height: 253px;}
.tabWrap:after {display:block;content:"";clear:both;}
.tabWrap .tab.vertical {width: 32%;height: 100%;float: left;border-right: 1px solid #e0e0e0;position: absolute;left: 0;top: 0;}
.tabWrap .tab.vertical ul {padding-top: 6px;height: 100%;}
.tabWrap .tab.vertical ul li {padding: 0;}
.tabWrap .tab.vertical ul li a {display:block;color: #111111;font-size: 14px;padding: 7px 15px;}
.tabWrap .tab.vertical ul li a:hover {text-decoration: none; background: url(/images/common/common_sfix_icon.png) no-repeat 134px -389px;background-color: #f1f1f1;}
.tabWrap .tab.vertical ul li.selected a {background: url(/images/common/common_sfix_icon.png) no-repeat 134px -389px;background-color: #f1f1f1;}
.tabWrap .tabContent {width: 100%;height: 100%;padding-left: 32%;}
.tabWrap .tabContent ul {width: 100%;height: 100%;overflow-y: auto;padding: 10px 13px 5px;}
.tabWrap .tabContent ul li {width: 50%;float: left;margin-bottom: 5px;}
.tabWrap .tabContent ul li a {display: inline-block;color: #111111;font-size: 13px;padding: 3px 7px 5px 7px;border: 1px solid #fff;}
.tabWrap .tabContent ul li a.selected {color: #3c63e0;border: 1px solid #8aa1ec;font-family: 'notokr-bold', sans-serif;}

.modal button.full {width: 100%;height: 59px;margin: 0;font-size: 16px;}
.modal button.full.h45 {width: 100%;height: 45px;margin: 0;font-size: 15px;}
.modal button.btnReset {position: absolute;left: 12px;top: 18px;}
.modal button.btnReset span {font-size: 12px; color: #333333;}

.modal .gInputText .placeholder {margin-top: -7px;}

#pub_modalReportError .layer2 {overflow-y: auto;max-height: 540px;min-height: 125px;}

/* 모달 팝업 - 상세검색 */
.modal .advancedSearchBox {margin-bottom: 10px;position: relative;}
.modal .advancedSearchBox ul li {margin-bottom: 5px;}
.modal .advancedSearchBox .fSelect + .gInputText {margin-left: 2px;-webkit-margin-start: 4px;}
.modal .advancedSearchBox .gInputText {width: 100%;max-width: 366px;}
.modal .advancedSearchBox .gInputText input {font-family: 'notokr-regular', '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;}

.modal .advancedCateBox {position: relative;border: 1px solid #e0e0e0; min-height: 60px; padding: 14px 10px 15px 164px; margin-right: 20px; margin-bottom: 10px;}
.modal .advancedCateBox p.tit {position: absolute;left: 15px;top: 11px;font-size: 15px;color: #111111; font-family: 'notokr-medium', sans-serif; width: 140px; letter-spacing: -0.5px; }
.modal .advancedCateBox ul.checkBox {padding: 0;overflow: hidden;margin-bottom: -10px;}
.modal .advancedCateBox ul.checkBox li {float: left;margin-right: 25px;margin-bottom: 8px;}
.modal .advancedCateBox ul.checkBox li .fCheck input[type="checkbox"] + label:after {top: 1px;-webkit-margin-before: -1px;}

.modal .multiLangInputBox {position: relative;border: 1px solid #e0e0e0;padding: 0px 14px 8px;margin-right: 20px;margin-bottom: 15px;display: none;}
.modal .multiLangInputBox > table {margin-top: 13px;}
.modal .multiLangInputBox .batang {font-family: '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;font-size: 14pt;letter-spacing:-1px;font-weight: bold;margin-right: 10px;}
.modal .multiLangInputBox .batang_text {font-size: 10pt;background-color:#FFFFFF;border: 1px solid #dbdbdb;height:20px;padding: 0px 0 0 5px;font-family: '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;}
.modal .multiLangInputBox .batang_view {font-size: 16px;margin-right: 10px;font-family: '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;}
.modal .multiLangInputBox a.left1 {font-size: 14px;margin-right: 10px;font-family: '돋움', Dotum, sans-serif;}
.modal .multiLangInputBox a.left2 {font-size: 14px;margin-right: 10px;font-family: '돋움', Dotum, sans-serif;}
.modal .multiLangInputBox a.left2_1:link {color:#5d758c; text-decoration:none; font-size:14pt;}
.modal .multiLangInputBox a.left2_1:visited {color:#5d758c; text-decoration:none; font-size:14pt;}
.modal .multiLangInputBox a.left2_1:hover {color:#5d758c; text-decoration:underline; font-size:14pt;}
.modal .multiLangInputBox .small {font-size: 11px;font-family: '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;letter-spacing:-1px;font-weight:normal;}
.modal .multiLangInputBox .large2 {font-size:30pt;letter-spacing:-1px;font-weight:bold;line-height:40px;color:#d03838;font-family: '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;display: inline-block;height: 45px;}
.modal .multiLangInputBox .blue {color: #3c63e0;}

/* 얼러트 */
.alert {position:absolute;z-index: 1060;display: none;margin-top: -42px;}
.alert .alertScreen {display: block;position: fixed;border: 0;left: 0;top: 0;width: 100%;height: 100%;background: #000;-webkit-opacity: .20;-moz-opacity: .20;filter: alpha(opacity=20);opacity: .20;}
.alert .alertScreen.opacity {-webkit-opacity: .20; -moz-opacity: .20; filter: alpha(opacity=20); opacity: .20;}
.alert .alertContent {position: relative;background: #ffffff;border: 1px solid #e7e7e7; width: 100%; min-width: 302px;}
.alert .alertContent .alertHeader {position:relative;padding: 13px 20px;text-align: center;}
.alert .alertContent .alertHeader .tit {color: #111;}
.alert .alertContent .alertHeader .tit:before {display: block;width: 70px;height: 64px;margin: -56px auto 0px;content:"";background:url(https://cdn.dbpia.co.kr/static/css/images/img_alert.png) no-repeat 0px 0px;}
.alert .alertContent .alertBody {position:relative;padding: 13px 0 30px;}
.alert .alertContent .alertBody p {font-size: 14px;color: #535353;line-height: 22px;text-align: center;}
.alert .alertContent .alertBody p.txtAlert {color: #f04347;}
.alert .alertContent .alertFooter {position: relative;padding: 10px 10px;text-align: center;border-top: 1px solid #e7e7e7;}
.alert .alertContent .alertFooter button {min-width: 135px;}
.alert .alertContent .alertFooter button + button {margin-left: 7px;}

/* 얼러트 - 문구 */
.alertMsg {display: none;margin-top: 8px;}
.alertMsg span.confirm {font-size: 12px;margin-top: -1px;display: inline-block;color: #3c63e0;line-height: 18px;}
.alertMsg span.warn {font-size: 12px;color: #f04347;margin-top: -3px;display: inline-block;line-height: 17px;}
.alertMsg span.resting {font-size: 12px;color: #f04347;margin-top: -3px;display: inline-block;line-height: 17px;}
.alertMsg2 span.warn {font-size: 12px;color: #f04347;margin-top: -3px;display: inline-block;line-height: 17px;}

/* 캐러셀 */
.jcarousel-wrapper {height: 100%;}
.jcarousel-wrapper .jcarousel {position: relative;overflow: hidden;}
.jcarousel-wrapper .jcarousel ul.list {width: 1048px;position: relative;overflow: hidden;display: flex;}
.jcarousel-wrapper .jcarousel ul.list li.item {float: left;width: 524px;max-width: 524px;flex: 1;}
.jcarousel-wrapper a.jcarousel-control-prev, a.jcarousel-control-next {position: absolute;top: -52px;width: 100px;height: calc(100% + 117px);}
.jcarousel-wrapper a.jcarousel-control-prev {left: -100px;background: url(/images/common/jcarosel_bg.png) repeat-y;transform: rotate(180deg);}
.jcarousel-wrapper a.jcarousel-control-next {right: -100px;background:url(/images/common/jcarosel_bg.png) repeat-y;display: block;}
.jcarousel-wrapper a.jcarousel-control-prev:hover span, a.jcarousel-control-next:hover span {display: block;}
.jcarousel-wrapper a.jcarousel-control-prev.inactive, a.jcarousel-control-next.inactive {opacity: .0;cursor: default;display: none;}
.jcarousel-wrapper a.jcarousel-control-prev:before, a.jcarousel-control-next:before {display: block;position: absolute;top: 50%;margin-top: -29px;width: 32px;height: 58px;content:"";background:url(/images/common/jcarosel_arrow.png) no-repeat;opacity: 0.6;}
.jcarousel-wrapper a.jcarousel-control-prev:before {margin-left: 30px;}
.jcarousel-wrapper a.jcarousel-control-next:before {margin-left: 30px;}
.jcarousel-wrapper .jcarousel-pagination {position: absolute;bottom: -98px;width: 100%;text-align: center;}
.jcarousel-wrapper .jcarousel-pagination a {width: 13px;height: 13px;text-decoration: none;display: inline-block;text-indent: -9999px;background: transparent;border: 3px solid #fff;border-radius: 999px;}
.jcarousel-wrapper .jcarousel-pagination a.active {background: #fff;}
.jcarousel-wrapper .jcarousel-pagination a + a {margin-left: 8px;}

.jcarousel-wrapper a.jcarousel-control-prev.noModalFoot, a.jcarousel-control-next.noModalFoot {height: calc(100% + 53px);}
.jcarousel-wrapper .jcarousel-pagination.noModalFoot {bottom: -34px;}
.jcarousel-wrapper .jcarousel-pagination-number {position: absolute;bottom: 15px;left: 50%;text-align: center;margin: 0 auto;margin-left: -11px;color: #aaaaaa;font-size: 14px;font-family: 'notokr-medium', sans-serif;}

/* 에러 페이지 */
.errorWrap {position: relative;width: 100%;max-width: 526px;margin: 130px auto 0;}
.errorWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.errorWrap .errorHead {margin-bottom: 24px;}
.errorWrap .errorHead h1 a {display:block;width: 169px;height: 25px;background: url(/images/common/logo_dbpia.png) no-repeat 0 0;background-size: cover;margin: 0 auto;}
.errorWrap .errorBody {border: 1px solid #e7e7e7;overflow: hidden;padding: 59px 35px 57px;}
.errorWrap .errorBody p.symbol {float: left;margin-right: 21px;}
.errorWrap .errorBody p.symbol span {font-size: 20px; color: #c93035; font-family: 'notokr-bold', sans-serif;}
.errorWrap .errorBody p.symbol span:before {display: block;width: 51px;height: 47px;margin: 0 auto 6px;content:"";vertical-align: middle;background: url(/images/common/img_error.png) no-repeat;}
.errorWrap .errorBody p.text {float: left;}
.errorWrap .errorBody p.text span.tit {font-size: 20px;color: #111111;font-family: 'notokr-bold', sans-serif;display: block;margin-top: 4px;margin-bottom: 14px;}
.errorWrap .errorBody p.text span.desc {font-size: 13px;color: #777777;line-height: 18px;}
.errorWrap .errorFoot {border: 1px solid #e7e7e7;border-top: none;padding: 15px 10px 19px;text-align: center;}
.errorWrap .errorFoot .btn {min-height: 35px;}
.errorWrap .errorFoot .btn:nth-child(2) {min-width: 166px;}

/* 회원로그인 */
.loginArea {position: relative;/* padding: 179px 0; */margin-top: 80px;margin-bottom: 30px;}
.loginArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}

.loginArea .gLeft {float: left;width: 50%;padding-right: 59px;border-right: 1px solid #e7e7e7;}
.loginArea .gLeft .snsLogin {max-width: 348px;width: 100%;float: right;}
.loginArea .gLeft .snsLogin .tit {font-size: 16px;color: #111111;margin-bottom: 26px;}
.loginArea .gLeft .snsLogin .opt {text-align: right;margin-bottom: 14px;}
.loginArea .gLeft .snsLogin .opt .tooltip .desc.topLeft {bottom: 27px;left: -103px;width: 191px;}
.loginArea .gLeft .snsLogin .opt .tooltip .desc.topRight {bottom: 27px;right: 0px;width: 240px;}
.loginArea .gLeft .snsLogin ul {overflow: hidden;}
.loginArea .gLeft .snsLogin ul li {margin-bottom: 15px;}
.loginArea .gLeft .snsLogin ul li:last-child {margin-bottom: 0px;}
.loginArea .gLeft .snsLogin ul li a {display: block;width: 100%;height: 62px;padding: 13px 0 0 31px;}
.loginArea .gLeft .snsLogin ul li a:hover, .modal .loginArea .gLeft .snsLogin ul li a:hover{text-decoration: none;}
.loginArea .gLeft .snsLogin ul li a.naver, .modal .loginArea .gLeft .snsLogin ul li a.naver {background: #00c73c;}
.loginArea .gLeft .snsLogin ul li a.google, .modal .loginArea .gLeft .snsLogin ul li a.google {background: #cc3731;}
.loginArea .gLeft .snsLogin ul li a.facebook, .modal .loginArea .gLeft .snsLogin ul li a.facebook{background: #7d8aa7; /*#3a589b*/}

/* kakao 2021.02.02 설정 */
.loginArea .gLeft .snsLogin ul li a.kakao, .modal .loginArea .gLeft .snsLogin ul li a.kakao{background: #FEE500;}

.loginArea .gLeft .snsLogin ul li a span, .modal .loginArea .gLeft .snsLogin ul li a span {color: #ffffff;font-size: 16px;}
/* kakao 2021.02.16 추가*/
.loginArea .gLeft .snsLogin ul li a.kakao span, .modal .loginArea .gLeft .snsLogin ul li a.kakao span {color: #191919;}
.loginArea .gLeft .snsLogin ul li a.facebook span, .modal .loginArea .gLeft .snsLogin ul li a.facebook span {color: #d0d0d0;}

/* TODO. 2021.03.03 facebook 회원 전환 관련 css 추가*/
.loginArea .gLeft .snsLogin ul li.remove_facebook {padding: 5px; border: 1px solid #cecece; margin-bottom:10px;}
.loginArea .gLeft .snsLogin ul li.remove_facebook:hover{border: 1px solid #c8c8c8 !important; box-shadow: 2px 2px 3px rgba(0,0,0,.2);}
.loginArea .gLeft .snsLogin ul li.remove_facebook a.change_facebook{height: 20px; line-height: 20px;padding: 0px;text-align: center;}
.loginArea .gLeft .snsLogin ul li.remove_facebook a.change_facebook span{position: relative; line-height: 20px; color: #555555; text-align: center; font-size:13px;}
.loginArea .gLeft .snsLogin ul li.remove_facebook a.change_facebook span span.point{color:#C93035;font-weight: bold;font-size: 15px;}

/* kakao 2021.02.22 width값 수정 */
.loginArea .gLeft .snsLogin ul li a span:before{display: inline-block;/*width: 31px;*/ width: 37px;height: 33px;margin: 0px 25px 5px 0;content:"";vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/member/member_sfix_icon.png) no-repeat;}

.loginArea .gLeft .snsLogin ul li a.naver span:before{background-position: 0px 4px;}
.loginArea .gLeft .snsLogin ul li a.google span:before{background-position: -48px 2px;}
.loginArea .gLeft .snsLogin ul li a.facebook span:before{background-position: -92px 0px; filter: grayscale(80%) opacity(0.5);}
/* kakao 2021.02.16 추가*/
.loginArea .gLeft .snsLogin ul li a.kakao span:before{background-position: -136px 0px;}

/* TODO. 2021.03.03 facebook 회원 전환 관련 css 추가*/
.loginArea .gLeft .snsLogin ul li.remove_facebook a.change_facebook span:before{display:none;}

/*2021.02.18 kakao 로그인 추가 - 더보기 - 버튼 보이기/숨김처리 */
.loginArea .gLeft .snsLogin ul.snsTopArea{position: relative; margin-top:70px;}
.loginArea .gLeft .snsLogin ul.snsBottomArea{margin-top:15px;}
.loginArea .gLeft .snsLogin ul.snsOpen{display:block;}
.loginArea .gLeft .snsLogin ul.snsClose{display:none;}
/*2021.02.19 SNS 로그인 - 마지막 로그인 관련*/
.loginArea .gLeft .snsLogin span.requiredText{position:relative; line-height:20px; color: #C93035; text-align:center; }
.loginArea .gLeft .snsLogin span.requiredText:before{display:inline-block; position:relative; top:-3px; width:20px; height:20px; content:""; vertical-align:middle;background:url(https://cdn.dbpia.co.kr/static/images/member/arrow_reply.png) no-repeat;}
.loginArea .gLeft .snsLogin span.textShow{display:block;}
.loginArea .gLeft .snsLogin span.textHidden{display:none;}

/*2021.02.17 kakao 로그인 추가 - 더보기*/
.loginArea .gLeft .snsLogin div.line_wrap{position: relative;}
.loginArea .gLeft .snsLogin div.line_wrap span.line_or{cursor: pointer;position: relative;display: block;width: 100%;padding: 15px 0;font-size: 0;line-height: 0;}
.loginArea .gLeft .snsLogin div.line_wrap span.line_or:before, .loginArea .gLeft .snsLogin div.line_wrap span.line_or:after{display: inline-block;width: calc(50% - 20px); height: 1px; margin: 8px 0; background-color: #e2e2e2; vertical-align: top;content: '';}
.loginArea .gLeft .snsLogin div.line_wrap span.line_or span.text_or{display: inline-block;width: 40px;font-size: 12px;line-height: 18px; text-align: center;color: #999;}

.loginArea .gRight {float: right;width: 50%;padding-left: 60px;}
.loginArea .gRight .loginWrap {max-width: 348px;width: 100%;}
.loginArea .gRight .loginWrap .tit {font-size: 16px;color: #111111;margin-bottom: 25px;-webkit-margin-after: 26px;}
.loginArea .gRight .loginWrap .opt {text-align: right;margin-bottom: 14px;}
.loginArea .gRight .loginWrap .opt .fCheck input[type="checkbox"] {}
.loginArea .fCheck input[type="checkbox"] + label {font-size: 12px;color: #696969;}
.loginArea .fCheck input[type="checkbox"] + label:before {margin: -2px 5px 0 0;width: 13px;height: 13px;border: 1px solid #696969;}
.loginArea .fCheck input[type="checkbox"] + label:after {top: 1px !important;/* width: 14px; *//* height:14px; */-webkit-margin-before: -1px !important;}
.loginArea .gRight .loginWrap .opt .fCheck + .tooltip {/* margin-left: 10px; */}
.loginArea .gRight .loginWrap .opt .tooltip {}
.loginArea .gRight .loginWrap .opt .tooltip .desc.topLeft {bottom: 27px;left: -103px;width: 191px;}
.loginArea .gRight .loginWrap .opt .tooltip .desc.topRight {bottom: 27px;right: 0px;width: 240px;}
.loginArea .gRight .loginWrap .opt .tooltip .desc.bottomRight {top: 14px;right: 0px; width: 379px;}

.loginArea .gRight .loginWrap .loginBox {margin-bottom: 25px;overflow: hidden;}
.loginArea .gRight .loginWrap .loginBox .gInputText {display: block;margin-bottom: 5px;}
.loginArea .gRight .loginWrap .loginBox .gInputText .placeholder {top:50%;left: 46px;margin-top: -8px;color: #ccc;font-size: 14px;}
.loginArea .gRight .loginWrap .loginBox .gInputText .fText {padding: 8px 10px 9px 44px;background-image: url(https://cdn.dbpia.co.kr/static/images/member/member_sfix_icon.png);background-repeat: no-repeat;height: 38px;}
.loginArea .gRight .loginWrap .loginBox .gInputText .fText:before {display: inline-block;width: 25px;height: 16px;content:"";vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/member/member_sfix_icon.png) no-repeat;}
.loginArea .gRight .loginWrap .loginBox .gInputText .fText.id {background-position: -391px 10px;}
.loginArea .gRight .loginWrap .loginBox .gInputText .fText.pw {background-position: -391px -40px;}
.loginArea .gRight .loginWrap .loginBox button.login {width: 100%;height: 38px;margin: 0;}
.loginArea .gRight .loginWrap .comtBox {border-top: 1px solid #e7e7e7;padding-top: 36px;padding-right: 130px;position: relative;}
.loginArea .gRight .loginWrap .comtBox ul {overflow: hidden;}
.loginArea .gRight .loginWrap .comtBox ul li {position: relative;float:left;padding: 0 13px;margin-bottom: 5px;}
.loginArea .gRight .loginWrap .comtBox ul li:first-child {padding-left: 0;}
.loginArea .gRight .loginWrap .comtBox ul li:before {position:absolute;top: 1px;left:0;display:block;content:"";width:1px;height: 11px;vertical-align:middle;background: #e7e7e7;}
.loginArea .gRight .loginWrap .comtBox ul li:first-child:before {display:none;}
.loginArea .gRight .loginWrap .comtBox ul li a {display:block;color: #999999;font-size: 12px;}
.loginArea .gRight .loginWrap .comtBox button.join {position: absolute;right: 0;top: 22px;height: 40px;}

/* 기관인증 */
.loginArea .gLeft .searchOrgan {max-width: 354px;width: 100%;float: right;margin-right: -6px;}
.loginArea .gLeft .searchOrgan .tit {font-size: 16px;color: #111111;margin-bottom: 55px;margin-bottom: 26px;}
.loginArea .gLeft .searchOrgan p {font-size: 13px;color: #999999;margin-top: 15px;/* margin-bottom: 30px; */line-height: 20px;}
.loginArea .gLeft .searchOrgan .gInputText {display: block;width: 100%;}
.loginArea .gLeft .searchOrgan .gInputText .placeholder {font-size: 13px;margin-top: -7px;}
.loginArea .gLeft .searchOrgan .gInputText .fText {padding: 7px 9px;height: 38px;font-size: 14px;/* color: #3c63e0; */padding-right: 60px;}
.loginArea .gLeft .searchOrgan .gInputText.schBox .btnSearch {position: absolute;top: 1px;right: 1px;padding: 0;background: transparent;border: 0;}
.loginArea .gLeft .searchOrgan .gInputText.schBox .btnSearch .icon {width: 56px;height: 36px;display: block;background: none;padding-top: 10px;font-size: 13px;}
.loginArea .gLeft .searchOrgan .gInputText.schBox .btnSearch .icon:before {display:inline-block;width: 16px;height: 16px;content:"";margin: -3px 5px 0 0;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -150px -100px;}

.loginArea .gLeft .searchOrgan .scrollList {border: 1px solid #e7e7e7;max-height: 153px;overflow-y: auto;margin-top: 0px;}
.loginArea .gLeft .searchOrgan .scrollList ul {overflow: hidden;}
.loginArea .gLeft .searchOrgan .scrollList ul li {padding: 0;border-bottom: 1px solid #e7e7e7;}
.loginArea .gLeft .searchOrgan .scrollList ul li:nth-child(odd) {/* background: #fafafa; */}
.loginArea .gLeft .searchOrgan .scrollList ul li:last-child {border-bottom: none;}
.loginArea .gLeft .searchOrgan .scrollList ul li a {display: block;width: 100%;padding: 12px 11px 10px;color: #111111;font-size: 13px;}

.loginArea .gLeft .searchOrgan .alertMsg span.warn {font-size: 12px;color: #f04347;margin-top: 3px;/* margin-bottom: 30px; */line-height: 20px;}
.loginArea .gLeft .searchOrgan .alertMsg span.success {font-size: 13px;color: #111111;margin-top: 15px;/* margin-bottom: 30px; */line-height: 20px;}

.curationArea{
    margin: 0 auto ; 
    position: relative;
    max-width: 913px;
    height: 395px;
    background-color: #fafafa;
    border: 1px solid #e7e7e7;
    font-size: 12px;
    letter-spacing: 0.6px;
    box-sizing: border-box;
    padding: 10px;
    line-height: 22px;  
    margin-left: 94px;
    margin-bottom: 20px;   
    
}
.curationArea .curWrap{
    margin: 0 auto;
    max-width: 890px;
    height: 372px;
    background-color: white;
    border: 1px solid #e7e7e7;
    display: block;
    position: relative;
}
.curationArea .curSection1{
    box-sizing: border-box;    
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 10px;
    padding-bottom: 30px;
    height: 25px;
    border-bottom: 1px solid lightgray;
}
.curationArea .curSection1 b{
    display: block;
    box-sizing: border-box;
    padding-left: 10px;
}
.curationArea .curSec2Left{
    float: left;
    box-sizing: border-box;  
    padding-left: 20px;    
    padding-top: 10px;
    margin-left: 5px;
    
}
.curationArea .curSec2Right{
    float: left;
    box-sizing: border-box; 
    margin-left: 15px;
    padding-left: 20px;
    padding-top: 8px;
    border-left: 1px solid lightgray;
    height: 220px;
    
}
.curationArea .curSection3{
    height: 110px;
    width: 850px;
    box-sizing: border-box;
    margin-top: 220px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 10px;
    padding-left: 10px;
    border-top: 1px solid lightgray;
    
   
}


/* 팝업 로그인 & 팝업 기관인증 */
#pub_modalChangePwRegular.modal .modalContent .modalFooter.halfBtn{overflow: hidden; height: 67px; }
#pub_modalChangePwRegular.modal .modalContent .modalFooter.halfBtn:after{display: block; content: ""; clear: both; } 
.modal .modalContent .modalFooter.halfBtn .btn{min-width: auto; width: 49%; display: inline-block; float: left; height: 35px; line-height: 35px; }
#pub_modalChangePwRegular.modal .modalContent .modalFooter.halfBtn .btn + .btn{margin-left:2%; }
#pub_modalMemberDormant .notiArea{margin-top: 20px;}

#pub_modalChangePwRegular2.modal .modalContent .modalFooter.halfBtn{overflow: hidden; height: 67px; }
#pub_modalChangePwRegular2.modal .modalContent .modalFooter.halfBtn:after{display: block; content: ""; clear: both; } 
#pub_modalChangePwRegular2.modal .modalContent .modalFooter.halfBtn .btn + .btn{margin-left:2%; }


.memberP .sample{width: 100%; min-height: 38vw; vertical-align: middle; text-align: center; display: block; background: #eee; margin: 3vw auto 1vw; font-size: 32px; line-height: 38vw; position: relative;}

#pub_modalLoginPop.modal .modalBody h4{padding: 19px 20px 10px 20px;}
#pub_modalLoginPop.modal .comtBox.type04{padding: 0px 20px 20px 20px;}
#pub_modalLoginPop.modal .comtBox.type04 li{padding-left: 0; } #pub_modalLoginPop.modal .loginArea{margin:0;}
#pub_modalLoginPop.modal .comtBox.type04 li:before {display:none;}
#pub_modalLoginPop.modal .loginArea .gLeft, #pub_modalLoginPop.modal .loginArea .gRight{float: initial;width: 100%;padding: 0px 20px;position: relative;border: none;overflow: hidden;}
#pub_modalLoginPop.modal .loginArea .gLeft{border-bottom: 1px solid #e7e7e7;padding-bottom: 20px;}
#pub_modalLoginPop.modal .loginArea .gRight{padding: 18px 0 0 0; }
#pub_modalLoginPop.modal .loginArea .gLeft>div, .modal .loginArea .gRight>div{max-width: 100% !important; float: initial !important; }
#pub_modalLoginPop.modal .loginArea .gLeft .snsLogin ul li a{display: block;width: 100%;height: 45px;text-align: center;position: relative;line-height: 45px;padding: 0;}

/*2021.03.24 facebook 전환 */
#pub_modalLoginPop.modal .loginArea .gLeft .snsLogin ul li.remove_facebook a.change_facebook{height: 20px; line-height: 20px;padding: 0px;text-align: center;}
#pub_modalLoginPop.modal .loginArea .gLeft .snsLogin ul li.remove_facebook a.change_facebook span{position: relative; line-height: 20px; color: #555555; text-align: center; font-size:13px;}
#pub_modalLoginPop.modal .loginArea .gLeft .snsLogin ul li.remove_facebook a.change_facebook span span.point{color:#C93035;font-weight: bold;font-size: 15px;}

/*2021.02.22 kakao login 더보기 기능*/
#pub_modalLoginPop.modal .loginArea .gLeft .snsLogin ul.snsTopArea{position: relative; margin-top:0px;}

/*2021.02.22 kakao login add, width 수정*/
.modal .loginArea .gLeft .snsLogin ul li a span:before {display: inline-block;/*width: 36px;*/width: 37px;height: 36px;margin: 0px 25px 5px 0;content:"";vertical-align: middle;background:url(https://cdn.dbpia.co.kr/static/images/member/member_sfix_icon.png) no-repeat;transform: scale(0.8);position: absolute;top: 4px;left: 24px;}
/* kakao 2021.02.16 추가*/
.modal .loginArea .gLeft .snsLogin ul li a.kakao span:before{background-position: -136px 0px;}

.modal .loginArea .gLeft .snsLogin ul li a.naver span:before{background-position: 0px 5px;}
.modal .loginArea .gLeft .snsLogin ul li a.google span:before{background-position: -48px 2px;}
.modal .loginArea .gLeft .snsLogin ul li a.facebook span:before{background-position: -91px 2px;}

#pub_modalLoginPop.modal, #pub_modalOrganPop.modal{z-index: 99;}
#pub_modalLoginPop.modal .loginArea .gLeft .snsLogin ul li{margin-bottom: 0; }
#pub_modalLoginPop.modal .loginArea .gLeft .snsLogin ul li + li{margin-top:10px; }
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .tit{margin-bottom: 20px;padding: 0px 20px; font-size: 16px;}

#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .loginBox{overflow: hidden;padding: 0px 20px;margin-bottom: 0px;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .loginBox .gInputText, #pub_modalOrganPop.modal .loginWrap .loginBox .gInputText{display: block;margin-bottom: 5px;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .loginBox .gInputText .placeholder {top:50%;left: 15px;margin-top: -7px;color: #ccc;font-size: 14px;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap button.login {width: 100%;height: 38px;margin: 15px 0 0 0;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .comtBox {border-top: 1px solid #e7e7e7;padding-top: 36px;padding-right: 130px;position: relative;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .comtBox ul {overflow: hidden;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .comtBox ul li {position: relative;float:left;padding: 0 13px;margin-bottom: 5px;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .comtBox ul li:first-child {padding-left: 0;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .comtBox ul li:before {position:absolute;top: 6px;left:0;display:block;content:"";width:1px;height: 11px;vertical-align:middle;background: #e7e7e7;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .comtBox ul li:first-child:before {display:none;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .comtBox ul li a {display:block;color: #999999;font-size: 12px;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .comtBox button.join {position: absolute;right: 20px;bottom: 15px;height: 40px;top: auto;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .opt{margin: 15px 0px 0px;padding:0px 20px;text-align: left;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .comtBox.last{border-top: 1px solid #e7e7e7; padding: 25px 20px 20px 20px; overflow: hidden; margin-top: 20px; }
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .loginBox .gInputText .fText {padding: 6px 9px 7px;background-image: none;background-repeat: no-repeat;height: 34px;}
#pub_modalLoginPop.modal .tooltip .desc.bottomRight{top: 12px;right: auto;width: 379px;left: -79px;}
#pub_modalLoginPop.modal .tooltip .desc.bottomRight:before{left: 18px; right: initial; }
#pub_modalLoginPop.modal .tooltip .desc.bottomRight:after{right: initial; top: -6px; left: 18px; }

#pub_modalOrganPop.modal .loginWrap .tit{font-size: 16px; padding: 20px 0px; border-top: 1px solid #e7e7e7; margin-top: 20px;}
#pub_modalOrganPop.modal h4{line-height: 22px; } 
#pub_modalOrganPop.modal .comtBox{padding: 0 0 20px; border-bottom: 1px solid #e7e7e7; font-size: 13px; color: #777; line-height: 20px; }
#pub_modalOrganPop.modal .info{text-align: center; }
#pub_modalOrganPop.modal .info span{color: #999; font-size: 12px; line-height: 22px; display: block; padding-bottom: 5px; }
#pub_modalOrganPop.modal .info a{display: inline-block; text-decoration: underline; color: #3c63e0; position: relative; }
#pub_modalOrganPop.modal .info a:after {content: ""; display: block; position: absolute; width: 1px; height: 11px; background: #e0e0e0; top: 3px; right: -10px; }
#pub_modalOrganPop.modal .info a:last-child:after {display: none; }
#pub_modalOrganPop.modal .info a + a {margin-left: 15px; }
#pub_modalOrganPop.modal button.btn{width: 100%;margin: 10px 0 0 0;min-height: 38px;}
#pub_modalOrganPop.modal .gInputText.schBox .fText::placeholder,#pub_modalOrganPop.modal .loginBox .gInputText input::placeholder{color:#ccc;}
:-ms-input-placeholder{color:#ccc !important; }
#pub_modalOrganPop.modal .loginBox .gInputText input{border:1px solid #e7e7e7; }
#pub_modalOrganPop.modal .loginWrap{display:none;}
#pub_modalOrganPop.modal .scrollList ul li {border: none; }
#pub_modalOrganPop.modal .scrollList ul li a{padding: 8px 11px; }
#pub_modalOrganPop.modal .scrollList ul li a:first-child{padding: 12px 11px 8px;}
#pub_modalOrganPop.modal .scrollList ul li a:hover{background: #fafafa; text-decoration:none; }
#pub_modalOrganPop.modal .scrollList ul li:nth-child(odd) {background: initial;}

/* 팝업 로그인 & 팝업 기관인증 - B2B, B2C */
#pub_modalLoginDoublePop .modalContent.B2C h4 {padding: 19px 20px 10px 20px;}
#pub_modalLoginDoublePop .modalContent.B2C .comtBox.type04{padding: 0px 20px 20px 20px;}
#pub_modalLoginDoublePop .modalContent.B2C .comtBox.type04 li{padding-left: 0; } #pub_modalLoginDoublePop .modalContent.B2C .loginArea{margin:0;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gLeft, #pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight{float: initial;width: 100%;padding: 0px 20px;position: relative;border: none;overflow: hidden;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gLeft{border-bottom: 1px solid #e7e7e7;padding-bottom: 20px;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight{padding: 18px 0 0 0; }
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gLeft>div, .modal .loginArea .gRight>div{max-width: 100% !important; float: initial !important; }
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gLeft .snsLogin ul li a{display: block;width: 100%;height: 45px;text-align: center;position: relative;line-height: 45px;padding: 0;}

#pub_modalLoginDoublePop .modalContent.B2C, #pub_modalLoginDoublePop .modalContent.B2B{z-index: 99;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gLeft .snsLogin ul li{margin-bottom: 0; }
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gLeft .snsLogin ul li + li{margin-top:10px; }
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .tit{margin-bottom: 20px;padding: 0px 20px; font-size: 16px;}

#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .loginBox{overflow: hidden;padding: 0px 20px;margin-bottom: 0px;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .loginBox .gInputText, #pub_modalLoginDoublePop .modalContent.B2B .loginWrap .loginBox .gInputText{display: block;margin-bottom: 5px;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .loginBox .gInputText .placeholder {top:50%;left: 15px;margin-top: -7px;color: #ccc;font-size: 14px;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap button.login {width: 100%;height: 38px;margin: 15px 0 0 0;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .comtBox {border-top: 1px solid #e7e7e7;padding-top: 36px;padding-right: 130px;position: relative;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .comtBox ul {overflow: hidden;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .comtBox ul li {position: relative;float:left;padding: 0 13px;margin-bottom: 5px;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .comtBox ul li:first-child {padding-left: 0;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .comtBox ul li:before {position:absolute;top: 6px;left:0;display:block;content:"";width:1px;height: 11px;vertical-align:middle;background: #e7e7e7;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .comtBox ul li:first-child:before {display:none;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .comtBox ul li a {display:block;color: #999999;font-size: 12px;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .comtBox button.join {position: absolute;right: 20px;bottom: 15px;height: 40px;top: auto;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .opt{margin: 15px 0px 0px;padding:0px 20px;text-align: left;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .comtBox.last{border-top: 1px solid #e7e7e7; padding: 25px 20px 20px 20px; overflow: hidden; margin-top: 20px; }
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .loginBox .gInputText .fText {padding: 6px 9px 7px;background-image: none;background-repeat: no-repeat;height: 34px;}
#pub_modalLoginDoublePop .modalContent.B2C .tooltip .desc.bottomRight{top: 12px;right: auto;width: 379px;left: -79px;}
#pub_modalLoginDoublePop .modalContent.B2C .tooltip .desc.bottomRight:before{left: 18px; right: initial; }
#pub_modalLoginDoublePop .modalContent.B2C .tooltip .desc.bottomRight:after{right: initial; top: -6px; left: 18px; }

#pub_modalLoginDoublePop .modalContent.B2B .loginWrap .tit{font-size: 16px; padding: 20px 0px; border-top: 1px solid #e7e7e7; margin-top: 20px;}
#pub_modalLoginDoublePop .modalContent.B2B h4 {line-height: 22px; } 
#pub_modalLoginDoublePop .modalContent.B2B .comtBox{padding: 0 0 20px; border-bottom: 1px solid #e7e7e7; font-size: 13px; color: #777; line-height: 20px; }
#pub_modalLoginDoublePop .modalContent.B2B .info{text-align: center; }
#pub_modalLoginDoublePop .modalContent.B2B .info span{color: #999; font-size: 12px; line-height: 22px; display: block; padding-bottom: 5px; }
#pub_modalLoginDoublePop .modalContent.B2B .info a{display: inline-block; text-decoration: underline; color: #3c63e0; position: relative; }
#pub_modalLoginDoublePop .modalContent.B2B .info a:after {content: ""; display: block; position: absolute; width: 1px; height: 11px; background: #e0e0e0; top: 3px; right: -10px; }
#pub_modalLoginDoublePop .modalContent.B2B .info a:last-child:after {display: none; }
#pub_modalLoginDoublePop .modalContent.B2B .info a + a {margin-left: 15px; }
#pub_modalLoginDoublePop .modalContent.B2B button.btn{width: 100%;margin: 10px 0 0 0;min-height: 38px;}
#pub_modalLoginDoublePop .modalContent.B2B .gInputText.schBox .fText::placeholder,#pub_modalLoginDoublePop .modalContent.B2B .loginBox .gInputText input::placeholder{color:#ccc;}
:-ms-input-placeholder{color:#ccc !important; }
#pub_modalLoginDoublePop .modalContent.B2B .loginBox .gInputText input{border:1px solid #e7e7e7; }
#pub_modalLoginDoublePop .modalContent.B2B .loginWrap{display:none;}
#pub_modalLoginDoublePop .modalContent.B2B .scrollList ul li {border: none; }
#pub_modalLoginDoublePop .modalContent.B2B .scrollList ul li a{padding: 8px 11px; }
#pub_modalLoginDoublePop .modalContent.B2B .scrollList ul li a:first-child{padding: 12px 11px 8px;}
#pub_modalLoginDoublePop .modalContent.B2B .scrollList ul li a:hover{background: #fafafa; text-decoration:none; }
#pub_modalLoginDoublePop .modalContent.B2B .scrollList ul li:nth-child(odd) {background: initial;}

/* 팝업 - 우수콘텐츠서비스 */
.popupP.goodcontent {padding: 5px; width:100%; max-width: 500px; margin:0 auto;}
.popupP.goodcontent .wrap {padding: 0px 0px;border: none;}
.popupP.goodcontent .container {height: auto;}
.popupP.goodcontent .contents {}
.popupP.goodcontent .contents .imageArea {text-align: center;}

/* 공지사항 레이어 팝업 */
.layerPopup {display: none;position: absolute;width: 100%;left: 0px;top: 0px;background: #fff;z-index: 1000;}
.layerPopup .layerContent {position: relative;background: #ffffff;border: 2px solid #111111;margin: 0;}
.layerPopup .layerContent .layerHeader {position:relative;border-bottom: 1px solid #e7e7e7;padding: 13px 60px 13px 20px;}
.layerPopup .layerContent .layerHeader .tit {font-size: 20px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif; overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}
.layerPopup .layerContent .layerHeader button {position:absolute;top: 0px;right: 0px;display: block;width: 51px;height: 50px;background: url("https://cdn.dbpia.co.kr/static/images/common/common_sfix_icon.png") no-repeat -234px -35px;border-left: 1px solid #e7e7e7;}
.layerPopup .layerContent .layerBody{position:relative;padding: 20px 20px;overflow: hidden;line-height: 18px;}
.layerPopup .layerContent .layerFooter{position: relative;padding: 15px 20px;text-align: left;border-top: 1px solid #e7e7e7;}
.layerPopup .layerContent .layerFooter .fCheck input[type="checkbox"] + label:after {top:0;}

/* 인증번호 확인 칸 */
#authMail {display: none;}

/* 폴더 백그라운드 색상 */
.slimScrollWrap ul .backColor {background-color: #fdf3f4;}

/* etc */

/*2021.03.12 SNS로그인 개선 - 페이스북 회원 전환*/
.membChangeWrap {max-width:730px; margin:0 auto;}

.membChangeWrap .agree_table {width: 100%;}
.membChangeWrap .agree_table thead tr td, .agree_table tbody tr td{line-height:30px; padding: 5px 10px 5px 10px;}
.membChangeWrap .agree_table thead tr {background-color: #fafafa; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.membChangeWrap .agree_table tbody tr {border-bottom: 1px solid #e7e7e7;}
.membChangeWrap .agree_table tbody tr td:last-child {text-align:center;} 
.membChangeWrap .agree_table tbody tr td.ta_c{text-align:left;}
.membChangeWrap .agree_table tbody tr td div.all_view {border:1px solid #c8c8c8; color:#333333; text-align:center; cursor:pointer; font-size:12px; width:80px;}
.membChangeWrap .agree_table tbody tr td div.all_view:hover {box-shadow: 2px 2px 3px rgba(0,0,0,.2);}

.terms_box.modal .modalHeader {border-bottom: 1px solid #e7e7e7;}
.terms_box.modal .modalBody .scrollArea.clause {border:none; padding:20px; max-height:300px; margin-bottom:0px;}

.fb_box.modal .modalHeader { border-bottom: 0px;}
.fb_box.modal .modalHeader button.closeModal { border-bottom: 1px solid #e7e7e7}
.fb_box.modal .modalBody .modalCenterText { text-align:center;}
.fb_box.modal .modalBody .modalCenterText span.boldText{ font-weight: 600; margin:10px; display:inline-block; font-size: 17px;}
.fb_box.modal .modalBody .modalCenterImg { margin-top:20px; padding: 10px; background: url(https://cdn.dbpia.co.kr/static/images/join/fb_change_complete.png) no-repeat; background-size: 100% 100%; height:350px;}
.fb_box.modal .modalFooter.noneBorder { border-top:0px; text-align: center;}
.fb_box.modal .modalFooter.noneBorder .dbpiaBtn{ background-color:#3C63E0; border:1px solid #3C63E0; padding:10px; }

.membChangeWrap .buttonArea div.btn{width:100%; padding:10px; cursor:pointer;}
.membChangeWrap .buttonArea div.btn.disabled{background-color:#e3e3e3; border:1px solid #e3e3e3;}
.membChangeWrap .buttonArea div.btn span{display:inline-block; line-height:34px;}

@media (min-width:960px) and (max-width:1147px) {/* 태블릿: 최소 960 ~ 1147 */
/* 전체, 헤더, 콘텐츠, 서브메뉴, 푸터 */
.inner {width: 100%;max-width: 1180px;margin:0 auto;padding: 0 25px;}

.header .hdWrap {position: relative;padding: 0 300px 0 322px;}
.header .gSearch .searchFrom .gInputText .placeholder {display: none;}
.header .banner .inner {padding: 0 !important;}
.header .banner a.close {right: 25px;}
.header .notification .txtWrap {width: 95%;}

.contents .contLeft {width: 205px;}
.contents .contRight {width: calc(100% - 204px);padding: 0 0 50px 25px;}
.contents .contWrap.aside .asideWrap {right: 25px;width: 180px;}
.section .curationArea{margin-left: 22px;}

.lnbWrap {padding: 31px 25px 50px 0;width: 204px;}

.footer .ftLinkWrap {padding-right: 75px;}
.footer .ftLinkWrap a.btnToggleFooter {right: 25px;}
.footer .ftTop .ftLeft .infoWrap {padding-left: 0px;}
.footer .ftTop .ftLeft .infoWrap p.logo {display: none;}
.footer .ftTop .ftRight {right: 108px;}
.footer .ftBot .ftLeft p.copyright {padding-left: 0px;}
.footer .ftBot .ftRight {right:25px;}

}


@media (min-width:960px) and (max-width:1065px) {/* 태블릿: 최소 960 ~ 1065 */
/* 헤더 */
.header .gSearch .searchFrom .gInputText .placeholder {display: none !important;}

/* 헤더 - 배너 */
.header .banner .imgWrap img {width: 100%;}

/* 코멘트 */
.comtArea.type02 dl dd.desc li {width: 50%;/* float: none; */margin-left: 0px !important;}

/* 콘텐츠*/
.section .curationArea{margin-left: 10px;}

/* 폼 그룹 */
.formGroup ul li .grouping.date {padding: 8px 0 0;}

}


@media (max-width: 440px){/*iphone, galaxy 등*/
	.section .curationArea {visibility: hidden; height: 0px;}
	.section .curationArea .curWrap{height: 0px;}
	.section .curationArea .curWrap .curSection1{ height: 0px;}
	.section .curationArea .curWrap .curSec2Left{ border-bottom: 0;  margin-right: 0px;margin-left: 0px;padding-bottom: 0px; padding-left: 0px;}
	.section .curationArea .curWrap .curSec2Right{border-left: 0 ; border-bottom:0 ; margin-right: 0px;margin-left: 0px;padding-bottom: 0px;padding-left: 0px; }
	.section .curationArea .curWrap .curSection3{ border:0px; margin-top: 0px; width: 0px; padding-left: 0px; margin-left: 0px;}    
}

@media (max-width: 959px) {/* 모바일: 최대 959 */
/* 모바일 내비게이션 */
.mobileNavgation {display: block;position: relative;}
/*2021-04-06 메뉴 버튼 위치 초정으로 인해 mobileNavgation display시 .menuButton도 같이 변경되게 수정*/
.menuButton {display: block;}
/*	210526 수정  */
.menuButton span, .menuButton span:before, .menuButton span:after{width: 24px!important; height: 3px!important;border-radius: 5px;!important;}
.menuButton.active span:before, .menuButton.active span:after{right: 0px!important;}
	
	
/* 전체 */
.inner {margin:0 auto;padding: 0 14px;}

/* 헤더 */
.header .hdTop {display: none;}
.header .hdWrap {padding: 47px 0px 0 !important;}
.header .hdWrap .organLogo {display: none;}
.header .hdWrap h1 {left: 0px;margin-top: 13px;margin-left: 1px;}
.header .hdWrap h1 a {width: 129px;height: 20px;}

.header .gSearch {max-width: 100%;}
.header .gSearch .searchFrom {height: 41px;margin-bottom: 11px;}
.header .gSearch .searchFrom .fSelect {width: 93px;height: 36px;}
.header .gSearch .searchFrom .fSelect span {padding: 0px 0 0 10px;line-height: 37px;font-size: 13px;letter-spacing: -1px;}
.header .gSearch .searchFrom .fSelect span:after {top: 23px;}
.header .gSearch .searchFrom .gInputText {width: calc(100% - 134px);}
.header .gSearch .searchFrom .gInputText:before {top: 9px;left: -2px;}
.header .gSearch .searchFrom .gInputText .placeholder {display: block;left: 14px;font-size: 13px;display: none !important;}
.header .gSearch .searchFrom .gInputText input.search {padding-left: 13px;height: 37px;}
.header .gSearch .searchFrom .btnSearch {width: 41px;height: 37px;line-height: 37px;background: url(/images/common/mobile_search_icon01.png) no-repeat 11px 9px;background-color: #c93035;}
.header .gSearch a.btnDetailSearch {display: none !important;}

.header .atcmpLayer {top: 41px;}

.header .gSearch .relatedKeyword {display: block;}
.header .gSearch .relatedKeyword {width: calc(100% + 28px);max-width: 959px;margin: 0px -14px 13px;padding-top: 11px;padding-left: 14px;padding-right: 45px;/* height: 28px; */border-top: 1px solid #e7e7e7;}
.header .gSearch .relatedKeyword dl dt {font-size: 14px;}
.header .gSearch .relatedKeyword dl dd ul li {padding: 0 7px 8px 0;}
.header .gSearch .relatedKeyword dl dd ul li a {font-size: 14px;}

.header .gSearch .relatedKeyword .option {top: 10px;right: 15px;}
.header .gSearch .relatedKeyword .option a {font-size: 12px;color: #999999;font-family: 'notokr-medium', sans-serif;text-align: right;position: relative;}
.header .gSearch .relatedKeyword .option a span {padding: 0;text-indent: -9999px;display: block;font-size: 0;position: absolute;right: -48px;top: 0;}
.header .gSearch .relatedKeyword .option a span.unfold:after {/* display: inline-block; */position: absolute;right: 0;top: 0;content:"";width: 25px;height: 20px;margin: 0px 0px 0 5px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat 10px -196px;}
.header .gSearch .relatedKeyword .option a span.fold {display: none;right: -48px;top: 0;}
.header .gSearch .relatedKeyword .option a span.fold:after {display: inline-block;content:"";width: 25px;height: 20px;margin: 0px 0px 0 5px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat 10px -246px;}

.header .gUtil {margin-top: 0px;right: 39px;top: 13px;top: 17px;}
.header .gUtil ul.list li.item {margin-left: 11px;}
.header .gUtil ul.list li.item a.link:before {width: 18px;height: 20px;}
.header .gUtil ul.list li.item a.mystudy:before {background-position: 0px 0px;background: url(/images/common/mobile_util01.png) no-repeat;}
.header .gUtil ul.list li.item a.alarm:before {background-position: 0px 0px;background: url(/images/common/mobile_util02.png) no-repeat;}
.header .gUtil ul.list li.item a.link span {overflow:hidden;visibility:hidden;position:absolute;left:-120%;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:120%;white-space:nowrap;}
.header .gUtil ul.list li.item a.alarm {display: none;}
.header .gUtil ul.list li.item a.alarm.mobile {display: block;}
.header .gUtil ul.list li.item:nth-child(3) {display: none;}
.header .gUtil ul.list li.item .remainWrap {display: none;}

/* 헤더 - 알림 */
.header .alarmArea {display: none !important;}

/* 헤더 - 배너 */
.header .banner {display: none !important;}

/* 헤더 - 공지 */
.header .notification {display: none !important;}

/* 콘텐츠 */
.contents .contWrap {padding-bottom: 40px;}
.contents .contLeft {display:none;}
.contents .contRight {float: none; width: 100%; padding: 0 0 40px 0; border: 0;}
.contents .contWrap.aside {padding-right: 14px;}
.contents .contWrap.aside h2 {font-size: 20px;line-height: 28px;}
.contents .contWrap.aside .asideWrap {position: static;width: 100%;overflow: hidden;margin-bottom: 30px;}
.section .curationArea {margin: 0px auto; height: 725px;}
.section .curationArea .curWrap{height: 705px;white-space: normal; }
.section .curationArea .curWrap .curSection1{ height: 60px; box-sizing: border-box; white-space: normal;}
.section .curationArea .curWrap .curSec2Left{ border-bottom: 1px solid lightgray; box-sizing: border-box; margin-right: 10px;margin-left: 10px;padding-bottom: 10px; padding-left: 10px;}
.section .curationArea .curWrap .curSec2Right{border-left: 0 ; border-bottom:1px solid lightgray; box-sizing: border-box; margin-right: 10px;margin-left: 10px;padding-bottom: 10px;padding-left: 10px; }
.section .curationArea .curWrap .curSection3{float: left; border:0px; margin-top: 0px; width: 400px; padding-left: 5px; margin-left: 15px;}

/* 푸터 */
.footer .ftWrap {}
.footer .ftTop {position: relative;padding: 0;border-top: 1px solid #535353;margin-bottom: 5px;}
.footer .ftTop:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.footer .ftTop .inner,
.footer .ftBot .inner {position: relative;padding: 0;}
.footer .ftTop .ftLeft {position: relative;}
.footer .ftTop .ftLeft ul.ftMenu {overflow: hidden;padding: 11px 0 0 4px;margin-left: 0px;margin-bottom: 1px;}
.footer .ftTop .ftLeft ul.ftMenu li.menu {position: relative;float:left;padding: 0 11px;margin-bottom: 7px;}
.footer .ftTop .ftLeft ul.ftMenu li.menu:first-child {/* padding-left: 0; */}
.footer .ftTop .ftLeft ul.ftMenu li.menu:after {position:absolute;top: 2px;right: 0;display:block;content:"";width:1px;height: 11px;vertical-align:middle;background: #5a5a5a;}
.footer .ftTop .ftLeft ul.ftMenu li.menu:nth-child(4):after {/*display:none;*/}
.footer .ftTop .ftLeft ul.ftMenu li.menu:last-child:after {display:none;}
.footer .ftTop .ftLeft ul.ftMenu li.menu a {display:block;color: #b2b2b2;font-size: 13px;}
.footer .ftTop .ftLeft .infoWrap {position: relative;padding-left: 0px;overflow: hidden;}
.footer .ftTop .ftLeft .infoWrap p.logo {position: absolute;left: 0;top: 10px;display: none;}
.footer .ftTop .ftLeft .infoWrap p.logo a {display:block;width: 102px;height: 36px;background: url(/images/common/logo_nurimedia.png) no-repeat 0 0;background-size: cover;}
.footer .ftTop .ftLeft .infoWrap ul.info {float: left;overflow: hidden;padding: 3px 15px 0;}
.footer .ftTop .ftLeft .infoWrap ul.info li {padding-bottom: 0px;color: #b2b2b2;font-size: 12.5px;}
.footer .ftTop .ftLeft .infoWrap ul.info li:first-child {padding-bottom: 5px;}
.footer .ftTop .ftLeft .infoWrap ul.info li span {margin-right: 0px;display: block;padding-bottom: 5px;}
.footer .ftTop .ftLeft .infoWrap ul.info li a {color: #b2b2b2;font-size: 13px;}

.footer .ftTop .ftRight {position: absolute;right: 83px;top: 26px;display: none;}
.footer .ftTop .ftRight p.helpTit {font-size: 18px;color: #ffffff;font-family: 'notokr-light', sans-serif;margin-bottom: 5px;}
.footer .ftTop .ftRight ul.helpCont {/* overflow: hidden; */}
.footer .ftTop .ftRight ul.helpCont li {float: left;position: relative;}
.footer .ftTop .ftRight ul.helpCont li:after {position:absolute;top: 1px;right: 0;display:block;content:"";width:1px;height: 57px;vertical-align:middle;background: #575757;}
.footer .ftTop .ftRight ul.helpCont li:last-child:after {display:none;}
.footer .ftTop .ftRight ul.helpCont li.contact {padding-right: 18px;}
.footer .ftTop .ftRight ul.helpCont li.contact span.phone {display: block;font-size: 28px;font-family: 'notokr-light', sans-serif;margin-bottom: 6px;}
.footer .ftTop .ftRight ul.helpCont li.contact span.phone a {color: #ffffff;}
.footer .ftTop .ftRight ul.helpCont li.contact span.phone a:hover {text-decoration: none;}
.footer .ftTop .ftRight ul.helpCont li.contact span.email {display: block;}
.footer .ftTop .ftRight ul.helpCont li.contact span.email a {color: #dddddd;font-family: 'notokr-light', sans-serif;}
.footer .ftTop .ftRight ul.helpCont li.operation {padding-left: 16px;}
.footer .ftTop .ftRight ul.helpCont li.operation span.subtit {font-size: 12px;color: #999999;display: block;margin-bottom: 4px;padding-top: 2px;}
.footer .ftTop .ftRight ul.helpCont li.operation span.time {font-size: 13px;color: #dddddd;line-height: 18px;}

.footer .ftBot {position: relative;padding-bottom: 17px;}
.footer .ftBot .ftLeft p.copyright {padding: 0px 13px 0;color: #7a7a7a;font-size: 12.5px;letter-spacing: -0.3px;}
.footer .ftBot .ftRight {position: relative;right: 0;top: 0px;display: none;}
.footer .ftBot .ftRight ul.bn {overflow: hidden;margin: 0 13px;}
.footer .ftBot .ftRight ul.bn li {float:left;margin-right: 8px;width: 106px;height: 29px;background-color: #ffffff;}
.footer .ftBot .ftRight ul.bn li:last-child {margin-right: 0px;}
.footer .ftBot .ftRight ul.bn li a {display:block;width: 100%;height: 100%;background-position: center center !important;}
.footer .ftBot .ftRight ul.bn li a.bnDefault {background: url(/images/common/bn_default.png) no-repeat 0 0;background-size: cover;}
.footer .ftBot .ftRight ul.bn li a.bnDBpia {background: url(/images/common/bn_DBpia.png) no-repeat 0 0;background-size: cover;}
.footer .ftBot .ftRight ul.bn li a.bnKRpia {background: url(/images/common/bn_KRpia.png) no-repeat 0 0;background-size: cover;}
.footer .ftBot .ftRight ul.bn li a.bnGCS {background: url(/images/common/bn_GCS.png) no-repeat 0 0;background-size: cover;}
.footer .ftBot .ftRight ul.bn li a.RightOk {background: url(/images/common/RightOk.png) no-repeat 0 0;background-size: cover;}

.footer .gTopNavi {position: fixed;right: 14px;bottom: 115px;display: none;z-index: 999;}
.footer .gTopNavi.bottom {bottom: 177px;}

/* 서브 메뉴 */

/* 슬림 스크롤 메뉴 */

/* 제목 */
/* 2021.02.23 카카오톡 로그인 추가 - 모바일화면에서 로그인 설명 삭제 요청, 우선 display:none처리 */
.mem_pw_check {margin-top: 10px;}
.headingArea {display:none;}
.headingArea {padding: 26px 0 8px 0;margin-bottom: 22px;}
.headingArea h2 {font-size: 18px;display: block;margin-right: 0px;margin-bottom: 3px;}
.headingArea h2 .fSelect.lnb {display: inline-block !important;}
.headingArea span.desc {display: block;line-height: 20px;}
.headingArea .gRight {position: absolute;right: 1px;top: 15px;}
.headingArea .gRight.schBox {position: static;margin-top: 10px;margin-bottom: 5px;}
.headingArea .gRight .btn.large span {font-size: 13px;}
.headingArea .gRight .btnRegQuote {display: none;}

.headingArea.schResult {position: relative;padding: 0px 120px 0px 0;border-bottom: none;margin-bottom: 10px;/* margin-top: 17px; */}
.headingArea.schResult h2 {/* display: none; */}
.headingArea.schResult span.count {font-size: 15px;font-family: 'notokr-bold', sans-serif;}
.headingArea.schResult span.count strong {display: block;display: inline;margin-bottom: 5px;}
.headingArea.schResult .gRight {position: absolute;right: 1px;bottom: auto;top: 0;}
.headingArea.schResult.noData {padding: 0px 0px 0px 0;margin-bottom: 10px;margin-top: 15px;}
.headingArea.schResult.noData h2 {display: block;}
.headingArea.schResult.noData span.count {display: block;margin-bottom: 10px;}
.headingArea.schResult.noData span.count strong {display: inline;}

.headingArea.schResult span.searchCount {font-size: 15px; font-family: 'notokr-bold', sans-serif; position: absolute; right: 0px;}

.headingArea.schDetail {padding: 20px 0 8px 0 !important;border-bottom: none;margin-bottom: 12px;}
.headingArea.schDetail h2 {font-size: 21px;}
.headingArea.schDetail button.btnAlarm {display: none;}
.headingArea.schDetail button.btnMoveAuthorView {display: none;}
.headingArea.schDetail button.btnApplyInterestAuthor {display: none;}
.headingArea.schDetail button.btnJointAuthor {display: none;}

    .headingArea .ttleSec {width: 100%}
    .headingArea .ttleSec .ttleSecPc {display: none;}
    .headingArea .ttleSec .ttleSecPc .fMemo{margin-top: 9px;}
    .headingArea .ttleSec .ttleSecMobile {display:block;}

/* 타이틀 */
.titleArea {margin-top: 30px;}
.titleArea h4 {font-size: 14.5px;}

.titleArea.recommend {display: none;}

/* 본문 */

/* 테이블 */
.tableLayout {overflow-x: auto;}
.tableLayout table {table-layout: auto;}
.tableLayout table thead th {white-space: nowrap;}
.tableLayout table thead th:nth-child(1) {/* position: absolute; *//* width: 38px; *//* margin-top: -1px; *//* -webkit-margin-before: 0px; */}
.tableLayout table thead th:nth-child(2) {/*padding-left: 43px;*/}
.tableLayout table tbody th {white-space: nowrap;}
.tableLayout table tbody td {white-space: nowrap;}
.paymentPage .tableLayout table tbody td {white-space: normal;} /* 결제페이지 제외 */
.tableLayout table tbody td:nth-child(1) {/* position: absolute; *//* width: 38px; *//* margin-top: -1px; *//* -webkit-margin-before: 0px; *//* background: #fff; */}
.tableLayout table tbody td:nth-child(2) {/*padding-left: 49px;*/}
.tableLayout table tbody.nodata td {/*position: static;*/}

.tableLayout table.view {table-layout: fixed;}
.tableLayout table.view tbody th {white-space: inherit;}
.tableLayout table.view tbody td {white-space: inherit;}
.tableLayout table.view tbody td .tooltipWrap {display: block;margin-left: 0px;}

.tableLayout table.faq {table-layout: fixed;}
.tableLayout table.faq tbody th {white-space: inherit;}
.tableLayout table.faq tbody td {white-space: inherit;}
.tableLayout table.faq tbody tr.trReply td p.reply {padding-right: 16px;}

.tableLayout table.noLine {table-layout: fixed;}
.tableLayout table.noLine tbody th {display: block;width: 100%;}
.tableLayout table.noLine tbody td {display: block;width: 100%;padding: 0 !important;}

.tableLayout.notice {overflow-x: hidden;}
.tableLayout.notice table {table-layout: auto;}
.tableLayout.notice table thead th {white-space: inherit;}
.tableLayout.notice table thead th:nth-child(3) {display: none;}
.tableLayout.notice table thead th:nth-child(4) {display: none;}
.tableLayout.notice table tbody td {white-space: inherit;}
.tableLayout.notice table tbody td:nth-child(3) {display: none;}
.tableLayout.notice table tbody td:nth-child(4) {display: none;}

.tableLayout.news {overflow-x: hidden;}
.tableLayout.news table {table-layout: auto;}
.tableLayout.news table thead th {white-space: inherit;}
.tableLayout.news table thead th:nth-child(2) {width: 60%;}
.tableLayout.news table thead th:nth-child(4) {display: none;}
.tableLayout.news table thead th:nth-child(5) {display: none;}
.tableLayout.news table tbody td {white-space: inherit;}
.tableLayout.news table tbody td:nth-child(4) {display: none;}
.tableLayout.news table tbody td:nth-child(5) {display: none;}
.tableLayout.news table tbody td a span {white-space: inherit;}
.tableLayout.news table tbody td span {white-space: inherit;}

/* 테이블 - 검색 */

/* 테이블 - 상세 */

/* 테이블 - 이전/다음글 */
.tableLayout table.prevNextList {table-layout: fixed;}
.tableLayout table.prevNextList tbody th {white-space: inherit;}
.tableLayout table.prevNextList tbody td {white-space: inherit;}
.tableLayout table.prevNextList tbody td .tooltipWrap {display: block;margin-left: 0px;}

/* 테이블 - FAQ */

/* 테이블 - 검색 상세 */

/* 게시판 - 검색 */
.searchArea .checkGroup {padding: 14px 20px 4px 20px;}

.searchArea .formGroup {padding: 10px 15px; }
.searchArea .formGroup .tit{position: relative; display: block; background: #fff; padding: 0; margin-bottom: 6px; }
.searchArea .formGroup .btnArea{padding: 0; }
.searchArea .formGroup .btnArea li .grouping{float: initial; margin: 0; }
.searchArea .formGroup .btnArea li .grouping .gInputText{width: 46%; }
.searchArea .formGroup .btnArea li .grouping .fSelect {width: 46%; }
.searchArea .formGroup .btnArea li .grouping.date{padding: 7px 0 0 0; }
.searchArea .formGroup .btn.gRight {position: relative; display: block; top: 0; right: 0; width: 100%; margin: 10px 0px;}

/* 게시판 - 상세 */
.tableLayout.notice table.view tbody td {width: 75%;}

.tableLayout.news table.view tbody tr td {width: 70%;}
.tableLayout.news table.view tbody tr th {white-space: nowrap;}
.tableLayout.news table.view tbody tr:nth-child(3) td + th {white-space: nowrap;}
.tableLayout.news table.view tbody tr:nth-child(3) td {width: 35%;}
.tableLayout.news table.view tbody tr:nth-child(3) td:nth-child(4) {display: table-cell;}

/* 페이지네이션 */

/* 알림 */
.notiArea {border: 0;background: transparent;margin-bottom: 15px;}
.notiArea ul {border: 1px solid #e9e9e9;background: #fafafa;position: relative;margin-bottom: 10px;}
.notiArea:after {display: block; content: ""; clear: both;}
.notiArea ul.btnArea{padding: 14px 15px;margin-bottom: 15px;}
.notiArea ul.btnAreaPR100 {padding: 14px 15px;margin-bottom: 15px;}
.notiArea ul li {padding-left: 10px;}
.notiArea ul li span.sept {padding-left: 10px;margin-left: 0px;margin-right: 0px;display: block;}
.notiArea .gRight {position: relative;float: right;right: auto;bottom: auto;width: 100%;}
.notiArea .gRightBottom {position: relative;float: right;right: auto;bottom: auto;width: 100%;}
.notiArea.type02 ul li {padding-left: 5px;}
.notiArea.type03 {margin-bottom: 20px;text-align: left;}
.notiArea.type03 ul li {font-size: 13px;}
.notiArea.type03 ul.checkArea {padding: 0px 0px 0px 0px;border: none;}
.notiArea.type03 .gRight {position: static;}
.notiArea.type04 ul.btnArea {padding: 12px 16px 12px 16px;}
.notiArea.type04 .gRight {position: relative;right: auto;top: auto;/* width: auto; */}

/* 코멘트 */
.comtArea dl {padding: 7px 10px 17px;}

/* 리스트 */
 #dev_cartForm > ul.listBody dd > span.cart_info {display: none;}
 .listArea ul.listHead2 {display: none !important;} 
#dev_cartForm > ul.listBody dl > dt.icon.arrowDown{display: black;width:25px; height:25px; overflow:hidden; display:inline-block; font-size:0; color:transparent; text-indent:-120%; vertical-align: middle; background:url(/images/common/common_sfix_icon.png) no-repeat; background-position: -145px 13px;}
.listArea ul.listBody {overflow: hidden;background:#fafafa;border-top: 1px solid #e9e9e9;}
.listArea ul.listBody li {height: auto;position: relative;text-align: center;padding-left: 40px; background: #fafafa;border-bottom: 1px solid #e9e9e9;}
 .listArea ul.listBody2 li {display: block; text-align: left;}
 .listArea ul.listBody li dl {width: 100% !important;border-right: none  !important;position: relative;padding: 10px 10px 0px 10px;overflow: hidden;background: #fff;}
 .listArea ul.listBody2 li dl {display: block !important;}
.listArea ul.listBody li dl:first-child {position: absolute;top: 0;left: 0;width: 40px !important;background: #fafafa;padding: 0;}
.listArea ul.listBody li dl:last-child {/* margin-bottom: 10px; */padding-bottom: 10px;}
 .listArea ul.listBody2 li dl dt.blind {display: block;overflow: visible;visibility: visible;position: relative;left: 0;font-size: 14px;width: 100%;text-indent: 0;height: auto;line-height: 20px;font-family: 'notokr-bold', sans-serif;padding: 0;margin-bottom: 5px;}
.listArea ul.listBody li dl:first-child dt.blind {overflow: hidden; visibility: hidden; position: absolute; left: -120%; width: 1px; height: 1px; margin: 0; padding: 0; background: none; font-size: 0; line-height: 0; text-indent: 120%; white-space: nowrap;}
.listArea ul.listBody li dl dt.blind.single {display: none;}
.listArea ul.listBody li dl dt.blind.single:nth-child(1) {display: block;}
.listArea ul.listBody li dl dt.blind.multi {display: none;}
.listArea ul.listBody li dl dt.blind.multi:nth-child(1) {display: block;}
.listArea ul.listBody li dl dd {text-align: left;font-size: 14px;line-height: 20px;padding: 0;width: 100%;display: inline-block;}
.listArea ul.listBody li dl dd.multi {border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7 !important;border-bottom: 1px solid #e7e7e7 !important;height: 100%;width: 50%;display: block;padding: 5px 10px;}
.listArea ul.listBody li dl dd.single {border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7 !important;border-bottom: 1px solid #e7e7e7 !important;height: 100%;width: 50%;display: block;padding: 5px 10px;}
.listArea ul.listBody li dl dd.last {border-bottom: none;}
.listArea ul.listBody li dl dd.num, .mypageP .listArea ul.listBody li dl dd.info {color: #3c63e0;cursor: pointer;text-align: left;}
.listArea ul.listBody li dl dd.txtRight {text-align: left !important;}
.listArea ul.listBody li dl:nth-child(1) dd {text-align: center;}
.listArea ul.listBody li.nodata {padding: 20px 10px !important;text-align:center;}

.listArea.type02 {position: relative;}
.listArea.type02 ul.listHead {border-top: 1px solid #c8c8c8;border-bottom: 1px solid #e7e7e7;background: #fafafa;padding: 0;display: table;width: 100%;}
.listArea.type02 ul.listHead li {height: 100%;padding: 17px 0 17px;border-right: 1px solid #e7e7e7;font-size: 13px;font-family: 'notokr-medium', sans-serif;}
.listArea.type02 ul.listHead li:last-child {border-right: none;}
.listArea.type02 ul.listBody {width: 100%;}
.listArea.type02 ul.listBody li {text-align: left;height: auto;}
.listArea.type02 ul.listBody li:last-child {border-bottom: 1px solid #c8c8c8;}
.listArea.type02 ul.listBody li dl {/* height: auto; */}
.listArea.type02 ul.listBody li dl:last-child {border-right: none;}
.listArea.type02 ul.listBody li dl dt {padding: 0;}
.listArea.type02 ul.listBody li dl dd {padding: 0;}
.listArea.type02 ul.listBody li dl:last-child dd {padding: 0 !important;}
.listArea.type02 ul.listBody li span.nodata {margin-left:-40px;}
.listArea.type02 .fCheck input[type="checkbox"] + label:before {margin: -2px 0px 0 0;}
.listArea.type02 ul.listHead .fCheck input[type="checkbox"] + label:after {top: 1px;}
.listArea.type02.contBody ul.listBody li dl:first-child {position: static;top: 0;left: 0;width: 100% !important;background: #fff;padding: 10px 10px 0px 10px;}
.listArea.type02.contBody ul.listBody li dl:first-child dt {display: block;overflow: visible;visibility: visible;position: relative;left: 0;font-size: 14px;width: 100%;text-indent: 0;height: auto;line-height: 20px;font-family: 'notokr-bold', sans-serif;padding: 0;margin-bottom: 5px;}
.listArea.type02.contBody ul.listBody li dl dd {text-align: left;}
.listArea.type02.contBody ul.listBody li dl:nth-child(3) dt {display:none;}

/* 검색 리스트 */
.searchListArea.schResult {margin-top: 0px;}
.searchListArea.schResult .listHead {display: none;}
.searchListArea .listHead {margin-bottom: 18px;padding: 0;/* overflow: hidden; */}
.searchListArea .listHead {margin-bottom: 10px;}
.searchListArea .listHead .fCheck {display: none;}
.searchListArea .listHead .btnGroup {width: 100%}
.searchListArea .listHead .btnGroup button:nth-child(2) {display: none;}
    .searchListArea .listHead .btnGroup .tooltipWrap {display: none;}
    .searchListArea .listHead .btnGroup .btnThesisDownload {display: none}
.searchListArea .listHead .funcWrap {display: none;}
.searchListArea .listHead .funcWrap ul.sort {display: none;}
.searchListArea .listHead .funcWrap .fSelect.filtering {display: block !important;}
.searchListArea .listBody ul.list li.item .listBox {border-left: none;border-right: none;border-bottom: none;padding: 20px 0px 19px 20px;margin-bottom: 0px !important;}
.searchListArea .listBody ul.list li.item .listBox.total {padding-top: 42px;}
.searchListArea .listBody ul.list li.item .listBox .fCheck {position: absolute;left: 0px;top: 19px;}
.searchListArea .listBody ul.list li.item .listBox .folderWrap {padding-right: 50px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap {padding: 0 0px 0 0;}
.searchListArea .listBody ul.list li.item .listBox .titWrap h5 {font-size: 16px;font-weight: normal;/* font-family: 'notokr-medium', sans-serif; */line-height: 22px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap h5 a {color: #000000;margin-right: 6px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats {top: -22px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap span.bookmark {position: absolute;left: 22px;top: 20px;float: none;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup {padding-bottom: 0px;margin-right: 0px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB {margin-right: 5px;margin-bottom: 6px;/* min-width: 92px; */}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .btn + .btn {margin-left: 0px;}
.searchListArea .listBody ul.list li.item .listBox .img {top: 18px;width: 84px;height: 105px;}
.searchListArea .listBody ul.list li.item .listBox .img img {max-height: 103px;}

.searchListArea .listBody.schResult ul.list li.item .listBox {padding: 20px 0px 19px 20px;}
.searchListArea .listBody.schResult ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0;}
.searchListArea .listBody.schResult p.session {margin-bottom: 15px;}
.searchListArea .listBody.schResult p.session span {font-size: 15px;}

.searchListArea .listBody.schDetail ul.list li.item .listBox {padding: 22px 0px 19px 100px;min-height: 150px;}
.searchListArea .listBody.schDetail ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0;}

/* 패널 */

/* 폼 그룹 */
.formArea {margin-bottom: 30px;}
.formArea .comtBox {color: #000000;font-size: 14px;padding: 19px 0 11px;}
.formArea .comtBox.type02 {padding: 0px 0 15px;line-height: 20px;margin-top: -3px;}
.formArea span.necs {display: inline-block;color: #f04347;margin: 0 3px 0 3px;}
.formGroup {position: relative;padding: 0;/* overflow: hidden; */border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;min-height: 56px;}
.formGroup.box {padding: 0;border: 1px solid #e7e7e7;border-left: none;border-right: none;}
.formGroup + .formGroup {margin-top: -1px;}
.formGroup p.tit {position: static;left: 0;top: 0;background: #fafafa;min-width: 100%;height: 100%;padding: 7px 10px 7px;color: #111111;font-weight: normal;font-size: 14px;line-height: 20px;}
.formGroup ul {width: 100%;padding: 10px 0 10px;/* overflow: hidden; */display: table;}
.formGroup ul li {float: left;margin-top: 10px;width: 100%;position: relative;font-size: 14px;/* display: table-cell; *//* vertical-align: middle; */}
.formGroup ul li:first-child {margin-top: 0 !important;}
.formGroup ul li.verMiddle {/* vertical-align: middle; *//* height: 35px; *//* line-height: 35px; */padding: 5px 0px;margin-top: 10px;}
.formGroup ul li.verMiddle .fCheck input[type="checkbox"] + label:after {top: 1px;}
.formGroup ul li.comt {background: #e7e7e7;color: #696969;padding: 12px 15px;line-height: 22px;margin-top: 9px;}
.formGroup ul.btnArea {padding: 0 130px 0 135px;}
.formGroup ul.checkArea {padding: 10px 0 10px;}
.formGroup ul li .grouping {float: left;margin-right: 15px;}
.formGroup ul li .grouping:last-child {margin-right: 0px;}
.formGroup ul li .grouping.date {padding: 4px 0 0;}
.formGroup ul li .grouping + .grouping  {margin: 0;}
.formGroup ul li span.txtAlt {margin: 0 5px;}
.formGroup ul li span.txtHyphen {margin: 0 2px;}
.formGroup ul li span.txtDash {margin: 0 3px;}
.formGroup ul li span.verMiddle {/* margin-top: 100px; *//* padding-top: 100px; */}
.formGroup ul.addRow li {margin-top: 5px;}
.formGroup ul li .tagBox {padding: 0;border: none;margin-top: 0px;margin-bottom: -10px;}
.formGroup ul li .tagBox .tag {color: #3c63e0;display: inline-block;margin-right: 7px;margin-bottom: 10px;padding: 1px 7px 5px 7px;border: 1px solid #8aa1ec;font-family: 'notokr-bold', sans-serif;font-size: 13px;height: 25px;}
.formGroup .gRight {position: absolute;right: 10px;top: 10px;}
.formGroup .gRight.fCheck {top: 10px;}
.formGroup .gRight.fCheck input[type="checkbox"] + label:after {top: 0;}
.formGroup .gInputText .placeholder {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}
.formGroup .inputfileArea {border: 1px solid #c8c8c8;padding: 3px 3px 3px 71px;overflow: hidden;height: 35px;margin-right: 70px;}
.formGroup .inputfileArea .inputFileWrap {width: 65px;margin: 0px 0 0 0px;overflow: hidden;position: absolute;left: 4px;top: 4px;}
.formGroup .inputfileArea .inputFileWrap button.btnFile {height: 27px;padding: 5px 8px;border: 1px solid #c8c8c8;color: #777777;position: absolute;left: 0;top: 0;cursor: pointer;}
.formGroup .inputfileArea .inputFileHidden {opacity:0;filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);cursor:pointer;width: 200px;height: 27px;display: block;margin-left: -100px;}
.formGroup .inputfileArea .inputFileText {height: 27px;border: none;}
.formGroup .inputfileArea .fCheck {position: absolute;right: 0;top: 9px;}
.formGroup .inputfileArea .fCheck input[type="checkbox"] + label:after {top: 1px;}
.formGroup .captchaImg {width: 202px;height: 91px;border: 1px solid #cccccc;float: left;margin-right: 15px;}
.formGroup .captchaCont {float: left;padding-top: 7px;}
.formGroup .captchaCont span.comt {font-size: 12px;color: #111111;line-height: 19px;display: block;margin-bottom: 12px;}
.formGroup .captchaCont a.btnRefresh {font-size: 14px;color: #111111;margin-left: 7px;}
.formGroup .captchaCont a.btnRefresh:before {display:inline-block;width: 14px;height: 17px;margin: -4px 5px 0 0;content:"";vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat -300px -300px;}

/* 서치 그룹 */
.searchFaqArea {margin-bottom: 20px;}
.searchFaqArea .searchGroup {position: relative;padding: 0 0px 0 0;}
.searchFaqArea .searchGroup .gRight {position: static;min-width: 110px;min-height: 34px;}

/* 스텝 */
.stepArea {padding: 0px 0px 20px;}

/* 스크롤 박스 */
.scrollArea.clause + .buttonArea {margin-top: 30px;}
.scrollArea.clause table {table-layout:auto;}
.scrollArea.clause table thead th {white-space: inherit;padding: 5px 6px;}
.scrollArea.clause table thead th.noWrap {white-space: nowrap;}
.scrollArea.clause table tbody td {white-space: inherit;padding: 5px 6px;}

/* 탭 메뉴 */

/* 버튼 */

/* 노 데이터 */
.noDataArea {height: 280px;}
.noDataArea .noDataWrap p.phrase {font-size: 20px;}

/* 모달 팝업 */
.modal .modalContent {border: none;margin: 0px 0;}

/* 모달 팝업 - 내용 */
.modal h5 span.desc {display: block;float: none !important;padding-top: 10px;margin-left: 0px;}

.modal .formGroup {padding: 0px 0px 0px 0px;}
.modal .formGroup p.tit {padding: 7px 20px 7px;line-height: 20px;}
.modal .formGroup p.tit.fixed {position: absolute; min-width: 125px; padding: 10px 9px 10px 20px;}
.modal .formGroup ul {padding: 10px 20px;}
.modal .formGroup ul.fixed {padding: 10px 20px 10px 135px;}
.modal .formGroup ul li.verMiddle {padding: 5px 0;margin-top: 0px;}

.modal .infoWrap {margin: 19px 0 9px 0;}
.modal .infoWrap dl.infoBox {margin-bottom: 10px;}
.modal .infoWrap dl.infoBox dt.tit {padding: 0px 14px 0px 19px;}
.modal .infoWrap dl.infoBox dd.cont {padding: 0px 10px 0px 0px;}

.modal .searchBox {padding-bottom: 25px;margin-bottom: 0;}
.modal .searchBox.quote {margin-bottom: 25px;}
.modal .searchBox .fText {height: 31px;}

.modal .searchCheckList ul.list {height: 161px;}

.modal dl.contactBox {margin-top: -15px;}
.modal dl.contactBox + dl.contactBox {margin-top: 20px;}
.modal dl.contactBox.half {width: 100%;border: 1px solid #e7e7e7 !important;margin-top: 0px;}
.modal dl.contactBox dd.cont p {padding: 19px 15px 19px;width: 100%;}
.modal dl.contactBox dd.cont p + p {border-top: 1px solid #e7e7e7;}
.modal dl.contactBox dd.cont p span.text {font-size: 13px;line-height: 17px;}
.modal dl.contactBox dd.cont p a {font-size: 13px;margin-top: 10px;}
.modal button.full {height: 38px;font-size: 14px;}

.modal .quickViewWrap {padding: 20px 0 0px;height: auto;}
.modal .quickViewWrap .quickViewBox {width: 100%;}
.modal .quickViewWrap .quickViewBox ul.quickViewList {overflow-y: auto; height: 100%;}
.modal .quickViewWrap .quickViewBox ul.quickViewList li.quickViewItem p.pageNum {padding: 10px 0;}

.modal .gInputText .placeholder {display:inline-block;overflow:hidden;max-width: 95%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}

/* 모달 팝업 - 상세검색 */

/* 얼러트 */

/* 얼러트 - 문구 */

/* 캐러셀 */
.jcarousel-wrapper a.jcarousel-control-prev, a.jcarousel-control-next {position: absolute;top: -52px;width: 50px;height: calc(100%);margin-top: 53px;}
.jcarousel-wrapper a.jcarousel-control-prev {left: 0px;background: rgba(0,0,0,0.2);background: none;transform: rotate(180deg);}
.jcarousel-wrapper a.jcarousel-control-next {right: 0px;background: none;display: block;}
.jcarousel-wrapper a.jcarousel-control-prev:hover span, a.jcarousel-control-next:hover span {display: block;}
.jcarousel-wrapper a.jcarousel-control-prev.inactive, a.jcarousel-control-next.inactive {opacity: .0;cursor: default;display: none;}
.jcarousel-wrapper a.jcarousel-control-prev:before, a.jcarousel-control-next:before {display: block;position: absolute;top: 50%;margin-top: -29px;width: 32px;height: 58px;content:"";background: url(/images/common/jcarosel_arrow_black.png) no-repeat;opacity: 1;}
.jcarousel-wrapper a.jcarousel-control-prev:before {margin-left: 12px;}
.jcarousel-wrapper a.jcarousel-control-next:before {margin-left: 12px;}
.jcarousel-wrapper .jcarousel-pagination {position: absolute;bottom: -98px;width: 100%;text-align: center;}

/* 에러 페이지 */
.errorWrap {width: 100%;max-width: 100%;margin: 25px auto 0;padding: 0 14px;}
.errorWrap .errorBody {padding: 50px 35px 57px;text-align: center;}
.errorWrap .errorBody p.symbol {float: none;margin-right: 0px;margin: 0 auto;margin-bottom: 10px;text-align: center;}

/* 회원로그인 */
.loginArea {margin-top: 25px;margin-bottom: 5px;}
/* 2021.02.23 카카오톡 로그인 추가 - 모바일화면에서UI변경 - 주석처리 */
.loginArea .gLeft {float: none;width: 100%;padding-right: 0px;border-right: none;margin-bottom: 10px;/*margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #e7e7e7;*/}
.loginArea .gLeft .snsLogin {max-width: 100%;float: none;}
.loginArea .gLeft .snsLogin .tit {margin-bottom: 15px;font-family: 'notokr-bold', sans-serif;}
.loginArea .gLeft .snsLogin .opt {text-align: left;}
.loginArea .gLeft .snsLogin .opt .tooltip .desc.topLeft {width: 191px;}

/* 2021.02.18 kakao 로그인 추가 - 더보기 - 버튼 보이기/숨김처리*/
.loginArea div.snsMb20{padding-bottom:20px; border-bottom:1px solid #e7e7e7;}
.loginArea .gLeft .snsLogin ul.snsTopArea{position: relative; margin-top:0px;}
.loginArea .gLeft .snsLogin ul.snsBottomArea{margin-top:10px;}

.loginArea .gLeft .snsLogin ul li {margin-bottom: 10px;}
.loginArea .gLeft .snsLogin ul li:last-child {margin-bottom: 0px;}
.loginArea .gLeft .snsLogin ul li a {height: 45px;padding: 6px 0 0 12px;}
.loginArea .gLeft .snsLogin ul li a:hover, .modal .loginArea .gLeft .snsLogin ul li a:hover{text-decoration: none;}
.loginArea .gLeft .snsLogin ul li a span:before{margin: 0px 8px 5px 0;transform: scale(0.6);}

/*2021.02.23 SNS 로그인 UI 추가*/
.loginArea .gLeft .snsLogin div.line_wrap span.line_or{padding-bottom:0px;}

.loginArea .gRight {float: none;width: 100%;padding-left: 0px;}
.loginArea .gRight .loginWrap {max-width: 100%;}
.loginArea .gRight .loginWrap .tit {margin-bottom: 15px;-webkit-margin-after: 16px;font-family: 'notokr-bold', sans-serif;}
/*2021.02.23 SNS 로그인 - 모바일화면 UI 변경*/
.loginArea .gRight .loginWrap .opt {/*text-align: left;*/text-align: right;}
.loginArea .gRight .loginWrap .opt .tooltip .desc.topLeft {width: 191px;}
.loginArea .gRight .loginWrap .opt .tooltip .desc.topRight {width: 192px;}
.loginArea .gRight .loginWrap .opt .tooltip .desc.bottomRight {width: 290px;}
.loginArea .gRight .loginWrap .loginBox .gInputText {margin-bottom: 10px;}
/*2021.02.23 SNS 로그인 - border 삭제 추가*/
.loginArea .gRight .loginWrap .comtBox {border-top:none; padding-top: 26px;padding-right: 100px;}
.loginArea .gRight .loginWrap .comtBox button.join {top: 12px;}

/*2021.02.23 SNS 로그인 UI 수정*/
.loginArea .gRight .loginWrap .loginBox{margin-bottom:10px;}

/* 기관인증 */
.loginArea .gLeft .searchOrgan {max-width: 100%;width: 100%;float: none;margin-right: 0px;}
.loginArea .gLeft .searchOrgan .tit {margin-bottom: 15px;font-family: 'notokr-bold', sans-serif;}
.loginArea .gLeft .searchOrgan p {font-size: 13px;margin-bottom: 0px;line-height: 19px;margin-top: 10px;}
.loginArea .gLeft .searchOrgan .alertMsg {margin-top: 10px;}

/* 팝업 로그인 & 팝업 기관인증 */
#pub_modalLoginPop.modal .modalBody h4 {padding: 17px 20px 10px 20px;line-height: 20px;}
#pub_modalLoginPop.modal .loginArea .gRight{padding: 0px 0 0 0;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .tit {margin-bottom: 18px;font-size: 15px;font-family: 'notokr-bold', sans-serif;}
#pub_modalLoginPop.modal .tooltip .desc.bottomRight {top: 12px;right: auto;width: 237px;left: -79px;}
#pub_modalOrganPop.modal .loginWrap .tit{font-size: 15px;padding: 15px 0px;font-family: 'notokr-bold', sans-serif;}

/* 팝업 로그인 & 팝업 기관인증 - B2B, B2C */
#pub_modalLoginDoublePop .modalContent.B2C h4 {padding: 17px 20px 10px 20px;line-height: 20px;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .tit {margin-bottom: 18px;font-size: 15px;font-family: 'notokr-bold', sans-serif;}
#pub_modalLoginDoublePop .modalContent.B2C .tooltip .desc.bottomRight {top: 12px;right: auto;width: 237px;left: -79px;}
#pub_modalLoginDoublePop .modalContent.B2B .loginWrap .tit{font-size: 15px;padding: 15px 0px;font-family: 'notokr-bold', sans-serif;}

/* 공지사항 레이어 팝업 */
.layerPopup {margin:0 auto;top: 0 !important;right: 0 !important;left: 0 !important;}

/* 미리보기 */
#pub_modalQuickView p.tit {font-size: 15px;}

}



/* 20190821 툴팁 레이어 팝업 by kisup */
.popup_tooltip{display:none;position:absolute;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.1);background:#fff;z-index:1000}
.popup_tooltip.tooltip_up:after{content:"";display:block;position:absolute;left:50%;margin-left:-10px;top:-14px;width:20px;height:14px;background:url("https://cdn.dbpia.co.kr/static/images/popuptooltip/arrow_top.png") no-repeat}
.popup_tooltip.tooltip_right:after{content:"";display:block;position:absolute;top:50%;margin-top:-9px;right:-13px;width:13px;height:18px;background:url("https://cdn.dbpia.co.kr/static/images/popuptooltip/arrow_right.png") no-repeat}
.popup_tooltip .btn_close{display:block;position:absolute;right:10px;top:10px;width:16px;height:16px;text-align:left;text-indent:-9999px;background:url("https://cdn.dbpia.co.kr/static/images/popuptooltip/close.png") no-repeat center center;z-index:10}
.popup_tooltip .tooltip_box{padding:15px 20px}
.popup_tooltip .slide_area .tooltag{padding:15px 20px}
.popup_tooltip p{line-height:18px;font-size:13px;color:#505050;white-space:nowrap}
.popup_tooltip .tooltip_title{margin-bottom:8px;font-size:15px;color:#505050;font-weight:700;line-height:1.4;}
.popup_tooltip .btn_box{margin-top:13px;text-align:center}
.popup_tooltip .btn_link,
.popup_tooltip .btn_next{display:inline-block;padding:0 15px;height:32px;line-height:32px;vertical-align:top;font-size:14px;color:#fff;font-weight:700;background:#c93035}
.popup_tooltip .btn_link.link_arrow,
.popup_tooltip .btn_next.link_arrow{padding-right:35px;background:#c93035 url("https://cdn.dbpia.co.kr/static/images/popuptooltip/icon_arrow.png") no-repeat right bottom}

.popup_tooltip.tooltip_first{width:207px;height:47px;text-align:center}
.popup_tooltip.tooltip_first .tooltip_box{padding:0;cursor:Default}
.popup_tooltip.tooltip_first span{line-height:47px;font-size:14px;color:#c93035;font-weight:700}

.popup_tooltip.tooltip_memo{width:370px}

.popup_tooltip.tooltip_tip,
.popup_tooltip.tooltip_new,
.popup_tooltip.tooltip_quote{position:fixed;right:-500px;bottom:100px;width:346px;height:160px;opacity:0}
.popup_tooltip .slide_area{position:relative;width:100%;height:100%;overflow:hidden;background-color: #fff8f4}
.popup_tooltip .slide_wrap{position:absolute;left:0;top:0;width:1348px}
.popup_tooltip .slide_box{float:left;position:relative;padding:15px 20px;width:446px;height:140px}
.popup_tooltip .slide_area .tooltip_title{font-size:18px;letter-spacing:-1px}
.popup_tooltip .slide_area .tooltip_text{padding-top:5px;height:50px}
.popup_tooltip .slide_area .tooltip_text.icon_01{background:url("https://cdn.dbpia.co.kr/static/images/popuptooltip/icon_menu_01.png") no-repeat -5px top}
.popup_tooltip .slide_area .tooltip_text.icon_02{background:url("https://cdn.dbpia.co.kr/static/images/popuptooltip/icon_menu_02.png") no-repeat left top}
.popup_tooltip .slide_area .tooltip_text.icon_03{padding-left:60px;padding-top:15px;margin-top:15px;background:url("https://cdn.dbpia.co.kr/static/images/popuptooltip/icon_menu_03.png") no-repeat 7px top}
.popup_tooltip .slide_area .tooltip_text.icon_04{background:url("https://cdn.dbpia.co.kr/static/images/popuptooltip/icon_menu_04.png") no-repeat left top}
.popup_tooltip .slide_area .tooltip_text.icon_05{background:url("https://cdn.dbpia.co.kr/static/images/popuptooltip/icon_menu_05.png") no-repeat -3px -2px}
.popup_tooltip .slide_area .btn_box{position:absolute;right:0;bottom:15px;right:15px}
.popup_tooltip .slide_dot{position:absolute;left:25px;bottom:15px;z-index:10;white-space:nowrap}
.popup_tooltip .slide_dot .btn_dot{display:inline-block;margin-right:6px;width:12px;height:12px;vertical-align:top;border:1px solid #ddd;border-radius:50%;background:#fff}
.popup_tooltip .slide_dot .btn_dot.active{border-color:#666;background:#7c7c7c}


/* 툴팁 */
.ntooltip{display:none;position:absolute;left:0;top:0;margin:-35px 0 0 10px;padding:10px 15px;max-width:250px;text-align:left;line-height:20px;font-family: 'notokr-medium', sans-serif;font-size:13px;color:#555;border:1px solid #e0e0e0;box-shadow:3px 3px 8px rgba(0,0,0,.1);box-shadow:3px 4px 6px rgba(0,0,0,.2);background:#fff;z-index:210}
.ntooltip:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;}
.ntooltip:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;}
.ntooltip:before {right: 12px;bottom: -10px;border-width: 7px 7px 0;border-top-color: #cccccc;}
.ntooltip:after {right: 12px;bottom: -7px;border-width: 7px 7px 0;border-top-color: #fff;}


/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */

.termsAgreeArea{margin:20px 0 0 0;padding:10px}
.termsAgreeArea .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -2px;}
.termsAgreeArea p{line-height:18px}
.termsAgreeArea .valid_msg{display:none;margin-top:5px;color:#ff0000}

/* 회원가입완료페이지 */
.joinComplete{padding:60px 0}
.joinComplete .joinComTop{padding:25px 0;border-top:2px solid #dfdfdf}
.joinComplete .topBox{padding:35px 0 30px 0;text-align:center;border:1px solid #dfdfdf;background:#fff}
.joinComplete .topBox .comTitle{margin-bottom:25px;line-height:1.4em;font-size:36px;color:#000;font-weight:800}
.joinComplete .topBox .comText{margin-bottom:30px;line-height:1.5em;font-size:24px;color:#000}
.joinComplete .topBox .btnStart{display:inline-block;margin:0 auto;padding:0 20px;min-width:200px;height:36px;line-height:36px;text-align:center;text-decoration:none;font-size:16px;color:#fff;font-weight:500;border-radius:5px;background:#c93035}

.joinComplete .joinComBot{padding:8px 0;border-top:2px solid #cc4736;border-bottom:2px solid #cc4736}
.joinComplete .botWrap{display:table;width:100%;table-layout:fixed}
.joinComplete .botBox{display:table-cell;position:relative;padding-top:20px;height:140px;text-align:center;vertical-align:top;border-left:2px solid #dcdcdc}
.joinComplete .botBox:first-child{border-left:0}
.joinComplete .botBox .btnManual{display:inline-block;margin:0 8px;padding:0 15px;min-width:198px;height:58px;line-height:56px;font-size:16px;color:#000;text-align:center;vertical-align:top;text-decoration:none;border:1px solid #dcdcdc;border-radius:5px;background:#fff}
.joinComplete .botBox .btnManual .icon{display:inline-block;margin:-2px 10px 0 0;width:40px;vertical-align:middle}
.joinComplete .botBox .btnManual br{display:none}
.joinComplete .botBox p{line-height:1.5em;font-size:16px;color:#000}
.joinComplete .botBox .botTitle{margin-bottom:10px;line-height:30px;font-size:24px;color:#000;font-weight:800}
.joinComplete .botBox .botImg{display:inline-block;vertical-align:top}
.joinComplete .botBox .textBox{display:inline-block;padding:8px 0 0 35px;vertical-align:top;text-align:left}

@media screen and (max-width:959px) {
	.joinComplete{padding:30px 0}
	.joinComplete .joinComTop{padding:0;border-top:0}
	.joinComplete .topBox{padding:20px 10px}
	.joinComplete .topBox .comTitle{margin-bottom:10px;font-size:16px}
	.joinComplete .topBox .comText{margin-bottom:15px;font-size:14px}
	.joinComplete .topBox .btnStart{padding:0 10px;min-width:160px;font-size:14px}
	.joinComplete .joinComBot{border:0}
	.joinComplete .botWrap{display:block}
	.joinComplete .botBox{display:block;padding:20px 0;height:auto;border:0}
	.joinComplete .botBox:first-child{margin-bottom:20px}
	.joinComplete .botBox:first-child:before{display:block;content:"";position:absolute;left:50%;bottom:-10px;margin-left:-50px;width:100px;height:2px;background:#dcdcdc}
	.joinComplete .botBox .botTitle{font-size:18px}
	.joinComplete .botBox .btnManual{margin:0 3px;padding:0 10px;min-width:140px;height:50px;line-height:48px;font-size:14px}
	.joinComplete .botBox .btnManual .icon{margin:-2px 4px 0 0;width:30px}
	.joinComplete .botBox .btnManual br{display:inline}
	.joinComplete .botBox .btnManual span{display:inline-block;margin:-2px 0 0 4px;vertical-align:middle;text-align:left;line-height:18px}
	.joinComplete .botBox .botImg{width:80px}
	.joinComplete .botBox .textBox{padding:0 0 0 20px}
	.joinComplete .botBox:last-child .botTitle{margin-bottom:3px}
	.joinComplete .botBox:last-child{padding-bottom:0}
	.joinComplete .botBox p{font-size:14px}
	#nodeDetailFloBa{bottom: 115px; width: 230px; height: 100px;right: 51px !important;}
}











/*비엔시스템 추가*/






/*210426 메뉴버튼 수정*/
/*210428 위치값 수정*/	
/*	210525 추가 */
.bnHead .atcmpLayer ul li{line-height: 1.2;}

/*210518 보더레디어스 추가*/
.bnHead .menuButton {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;cursor: pointer;padding-top: 7px;position: absolute;right: 16px;z-index: 999;    top: 12.5px;width: 25px;height: 16px;    border-radius: 20px;}


/*210426 햄버거버튼 사이즈 조정*/
.bnHead .menuButton span:after {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width: 24px; height: 2px; background-color: #666;border-radius: 20px;}

/*210427 탑 거리 변경*/
/*210428 탑 거리 변경*/
/*210518 탑 거리 변경*/
.bnHead .menuButton span:before {top: -9px;}
.bnHead .menuButton span:after {top: 9px;}

/*210426 메뉴 활성화시 수정*/
.bnHead .menuButton.active {position: absolute;top: 15px;right: 16px;}

/*210426 right값 ,사이즈 #수정*/
/*210529 추가*/
.bnHead .menuButton.active span:before,
.bnHead .menuButton.active span:after {top: 0;width: 24px;height: 2px;background-color: #111111; left: 0px;}

/*210427 패딩 수정*/
.bnHead .menuPanel .menuHead p.auth {padding: 12px 14px 12px;padding-right: 50px;}

/*210507 추가*/
.searchCon .inner{max-width: 1225px;}
.searchCon .contents .contRight{float: left;}
.searchCon .contents .contRight .section{width: calc( 100% - 145px ); float: left;}


/*210507 추가*/
@media screen and (max-width:1400px){
	.bnClass .searchCon .inner{max-width: 1080px;}
	.bnClass .searchCon .contents .contRight .section{width: 100%;}
}


/*210601 보더 제거*/
.bnHead {width: 100%;z-index: 200;position:relative;background-color: #fff;}


/*210427 헤더 고정*/

/*210428 패딩수정*/
.bnHead.sticky{position: fixed;padding: 15px 0px;top:0;animation: ani_dropdown .5s cubic-bezier(.215,.61,.355,1);}}
.bnHead.sticky .hdTop {display: none;}
.bnHead.sticky .fCheck input[type="checkbox"] + label{display: none;}
.bnHead.sticky .gSearch a.btnDetailSearch{display: none;}

/*210510 패딩 변경*/
.bnHead.sticky + .container{ margin-top: 156px;}


/*210428 헤더 고정시 사이즈 줄어들게*/
.bnHead.sticky .gSearch .searchFrom{height: 44px;}
.bnHead.sticky .gSearch .searchFrom .fSelect select{height: 40px;}
.bnHead.sticky .gSearch .searchFrom .gInputText input.search{height: 40px;}
.bnHead.sticky .gSearch .searchFrom .btnSearch{height: 42px;}
.bnHead.sticky .gSearch .searchFrom .fSelect span:after{top: 26px;}
.bnHead.sticky .gSearch .searchFrom .fSelect span{line-height: 44px;height: 40px;}
.bnHead.sticky .gUtil ul.list li.item a.link{font-size: 13px;}
.bnHead.sticky .gUtil ul.list li.item a.link:before{height: 34px;background-size: 36px;}
.bnHead.sticky .gUtil ul.list li.item a.alarm:before{background-size: 27px!important;}
.bnHead.sticky .hdWrap .schoolLogo{top: -1.5px;}
.bnHead.sticky .hdWrap h1{margin-top: 11px;}

/*210429height 수정*/
.bnHead.sticky .gSearch .searchFrom .fSelect{height: 40px;}


/*210427 컬러변경*/

/*210614 추가*/
.bnHead .hdTop ul li a {font-family: 'notokr-regular', sans-serif;font-size: 12px;color: #666;letter-spacing: -0.15px;display: block;line-height: 1.3;}
.bnHead .hdTop ul li.headCommu a{color: #111; position: relative;}
.bnHead .hdTop ul li.headCommu a .betaBox{width: 31px; height: 12px;background-color: #C93035;position: absolute; top: -12px;left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);display: block; border-radius: 12px; text-align: center;}
.bnHead .hdTop ul li.headCommu a .betaBox .betaText{font-size: 10px;transform: scale(0.9);-webkit-transform: scale(0.9); color: #fff;display: block;line-height: 10px;}




.bnHead .hdWrap {position: relative;padding: 0 210px 0 270px;}

.bnHead .hdWrap h1 {position: absolute;left: 55px;top: 0;/* float:left; */margin-top: 14px;}

/*210427 schoolLogo*/
.bnHead .hdWrap .schoolLogo{position: absolute;left: 0px;top: 0px;width: 50px;height: 50px;
	overflow: hidden;max-width: 50px;max-height: 50px;}
.bnHead .hdWrap .schoolLogo img{position: absolute;display: block;max-width: 50px;max-height: 50px;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

/*210428 overflow hidden */
/*210429 overflow hidden제거 */
.bnHead .gSearch {width: 100%;max-width: 600px;position: relative;}

/*210429 자동완성부분 위치조절*/
.bnHead.sticky .atcmpLayer{top: 44px;}

/*210426 border radius 변경 마진 제거*/
.bnHead .gSearch .searchFrom {width: 100%;height: 50px;border: 2px solid #c93035;background: transparent;font-size: 0;display: inline-block; border-radius: 3px;}

/*210428 float left 추가*/
/*210429 height값*/
.bnHead .gSearch .searchFrom .fSelect {position:relative; top:0px; display:inline-block;width: 104px;height: 46px;font-size:14px;border:0;background: transparent;float: left;}

/*210428 float left 추가*/
.bnHead .gSearch .searchFrom .gInputText {width: calc(100% - 152px);float: left;}
.bnHead .gSearch .searchFrom .gInputText input::placeholder {color:#999;font-size: 12.5px;}

.bnHead .gSearch .searchFrom .btnSearch {display:inline-block;width: 48px;height: 46px;line-height: 46px;background: url(/images/common/topsearch.svg) no-repeat center;background-color: #c93035;text-indent: -9999px;vertical-align: bottom;background-size: 20px;float: left;  position: absolute;right: 1px;top: 2px;}
.bnHead.sticky .gSearch .searchFrom .btnSearch{top: 1px;}


/*210426 포지션삭제, 폰트 사이즈 변경, 플롯 추가 마진 추가, 패딩 제거*/
.bnHead .gSearch a.btnDetailSearch {display: inline-block;color: #c93035;font-size: 14px;    margin-left: 14px;font-family: 'notokr-medium', sans-serif;vertical-align: top;float: right;margin: 12px 0px;}

/*210427 본문내용포함 추가*/

.bnHead .gSearch .fCheck{margin: 12.5px 0px;display: block;float: left;}

/*210602 삭제*/
/*.bnHead .gSearch .fCheck input[type="checkbox"] + label:after{top: 0px;}*/

/*210503 추가*/
/*210602 삭제*/
/*.bnHead .hdWrap .gSearch .fCheck input[type="checkbox"] + label:after{top: -1px!important;left: -1px!important;}*/

/*210426 margin-top 0px;*/
.bnHead .gUtil {position: absolute;right: 0;top: 0;/* float:right; */margin-top: 0px;}

/*210426 width값, 가운데 정렬 추가*/
/*210428 width값 수정*/
.bnHead .gUtil ul.list li.item {float: left;margin-left: 25px;position: relative;width: 42px;text-align: center;}

/*210427 컬러변경*/
/*210428 display block, font size*/
.bnHead .gUtil ul.list li.item a.link {font-size: 14px;color: #111;font-family: 'notokr-medium', sans-serif;display: block;}


/*210426 백그라운드 이미지 제거, 마진제거, 사이즈 수정*/
/*210428 height 수정*/
.bnHead .gUtil ul.list li.item a.link:before {display: inline-block;width: 100%;height: 39px;content: "";margin: 0;vertical-align: middle;}


/*210426 내 서재 수정*/

/*210428 이미지 png > svg 수정*/
.bnHead .gUtil ul.list li.item a.mystudy:before {background: url('https://cdn.dbpia.co.kr/static/images/common/icon_bookmark.svg') no-repeat top center/auto 32px;}

/*210426 내 소식 수정*/
/*210428 이미지 위치 수정*/
.bnHead .gUtil ul.list li.item a.alarm:before {background: url('/images/common/bell.svg') no-repeat center 2px;}

/* 210427 알림마크 수정*/
/*210428 알림마크 수정*/
.bnHead .gUtil ul.list li.item .badge {position: absolute;right: 1px;top: -3px;display: block;min-width: 20px; min-height: 20px; padding: 0px; text-align: center; font-size: 11px !important;color: #ffffff;line-height: 20px;vertical-align: baseline;white-space: nowrap;text-align: center;background-color: #c93035;border-color: #c93035;border-radius: 12px;font-family: dotum, '돋움', 'notokr-regular', '맑은 고딕', sans-serif;font-weight: bold;display:none;}

/* 210427 알림마크 수정*/
/*210428 알림마크 수정*/
.bnHead .gUtil ul.list li.item .badgeMyStudy {position: absolute;right: -8px;top: -3px;display: block;min-width: 20px; min-height: 20px; padding:0px;font-size: 11px !important;color: #ffffff;line-height: 20px;vertical-align: baseline;white-space: nowrap;text-align: center;background-color: #c93035;border-color: #c93035;border-radius: 12px;font-family: dotum, '돋움', 'notokr-regular', '맑은 고딕', sans-serif;font-weight: bold;display:none;}
.bnClass .contents .contRight {float: right;width: calc(100% - 229px);padding: 0 0 55px 40px;border-left: 1px solid #e7e7e7;/* margin-left: 229px; *//* height: 100%; */}









/*210430 패딩수정*/
.bnClass .headingArea.schResult {position: relative;padding: 10px 0 7px 0;border-bottom: none;margin-bottom: 20px;}

/*210430 폰트 수정*/
.bnClass .headingArea.schResult h2 {font-size: 16px;display: inline-block;color: #111;font-family: 'notokr-bold', sans-serif;font-weight: normal;margin-bottom: 2px;}

/*210430 수정*/
/*210503 수정*/
.bnClass .headingArea.schResult span.count strong {color: #CC4736; word-break: keep-all; word-wrap: break-word;font-family: 'notokr-regular', sans-serif;font-size: 12px;font-weight: unset;}

/*210430 수정*/
/*210525 수정*/
.bnClass .headingArea.schResult .gRight {position: absolute;right: 0px; top: 10px;left: inherit;width: inherit;}

/*210430 폰트 수정*/
.bnClass .headingArea.schResult span.searchCount {font-size: 16px;color: #111;font-family: 'notokr-medium', sans-serif;}

/*210510 마진수정*/
.bnClass .titleArea.recommend {margin-top: 20px;margin-bottom: 11px;}

/*210502 페이지네이션 */
.bnClass .searchListArea .paginate {margin-top: 0px; border-top: 10px solid #F6F6F6;}
.bnClass .searchListArea .paginate a.viewMore {display: block;cursor: pointer;text-align: center;padding: 12px;color: #3c63e0;
    padding: 18px 0px;}
.bnClass .searchListArea .paginate a.viewMore span {font-size: 12px;color: #1F8BD8;}

/*210504 마진탑 변경*/
.bnClass .searchListArea {position: relative;margin-top: 22px;}

/*210427 발간저널 타이틀*/
.bnClass .searchListArea .searchListAreaTitle{font-size: 16px;font-family: font-family: 'notokr-medium', sans-serif; color: #111; margin-bottom: 20px;}

/*210430 margin-수정*/
.bnClass .searchListArea .listHead .fCheck {float: left;display: block;margin-right: 16px; margin-top: 7px;}

/*210430 margin-top 수정*/
.bnClass .searchListArea .listHead .btnGroup {display: inline-block;float: left;margin-top: 9px;margin-left: 0px;position: relative;}

/*210430 font-size 수정*/
.bnClass .searchListArea .listHead .btnGroup span{font-size: 14px;color: #999999;}

.bnClass .searchListArea .listHead .btnGroup button.btnIconB span {opacity: 0.4;}
.bnClass .searchListArea .listHead .btnGroup button.btnIconB span:before {width: 15px;height: 14px;}
.bnClass .searchListArea .listHead .btnGroup button.btnIconB.active span {opacity: 1;}
.bnClass .searchListArea .listHead .btnGroup button:hover.btnIconB span {opacity: 1;}

/*210430 background 변경*/
.bnClass .searchListArea .listHead .btnGroup button.btnIconB span.download:before{background: url('/images/common/download.svg') no-repeat center!important;width: 15px;height: 15px;margin-right: 8px;}

/*210430 background 변경*/
.bnClass .searchListArea .listHead .btnGroup button.btnIconB span.bookmark:before {background: url('/images/common/bookmark.svg') no-repeat center!important;width: 12px;height: 15px;margin-right: 8px;}

/*210504 추가*/
.bnClass .searchListArea .listHead  #btnBookmarkAll2{display: none;}

/*210429 보더 삭제*/
.bnClass .searchListArea .listBody ul.list li.item .listBox {padding: 19px 18px 19px 43px;position: relative;margin-bottom: 15px;}

/*210501 수정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox:last-child {margin-bottom: 0px;}

/*210430 display:inline-block; 수정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .typeWrap {padding: 0;margin-bottom: 7px;display: inline-block;}

/*210427 컬러 변경*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.data {color: #165C92;}

/*210430 컬러변경*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.use {color: #212121;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.rate {color: #cc4736;}

/*210526 패딩 변경 */
.bnClass .searchListArea .listBody ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0!important;margin-bottom: 7px;}

/*210427 폰트 사이즈 수정*/
/*210429 너비 수정*/
/*210504 수정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .titWrap h5 {font-size: 16px;font-weight: unset; font-family: 'notokr-medium', sans-serif; line-height: 22px; width: 100%;}


/*210427 폰트 컬러 수정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .titWrap h5 a {color: #111;margin-right: 6px;}

/*210601 호버시 밑줄 추가*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .titWrap h5 a:hover,
.bnClass .searchListArea .listBody ul.list li.item .listBox .info a:hover{text-decoration: underline;}

/*210427 이미지 수정*/
/*210429 마진 수정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .titWrap span.update {display: inline-block;width: 58px;height: 20px;vertical-align: middle;background: url(/images/common/update.svg) no-repeat;margin-top: -3px;}

/*210427 모바일전용 update 추가*/
/*21049 모바일전용 update 수정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .typeWrap span.update {display: inline-block;width: 58px;height: 20px;vertical-align: middle;background: url(/images/common/update.svg) no-repeat;margin-top: -2px;display: none;margin-left: 6px;}



/*210504  서머리 추가 변경*/
.bnClass .searchListArea .listBody ul.list li.item .listBox span.summary {color: #C8C8C8;font-size: 13px;display: block;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


/*210430 이용 수 변경*/
/*210504 수정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats {color: #666;font-size: 13px;/* cursor: pointer; */  margin-top: 18px; display: block;}
.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats:before {display:inline-block;width: 18px;height: 11px;content:"";margin: -2px 4px 0px 0px;vertical-align: middle;background: url(/images/common/see.svg) no-repeat center center;}

/*210430 color 변경*/
/*.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats:hover {color: #666;}*/
.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats small {color: #666;font-family: 'notokr-regular', sans-serif;font-size: 13px;margin-left: 4px;}

/*210504 마진제거*/
.bnClass .searchListArea .listBody ul.list li.item .listBox ul.info {overflow: hidden;margin-left: -4px;line-height: 1;}

/*210504 추가*/
.bnClass .searchListArea .listBody ul.list li.item .listBox span.summary{margin: 7px 0px 0px 0px; color:
#666; font-size: 13px;}
/*210430 알림멘트 위치 변경*/
.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats .notice{color: #c8c8c8;margin-left: 15px;}

/*210427 font-size 수정*/
/*210504 수정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox ul.info li {float: left;position: relative;padding: 0 6px 0 4px;color: #666;font-size: 13px;margin-bottom: 0px;}



/*210430 북마크 버튼 포함 툴팁*/
/*210503 북마크 버튼 포함 툴팁*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookToolAll{position: absolute;width: 120px;height: 60px;border: 1px solid #9DC7E5;border-radius: 4px;color: #1F8BD8;font-family: 'notokr-medium', sans-serif;font-size: 13px;line-height: 1.4;padding: 12px 7px;background-color: #fff;   top: -16px;right: 62px;display: none;    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}

.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-2{border-color: #E39E95;color: #111111;padding: 12px 15px;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-3{border-color: #C8C8C8;color: #111111;padding: 12px 12px;}


.bnClass .searchListArea .listBody ul.list li.item .listBox .bookToolAll span:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -11px;top: 25px;border-width: 0 7px 7px;transform: rotate(90deg);}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookToolAll span:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -10px;top: 25px;border-width: 0 7px 7px;transform: rotate(90deg);}

.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;padding: 12px 3px; padding-left: 10px;}

.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:after{border-bottom-color: #fff;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:before{border-bottom-color: #9DC7E5;}

.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:after{border-bottom-color: #fff;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:before{border-bottom-color: #E39E95;}

.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:after{border-bottom-color: #fff;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:before{border-bottom-color: #C8C8C8;}

/*210430 수정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB {border:!important;color: #666666;padding: 0px;  margin: 0px; width: 84px;height: 29px;border-radius: 3px;position: absolute;min-width: inherit;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span{color: #666666;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span::before{display: none;!important}


.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.bmList:hover{box-shadow: none;}

/*210510 추가*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .bmList:hover{background: url('/images/common/book-hover.svg') no-repeat; background-size: 22px 32px;}

/*210507 새로운 호버 북마크 추가*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n{border-color: #9DC7E5; height: 40px;
line-height: 1.2; padding: 12px 6px 12px 13px; top: -7px;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -11px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -10px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:after{border-bottom-color: #fff;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:before{border-bottom-color: #9DC7E5;}


/*210430 버튼 표시변경*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .btnView{top: 45px;right: 0px;}

.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .downBtn,
.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .useBtn{top: 80px;
right: 0px;}
.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .bmList{	border: none!important;width: 22px!important;height: 32px!important;background: url('/images/common/listmark-off.svg') no-repeat center; display: block;padding: 0px!important;top: -3px;background-color: transparent!important; right: 31px; background-size: 22px 32px;border: none!important; min-width: inherit;}

/*210430 북마크시*/
/*210504 폰트추가*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .bmList.on{background: url('/images/common/listmark-on.svg');}


/*210427 width height 수정*/
/*210428 추가 수정  이미지 클릭영역  효과*/
/*210429 위치 변경*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .img {position: absolute;left: 0px;top: 0px;width: 158px;height: 222px;border: 1px solid #cccccc; cursor: pointer;}



/*210427 img height 조정*/
.bnClass .searchListArea .listBody ul.list li.item .listBox .img img {width: 100%;height: 100%;}

/*210504 패딩수정*/
/*210507 패딩 추가*/
/*210526 패딩 추가*/

/*210601 보더탑 추가*/
.bnClass .searchListArea .listBody.schResult ul.list li.item:first-child .listBox{border-top: 1px solid #ececec;}

.bnClass .searchListArea .listBody.schResult ul.list li.item .listBox {border: none;border-bottom: 1px solid #ececec;padding: 26px 145px 14px 33px;padding-right: 145px!important;}
.bnClass .searchListArea .listBody.schResult ul.list li.item .listBox .fCheck {position: absolute;left: 0px;top: 24px;}


/*210501페이징 추가*/
/*210510 마진바텀 수정*/
.bnClass .paging{ width: 100%;text-align: center;margin: 30px 0px 65px 0px; vertical-align: top}
.bnClass .paging a{font-size: 13px;display: inline-block;vertical-align: top;line-height:20px;margin: 0px 5px;}
.bnClass .paging a.active{color: #CC4736;}
.bnClass .paging a img{display: block;}
.bnClass .paging a.first,.paging a.next,.paging a.prev,.paging a.last{border: 1px solid #EFEFEF;border-radius: 20px; overflow: hidden;margin: 0px 3px;}


/*210501 추천 저널 변경*/
/*210504 배경색 변경*/
/*210526 마진 제거*/
.bnClass .bottomBg{background-color: #f9f9f9;}
#dev_recommend_list.inner{overflow: hidden;}

/*210510 패딩 수정*/
.bnClass #dev_recommend_list .contRight {float: right;   width: calc(100% - 229px);padding: 0 0 65px 40px;}
/*210504 수정*/
.bnClass #dev_recommend_list .contRight p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: 'notokr-medium', sans-serif;}
/*210511 수정*/
.bnClass #dev_recommend_list .recommend{width: 810px;}

/*210511수정*/
.bnClass #dev_recommend_list .recommend img{height: 150px;margin-bottom: 5px;}

/*210510 추가*/
.bnClass #dev_recommend_list .contRight p.desc{font-size: 13px;font-family: 'notokr-regular', sans-serif;color: #111;}


/*210430 패딩삭제*/
.bnClass .searchListArea .listBody.schResult ul.list li.item .listBox .titWrap {position: relative;}


/*210429 보더추가*/
.bnClass .searchListArea .listBody.schDetail ul.list li.item:first-child{border-top: 1px solid #ececec;padding: 30px 0px;}
.bnClass .searchListArea .listBody.schDetail ul.list li.item{border-bottom: 1px solid #ececec;padding: 30px 0px;	margin-bottom: 10px;}


/*210428 보더 수정*/
/*210429 수정*/
.bnClass .searchListArea .listBody.schDetail ul.list li.item .listBox {padding: 0px 0px 0px 178px;min-height: 125px;}


/*210525 추가 */
.acaP .searchListArea .listBody.schDetail ul.list li.item .listBox{border: none;padding-right: 145px;}
.acaP .searchListArea .listBody ul.list li.item .newBook .newBookList span.newBookTitle{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}


/*210427 하단 최신권호 추가*/
/*210429 수정*/
.bnClass .searchListArea .listBody ul.list li.item .newBook{padding-left: 178px;}




/*210429 추가*/
.bnClass .searchListArea .listBody ul.list li.item .newBook .newBookList:first-child{border-top: 1px solid #dcdcdc;}


/*210429 수정*/
.bnClass .searchListArea .listBody ul.list li.item .newBook .newBookList{border-bottom: 1px solid #DCDCDC;height: auto;line-height: 1.3;font-size: 14px;cursor: pointer;background: url('/images/common/journal-arrow.png');background-repeat: no-repeat;background-position: 390px 14px; padding: 11px 0px; overflow: hidden;max-width: 400px;}


.bnClass .searchListArea .listBody ul.list li.item .newBook .newBookList span.newMark{	color: #111;margin-left: 5px;display: block;float: left;}


/*210429 width 추가*/

.bnClass .searchListArea .listBody ul.list li.item .newBook .newBookList span.newBookTitle{	color: #666;margin-left: 10px;width: calc( 100% - 70px );display: block;float: left;}


/*210427 알림버튼 추가*/
.bnClass .searchListArea .listBody.schDetail ul.list li.item .alarmBtn{ position: absolute; top: 30px;
right: 0px;}
.bnClass .searchListArea .listBody.schDetail ul.list li.item .alarmBtn button{background-color: #fff!important; width: 85px;height: 32px;text-align: center;line-height: 32px;border-radius: 32px; font-family:  'notokr-medium', sans-serif;font-size: 14px;line-height: 0.8;padding: 0px!important;border: 1px solid #DFDFDF;}
.bnClass .searchListArea .listBody.schDetail ul.list li.item .alarmBtn button span{	padding-left: 20px;	background: url('/images/common/bell-small.svg') no-repeat;	background-size: 16px;	background-repeat: no-repeat;	background-position: left center;color: #666;}


.bnClass .searchListArea .listBody.schDetail ul.list li.item .alarmBtn.active button{background-color: #CC4736!important;border: none;}

.bnClass .searchListArea .listBody.schDetail ul.list li.item .alarmBtn.active button span{	background: url('/images/common/bell-white.svg') no-repeat; color: #fff;	}

.bnClass .searchListArea .listFoot {text-align: center;display: none;}

.modal-sear .modalFooter{overflow: hidden;}
.modal-sear .closeModal{display: block; width: 49%; float: left;}

.modal-sear .closeModal:nth-child(2){margin-left: 2%;}

/*210502 추가*/
.modal-sear{width: calc( 100% - 60px );margin-top: 30px;}
.modal-sear .innerSearch{padding: 0px 16px;}
.modal-sear .innerSearch .subTitle{display: block;}
.modal-sear .innerSearch .gInputText.schBox{width: 100%!important;}
.modal-sear .innerSearch .gInputText.schBox .fText{    width: calc( 100% - 37px);}
.modal-sear a,
.modalContent .modalHeader .tit{font-family: 'notokr-regular', sans-serif;}
.modalWrap .fCheck.searchChk input[type="checkbox"] + label:before{margin-top: -1px;}
.mobileAppendArea2 .detachNodeResult2 .fCheck input[type="checkbox"] {position: unset!important;}
.mobileAppendArea2 .detachNodeResult2 .fCheck input[type="checkbox"] + label:before{margin-top: 1px;}

.modal .modalContent .modalHeader {position:relative;padding: 13px 60px 13px 16px;}

/*210504 폰트 수정*/
.modal .modalContent .modalHeader .tit {font-size: 16px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-medium', sans-serif; overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}

.modal .advancedCateBox ul.checkBox li .fCheck input[type="checkbox"] + label:after {top: 0px;left: 0;-webkit-margin-before: -1px;}

@media (min-width:960px) and (max-width:1147px) {/* 태블릿: 최소 960 ~ 1147 */
	/*	210511 추가*/
	.bnClass #dev_recommend_list .recommend{width: 625px!important;}
}

	
	

@media (max-width: 959px) {/* 모바일: 최대 959 */
	/* 모바일 내비게이션 */
	.bnClass .mobileNavgation {display: block;position: relative;}
	/*2021-04-06 메뉴 버튼 위치 초정으로 인해 mobileNavgation display시 .menuButton도 같이 변경되게 수정*/


	/*	210426 위치 수정*/
	.bnClass .menuButton {display: block;}
	.bnClass .menuButton.active {}

	/* 전체 */
	/*210427 패딩 0으로 수정*/
	.bnClass .inner {margin:0 auto;padding: 0px;}


	/* 210427 padding 간격 16px*/
	.searchP .newsTickerArea{padding: 18px 16px;border-top: 8px solid #F6F6F6;}

	/*210427 margin-bottom*/
	.bnClass .news_wrap{margin-bottom: 0px;}	

	/*210427 margin-top 수정 */
	.bnClass .searchListArea{margin-top: 0px;}

	/*210427 발간저널 타이틀*/
	.bnClass .searchListArea .searchListAreaTitle{display: none;}
	

	/* 헤더 */
	
	/*	210427 모바일 fixed*/
	.bnHead.sticky{padding: 0px;}
	.bnHead.sticky + .container {margin-top: 91px;}

	.bnHead .hdTop {display: none;}

	/*210427 패딩 값 변경*/
	/*210428 패딩 값 변경*/
	.bnHead .hdWrap {padding: 41px 16px 0 16px!important;}

	.bnHead .hdWrap .organLogo {display: none;}

	/*210427 모바일 간격 조정*/
	/*210428 모바일 마진 조정*/
	.bnHead .hdWrap h1 {left: 16px;margin-top: 12px;margin-left: 1px;margin-top: 13px;}

	/*210428 사이즈 변경*/
	.bnHead .hdWrap h1 a {width: 98px;height: 15px;}

	.bnHead .gSearch {max-width: 100%;}

	/* 210428 헤이트값 변경, margin 수정	*/
	.bnHead .gSearch .searchFrom {height: 37px;margin-bottom: 10px;}


	/*210427 모바일에서 select 박스 감춤	*/
	.bnHead .gSearch .searchFrom .fSelect {display: none;}
	.bnHead .gSearch .searchFrom .fSelect span {padding: 0px 0 0 10px;line-height: 37px;font-size: 13px;letter-spacing: -1px;}
	.bnHead .gSearch .searchFrom .fSelect span:after {top: 23px;}


	/* 210427 모바일 사이즈 변경	*/
	/* 210428 모바일 사이즈 수정	*/
	.bnHead .gSearch .searchFrom .gInputText {width: calc(100% - 37px); float: left;}

	/* 210427 모바일에서 감춤*/
	.bnHead .gSearch .searchFrom .gInputText:before {display: none;}
	.bnHead .gSearch .searchFrom .gInputText .placeholder {display: block;left: 14px;font-size: 13px;display: none !important;}



	/*	210428 사이즈 수정 */
	/*	210519 사이즈 수정 */
	.bnHead .gSearch .searchFrom .gInputText input.search {padding-left: 13px;height: 34px!important;}


	/*210427 schoolLogo*/
	.bnHead .hdWrap .schoolLogo{display: none;}

	/*	210428 추가 헤더 고정 효과*/
	.bnHead.sticky .hdWrap h1,
	.bnHead.sticky .gUtil,
	.bnHead.sticky .menuButton{display: none;}

	.bnHead.sticky .hdWrap{padding-top: 10px!important;}


	/*  210427 백그라운드 이미지 삭제	*/
	/*  210428 사이즈 수정	*/
	.bnHead .gSearch .searchFrom .btnSearch {width: 37px;height: 34px;line-height: 34px;background-color: #c93035;}



	.bnHead .gSearch a.btnDetailSearch {display: none !important;}

	/*	210427 모바일 버전 안보이게 추가*/
	.bnHead .gSearch .fCheck{ display: none!important;}

	/* 210429 수정	*/
	.bnHead .atcmpLayer {top: 37px;}

	.bnHead .gSearch .relatedKeyword {display: block;}
	.bnHead .gSearch .relatedKeyword {width: calc(100% + 28px);max-width: 959px;margin: 0px -14px 13px;padding-top: 11px;padding-left: 14px;padding-right: 45px;/* height: 28px; */border-top: 1px solid #e7e7e7;}
	.bnHead .gSearch .relatedKeyword dl dt {font-size: 14px;}
	.bnHead .gSearch .relatedKeyword dl dd ul li {padding: 0 7px 8px 0;}
	.bnHead .gSearch .relatedKeyword dl dd ul li a {font-size: 14px;}

	.bnHead .gSearch .relatedKeyword .option {top: 10px;right: 15px;}
	.bnHead .gSearch .relatedKeyword .option a {font-size: 12px;color: #999999;font-family: 'notokr-medium', sans-serif;text-align: right;position: relative;}
	.bnHead .gSearch .relatedKeyword .option a span {padding: 0;text-indent: -9999px;display: block;font-size: 0;position: absolute;right: -48px;top: 0;}
	.bnHead .gSearch .relatedKeyword .option a span.unfold:after {/* display: inline-block; */position: absolute;right: 0;top: 0;content:"";width: 25px;height: 20px;margin: 0px 0px 0 5px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat 10px -196px;}
	.bnHead .gSearch .relatedKeyword .option a span.fold {display: none;right: -48px;top: 0;}
	.bnHead .gSearch .relatedKeyword .option a span.fold:after {display: inline-block;content:"";width: 25px;height: 20px;margin: 0px 0px 0 5px;vertical-align: middle;background: url(/images/common/common_sfix_icon.png) no-repeat 10px -246px;}

	
	/* 210426 right 수정	*/
	/* 210428 위치값 수정	*/
	.bnHead .gUtil {margin-top: 0px;right: 61px;top: 8px;}

	/* 210426 width height  추가	*/
	.bnHead .gUtil ul.list li.item {margin-left: 20px; width: 27px; height: 24px;}

	/*	210426 width height 제거, 백그라운드 수정*/
	.bnHead .gUtil ul.list li.item a.link:before {background-size: auto 24px; height: 24px;}
	.bnHead .gUtil ul.list li.item a.alarm:before {background-size: auto 24px; height: 24px;}

	/* 210427 badge 모바일 위치 수정	*/
	/* 210428 badge 모바일 수정	*/
	.bnHead .gUtil ul.list li.item .badge{ right: -4px; min-width: 14px;
    min-height: 14px;line-height: 14px;font-size: 10px!important; font-weight: lighter!important;}
	.bnHead .gUtil ul.list li.item .badgeMyStudy{right: -2px; min-width: 14px;
    min-height: 14px;line-height: 14px;font-size: 10px!important; font-weight: lighter!important;}
	
	/*	210502 추가*/
	.bnHead .gUtil ul.list li.item a.alarm:before{background-position: center 0px;}
	
	.bnHead .gUtil ul.list li.item a.link span {overflow:hidden;visibility:hidden;position:absolute;left:-120%;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:120%;white-space:nowrap;}


	.bnHead .gUtil ul.list li.item a.alarm.mobile {display: block;}


	/*  210515 none 삭제*/
	.bnHead .gUtil ul.list li.item .remainWrap {display: none;}

	/* 헤더 - 알림 */
	.bnHead .alarmArea {display: none !important;}

	/* 헤더 - 배너 */
	.bnHead .banner {display: none !important;}

	/* 헤더 - 공지 */
	.bnHead .notification {display: none !important;}

	/* 콘텐츠 */
	.bnClass .contents .contWrap {padding-bottom: 40px;}
	.bnClass .contents .contLeft {display:none;}

	/*	210502 패딩 수정*/
	/*  210527 수정*/
	.bnClass .contents .contRight {float: none; width: 100%; padding: 0 0 0px 0; border: 0;min-height: inherit;}
	
	
	
	/*	210501 모바일 버전 수정*/
	.bnClass .headingArea.schResult .gRight {position: absolute;right: 1px;bottom: auto;top: 0;display: none;}
	
	/*  210527 수정*/
	.bnClass .headingArea.schResult {padding: 0px;margin-bottom: 0px;margin-top: 15px;}
	
	
	.bnClass .headingArea.schResult	.mobileAppendArea{border-top: none;margin-bottom: 0px;padding: 0px;}
	.bnClass .headingArea.schResult .mobileAppendArea .detachNodeResult1 .selectWrap,
	.bnClass .headingArea.schResult .mobileAppendArea .detachNodeResult1 p.tit{float: left;font-size: 12px;margin-bottom: 0px;}
	.bnClass .headingArea.schResult .mobileAppendArea .detachNodeResult1{overflow: hidden;padding: 10px 16px;}
	
	
	/*	210527 추가 */
	.searchW .selectGroup{margin: 0px!important;  border: none!important;border-top: 1px solid #DFDFDF!important;}
	.searchW .headingArea.schResult .mobileAppendArea .detachNodeResult1{padding: 11px 16px 11px!important;}
	
	
	.bnClass .headingArea.schResult .mobileAppendArea .detachNodeResult1 .selectWrap{width: calc( 100% - 82px );}


	.bnClass .searchListArea.schResult.searchListArea .listBody ul.list li.item .listBox .fCheck input[type="checkbox"] + label:before,
	.bnClass .searchListArea.schResult.searchListArea .listBody ul.list li.item .listBox .fCheck input[type="checkbox"] + label:after{display: none;} 


	/*	210501 모바일 버전 수정*/
	/*	210526 추가*/
	.bnClass .searchW .headingArea{display: block!important;}
	.bnClass .searchW .headingArea.schResult span.count{border-bottom: none!important;margin-bottom: 0px!important;}
	/*	210601 검색결과 폰트사이즈 수정*/
	.bnClass .headingArea.schResult h2 {display: inline-block;font-size: 16px;margin-left: 16px;}
	/*	210502 모바일 버전 수정*/
	/*	210601 모바일 패딩 버전 수정*/
	.bnClass .headingArea.schResult span.count {display: block;margin-bottom: 7px;border-bottom: 1px solid #DFDFDF;padding: 8px 16px 10px 16px;}
	.bnClass .headingArea.schResult span.count strong {display: inline;}

	/*	210501 모바일 버전 수정*/
	/*	210601 검색결과 갯수 폰트사이즈 수정*/
	.bnClass .headingArea.schResult span.searchCount {font-size: 16px; font-family: 'notokr-bold', sans-serif; position: unset;}


	/* 210427 모바일 헤더 간격 수정	*/
	.bnClass .headingArea.schDetail {padding: 12px 16px 5px 16px !important;border-bottom: none;margin-bottom: 0px;display: block;}
	/* 210427 모바일 폰트 사이즈 조정	*/
	.bnClass .headingArea.schDetail h2 {font-size: 16px!important;}
	
	.bnClass .searchArea .formGroup .btn.gRight {position: relative; display: block; top: 0; right: 0; width: 100%; margin: 0px;}
	
	.bnClass .notiArea .gRightBottom {display: none;} 
	
	/*	210504 추가*/
	.bnClass .searchListArea.schResult .listHead {display: block;padding: 0px 16px;border-top: 1px solid #DFDFDF;}
	.bnClass .searchListArea .listHead .funcWrap {display: block; margin-top: 9px;}

	/*	210519 변경 */
	.bnClass .searchListArea .listHead .funcWrap .select {font-size: 12px;}


	/*	210519 변경 */
	.bnClass .searchListArea .listHead .funcWrap .newSel{display: none;}
	.bnClass .searchListArea .listHead .funcWrap .mobSel{display: block;}


	.bnClass .searchListArea .listHead .btnGroup button:nth-child(1){display: none;}

	/*	210504 수정*/
	/*	210519 수정*/
	.bnClass .searchListArea .listHead #btnBookmarkAll2{display: block;width: 121px;height: 27px;border: 1px solid #ccc; border-radius: 3px;padding: 0px;margin-left: 0px!important;}
	.bnClass .searchListArea .listHead #btnBookmarkAll2 span{font-size: 12px;border-radius: 3px; color: #666; }
	.bnClass .searchListArea .listHead #btnBookmarkAll2 span.bookmark:before { background: url(/images/common/bookmark.svg) no-repeat center!important; width: 9px;	background-size: 9px 12px!important;}



	.bnClass .searchListArea .listHead .btnGroup {width: auto;float: left;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB{width: 60px;	height: 24px;margin-right: 16px!important;}

	/*	210519 right 추가 */
	.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.bmList{margin-right: 0px!important;right: 34px;}

	.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span{font-size: 10px;}

	/*210524 line-height*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox .titWrap h5 a {color: #111;margin-right: 6px;line-height: 20px;}


	/*	210519 추가 */
	.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.downBtn {position: inherit;margin: 5px 0px 0px 0px!important;}
	
	.bnClass .searchListArea .listHead .btnGroup .tooltipWrap {display: none;}
	.bnClass .searchListArea .listHead .btnGroup .btnThesisDownload {display: none}
	
	/*	210519 마진 변경*/
	.bnClass .searchListArea .listHead .funcWrap .fSelect.filtering {display: block !important;margin-top: 0px;}
	
	/*	210504 추가*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox span.summary {display: none;}

	/*	210520 플롯 추가*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup {padding-bottom: 0px;margin-right: 0px;float: right;}
	
	
	/*	210504 추가 */
	/*210521 위치변경*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookToolAll{width: 266px;height: 72px;border: none;background-color: rgba(0,0,0,0.6);border-radius: 8px; color: #fff; text-align: center;position: fixed;top: 70%; bottom: 200px;z-index: 9999;left: 50%; transform: translateX(-50%);}

	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-1{position: absolute;width: 120px;height: 60px;border: 1px solid #9DC7E5;border-radius: 4px;color: #1F8BD8;font-family: 'notokr-medium', sans-serif;font-size: 13px;line-height: 1.4;padding: 12px 3px;background-color: #fff;   top: -16px;left: inherit; right: 0px;display: none;    box-shadow: 2px 2px 3px rgb(0 0 0 / 20%);pointer-events: none;}

	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:after{border-bottom-color: #fff;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:before{border-bottom-color: #9DC7E5;}



	/*210507 새로운 호버 북마크 추가*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n{position: absolute;border-color: #9DC7E5; height: 40px;background-color: #fff;line-height: 1.2; padding: 12px 6px 12px 13px; top: -7px;color: #9dc7e5; border: 1px solid #9dc7e5;width: 130px;left: inherit; right: 0px;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -11px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -10px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:after{border-bottom-color: #fff;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:before{border-bottom-color: #9DC7E5;}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:before,
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:after,
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:before,
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:after{
	display: none;
	}




	/* 210504 추가	*/
	/*210521 폰트 사이즈 추가 패딩변경 */
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-2,
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-3{padding: 26px 12px;font-size: 16px;}

	/*	210521 새로 추가 */
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-2 br,
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-3 br{content: "";}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-2 br:after,
	.bnClass .searchListArea .listBody ul.list li.item .listBox .bookTool-3 br:after{content: " ";}

	/*210502 버튼 수정*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .downBtn, .bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .useBtn{top: unset; bottom: 8px;}

	/*	210427 width height 수정*/
	/*	210429 위치 수정*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox .img {top: 0px;width: 103px;height: 145px;}

	/* 210427 height 제거	*/
	.bnClass .searchListArea .listBody ul.list li.item .listBox .img img {max-height: auto;}

	/*210502 수정*/
	/*210519 수정*/
	.bnClass .searchListArea .listBody.schResult ul.list li.item .listBox {padding: 16px 16px 19px 16px;padding-right: 16px!important;}


	.bnClass .searchListArea .listBody.schResult ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0; margin-bottom: 5px;}

	/*	210521 리스트 패딩 8 */
	.bnClass .searchListArea .listBody ul.list li.item .listBox ul.info{padding-bottom: 8px;}
	
	
	/*  210427 padding-left 109px; height	*/
	/*	210428 패딩 수정*/
	/*	210429 패딩 height  수정*/
	.bnClass .searchListArea .listBody.schDetail ul.list li.item .listBox {padding: 0px 0px 0px 109px;
		min-height: 145px; border: none!important;}
	
	/*210525 추가*/
	/*210529 first child추가*/
	.acaP .searchListArea .listBody.schDetail ul.list li.item:first-child,
	.acaP .searchListArea .listBody.schDetail ul.list li.item{margin: 0px;border-bottom: none; border-top: 10px solid #F6F6F6;padding: 18px 16px;}
	.acaP .searchListArea .listBody.schDetail ul.list li.item .listBox{padding-right: 0px;}

	/* 210427 신간정보 모바일*/
	.bnClass .searchListArea .listBody ul.list li.item .newBook{padding: 0px;margin-top: 18px;}
	.bnClass .searchListArea .listBody ul.list li.item .newBook .newBookList{max-width: 100%;
		background-position: 98% 14px;}
	
	/*210525 모바일 버전 너비*/
	.bnClass .searchListArea .listBody ul.list li.item .newBook .newBookList span.newBookTitle {width: calc( 100% - 75px );}


	/* 210427 모바일 알림 위치 변경,버튼사이즈 변경*/
	/* 210429 모바일 알림 위치 변경*/
	.bnClass .searchListArea .listBody.schDetail ul.list li.item .alarmBtn{right: 0px;bottom: 0px;top: unset;}
	.bnClass .searchListArea .listBody.schDetail ul.list li.item .alarmBtn button{width: 54px;height: 24px;font-size: 10px;}
	.bnClass .searchListArea .listBody.schDetail ul.list li.item .alarmBtn button span{padding-left: 15px;background-size: 12px;font-size: 10px;  background-position: left center;}
	.bnClass .searchListArea .listBody.schDetail ul.list li.item .alarmBtn.active button span{padding-left: 15px;background-size: 12px;font-size: 10px; background-position: left center;}
	.bnClass .searchListArea .listBody.schDetail ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0;}

	/*	210427 모바일 버전 업데이트 버튼*/
	/* 210528 마진 변경 */
	.bnClass .searchListArea .listBody ul.list li.item .listBox .typeWrap span.update{
		display: inline-block;margin-top: 0px;
	}
	.bnClass .searchListArea .listBody ul.list li.item .listBox .titWrap span.update{
		display: none;
	}
	
	.bnClass .popup_tooltip .slide_area{position:relative;width:100%;height:100%;overflow:hidden;background-color: #fff8f4;}
	
	
	/*	210504 모바일 최근검색어*/
	.bnClass .right-box{right: 0px!important;}
}




/*210514 헤더수정*/
.bnHead .hdTop{padding-bottom: 30px;}

/*210518 패딩 수정*/
.bnHead .hdTop ul{padding-top: 15px;}


.bnHead .gSearch{line-height: 0;}
.bnHead .gSearch .searchFrom{height: 50px;margin-bottom: 0px;}
.bnHead .hdWrap{padding-right: 210px!important;}


/*210518  추가*/
.recomWrap #pub_modalAdvancedSearch .fCheck.searchChk input[type="checkbox"] + label{line-height: 1;}



/*210518 변경*/
.bnHead .gSearch .fCheck,
.bnHead .gSearch a.btnDetailSearch{margin: 17px 0px 12px 0px; line-height: 17px;position: inherit;padding: 0px;top: inherit;right: inherit;}


.bnHead .gSearch .searchFrom .fSelect{height: 46px;}
.bnHead .gSearch .searchFrom .fSelect span{line-height: 46px;}
.bnHead .gSearch .searchFrom .fSelect span:after{top: 29px;}
.bnHead .gSearch .searchFrom .gInputText:before{top: 15.5px;}
.bnHead .gInputText .placeholder{margin-top: -7px;line-height: 1.2;}
.bnHead .gSearch .searchFrom .gInputText input.search{height: 47px;}

/*210518 높이 위치 수정*/
.bnHead .gSearch .searchFrom .btnSearch{height: 48px; top: 1px;}

.bnHead .gUtil ul.list li.item{margin-left: auto;}
.bnHead .gUtil ul.list li.item .badgeMyStudy,
.bnHead .gUtil ul.list li.item .badge{min-width: 17px;min-height: 15px;line-height: 15px;padding: 1px 3px;right: inherit;left: 22px;}
.bnHead .gUtil ul.list li.item .badge{left: 20px;}
.bnHead .gUtil ul.list li.item a.link{font-family: 'notokr-regular', sans-serif;}
.bnHead .gUtil ul.list li.item a.link:before{height: 33px;background-size: 33px;}
.bnHead .gUtil ul.list li.item a.alarm:before{height: 33px; background-size: 27px 33px;background-position: top center;}
.bnHead .gUtil ul.list li.item .jounalTop{width: 60px; height: 44px; border: 1px solid #ccc; border-radius: 3px;padding: 3px 0px; margin: 0 auto;}
.bnHead .gUtil ul.list li.item .jounalTop span{line-height: 20px; font-size: 12px; font-family: 'notokr-bold', sans-serif; color: #111111;}
.bnHead .gUtil ul.list li.item .jounalTop span:nth-child(2){line-height: 16px; font-size: 12px; font-family: 'notokr-medium', sans-serif; color: #CC4736;}
.bnHead .gUtil ul.list li.item1{width: 80px; cursor: pointer; }
.bnHead .gUtil ul.list li.item2{margin-left: 10px!important;}
.bnHead .gUtil ul.list li.item3{margin-left: 25px!important;}
.bnHead .gUtil ul.list li.item .date{line-height: 16px; font-size: 10px; font-family: 'notokr-medium', sans-serif; color: #fff; background-color: #707070; border-radius: 3px; padding: 4px; margin-top: 4px; display: none;width: 78px;}
.bnHead .gUtil ul.list li.item:hover .date{display: block;}
.bnHead .fCheck.searchChk input[type="checkbox"] + label{font-size: 13px; line-height: 1.3;}
.bnHead .gSearch a.btnDetailSearch{font-size: 13px; line-height: 1.2;}


/*210614 추가*/
.bnHead .gUtil ul.list li.itemCommu{display: none;}


/*210604 알람박스*/
.bnHead .gUtil ul.list li.item .alarmBox .date{background-color: transparent!important;}


/*210602 위치조정*/
.bnHead .hdWrap .gSearch .fCheck input[type="checkbox"] + label:after {top: 0px!important;left: 0px!important;}


.hdWrap .fCheck.searchChk input[type="checkbox"] + label:before{margin: 0px 9px 0 0;}
.bnHead .gUtil ul.list li.item a.link:before{margin-bottom: 4px;}


/*210514 헤더 스티키*/
.bnHead.sticky{padding: 17.5px 0px 16.5px;}
.bnHead.sticky .gUtil{top: -2px;}
.bnHead.sticky .gUtil ul.list li.item .jounalTop{margin-top: 2px;}
.bnHead.sticky .gUtil ul.list li.item a.link{font-size: 14px;}
.bnHead.sticky .gUtil ul.list li.item a.link:before{height: 33px; background-size: 33px 33px;}



/*검색페이지*/

/*210514 추가*/

/*210521 위치 변경*/
.bnClass .searchCon .inner { max-width: 1225px;position: relative;left: 73px;}


.bnClass .searchListArea .listBody ul.list li.item .listBox ul.info li{line-height: 18px;}


/*210520 수정*/

/*210521 삭제*/
/*.searchW .contents .contLeft{position: absolute;}*/

/*210521 마진삭제, 위드값 변경*/
/*210526 패딩 변경*/
.searchW .contents .contRight {width: calc( 100% - 229px ); padding-bottom: 0px;}
.searchW .contents .contRight .section {width: calc( 100% - 145px );}

/*210521 체크 위치 변경*/
/*210525 체크 위치 변경*/
.searchW .filterGroup .fCheck input[type="checkbox"] + label:after{top: 0px!important;}


/*210519 추가*/
.searchListArea .listHead .funcWrap .fSelect.filtering span:after{background: url(/images/common/arrow-sear.svg) no-repeat -0.5px}



/*210521 추가*/
.searchW .filterGroup ul.generalSort li.general .fCheck input[type="checkbox"] + label:before{margin-top: 0px!important;}






/*상세페이지 */

.bnClass .mobTool-2 ,
.bnClass .mobTool-3{
    width: 266px;
    height: 72px;
    border: none;
    background-color: rgba(0,0,0,0.6);
    border-radius: 8px;
    color: #fff;
    position: fixed;
    top: 70%;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
	padding: 25px 15px;
	text-align: center;
}


/*인용양식팝업*/
.bnClass .modal-new .modalContent .modalBody.type05{padding:0px 10px 22px 10px;}
.bnClass .modal-new .mobQuote{display: none;}
.bnClass .modal-new .modalContent .modalHeader .tit {font-size: 16px; font-family: 'notokr-bold', sans-serif;}
.bnClass .modal-new .modalContent .modalHeader .tit span{font-size: 12px; color: #111111; font-family: 'notokr-regular', sans-serif;}
.bnClass .modal-new .modalContent .modalHeader{padding-top: 14px; padding-bottom: 10px;}
.bnClass .modal-new .modalContent .modalHeader button.closeModal{height: 43px; background-position: -234px -40px;border-left: none;}
.bnClass .modal-new .modalContent .quoteWrap{position: relative;}
.bnClass .modal-new .modalContent .quoteWrap p{width: 100%; min-height: 120px; padding: 10px; background-color: #FBFBFB;color: #165C92; line-height: 20px;border: 1px solid #efefef;}
.bnClass .modal-new .modalContent .quoteWrap button{font-size: 13px;padding: 4px 12px 4px; position: absolute; bottom: 11px; right: 15px;display: block;}
.bnClass .modal-new .modalContent .quoteWrap button.mob{display: none;}
.bnClass .modal-new .modalContent .newQuoute{text-align: right;}
.bnClass .modal-new .modalContent .newQuoute p{text-align: right;	margin-top: 6px; margin: 5px 0px;font-size: 12px; color: #999999;}
.bnClass .modal-new .modalContent .newQuoute button{width: 111px; height: 24px; border: 1px solid #ccc; vertical-align: middle;color: #165C92; font-size: 12px;text-align: center; margin-bottom: 20px;}
.bnClass .modal-new .downloadBox{border-right: none; border-left: none; border-bottom: none;padding: 14px 0px 0px 0px;}

.bnClass .modal-new .modalContent .newQuoute button:hover{box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.bnClass .modal-new .downloadBox p.btnGroup{overflow: hidden;}
.bnClass .modal-new .downloadBox p.btnGroup .btn{margin-bottom: 0px;}
.bnClass .modal-new .downloadBox p.btnGroup .btn.medium{padding: 4px 10px;margin-left: 14px; margin-right: 0px;display: block;float: left; margin-bottom: 5px;}
.bnClass .modal-new .downloadBox p.btnGroup .btn.medium:nth-child(1){margin-left: 0px;}




/*인용양식팝업2*/
.bnClass .modal-new2 .modalContent .modalHeader .tit {font-size: 16px; font-family: 'notokr-bold', sans-serif;margin: 0px;}
.bnClass .modal-new2 .modalContent .modalHeader .tit span{font-size: 12px; color: #111111; font-family: 'notokr-regular', sans-serif;}
.bnClass .modal-new2 .modalContent .modalHeader{padding-top: 14px; padding-bottom: 10px;}
.bnClass .modal-new2 .modalContent .modalHeader button.closeModal{height: 43px; background-position: -234px -40px;border-left: none;}
.bnClass .modal-new2 .modalContent .modalBody.type05{padding-top: 0px;}
.bnClass .modal-new2 .scrollSelectList{width: 150px;float: left;min-height: 240px;margin-bottom: 0px;}
.bnClass .modal-new2 .scrollSelectList ul.list{padding: 0px; height: 240px; border: 1px solid #efefef;}
.bnClass .modal-new2 .scrollSelectList ul.list li.item a{font-size: 12px; color: #666666;line-height: 20px;padding: 5px 0px 5px 12px;}
.bnClass .modal-new2 .scrollSelectList ul.list li.item a.selected{ background: #f9f9f9;color: #111111; font-family: 'notokr-bold', sans-serif;border-left: 5px solid #1F8BD8; padding-left: 7px;}
.bnClass .modal-new2 .scrollSelectList ul.list li:last-child a{overflow: hidden;}
.bnClass .modal-new2 .scrollSelectList ul.list li:last-child img,
.bnClass .modal-new2 .scrollSelectList ul.list li:last-child span{float: left;}
.bnClass .modal-new2 .scrollSelectList ul.list li:last-child img{margin: 3px 2px 0px 0px;}
.bnClass .modal-new2 .selectCon{float: left;width: calc( 100% - 151px );min-height: 239px;background-color: #FBFBFB; border-top: 1px solid #efefef; border-right: 1px solid #efefef;}
.bnClass .modal-new2 .selectCon .scConbox{height: 190px;display: none;}
.bnClass .modal-new2 .selectCon .scConbox.current{display: block;}
.bnClass .modal-new2 .selectCon .scConbox p{font-size: 12px; padding: 10px;}
.bnClass .modal-new2 .selectCon .scConbox p.quoStyle{padding: 8px 10px 7px 10px; border-bottom: 1px solid #efefef;}
.bnClass .modal-new2 .selectCon .scConbox p.quoExam{color: #165C92;margin-top: 5px;}
.bnClass .modal-new2 .selectCon .btnWrap{height: 49px;overflow: hidden;padding: 12px 13px; border-top: 1px solid #efefef;   border-bottom: 1px solid #efefef;}
.bnClass .modal-new2 .downloadBox:before{content: "";display: block; clear: both;}
.bnClass .modal-new2 .fRadio input[type="radio"]:checked + label:before,
.bnClass .modal-new2 .fRadio input[type="radio"]:checked + label:after,
.bnClass .modal-new2 .fRadio input[type="radio"] + label:before,
.bnClass .modal-new2 .fRadio input[type="radio"] + label:after{display: none;}
.bnClass .modal-new2 .fRadio + .fRadio{margin-left: 0px;}
.bnClass .modal-new2 .fRadio {display: block; float: left;}
.bnClass .modal-new2 .fRadio input[type="radio"] + label{width: 35px; height: 24px; border: 1px solid #ccc; text-align: center; line-height: 24px;font-size: 12px;background-color: #fff;}
.bnClass .modal-new2 .fRadio:nth-child(2) input[type="radio"] + label{border-left: none;}
.bnClass .modal-new2 .fRadio input[type="radio"]:checked + label{background-color: #666666;color: #fff;}
.bnClass .modal-new2 .selectCon .btnWrap .bw-r button{width: 89px;height: 24px;background-color: #4c86b6;border: 1px solid #4c86b6 !important;color: #fff;text-align: center;float: right;}
.bnClass .modal-new2 .selectCon .btnWrap .bw-r button:hover {background-color: #3d6b92;border: 1px solid #3d6b92 !important;}


.bnClass .modal-new2 .downloadBox{border: none;padding: 0px;}
.bnClass .modal-new2 p.tit{margin-top: 20px; margin-bottom: 11px;padding-left: 10px;}
.bnClass .modal-new2 .downloadBox p.btnGroup{padding: 13px 10px 8px 10px;border: 1px solid #efefef; }



/*추천논문모달*/
.bnClass .recomWrap {position: fixed; display: none; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.2);top: 0px;left: 0px;z-index: 999; overflow-y: scroll;}
.recomWrap #pub_modalRecommendThesis {max-width: 840px; left: 354.5px; top: 300px; display: block; position:absolute; z-index: 999;}
.recomWrap #pub_modalRecommendThesis .toggleWrap .toggleControl{border-color: #efefef;}
.recomWrap #pub_modalRecommendThesis .modal .toggleWrap .toggleBody{border-color: #efefef;}
.recomWrap #pub_modalRecommendThesis .modalContent .modalHeader{padding: 13px 20px 13px 20px;}
.recomWrap #pub_modalRecommendThesis .modalContent .modalHeader .tit{font-size: 18px;font-family: 'notokr-bold', sans-serif;}
.recomWrap #pub_modalRecommendThesis .modalContent .modalHeader button.closeModal,
.recomWrap #pub_modalRecommendThesis .modalContent .modalHeader button.close{background: url('/images/common/min_close.svg') no-repeat;width: 23px; height: 23px;float: right;position: inherit;border: none;}
.recomWrap #pub_modalRecommendThesis .toggleWrap .toggleBody{padding: 10px 10px 0px 10px;}
.recomWrap #pub_modalRecommendThesis .modalContent .modalBody.type06{padding-top: 0px;}
.recomWrap #pub_modalRecommendThesis .searchList ul.listWrap li.item:first-child {border-top: 1px solid #efefef;}
.recomWrap #pub_modalRecommendThesis .searchList ul.listWrap li.item {padding: 20px 150px 17px 0px; border-bottom: 1px solid #efefef;}
.recomWrap #pub_modalRecommendThesis .searchList ul.listWrap li.item:last-child{margin-bottom: 10px;}
.recomWrap #pub_modalRecommendThesis .searchList ul.listWrap li.item dl dt{color: #165C92;padding-bottom: 5px; line-height: 18px;}
.recomWrap #pub_modalRecommendThesis .searchList ul.listWrap li.item dl dt a{font-size: 12px; line-height: 24px;color: #666;}
.recomWrap #pub_modalRecommendThesis .searchList ul.listWrap li.item .btnGroup{margin: 0px;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .btnGroup  button.gSelected{padding: 0px;border: none!important;top: -3px;right: 34px;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .btnGroup  button.gSelected:hover{box-shadow: none;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .btnGroup  button.gSelected span:before{display: none;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend {margin-bottom: 0px;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .btnGroup  button.btnDown{width: 89px; height: 29px;border-radius: 3px; border: 1px solid #ccc;bottom: 16px; right: 0px;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .btnGroup  button.btnDown span{font-size: 12px; color: #666666; font-family: 'notokr-medium', sans-serif;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .btnGroup  button.btnIconB span.bookmark{	border: none!important;width: 23px!important;height: 32px!important;background: url('/images/common/listmark-off.svg') no-repeat center; display: block;padding: 0px!important;top: -3px;background-color: transparent!important; right: 31px; background-size: 23px 32px;padding: 0px!important; border: none!important;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .btnGroup button.btnIconB.on span.bookmark{background: url('/images/common/listmark-on.svg') no-repeat;}



/*210503 북마크 버튼 포함 툴팁*/
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookToolAll{position: absolute;width: 120px;height: 60px;border: 1px solid #9DC7E5;border-radius: 4px;color: #1F8BD8;font-family: 'notokr-medium', sans-serif;font-size: 13px;line-height: 1.4;padding: 12px 7px;background-color: #fff;   top: -16px;right: 62px;display: none;    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-1{border-color: #9DC7E5;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-2{border-color: #E39E95;color: #111111;padding: 12px 15px;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-3{border-color: #C8C8C8;color: #111111;padding: 12px 12px;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookToolAll span:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -11px;top: 25px;border-width: 0 7px 7px;transform: rotate(90deg);}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookToolAll span:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -10px;top: 25px;border-width: 0 7px 7px;transform: rotate(90deg);}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-1{border-color: #9DC7E5;padding: 12px 3px; padding-left: 10px;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-1 span:after{border-bottom-color: #fff;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-1 span:before{border-bottom-color: #9DC7E5;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-2 span:after{border-bottom-color: #fff;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-2 span:before{border-bottom-color: #E39E95;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-3 span:after{border-bottom-color: #fff;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-3 span:before{border-bottom-color: #C8C8C8;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-n{border-color: #9DC7E5; height: 40px;line-height: 1.2; padding: 12px 6px 12px 13px; top: -7px;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-n span:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -11px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-n span:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -10px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-n span:after{border-bottom-color: #fff;}
.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-n span:before{border-bottom-color: #9DC7E5;}
.recomWrap #pub_modalRecommendThesis .toggleWrap .toggleBody{border-color: #efefef;}





/*내서재*/
.bnClass .myBbtn{overflow: hidden;margin-top: 28px; position: relative; height: 45px;}
.bnClass .myBbtn .bot-line{border-bottom: 1px solid #CC4736; position: absolute;
bottom: 0px;width: 100%;}
.bnClass .myBbtn ul li {font-family: 'notokr-medium', sans-serif; font-size: 16px; color: #111111;width: 200px; height: 45px; line-height: 45px; text-align: center;float: left;border: 1px solid #efefef; position: absolute; cursor: pointer;z-index: 2; bottom: 0px;border-bottom: 1px solid #CC4736;}
.bnClass .myBbtn ul li.active{border-color: #cc4736;z-index: 3; border-bottom: 1px solid #fff;}
.bnClass .myBbtn ul li:nth-child(1){top: 0px; left: 0px;}
.bnClass .myBbtn ul li:nth-child(2){top: 0px; left: 199px;}


/*주의사항*/
.bnClass .notiArea ul.btnArea{border: 1px solid #efefef;}
.bnClass .notiArea ul li {font-size: 13px;color: #b5b5b5;font-family: 'notokr-regular', sans-serif;line-height: 24px;}



/*내서재 상단*/
.bnClass .headingArea{padding: 15px 0px 17px 0px;}
.bnClass .headingArea h2{ margin-right: 0px;font-family: 'notokr-medium', sans-serif; font-weight: inherit;}
.bnClass .headingArea span.desc{font-family: 'notokr-regular', sans-serif; color: #b5b5b5;}
.bnClass .notiArea .gRightBottom{width: 119px; height: 28px;border-radius: 3px;font-size: 12px; font-family: 'notokr-medium', sans-serif; border: 1px solid #ccc;}
.bnClass .notiArea .gRightBottom span{color: #666;}
.bnClass .searchArea .formGroup{background-color: #fafafa;}
.bnClass .formGroup p.tit{font-size: 13px;}
.bnClass .formGroup p button{ color: #666;border-radius: 3px; border: 1px solid #ccc; background-color: #fff;}
.bnClass .formGroup p button span{ color: #666; font-size: 12px;font-family: 'notokr-medium', sans-serif;}
.bnClass .formGroup p button:focus{border-color: #111; color: #111;}
.bnClass .formGroup p button:focus span{ color: #111;}
.bnClass .formGroup .gRight{background-color: #666!important; border: none; border-radius: 3px; height: 28px; min-height: 28px; max-height: 28px; top: 13px;}
.bnClass .formGroup .gRight span{font-size: 12px; font-family: 'notokr-medium', sans-serif;}
.bnClass .btnIconB span.quote:before{display: inline-block;content: "";margin: 0;vertical-align: middle;background: url(/images/common/trash.svg) no-repeat;margin-top: -4px;margin-right: 4px;background-position: center!important;}
.bnClass .btnIconB span.tresh:before{display: inline-block;content: "";margin: 0;vertical-align: middle;background: url(/images/common/bookquote.svg) no-repeat;margin-top: -4px;margin-right: 4px;background-position: center!important;}


/*210501 수정*/
.mybookP .searchArea .hasDatepicker{font-size: 13px; color: #B5B5B5;}
.mybookP .searchListArea .listHead{margin-bottom: 12px;}
.mybookP .searchListArea .listHead .btnGroup{margin-top: 8px; margin-left: -5px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox:last-child {margin-bottom: 0px;}

/*210430 display:inline-block; 수정*/
.mybookP .searchListArea .listBody ul.list li.item .listBox .typeWrap {padding: 0;margin-bottom: 7px;display: inline-block;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.data {color: #165C92;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .typeWrap ul.type li.use {color: #212121;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .titWrap h5 {font-size: 16px;font-weight: unset; font-family: 'notokr-medium', sans-serif; line-height: 22px; width: 100%;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .titWrap h5 a {color: #111;margin-right: 6px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox ul.info li {float: left;position: relative;padding: 0 6px 0 4px;color: #666;font-size: 13px;margin-bottom: 0px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox ul.info li:first-child {/* padding-left: 0px; */}
.mybookP .searchListArea .listBody ul.list li.item .listBox ul.info li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 9px;vertical-align:middle;background: #c8c8c8;}
.mybookP .searchListArea .listBody ul.list li.item .listBox ul.info li:last-child:after {display:none;}
.mybookP .searchListArea .listBody ul.list li.item .listBox p.abstract {padding: 0;font-size: 13px;color: #777777;line-height: 20px;margin-top: -1px;margin-bottom: 9px;max-height: 4.2em;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap {padding: 0;overflow: hidden;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup {float: left;padding-bottom: 5px;margin-right: 14px;}



/*210510 내서재  북마크 버튼 포함 툴팁*/
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookToolAll{position: absolute;width: 120px;height: 60px;border: 1px solid #9DC7E5;border-radius: 4px;color: #1F8BD8;font-family: 'notokr-medium', sans-serif;font-size: 13px;line-height: 1.4;padding: 12px 7px;background-color: #fff;   top: -16px;right: 62px;display: none;    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-2{border-color: #E39E95;color: #111111;padding: 12px 15px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-3{border-color: #C8C8C8;color: #111111;padding: 12px 12px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookToolAll span:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -11px;top: 25px;border-width: 0 7px 7px;transform: rotate(90deg);}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookToolAll span:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -10px;top: 25px;border-width: 0 7px 7px;transform: rotate(90deg);}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;padding: 12px 3px; padding-left: 10px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:after{border-bottom-color: #fff;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:before{border-bottom-color: #9DC7E5;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:after{border-bottom-color: #fff;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:before{border-bottom-color: #E39E95;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:after{border-bottom-color: #fff;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:before{border-bottom-color: #C8C8C8;}


/*210510 수정*/
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB {color: #666666;padding: 0px;  margin: 0px; width: 84px;height: 29px; border: 1px solid #C8C8C8; border-radius: 3px;position: absolute;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span{color: #666666;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span::before{display: none;!important}




/*210507 새로운 호버 북마크 추가*/
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-n{border-color: #9DC7E5; height: 40px;line-height: 1.2; padding: 12px 6px 12px 13px; top: -7px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -11px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -10px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:after{border-bottom-color: #fff;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:before{border-bottom-color: #9DC7E5;}



/*210510 버튼 표시변경*/
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .btnDownload{top: 45px;right: 0px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .btnPdfView{top: 80px;right: 0px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .quote{top: 115px;right: 0px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .bmList{border: none!important;width: 22px!important;height: 32px!important;background:url('/images/common/listmark-off.svg') no-repeat center; display: block;padding: 0px!important;top: -3px;background-color: transparent!important; right: 31px; background-size: 22px 32px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .bmList.on{background: url('/images/common/listmark-on.svg');}
.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span {font-size: 12px;}

/*210507 패딩 추가*/
.mybookP .searchListArea .listBody ul.list li.item:first-child .listBox {border-top: 1px solid #ececec;}
.mybookP .searchListArea .listBody ul.list li.item .listBox {border: none;border-bottom: 1px solid #ececec;padding: 26px 145px 33px 33px;padding-right: 145px;}
.mybookP .searchListArea .listBody ul.list li.item .listBox .fCheck {position: absolute;left: 0px;top: 24px;}


/*모달 가운데*/
.bnClass #pub_modalQuoteThesis{left: 50%!important; top: 50%!important; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin: inherit;height: inherit;}
.bnClass #pub_modalQuoteThesis .modal-content{margin: 0px;}

.bnClass #pub_modalQuoteThesis2{left: 50%!important; top: 50%!important; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin: inherit;height: inherit;}
.bnClass #pub_modalQuoteThesis2 .modal-content{margin: 0px;}







/*권호페이지*/


/*210526 권호 수정*/
.publicP .leftTwo div.dropdown > div.list{top: 32px;}

/*210602 패딩 라이트 추가*/
.publicP .headingArea.schDetail{padding: 0px; margin: 24px 0px 25px 0px; padding-right: 97px;}


.publicP .headingArea.schDetail h2{font-size: 24px; }

/*210602 위치변경*/
.publicP button.btnReport {position: absolute;right: 0;bottom: -22px;font-size: 12px;color: #898989;}


.publicP button.btnReport:after {display: inline-block;content: "";width: 5px;height: 9px;margin: -2px 0 0 5px;vertical-align: middle;background: url(https://cdn.dbpia.co.kr/static/images/search/search_sfix_icon.png) no-repeat 0 0;}

/*리스트 버튼*/
.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .bmList { border: none!important;min-width: inherit!important;width: 23px!important;max-width: inherit;height: 32px!important;    background: url(/images/common/listmark-off.svg) no-repeat center;display: block;padding: 0px!important;top: -3px;background-color: transparent!important;right: 31px;background-size: 22px 32px;position: absolute;}
.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .bmList:hover{box-shadow: none;}
.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB {color: #666666;padding: 0px;margin: 0px;width: 84px;height: 29px;border: 1px solid #C8C8C8;border-radius: 3px;position: absolute;}
.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .btnView{top: 45px;right: 0px;}
.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .downBtn,
.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .useBtn{top: 80px;right: 0px;}
.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span:before{display: none;}




/*북마크*/
.publicP .searchListArea .listBody ul.list li.item .listBox .bookToolAll{position: absolute;width: 120px;height: 60px;border: 1px solid #9DC7E5;border-radius: 4px;color: #1F8BD8;font-family: 'notokr-medium', sans-serif;font-size: 13px;line-height: 1.4;padding: 12px 7px;background-color: #fff;   top: -16px;right: 62px;display: none;    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookToolAll span:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -11px;top: 25px;border-width: 0 7px 7px;transform: rotate(90deg);}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookToolAll span:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -10px;top: 25px;border-width: 0 7px 7px;transform: rotate(90deg);}



.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2{border-color: #E39E95;color: #111111;padding: 12px 15px;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3{border-color: #C8C8C8;color: #111111;padding: 12px 12px;}


.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2{border-color: #E39E95;color: #111111;padding: 12px 15px;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3{border-color: #C8C8C8;color: #111111;padding: 12px 12px;}


.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;padding: 12px 3px; padding-left: 10px;letter-spacing: -1px;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:after{border-bottom-color: #fff;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:before{border-bottom-color: #9DC7E5;}

.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:after{border-bottom-color: #fff;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:before{border-bottom-color: #E39E95;}

.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:after{border-bottom-color: #fff;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:before{border-bottom-color: #C8C8C8;}



/*210518 호버 북마크*/
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-n{border-color: #9DC7E5; height: 40px;line-height: 1.2; padding: 12px 6px 12px 8px; top: -7px;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:before {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -11px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:after {position: absolute;width: 0;height: 0;display: inline-block;content: "";border-color: transparent;border-style: solid;right: -10px;top: 15px;border-width: 0 7px 7px;transform: rotate(90deg);}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:after{border-bottom-color: #fff;}
.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-n span:before{border-bottom-color: #9DC7E5;}



/*북마크 호버효과 pc에서만 되도록*/
@media (hover: hover) {
.bnClass .listBody ul.list li.item .listBox button.btnIconB:hover span.bookmark{background: url('/images/common/book-hover.svg'); background-size: 23px 32px;}
	

.bnClass .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.bmList:hover{box-shadow: none; background: url('/images/common/book-hover.svg'); border: none; background-size: 22px 32px;}
	
	
}
.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.bmList.on {background: url(/images/common/listmark-on.svg);}

/*중간타이틀*/
.publicP .searchListArea .listBody.schResult p.session{margin-top: 22px; margin-bottom: 20px;}
.publicP .searchListArea .listBody.schResult p.session span{color: #cc4736;}


/*페이징*/
.publicP .paging{ width: 100%;text-align: center;margin: 30px 0px 40px 0px; vertical-align: top}
.publicP .paging a{font-size: 13px;display: inline-block;vertical-align: top;line-height:20px;margin: 0px 5px;}
.publicP .paging a.active{color: #CC4736;}
.publicP .paging a img{display: block;}
.publicP .paging a.first,.paging a.next,.paging a.prev,.paging a.last{border: 1px solid #EFEFEF;border-radius: 20px; overflow: hidden;margin: 0px 3px;}


/*모든 권호 내서재 담기*/
.publicP .allBookmark button{width: 190px;height: 32px;border: 1px solid #ccc; border-radius: 3px;margin: 0 auto; display: block;padding-right: 0px!important;}

/*210519 수정*/
.publicP .allBookmark{ width: 100%; margin-top: 20px; margin-bottom: 25px;}
.publicP .allBookmark button:hover{box-shadow: 2px 2px 3px rgb(0 0 0 / 20%);}

.publicP .allBookmark button span{font-size: 14px; font-family: 'notokr-regular', sans-serif; color: #666666; }
.publicP .allBookmark button span:before{background: url(/images/common/bookmark.svg) no-repeat center!important;width: 11px;height: 15px;margin-right: 5px;margin-top: -2px;background-size: 11px!important;}

/*210502 페이지네이션 */
.bnClass .paginate a.viewMore {display: block;cursor: pointer;text-align: center;padding: 12px;color: #3c63e0;padding: 10px 0px;}
.bnClass .paginate a.viewMore span {font-size: 12px;color: #1F8BD8;}


/*210518 저자페이지 상단 */
.authorP .searchArea{overflow: inherit;border-bottom: 1px solid #efefef;}
.authorP .searchArea .checkGroup{padding: 0px; border:none; min-height: 64px;}
.authorP .fCheck input[type="checkbox"] + label:before{border-radius: 3px;}
.authorJournal .searchArea .checkGroup .chkwrap{display: inline-block;width: 496px; float: left;margin-right: 16px; padding: 0px 11px 0px 13px; position: relative;}
.authorJournal .searchArea .checkGroup .chkwrap:after{content: "";display: block; position: absolute; width: 1px; height: 13px; background-color: #ccc;top: 25.5px; right: 0px;}
.authorJournal .searchArea .checkGroup .chkwrap label{line-height: 64px;font-size: 14px;font-family: 'notokr-medium'. sans-serif; letter-spacing: 1px;}
.authorJournal .searchArea .checkGroup .chkwrap .fCheck + .fCheck{margin-left: 5px;}
.authorJournal .searchArea .checkGroup .chkwrap .fCheck input[type="checkbox"] + label:after{top: 24px;}
.authorJournal .searchArea .checkGroup .chkwrap li .fCheck input[type="checkbox"] + label:after{top: 2px;}
.authorP .searchDetailArea .upDown {display: none;text-align: center;display: block;margin: 25px 0px 20px auto;display: none;}
.authorP .searchDetailArea .upDown .udBtn{ background: url('https://cdn.dbpia.co.kr/static/images/search/bigUp.svg') no-repeat; background-size: auto; background-position: center;background-position: center;width: 11px;height: 7px;}
.authorP .searchDetailArea.sdAuthor.active .udBtn{background: url(https://cdn.dbpia.co.kr/static/images/search/bigDown.svg) no-repeat;background-size: auto;background-position: center;}


/*210518 저자페이지 상단 리스트*/
.authorP .headingArea.schDetail h2{font-size: 24px;}
.authorP .headingArea{display: block;}
.authorP .headingArea.schDetail.author{padding-bottom: 7px;margin-bottom: 6px;}
.authorP .headingArea.schDetail h2 .authorNum{display: block; overflow: hidden;margin-top: 7px;}
.authorP .headingArea.schDetail h2 .authorNum .num{line-height: 20px; font-size: 14px; color: #165C92; font-family: 'notokr-medium', sans-serif; display: block; float: left;}
.authorP .headingArea.schDetail h2 .authorNum .dot{height: 5px;display: inline-block;font-size: 26px; column-rule-color: #707070; display: block; float: left;height: 20px;line-height: 17px;margin: 0px 14px;}
.authorP .headingArea.schResult button.btnIconB:hover{box-shadow: 2px 2px 3px rgba(0,0,0,.2);}
.authorP .headingArea.schDetail button.btnApplyInterestAuthor{padding: 0px;border: 1px solid #ccc; border-radius: 3px; width: 72px; height: 32px;;margin-left: 0px; font-size: 13px; font-family: 'notokr-medium', sans-serif; color: #666666; right: 30px; top: inherit; bottom: 0px;}
.authorP .headingArea.schDetail button.btnApplyInterestAuthor span.bell{margin: 0px;}
.authorP .headingArea.schDetail button.btnApplyInterestAuthor span.bell:before {box-shadow: none;background: url(/images/common/search-result-off.svg) no-repeat;background-position: left center!important;margin-right: 3px;}
.authorP .headingArea.schDetail button.btnApplyInterestAuthor:hover span.bell:before{box-shadow: none;background: url(/images/common/search-result-on.svg) no-repeat; background-position: left center!important;}


/*210604 액티브*/
.authorP .headingArea.schDetail button.btnApplyInterestAuthor.active{ border-color: rgb(204,71,54)!important;}
.authorP .headingArea.schDetail button.btnApplyInterestAuthor.active span.bell{color: #CC4736;}
.authorP .headingArea.schDetail button.btnApplyInterestAuthor.active span.bell:before{box-shadow: none;background: url(/images/common/search-result-on.svg) no-repeat; background-position: left center!important;}




.authorP .headingArea.schDetail button.btnCertiAuthor{padding: 0px;border: 1px solid #ccc; border-radius: 3px; width: 92px; height: 32px;;margin-left: 0px; font-size: 13px; font-family: 'notokr-regular', sans-serif; color: #666666; right: 107px; top: inherit; bottom: 0px;}
.authorP .headingArea.schDetail button.btnMore{color: #666666;border: none!important;width: 20px;height: 32px;right: 0px;padding: 0px;margin: 0px;min-width: 20px; top: inherit; bottom: 0px;}
.authorP .headingArea.schDetail button.btnMore:hover{box-shadow: none;}
.authorP .headingArea.schDetail .opWrap{position: absolute; right: 0px;width: 120px;height: 60px;top: 57px;right: -120px;border: 1px solid #ccc;border-radius: 3px;box-shadow: 1px 1px 3px rgb(0 0 0 / 40%);}
.authorP .headingArea.schDetail .opWrap button{left: inherit; right: inherit; margin-left: 0px; display: block; height: 28px;width: 100%; text-align: center;font-size: 13px; font-family: 'notokr-medium', sans-serif;}
.authorP .headingArea.schDetail .opWrap button:hover{background-color: #ececec;}
.authorP .headingArea.schDetail .opWrap button.btnJointAuthor{top: 30px; left: 0px;}
.authorP .headingArea.schDetail .opWrap button.modiAuthor{top: 0px; left: 0px;}


.authorP .searchListArea .listHead{display: block; height: 38px;border-top: none;margin-bottom: 0px;}
.authorP .searchListArea .listHead .funcWrap{float: right;}
.authorP .searchListArea .listHead .funcWrap button,
.authorP .searchListArea .listHead .funcWrap .newSel{float: left;}
.authorP .searchListArea .listHead .funcWrap .newSel .select{width: 80px!important; height: 27px!important;}
.authorP .searchListArea .listHead .funcWrap .newSel .select-styled{font-size: 12px;width: 80px; height: 27px;line-height: 27px;}

.authorP .searchListArea .listHead .funcWrap button{width: 80px;height: 27px;border-radius: 3px; margin-right: 10px;}

/*210602 임폴턴트 추가 */
.authorP .listFoot{display: block!important;}


.authorP .searchListArea .paginate{border-top: none;}
.authorP .searchListArea .paginate a.viewMore span{ color: #666;}
.authorP .searchListArea .paginate a.viewMore span:after{background: url('https://cdn.dbpia.co.kr/static/images/search/bigDown.svg') no-repeat;}
.authorP .paging{display: none;}
.authorJournal .searchArea .checkGroup .chkwrap .chkSlide .slider .slick-list{margin: 0px -5px;}
.authorJournal .searchArea .checkGroup .chkwrap .chkSlide .slick-slide{margin: 0px 5px;}
.authorJournal .searchArea .checkGroup .chkwrap .chkSlide .slick-slide:first-child{margin-left: 0px;}




@media screen and (max-width:1400px){
	.bnClass .searchP .contents .contRight{width: calc(100% - 229px)!important;}
	.bnClass .searchP .searchCon .contents .contRight .section{width: 100%;}
	
	/*	210521 위치값 추가 */
	.bnClass .searchCon .inner{left: 0px;}
}




@media (min-width: 960px) and (max-width: 1147px){
	
	
	/*검색페이지 레이아웃*/
	.bnClass .searchP .searchCon .contents .contRight .section{width: 100%;}
	.bnClass .searchP .contents .contLeft{position: inherit;width: 229px;}
	.bnClass .searchP .contents .contRight{margin-left: 0px;}
	
	
	
	
	
	
	.bnClass .contents .contWrap.aside{width: calc( 100% - 220px );padding: 0px 0px 0px 25px!important;}
	
	.bnClass .contents .asideWrap{width: 210px;margin-right: 10px;}
	
	
	
	/*저자페이지*/
	.authorP .searchArea .checkGroup{min-height: 100px;}
	.authorJournal .searchArea .checkGroup .chkwrap{ width: calc( 100% - 318px );margin: 0px; padding: 0px; border-bottom: 1px solid #efefef;}
	.authorJournal .searchArea .checkGroup .chkwrap:after{display: none;}
	.authorJournal .searchArea .checkGroup .chkwrap label{line-height: 50px;}
	.authorJournal .searchArea .checkGroup .chkwrap .fCheck input[type="checkbox"] + label:after{top: 17px;}
	
	
	
	
}



@media screen and (max-width: 959px){
	/*헤더 수정*/
	
	.bnHead.sticky{padding: 0px!important;}
	.bnHead.sticky .gSearch{line-height: 1.2!important;}
	.bnHead .hdWrap{padding-right: 16px!important;}
	.bnHead .gUtil ul.list li.item .badgeMyStudy, 
	.bnHead .gUtil ul.list li.item .badge{min-width: inherit;min-height: inherit;padding: 1px 3px;left: 14px;line-height: 1.2;}
	.bnHead.sticky .gSearch .searchFrom{height: 37px;margin-bottom: 7px;}
	.bnHead.sticky .gSearch .searchFrom .gInputText input.search{height: 33px;}
	.bnHead.sticky .gSearch .searchFrom .btnSearch{height: 35px;}
	.bnHead .gUtil ul.list li.item a.link:before {background-size: auto 24px;height: 24px;}
	
	/*210526 수정*/
	.bnHead .gUtil ul.list li.item3{margin-left: 24px!important;display: block!important;}
	
	
    .bnHead .gUtil ul.list li.item1{display: none;}
	
	
	

	/*210614 추가*/
	.bnHead .gUtil ul.list li.item2{margin-left: 24px!important;}
	.bnHead .gUtil ul.list li.itemCommu{width: 40px; display: block;}
	.bnHead .gUtil ul.list li.itemCommu a {display: block; height: 23px; position: relative;}
	.bnHead .gUtil ul.list li.itemCommu a img{display: block;width: 40px;height: 23px;}
	.bnHead .gUtil ul.list li.itemCommu a .betaBox{width: 22px; height: 10px;background-color: #C93035;position: absolute; top: -5px; right: -8px; display: block; border-radius: 3px; text-align: center;}
	.bnHead .gUtil ul.list li.itemCommu a .betaBox .betaText{font-size: 10px;transform: scale(0.8);-webkit-transform: scale(0.8); color: #fff;display: block;line-height: 10px;}


	
	
	
	/*검색페이지 레이아웃*/
	
	.bnClass .searchP .contents .contRight{margin-left: 0px; width: 100%!important;}
	.bnClass .searchP .contents .contRight{margin-left: 0px; width: 100%!important;}
	.bnClass .searchP .searchCon .contents .contRight .section{width: 100%;}
	
	
	
	/*210518 추가*/
	.bnHead .gSearch .searchFrom {height: 37px;margin-bottom: 10px;}	
	.bnHead .gSearch .searchFrom .btnSearch {width: 37px;height: 35px;line-height: 35px;background-color: #c93035;}
		
	
	/*210525 추가*/
	.bnClass .searchListArea .listHead .fCheck {display: none;}
		
	/*내서재*/
	
	/*210526 수정*/
	.bnClass .myBbtn{margin-top: 0px; border-top: 10px solid #F6F6F6;height: 61px;}
	.bnClass .myBbtn ul li{width: 50%; position: inherit; float: left;border: none; font-size: 13px; font-family: 'notokr-regular', sans-serif;height: 50px; line-height: 50px;}
	.bnClass .myBbtn ul li:nth-child(2){left: 50%;}
	.bnClass .myBbtn .bot-line{border-color: #DCDCDC;}
	.bnClass .myBbtn ul li.active{border-bottom: 2px solid #CC4736; color: #CC4736;}
	
	.mybookP .headingArea{display: none;}
	.mybookP .notiArea ul.btnArea{margin: 16px; margin-bottom: 0px;}
	.mybookP .mybookP .notiArea .gRightBottom{display: none;}
	.mybookP .searchArea .formGroup{overflow: hidden;margin: 14px 16px 22px 16px;}
	.mybookP .searchArea .formGroup .tit{background-color: transparent;}
	.mybookP .searchArea .formGroup .btnArea{width: calc( 100% - 40px );float: left;}
	.mybookP .notiArea ul li{font-size: 10px; line-height: 18px;}
	.mybookP .searchArea .formGroup .btn.gRight{margin: 0px; float: left; width: calc( 10% - 2px );height: 32px; max-height: 32px; min-height: 32px;min-width: 40px; max-width: 40px;}
	.mybookP .searchArea{margin-bottom: 0px;}
	.mybookP .searchArea .hasDatepicker{border-radius: 3px; height: 32px;}
	.mybookP .formGroup .gRight span{display: block;margin: 0 auto; width: 24px; height: 12px;overflow: hidden;}
	.mybookP .searchListArea .listHead{display: none;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB{width: 60px; height: 24px;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB span{font-size: 10px;}
	
	
	/* 내서재 리스트	*/
	.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .btnDownload,
	.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .quote{position: inherit!important;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .fCheck.searchChk input[type="checkbox"] + label {display: none;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox{padding: 20px 16px 64px 16px!important;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .titWrap h5{font-size: 13px; font-family: 'notokr-medium', sans-serif; line-height: 20px;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox span.stats{float: left;margin-top: 10px;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap{float: right; margin-top: 10px;margin-right: 0px!important;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup{margin-right: 0px!important;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB{margin-right: 0px!important;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox span.stats .notice{display: block!important;margin-left: 0px; margin-top: 5px;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookToolAll{width: 266px;height: 72px;border: none;background-color: rgba(0,0,0,0.6);border-radius: 8px; color: #fff; position: fixed;top: inherit; bottom: 200px;z-index: 9999;left: 50%; transform: translateX(-50%);}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-2,
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-3{text-align: center;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 br,
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 br{display: none;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{position: absolute;width: 120px;height: 60px;border: 1px solid #9DC7E5;border-radius: 4px;color: #1F8BD8;font-family: 'notokr-medium', sans-serif;font-size: 13px;line-height: 1.4;padding: 12px 3px;background-color: #fff;   top: -16px;left: inherit; right: 0px;display: none;    box-shadow: 2px 2px 3px rgb(0 0 0 / 20%);pointer-events: none;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:after{border-bottom-color: #fff;}
	.mybookP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:before{border-bottom-color: #9DC7E5;}
	.mybookP .thesisDetailArea .reviewList ul.list li.item p.text{margin-top: 0px;}


	
	/*추천 논문 모달*/
	
/*	210521 패딩 수정 */
	.recomWrap #pub_modalRecommendThesis .searchList ul.listWrap li.item{padding-right: 85px;padding-top: 20px;}
	
	
	
	
	/*210521 수정*/
	.recomWrap #pub_modalRecommendThesis .searchList ul.listWrap li.item dl dt{font-size: 13px; font-family: 'notokr-medium', sans-serif;}
	.bnClass .searchList ul.listWrap li.item dl dd ul li{font-size: 11px;}
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .btnGroup button.btnDown{width: 60px; height: 24px;padding-top: 4px;margin-bottom: 0px; margin-right: 15px;}
	
	/*210521 추가*/
	.bnClass .searchList ul.listWrap li.item dl dd ul li:after{display: none;}
	.bnClass .searchList ul.listWrap li.item dl dd ul li:nth-child(1),
	.bnClass .searchList ul.listWrap li.item dl dd ul li:nth-child(3){display: none;}
	
	
	
	/*210521 추천논문 모*/
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .btnGroup button.btnDown span{font-size: 10px;}
	
	/*	210521 투명도 수정 */
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookToolAll{width: 266px;height: 72px;border: none;background-color: rgba(0,0,0,0.6);border-radius: 8px; color: #fff; position: fixed;top: 70%; z-index: 9999;left: 50%; transform: translateX(-50%);font-size: 16px;}
	
	
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-1{position: absolute;width: 120px;height: 60px;border: 1px solid #9DC7E5;border-radius: 4px;color: #1F8BD8;font-family: 'notokr-medium', sans-serif;font-size: 13px;line-height: 1.4;padding: 12px 3px;background-color: #fff;   top: -16px;left: inherit; right: 0px;display: none;    box-shadow: 2px 2px 3px rgb(0 0 0 / 20%);pointer-events: none;}
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-1{border-color: #9DC7E5;}
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-1 span:after{border-bottom-color: #fff;}
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-1 span:before{border-bottom-color: #9DC7E5;}
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item p.text{margin-top: 0px;}
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-2,
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-3{padding: 25px 15px;}
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-2 span:after,
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-2 span:before,
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-3 span:after,
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-3 span:before{display: none!important;}
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-2,
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-3{text-align: center;}
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-2 br,
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-3 br{display: none;}
	
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-2 br:after,
	.recomWrap #pub_modalRecommendThesis .searchList.recommend ul.listWrap li.item .bookTool-3 br:after{content: " ";}
	
	.bnClass .modal-new{height: 188px!important; top: 50%!important; transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 320px!important;}
	.bnClass .modal-new .modalContent .newQuoute{display: none;}
	.bnClass .modal-new .downloadBox{display: none;}
	.recomWrap #pub_modalRecommendThesis .paginate a{font-size: 12px;}
	.bnClass .modal-new .modalContent .quoteWrap button{display: none;}
	.bnClass .modal-new .modalContent .quoteWrap button.mob{display: block;background-color: #fff; color: #165C92;}
	.bnClass .modal .modalContent .modalHeader button.closeModal{background: url('/images/common/min_close.svg') no-repeat; background-position: center;}
	.bnClass .modal-new .modalContent .modalHeader .tit span{font-family: 'notokr-medium', sans-serif;}
	
	
	/*	210521 추가*/
	.recomWrap #pub_modalRecommendThesis{width: 90%!important;height: calc( 100% - 100px );margin: 50px auto;overflow-y: scroll;}
	.recomWrap #pub_modalRecommendThesis .modalContent .modalHeader .tit{font-size: 16px;font-family: 'notokr-medium', sans-serif; }
	.recomWrap #pub_modalRecommendThesis .modalContent .modalFooter{position: absolute; bottom: 0px;width: 100%;}
	.recomWrap #pub_modalRecommendThesis .modalContent .modalBody.type06 {padding-bottom: 50px;}
	.recomWrap #pub_modalRecommendThesis .toggleWrap .toggleControl span.comt {font-size: 13px;font-family: 'notokr-medium', sans-serif;}
	.bnClass .modal .toggleWrap .toggleControl a:after{background:url('https://cdn.dbpia.co.kr/static/images/search/bigUp.svg')no-repeat center!important;}
	.bnClass .modal .toggleWrap .toggleControl a.open:after{background:url('https://cdn.dbpia.co.kr/static/images/search/bigDown.svg')no-repeat center!important;;background-position: center!important;}
	/*이용수,피인용수 슬라이드*/
	.bnClass .jcarousel-wrapper .jcarousel ul.list{width: 200%!important;}
	.bnClass .jcarousel-wrapper .jcarousel ul.list li.item{width: 50%!important;}
	
	
	
	
	
	
	/* 210520 권호페이지 모바일*/
	/*210526 수정*/
	.publicP button.btnReport{display: none;}
	.publicP .searchListArea .listBody.schResult p.session{margin: 12.5px 16px;}
	.publicP .searchListArea .listBody.schResult p.session span:before{top: 7px;}
	.publicP .searchListArea .listBody.schResult p.session span{font-size: 13px;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB{ width: 64px; height: 24px;}
	.publicP .allBookmark{margin: 12px 0px;}
	.publicP .allBookmark button span{font-size: 10px;}
	.publicP .allBookmark button{width: 160px; height: 30px;}
	.publicP .allBookmark button span:before{width: 9px;height: 12px;    background: url(/images/common/bookmark.svg) no-repeat center!important; background-size: 9px 12px!important;margin-top: -1px;}
	.publicP .paging{display: none;}
	.publicP .paginate{display: block;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookToolAll{width: 266px;height: 72px;border: none;background-color: rgba(0,0,0,0.6);border-radius: 8px; color: #fff; position: fixed;top: 70%; z-index: 9999;left: 50%; transform: translateX(-50%);font-size: 16px;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{position: absolute;width: 120px;height: 60px;border: 1px solid #9DC7E5;border-radius: 4px;color: #1F8BD8;font-family: 'notokr-medium', sans-serif;font-size: 13px;line-height: 1.4;padding: 12px 3px;background-color: #fff;   top: -16px;left: inherit; right: 0px;display: none;    box-shadow: 2px 2px 3px rgb(0 0 0 / 20%);pointer-events: none;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-1{border-color: #9DC7E5;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:after{border-bottom-color: #fff;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-1 span:before{border-bottom-color: #9DC7E5;}
	.publicP .searchListArea .listBody ul.list li.item .listBox p.text{margin-top: 0px;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2,
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3{padding: 25px 15px;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:after,
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 span:before,
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:after,
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 span:before{display: none!important;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2,
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3{text-align: center;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 br,
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 br{display: none;}
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-2 br:after,
	.publicP .searchListArea .listBody ul.list li.item .listBox .bookTool-3 br:after{content: "    ";}
	
	
	
	
	
	
	
	
	/*210526 저자페이지*/
	.authorP .headingArea.schDetail h2{font-size: 16px; font-family: 'notokr-medium', sans-serif;margin-bottom: 0px;margin-top: 5px;}
	.authorP .headingArea.schDetail h2 .authorNum{margin-top: 3px;}
	.authorP .headingArea.schDetail h2 .authorNum .num{font-size: 12px; font-family: 'notokr-medium', sans-serif;}
	.authorP .headingArea.schDetail button.btnMore{display: none;}
	.authorP .headingArea.schDetail button.btnCertiAuthor{width: 86px; height: 27px; right: 16px;font-size: 12px; font-family: 'notokr-medium', sans-serif;bottom: 5px;}
	.authorP .headingArea.schDetail.author{margin-bottom: 0px;}
	
	/*210603 마진탑 제거*/
	.authorP .searchListArea .listHead{margin-bottom: 11px;border-top: none!important;}
	
	
    .authorP .searchDetailArea .upDown{display: block!important;}
    .authorP .searchArea {margin-bottom: 0px;border-bottom: none;}
    .authorP .layer2 .searchListArea .listHead{height: 98px; padding: 0px;margin-bottom: 0px!important;}
    .authorP .layer2 .searchListArea .listHead .btnGroup {width: auto;float: left;width: 100%;position: absolute;padding: 0px 16px;}
    .authorP .layer2 .searchListArea .listHead #btnBookmarkAll2{margin-top: 49px;}
	
	/*210526 저자논문*/
	.authorJournal .searchArea .checkGroup .chkwrap{width: calc( 100% - 32px );float: inherit;margin: 0px auto;padding: 0px;overflow: hidden;margin: 0px 16px;}
	.authorJournal .searchArea .formGroup p.tit{margin-bottom: 0px;}
	.authorJournal .searchArea .checkGroup .chkwrap:after{display: none;}
	.authorJournal .searchArea .checkGroup .chkwrap label{line-height: 50px;font-family: 'notokr-regular', sans-serif; font-size: 13px;}
	.authorJournal .searchArea .checkGroup .chkwrap .fCheck input[type="checkbox"] + label:after{top: 17px;}
	.authorJournal .searchArea .checkGroup .chkwrap .chkSlide{margin: 0px;}
}