@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;}

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

/*2021-04-06 메뉴 버튼 수정*/
/*210713 padding-top 변경*/
/* .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: 19px;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 메뉴 닫기 버튼 조정*/
/*210713 top 변경*/
.menuButton.active {position: fixed;top: 8px;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: #ef4348;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;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: 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;}
/* 2021.06.25 wrap 풀페이지를 위한 추가 클레스 */
.bnwarp{height: calc(100% - 347px);}
/* 2021.06.28 wrap 풀페이지를 위한 추가 클레스 */
.bnwarp2 {height: calc(100% - 347px + 157px);}
.inner {width: 100%;max-width: 1080px;margin:0 auto;}
.container {width: 100%;min-height: 100%;}
.container.bnclass3 {width: 100%;min-height:calc(100vh - 349px) ;}
.container.sticky {margin-top: 156px;}

/* 헤더 */
.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: #ef4348;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 #ef4348;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: #ef4348;text-indent: -9999px;vertical-align: bottom;}
.header .gSearch a.btnDetailSearch {display:inline-block;color: #ef4348;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: #ef4348;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: #ef4348;border-color: #ef4348;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: #ef4348;border-color: #ef4348;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: #ef4348;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: #ef4348;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: #ef4348;}
.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: #ef4348;}
.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(../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}

/* 20210727 추가 */
.footer .gTopNavi {position: fixed;right: 20px;bottom: 10px;display: block;z-index: 999;border-radius: 10px;overflow: hidden;}
.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;}
/* 2021-06-28 bnsysyem 추가 */
.headingArea.bnnoboder {border-bottom: none;}
.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: #db3a3f;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;}
.headingArea  .btn_list {font-size: 16px;display: block;color: #111;margin-bottom: 20px;}

/* 타이틀 */
.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: #ef4348;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("../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("../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: #ef4348;}
.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;}
.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 {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: #db3a3f;font-size: 12px;margin-top: 3px;width: 100%;}
.searchListArea .listBody ul.list li.item .listBox p.stop {color: #db3a3f;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: 220px;}

/* 폴더 추가 */
.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;}
/* <!-- 2021-06-28 class 추가 bxformsize --> */
.formArea.bxformsize{max-width: 409px; height: auto; margin: 0 auto; margin-bottom: 30px;}

.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;}
/* <!-- 2021-06-28 class 추가 bnstyleul --> */
.formGroup ul.bnstyleul {width: 100%;padding: 0 0px 0 0px;/* 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;}
/* <!-- 2021-06-28 class 추가 bnstyle --> */
.formGroup.bnstyleform{border: none;}

/* 서치 그룹 */
.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;}
/* <!-- 2021-06-28 class 추가 bnstylecenter --> */
.buttonArea .gRight.bnstylecenter {text-align: center;float: inherit;}

.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("../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("../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("../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: #ef4348;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: 393px;}
.modal .advancedSearchBox .gInputText input {font-family: 'notokr-regular', '돋움', Dotum, 새굴림, 한컴바탕, sans-serif;}

.modal .advancedCateBox {position: relative;border: 1px solid #e0e0e0;padding: 14px 10px 15px 154px;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;-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(../images/common/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: #db3a3f; 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:#EF4348;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(../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: #EF4348; 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(../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; background-color: #3c63e0;margin-top: 20px;}
.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;text-align: center;}
.loginArea .gLeft .snsLogin div.line_wrap span.line_or span.text_or{display: inline-block;font-size: 16px;line-height: 18px;color: white;}

.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(../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(../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:#EF4348;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(../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("../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(../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;}
	.container.sticky {margin-top: 91px;}  
}

@media (max-width: 959px) {/* 모바일: 최대 959 */
/* 모바일 내비게이션 */
.mobileNavgation {display: block;position: relative;}
/*2021-04-06 메뉴 버튼 위치 초정으로 인해 mobileNavgation display시 .menuButton도 같이 변경되게 수정*/
.menuButton {display: block;}

/* 전체 */
.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: #ef4348;}
.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!important;}
.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;}

/* 20210727 추가 */
.footer .gTopNavi {position: fixed;right: 21px;bottom: 135px;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 colgroup col:nth-child(3) {display: none;}
.tableLayout.notice table colgroup col:nth-child(4) {display: none;}
.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: 143px;}

.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 추가*/
/*2021.06.16 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;}

/*큐레이션*/
#cura_list_section{padding: 0 13px 0 13px;}

}



/* 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("../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("../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("../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:#ef4348}
.popup_tooltip .btn_link.link_arrow,
.popup_tooltip .btn_next.link_arrow{padding-right:35px;background:#ef4348 url("../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:#ef4348;font-weight:700}

.popup_tooltip.tooltip_memo{width:370px}

.popup_tooltip.tooltip_tip,
.popup_tooltip.tooltip_new, .popup_tooltip.tooltip_news,
.popup_tooltip.tooltip_quote{position:fixed;right:-500px;bottom:135px;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("../images/popuptooltip/icon_menu_01.png") no-repeat -5px top}
.popup_tooltip .slide_area .tooltip_text.icon_02{background:url("../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("../images/popuptooltip/icon_menu_03.png") no-repeat 7px top}
.popup_tooltip .slide_area .tooltip_text.icon_04{background:url("../images/popuptooltip/icon_menu_04.png") no-repeat left top}
.popup_tooltip .slide_area .tooltip_text.icon_05{background:url("../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}


/* 210723 배너수정 */
.popup_tooltip.tooltip_news {right:20px !important;bottom:140px;width: auto;height: auto;border: 0 solid #000;box-shadow: none;background:none;}
.popup_tooltip.tooltip_news .btn_close{display:block;position:absolute;right:10px;top:10px;width:16px;height:16px;text-align:left;text-indent:-9999px;background:url("https://nurimedia-upload.s3.ap-northeast-2.amazonaws.com/service/popup/ico_close.png") no-repeat center center;z-index:10}
.popup_tooltip.tooltip_news .slide_area {width: 70px;height: 120px;margin:0; overflow: visible;background: transparent;position: absolute;right:0;bottom:0;}
.popup_tooltip.tooltip_news .close_today {background:#fff;width: 100%;}
.popup_tooltip.tooltip_news img {display: block;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.1);}
.popup_tooltip.tooltip_news .imgBanner {z-index: 2; width: 340px;height: 160px;-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-o-transition:transform 0.5s,opacity 0.5s;transition:opacity 0.5s,-webkit-transform 0.5s;transition:transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-radius: 3px;}
.popup_tooltip.tooltip_news .imgBanner img {border-radius: 3px;}
.popup_tooltip.tooltip_news .imgThumb {z-index:1;width:70px;height:120px;opacity:1;}
.popup_tooltip.tooltip_news .imgThumb img {position: absolute;right:0;bottom:0;border-radius: 10px;}
.popup_tooltip.tooltip_news .btn_close_for_today {padding:3px;color:#666;font-size: 13px;opacity: 0;box-sizing:border-box;display: inline-block;}
.popup_tooltip.tooltip_news.wide .slide_area {width: 340px;height: 160px; }
.popup_tooltip.tooltip_news.wide .imgThumb {opacity:0;}
.popup_tooltip.tooltip_news.wide .imgBanner {-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.popup_tooltip.tooltip_news.wide .btn_close_for_today {-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;opacity: 1;}

/* 툴팁 */
.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:#db3a3f}

.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;} */
	
	/* 20210727 추가 */
	/* #nodeDetailFloBa{bottom: 70px; width: 90%; height: 58px;left:50% !important; transform: translateX(-50%);background: rgba(0,0,0,.5);} */
	#nodeDetailFloBa{bottom: 70px; width: 308px; border-radius: 5px; height: 58px;left:50% !important; transform: translateX(-50%);background: rgba(0,0,0,.5);}
	
	/* 210723 배너수정 */
	/* 20210727 추가 */
	.popup_tooltip.tooltip_news {right:20px !important;bottom:140px;width: auto;height: auto;border: 0 solid #000;box-shadow: none;background:none;}
	.popup_tooltip.tooltip_news .slide_area {width: 100%;height: 58px;margin:0; overflow: visible;background: transparent !important;}
	.popup_tooltip.tooltip_news.wide .slide_area {width: 100%;height: 58px; }
	.popup_tooltip.tooltip_news img {display: block;position: absolute;right:0;bottom:0;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.1);}
	.popup_tooltip.tooltip_news .btn_close_for_today {padding:3px;background:#fff;color:#666;font-size: 13px;opacity: 1;position: absolute;left:0;bottom:-21px;}
	.popup_tooltip.tooltip_news .imgThumb {display: none;}
	.popup_tooltip.tooltip_news .imgBanner {width: 100%;height: 58px;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
	.popup_tooltip.tooltip_news .imgBanner img {width: 308px;height: 58px;border-radius: 3px;margin:0 auto;position: static;}
	.popup_tooltip.tooltip_news.wide .btn_close_for_today {-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;opacity: 1;}
	.popup_tooltip.tooltip_news .btn_close {width: 40px;height: 58px;top:0;right:0; background: url("https://nurimedia-upload.s3.ap-northeast-2.amazonaws.com/service/popup/ico_close2.png") no-repeat center center / 15px;}
		
}









/*비엔시스템 추가*/



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

/*210518 보더레디어스 추가*/
/* 210713  주석처리*/
/* .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 햄버거버튼 사이즈 조정*/
/* 210713  주석처리*/
/* .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 탑 거리 변경*/
/* 210713  주석처리*/
/* .bnHead .menuButton span:before {top: -9px;} */
/* .bnHead .menuButton span:after {top: 9px;} */

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

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

/*210427 패딩 수정*/
/* 210713  주석처리*/
/* .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;/* border-bottom: 1px solid #efefef; */}


/*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;}

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


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


/*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 컬러변경*/
.bnHead .hdTop ul li a {font-family: 'notokr-medium', sans-serif;font-size: 12px;color: #666;letter-spacing: -0.15px;display: block;line-height: 1.3;}


.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 #ef4348;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: #ef4348;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: #ef4348;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('../images/common/mybook.svg') no-repeat top center;}

/*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: #ef4348;border-color: #ef4348;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: #ef4348;border-color: #ef4348;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: #cc4736;margin-left: 15px;}
.bnClass .searchListArea .listBody ul.list li.item .listBox span.stats .notice

/*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 #efefef; 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 8px;}
.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; border: 1px solid #efefef;}

/*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으로 수정*/
	/*210713 padding 삭제*/
	.bnClass .inner {margin:0 auto;}


	/* 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 {padding-top: 99px;}

	.bnHead .hdTop {display: none;}

	/*210427 패딩 값 변경*/
	/*210428 패딩 값 변경*/
	/*210713 padding 41px 16px 0 16px > 41px 0 0 0변경*/
	.bnHead .hdWrap {padding: 41px 0 0 0!important;}

	.bnHead .hdWrap .organLogo {display: none;}

	/*210427 모바일 간격 조정*/
	/*210428 모바일 마진 조정*/
	/*210713 left 16px > 0px변경*/
	.bnHead .hdWrap h1 {left: 0px;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: #ef4348;}



	.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 위치값 수정	*/
	/* 210713 right 61px > 50px 수정*/
	/* 210714 right 수정*/
	.bnHead .gUtil {margin-top: 0px;right: 47px;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!important;}


	/*  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;}
	
	/* 210812 아이와즈 */
/* 	.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB{width: 60px; height: 24px; margin-right: 0px!important;} */
	.bnClass .searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB{width: 60px; height: 24px; margin-right: 0px;}

	/*	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;}
	
	/* 210812 아이와즈 */
	/* 	.btnPdfView.pdfView{position: inherit;margin: 5px 3px 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; position: inherit !important;}

	/*	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; }
/*20210714 수정*/
.bnHead .gUtil ul.list li.item2{margin-left: 15px!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;}

/*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; top : 0px; border-bottom: 1px solid #efefef;}
.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;}

/* 20210719 검색페이지 수정 */
.bnClass .searchCon .newInner { 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: -1px;right: 34px; position: absolute;}
.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; position: absolute;}
.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;}
#sidebar > div > ul > li > a > b.new_red {color: red;position: relative;top: -11px;left: 3px;font-size: 12px;}


/*주의사항*/
.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-bold', 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; border-top: 1px solid #ececec;}

/*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: 45px;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(../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 8px;}
.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('../images/search/bigDown.svg') no-repeat; background-size: auto; background-position: center;background-position: center;width: 11px;height: 7px;}
.authorP .searchDetailArea.sdAuthor.active .udBtn{background: url(../images/search/bigUp.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: 0px;margin-bottom: 8px;}
.authorP .headingArea.schDetail h2 .authorNum{display: block; overflow: hidden;margin-top: 10px;}
.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: 12px; 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: 12px; 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('../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;}
	
	/* 20210727 추가 */
	.popup_tooltip.tooltip_new .btn_close_for_today:hover {text-decoration: underline;}
	
	
	
	.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;}
	/* 210713 padding-right: 16px > 0px 수정*/
	.bnHead .hdWrap{padding-right: 0px! 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 수정*/
	/*210714 수정*/
	.bnHead .gUtil ul.list li.item3{margin-left: 15px!important;display: block!important;}
	
	
    .bnHead .gUtil ul.list li.item1{display: none;}
	
	.bnHead li.item1{list-style: none; margin-lefr:13px!important;}
	.bnHead li.item1 .jounalTop{margin-left: 13px;}	
	/*검색페이지 레이아웃*/
	
	.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%;}
	
	.bnClass .searchCon .newInner { max-width: 1225px; position: relative; left:0px;}
	
	
	
	/*210518 추가*/
	.bnHead .gSearch .searchFrom {height: 37px;margin-bottom: 10px;}	
	.bnHead .gSearch .searchFrom .btnSearch {width: 37px;height: 35px;line-height: 35px;background-color: #ef4348;}
		
	
	/*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: 4px!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 !important;}
	.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('../images/search/bigUp.svg')no-repeat center!important;}
	.bnClass .modal .toggleWrap .toggleControl a.open:after{background:url('../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 !important;}
	.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-bold', sans-serif;margin-bottom: 0px;margin-top: 5px;}
	.authorP .headingArea.schDetail h2 .authorNum{margin-top: 8px;}
	.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;}
}

/* 2021-06-24 2차 프로젝트 시작 bnsysyem*/
/* 2021-06-24 회원선택페이지 시작(index.html,indexen.html)*/

.contents.inner.bnsize {max-width: 1124px;}

/* 2021-06-28 회원가입페이지 */
.contents.inner.bnsize2 {max-width: 982px;}



/* 2021-06-24 회원선택박스 */
.bncontent {width: 100%; padding-bottom:50px;}
/* 2021-06-24 회원선택왼쪽박스 */
.bncontent .signtt {padding-top: 40px;font-size: 24px;font-family: notokr-bold;}
.bncontent .signselet {max-width: 600px;margin: 0 auto;display: flex; margin-top: 75px; }
.bncontent .signselet .nomalMember .checkicon {position: absolute; background:url(../images/common/redcheck.svg) no-repeat center center; width: 20px;height: 20px; top: 10px;left: 10px; display: none;}
.bncontent .signselet .nomalMember .checkicon.active {display: block;}
.bncontent .signselet .nomalMember {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 290px; height: 200px;  border-radius: 20px; position: relative; cursor: pointer; border: 1px solid #cccccc;user-select: none;}
.bncontent .signselet .nomalMember.active {border: 1px solid #DB3A3F; box-shadow: 0px 3px 6px #00000029;}
/* 2021-06-28 .bncontent .signselet .nomalMember .nicon수정 */
.bncontent .signselet .nomalMember .nicon {width: 29px;height: 24px;background: url(../images/common/menber.svg) no-repeat center center;background-size: 100%;}
.bncontent .signselet .nomalMember .nicon.active {width: 29px;height: 24px;background: url(../images/common/menberactive.svg) no-repeat center center;background-size: 100%;}
.bncontent .signselet .nomalMember .ntt {color: #999999; margin-top: 23px;font-size: 18px;font-family: notokr-bold; text-align: center; margin-bottom: 10px;}
.bncontent .signselet .nomalMember .ntt.active {color: #111111;}
.bncontent .signselet .nomalMember .nsubtt {line-height: 24px;font-family: notokr-regular; font-size: 13px; text-align: center;color: #999999; }
.bncontent .signselet .nomalMember .nsubtt.active {color: #111111;}

/* 2021-06-24 회원선택오른쪽박스 */
.bncontent .signselet .authorsMember .checkicon {position: absolute; background:url(../images/common/redcheck.svg) no-repeat center center; width: 20px;height: 20px; top: 10px;left: 10px; display: none;}
.bncontent .signselet .authorsMember .checkicon.active {display: block;}
.bncontent .signselet .authorsMember.active {border: 1px solid #DB3A3F; box-shadow: 0px 3px 6px #00000029;}
.bncontent .signselet .authorsMember {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 290px; height: 200px; border: 1px solid #cccccc; border-radius: 20px; margin-left: 20px; padding-top: 22px;position: relative; cursor: pointer;user-select: none;}
/* 2021-06-28 .bncontent .signselet .authorsMember .aicon수정 */
.bncontent .signselet .authorsMember .aicon {width: 32px;height: 28px;background: url(../images/common/acthors.svg) no-repeat center center;background-size: 100%;}
.bncontent .signselet .authorsMember .aicon.active {width: 32px;height: 28px;background: url(../images/common/acthorsactive.svg) no-repeat center center;background-size: 100%;}
.bncontent .signselet .authorsMember .att {margin-top: 23px;font-size: 18px;font-family: notokr-bold; text-align: center; margin-bottom: 10px;color: #999999;}
.bncontent .signselet .authorsMember .att.active {color: #111111;}
.bncontent .signselet .authorsMember .asubtt {font-family: notokr-regular; font-size: 13px; text-align: center; color: #999999; line-height: 24px;}
.bncontent .signselet .authorsMember .asubtt.active {color: #111111;}

/* 2021-06-24 회원선택 마지막 버튼 */
.bncontent .lastbuttom { width: 400px;height: 45px; border-radius: 3px; margin: 0 auto;text-align: center; background: #D5D5D5; margin-top: 53px; user-select: none;}
.bncontent .lastbuttom span {display: inline-block; font-size: 16px; font-family: notokr-regular; line-height: 45px; color: #ffffff;}
.bncontent .lastbuttom.active {background: #DB3A3F; cursor: pointer;}
/* 2021-06 25반응형위한 미디어쿼리 (max-width:959px) */
@media (max-width:959px){
	.bncontent .signtt { padding-top: 50px; font-size: 18px; padding-left: 16px;}
	.bncontent .signselet {flex-direction: column; margin-top: 50px;}
	.bncontent .signselet .nomalMember{margin: 0 auto;}
	.bncontent .signselet .authorsMember{margin: 0 auto;}
	.bncontent .signselet .nomalMember {margin-bottom: 20px;}
	.bncontent .lastbuttom { margin-top: 30px; height: 36px;}
	.bncontent .lastbuttom span {line-height: 36px;}
	.bnwarp {height: calc(100% - 264px)};
}
/* 2021-06 25반응형위한 미디어쿼리 (max-width:499px) */
@media (max-width:499px){
	.bncontent .signselet .nomalMember{width: calc(100% - 70px)}
	.bncontent .signselet .authorsMember{width: calc(100% - 70px)}
	.bncontent .lastbuttom { width: calc(100% - 32px); margin-bottom: 80px;}
}
/* 2021-06-24 회원선택페이지 끝*/

/* 2021-06-29 회원가입 pc화면 폰트크기 및 마진 조절 */
.headingArea.bnHead {padding: 40px 0 50px; margin: 0;}
.headingArea.bnHead h2 {font-size: 24px; margin: 0;}
.bntitletext p.bntt {font-size: 18px;}
.container .bninfotext {font-size: 16px; margin-bottom: 19px; display: block;}
.formGroup.bnstyleform {padding: 0 0 12px 0;}
.formArea.bxformsize {margin-bottom: 30px; max-width: 400px;}
.btn.large.bnstylebutton {max-width: 400px;}
.container.bnclass3 {width: 100%; min-height: calc(100vh - 347px);}
/* ----------------------------- */

/* 2021-06-29 회원가입 아이콘 수정 */
.pw.icon {background: url(../images/common/passicon.png) no-repeat !important; background-size: 100% 100% !important;}
/* ----------------------------- */


/* 2021-06-29 비밀번호 별모양으로 변경을위한 CSS 추가 */
/* 2021-06-30 비빌번호 별모양 처리 디크스로 변경 */
/* input[type="password"].fText.bnstyleinputhight {color: transparent;}
span.dummy { position: absolute; top: 20px; left: 52px; font-size: 13px;}  */
/* -------------------------- */

/* 2021.06.29 회원가입 반응형위한 미디어쿼리 해딩 사라짐 제거를 위한 추가 클레스 */
@media (max-width:959px){
.inner {padding: 0 16px;}
.headingArea.bnHead {padding: 40px 0 50px; margin-bottom: 0px; display: block;}
.container.bnclass3 {width: 100%; min-height: calc(100vh - 264px);}
.bntitletext {margin-bottom: 19px !important;}
.bntitletext p.bntt {font-size: 16px;}
.container .bninfotext {font-size: 14px !important; margin-bottom: 21px; display: block;}
}
/* -------------------------------- */

/* 2021-06-29 회원가입 이메일입력 칸 조절 수정 */
.fText.bnstyleinputhight.email1 {width: 51%; max-width: 204px;}
.fText.bnstyleinputhight.email2 {width: calc(50% - 23px); max-width: 177px; padding: 6px 9px 7px 5px;}
.email3 {text-align: center; width: 10.74px; box-sizing: border-box; display: inline-block; font-size: 13px !important; margin: 0 4px;}
/* ----------------------------- */

/* 2021-06-30 회원가입 이메일 셀렉트박스 크기 조절 
.fSelect.emailAddress2 {width: 100%; margin:4px 0 0 0;}
.fSelect.emailAddress2 span {padding: 0 12px; line-height: 50px;}
*/
/* ----------------------------- */

/* 2021-06-30 회원가입 폰트크기 및 보더 수정 */
.fSelect, .fText {font-size: 13px; border-radius: 3px;}
/* ----------------------- */

/* 2021-06-30 약관동의 생성*/
.agreeContainer {width: 100%; min-height: 242px; border-radius: 3px; border: 1px solid #ccc;}
.agreeContainer input[type="checkbox"] {width: 15px; height: 15px; margin-right:10px;}
.agreeContainer input[type="checkbox"].selectAll {width: 17px; height: 17px; margin-right:10px; margin-top: -1px;}

.agreeAll {width: 100%; height: 43px; line-height: 43px; padding-left: 10px; border-bottom: 1px solid #ccc; background: #FAFAFA;}
.agreeEach {width: 100%; height: auto; padding: 5px 10px 4px; overflow-x: hidden;}
.checkContainer {width: 100%; height: 38px; line-height: 38px; position: relative;}
/* 2021-07-20 .checkContainer .readMore line-hegith 수정 */
.checkContainer .readMore {width: 84px; height: 30px; line-height: 28px; display: inline-block; color: #999999; position: absolute; transform: translateY(-50%); top: 50%; right: 0; border: 1px solid #ccc; border-radius: 3px; text-align: center; cursor: pointer;}
.readMoreCon {width: 100%; height: 170px; overflow-x:hidden; overflow-y: scroll; padding: 10px; border: 1px solid #ccc; scrollbar-width: none; -ms-overflow-style: none; margin-bottom: 15px; margin-top: 5px; color: #666; display: none;}
.readMoreCon.showMore {display: block !important;}
.readMoreCon::-webkit-scrollbar {width: 0px; background: transparent;}
.agreeAll input[type="checkbox"]:checked {-webkit-appearance: none;   -moz-appearance: none; -o-appearance: none; appearance: none; background-color: #DB3A3F; position:relative;border-radius: 3px;}
.agreeAll input[type="checkbox"]:checked::after { text-align: center; color: #fff; position: absolute; font-weight: bolder; display:block;content:"";position:absolute;top: 0px;left: 0px;width:17px;height:17px; background: url(../images/common/checked.svg) no-repeat center; background-size: cover;}
.agreeEach input[type="checkbox"]:checked {-webkit-appearance: none;   -moz-appearance: none; -o-appearance: none; appearance: none; background-color: #DB3A3F; position:relative;border-radius: 3px;}
.agreeEach input[type="checkbox"]:checked::after { text-align: center; color: #fff; position: absolute; font-weight: bolder; display:block;content:"";position:absolute;top: 0px;left: 0px;width:15px;height:15px; background: url(../images/common/checked.svg) no-repeat center;}
/* ---------------------- */

/* 2021-06-30 기타 */
button.stepTwo {display: none;}
.inputPart2 {display: none}
.btn.large.bnstylebutton {background: #DB3A3F}
.btn.large.bnstylebutton:hover {background: #DB3A3F}
.formGroup ul li {margin-top: 4px;}
.formGroup.bnstyleform.lastForm {padding: 0}
.cal.icon {background: url('../images/common/cal.svg') no-repeat !important; background-size: 100% 100% !important;}
.mail.icon {background: url('../images/common/mail.svg') no-repeat !important; background-size: 100% 100% !important;}
.tel.icon {background: url('../images/common/phone.svg') no-repeat !important; background-size: 100% 100% !important;}
.bnpos1 {margin-top: 18px;}
.btn.large.bnstylebutton {border: none !important;}
.fText.bnstyleinputhight {background: transparent;}
.placeholder {z-index: -1;}

/* ------------------ */

/* 2021-06-30 반응형 버튼 크기 조절 */
@media (max-width:959px){
	.btn.large.bnstylebutton {height: 36px; line-height: 36px;}
	.btn.large.bnstylebutton .bnttsize {font-size: 14px;}
}

/* 2021-07-01 이메일 전송페이지 레이아웃*/
.contents.inner.bnsize3 {max-width: 1112px; padding: 0 16px;}
.justLine {width: 100%; height: 59px; border-bottom: 1px solid #DFDFDF; margin-bottom: 27px;}
.contentBox {width: 100%; /* border: 1px solid #EFEFEF; */ padding: 0 16px; box-sizing: border-box;}
.airbus {width: 100%; height: 78px; margin: 40px 0 20px; background: url('../images/common/airbus.svg') no-repeat center; background-size: 89px 78px;}
.sentText p {text-align: center; line-height: 35px; font-size: 24px; color: #111111; font-weight: bold;}
.sentAdd {display: flex; justify-content: center; align-items: center; margin: 13px 0 19px;}
.sentAdd span {padding: 9px 11px; color: #111111; background: #FAFAFA; border-radius: 3px; font-size: 18px; vertical-align: middle; line-height: 24px;}
.sentInfo {font-size: 18px; line-height: 26px; text-align: center;}
.sentInfo p:nth-child(1) {color: #DB3A3F; margin-bottom: 4px;}
.resendBt {display: block; height: 45px; width: 100%; max-width: 400px; border: 1px solid #DB3A3F; border-radius: 3px; font-size: 20px; color: #DB3A3F; line-height: 45px; text-align: center; margin: 32px auto 50px auto;}
/* --------------------------- */

/* 2021-07-01 이메일 전송페이지 반응형 960px 이하 */
@media (max-width:959px){
	.contentBox {margin-top: 30px;}
	.justLine {display: none;}
	.sentText p {font-size: 16px; line-height: 24px;}
	.sentAdd span {font-size: 16px}
	.sentInfo {font-size: 14px; line-height: 22px; word-break: keep-all;}
	.sentInfo p:nth-child(1) {margin-bottom: 20px;}
	.resendBt {font-size: 14px; height: 36px; line-height: 36px; margin: 20px auto 30px auto;}
}
/* -------------------------------------------- */

/* 2021-07-01 이메일 전송페이지 2 버튼위치 조정 */
.bnButtonPos {margin: 32px auto 50px; width: 100%; max-width: 500px; border-collapse: collapse; font-size: 0;}
.bnButtonPos button {height: 45px;}
.bnButtonPos button:nth-child(1) {display: block; width: 100%; background: #DB3A3F; border-radius: 3px; color: #ffffff; font-size: 20px; line-height: 45px; text-align: center; box-sizing: border-box;margin-bottom: 20px;}
.bnButtonPos button:nth-child(2) {display: block; width: 100%; margin-right: 4%; border: 1px solid #DB3A3F; border-radius: 3px; color: #DB3A3F; font-size: 20px; line-height: 45px; text-align: center; box-sizing: border-box;}
/* ------------------------------------------ */

/* 2021-07-01 이메일 전송페이지2 반응형 960px 이하 */
@media (max-width:959px) {
	.bnButtonPos {margin: 20px auto 30px; font-size: 0;}
	.bnButtonPos button {height: 36px; line-height: 36px !important; font-size: 14px !important;}
	/* .bnButtonPos button:nth-child(1) {display: inline-block; width: 36%; margin-right: 4%; border: 1px solid #DB3A3F; border-radius: 3px; color: #DB3A3F; font-size: 20px; line-height: 45px; text-align: center; box-sizing: border-box;}
	.bnButtonPos button:nth-child(2) {display: inline-block; width: 60%; background: #DB3A3F; border-radius: 3px; color: #ffffff; font-size: 20px; line-height: 45px; text-align: center; box-sizing: border-box;} */
}
/* -------------------------------------------- */

/* 2021-07-01 회원가입 완료페이지 */
@media (min-width:959px) {
	.joinComplete .topBox .comTitle.bnstyle {font-size: 24px;}
	.joinComplete .topBox .comText.bnstyle {font-size: 18px;}
	.joinComplete .topBox .btnStart.bnstyle {height: 45px; font-size: 18px; font-weight: 500; text-decoration: none; color: #fff; border-radius: 3px; background: #db3a3f; line-height: 45px; min-width: 400px;}
	.joinComplete .botBox .botTitle.bnstyle {font-size: 18px !important;}
	

}
/* ----------------------------- */

/* 2021-07-01 회원가입 완표페이지 반응형 */
@media (max-width:959px){
	.joinComplete .botBox .btnManual.bnstyle {width: 160px; margin-bottom: 12px;}
}
/* ----------------------------------- */

/* 2021-07-01 회원가입 완료페이지 모달 */
.bnModal {height: 100vh; width: 100vw; background: rgba(17,17,17,0.4); z-index: 10; position: fixed; top:0;}
.modalPadding {padding: 16px; width: 100%; max-width: 588px; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.modalContainer {width: 100%; height: 100%; background: #fff; position: relative;}
.modalNav {width: 100%; position: relative; height: 65px}
.modalDots {display:block; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); height: 12px; width: 100px;}
.modalDots span {display: inline-block; background: url('../images/common/commondot.svg') no-repeat; background-size: 100% 100%; height: 8px; width: 8px; position: absolute; top: 50%; transform: translateY(-50%);}
.modalDots span.active {width: 12px; height: 12px; background: url('../images/common/activedot.svg') no-repeat;}
.modalDots span:nth-child(1) {left: 0%}
.modalDots span:nth-child(2) {left: 33.33%}
.modalDots span:nth-child(3) {left: 66.667%}
.modalDots span:nth-child(4) {left: 100%}
.modalNav .closeButton {position: absolute; width: 18px; height: 18px; background: url('../images/common/xmark.svg') no-repeat; background-size: 100% 100%; top: 20px; left: 20px;}
.fanfare {background: url('../images/common/cong.svg') no-repeat; background-size: 100% 100%; height: 80px; width: 80px; margin: 0 auto 24px;}
.modalText1 {font-size: 22px; font-weight: bold; color: #111111; line-height: 32px; text-align: center;}
.emailContainer {display: flex; justify-content: center; align-items: center; margin: 20px 0 40px 0; font-size: 18px; line-height: 27px; color: #111111; text-align: center;}
.emailPos {border-radius: 3px; background: #FAFAFA; padding: 5px 24px; border-radius: 3px;}
.modalText2 {font-size: 16px; line-height: 27px; color: #111111; text-align: center; margin-bottom: 20px;}
.modalButtons {margin: 0 auto 20px; width: 100%; max-width: 380px;}
.twoButtons {width: 180px; height: 45px; border: 1px solid #DB3A3F; border-radius: 3px; background: #fff; color: #DB3A3F; text-align: center; line-height: 45px; font-size: 16px;}
.twoButtons.bnMargin {margin-right: 20px;}
.skipbutton {font-size: 14px; color: #999; line-height: 20px; text-align: center; padding-bottom: 50px;}
.radioBoxes {margin: 20px auto; width: 232px; font-size: 16px; color: #111; line-height: 38px;}
.buttonBottom {width: 400px; margin: 0 auto; padding-bottom: 10px;}
.oneButton {display: block; width: 100%; height: 45px; color: #fff; font-size: 16px; line-height: 45px; text-align: center; background: #DB3A3F; border-radius: 3px;}

/* ---------------------- */

/* 2021-07-02 셀렉트박스 화살표 변경 */
.email4 {-moz-appearance:none; -webkit-appearance:none;	appearance:none; background: url('../images/common/arrowdown.svg') no-repeat right;}
/* -------------------------------- */

/* 2021-07-02 회원가입 페이지 수정 */
.headingArea.bnnoboder.bnHead {z-index: 0;}
.fText.bnstyleinputhight:focus {border: 1px solid #999dff;}
.fText.bnstyleinputhight:focus + .icon {filter: sepia(100%) hue-rotate(190deg) saturate(500%) !important;}
.fText.bnstyleinputhight.email4:hover {border: 1px solid #999dff;}
.agreeContainer:hover {border: 1px solid #999dff;}
/* -------------------------------- */

/* 2021-07-02 회원가입 완료페이지 모달 */
.redRadio {height: 15px; width: 15px; margin-right: 10px; -moz-appearance:none; -webkit-appearance:none;	appearance:none; border: 1px solid #CCCCCC; border-radius: 50%;}
.redRadio:checked {border: 1px solid #DB3A3F; position: relative;}
.redRadio:checked::before {content:""; position: absolute; background: #db3a3f; width: 9px; height: 9px; border-radius: 50%; top: 2px; left: 2px;}
.gradeSelect {display: none; width: 400px; margin: 0 auto;}
.gradeSelect.show {display: block;}
.grageSelect h3 {font-size: 16px; color: #111; line-height: 24px;}
.grageSelect p {font-size: 13px; color: #999 !important; line-height: 19px;}
#gradeSelect {width: 100%; height: 39px; margin: 4px 0; border: 1px solid #CCCCCC; font-size: 13px; line-height: 39px; padding-left: 13px; border-radius: 3px;}
.valueBox {width: 400px; height: 46px; border: 1px solid #CCCCCC; margin: 20px 0; position: relative; padding-left: 13px; font-size: 13px; line-height: 46px;}
.removeValue {width: 13px; height: 13px; background: url('../images/common/xmark.svg') no-repeat; background-size: 100% 100%; position: absolute; right: 20.5px; top: 50%; transform: translateY(-50%); display: none; cursor: pointer;}
.removeValue.show {display: block;}
.skipbutton2 {font-size: 14px; color: #999; line-height: 20px; text-align: center; padding-bottom: 20px;}
.searchContainer {width: 354px; height: 39px; line-height: 39px; color: #CCCCCC; font-size: 13px; position: relative; margin: 20px auto 12px;}
.modalSearch {width: 100%; height: 100%;}
.modalText3 {width: 354px; margin: 0 auto; font-size: 13px; line-height: 21px; color: #ccc; height: 252px;}
.modalText3 .bnMargin {margin-bottom: 20px;}
.modalText3 .radioP {color: #111111; line-height: 19px;}
.searchContainer .searchOrgan {width: 100%;}
.searchContainer .searchOrgan .gInputText.schBox {width: 100%;}
.searchContainer .bnSearch {padding: 0px 0px 0px 13px !important; height: 39px !important; }
.icon.bnSearchIcon {height: 100% !important; width: 46px !important; text-align: right; line-height: 39px !important; background: url('../images/common/searchb.svg') no-repeat left center !important; }
.btnSearch.bnstyle {right: 14px !important;}
.majorContainer {width: 478px; margin:0 auto 20px; font-size: 0px;}
.bnh3 {font-size: 16px; line-height: 24px; color: #111; font-weight: bold; margin-bottom: 4px;}
.bnh3 span {color: #DB3A3F}
.bnMajor {width: 234px !important; height: 39px !important;}
.majorContainer .fSelect span {line-height: 39px !important;}
.interestContainer {width: 478px; margin:0 auto;}
.fSelect.major2.bnMargin {margin-left: 6px;}
.desc.pullRight.bnstyle{font-size: 13px !important; color: #999 !important; font-weight: 400 !important}
.tagBox.bnstyle {height: auto !important; border: 1px solid #CCCCCC !important; border-radius: 3px !important; margin-bottom: 22px; padding: 20px 16px !important;}
.tagBox.bnstyle .tag {font-size: 13px !important; line-height: 25px !important; color: #3E64E0 !important; padding: 3px 7px !important; border: 1px solid #8AA1EC !important;}
.tagBox.bnstyle .tag .del {display: inline-block !important; width: 13px !important; height: 13px !important; background: url('../images/common/subjcrorss.svg') no-repeat center 75% !important; background-size: 7px 7px !important; margin-left: 4px !important;}
.modalContentList {display: none;}
.modalContentList.show {display: block; animation: modalAppear 0.5s forwards;}
@keyframes modalAppear {
	0% {opacity: 0; top: 30px;}
	100% {opacity: 1; top: 0;}
}
/* .valueBox .selectedValue {} */

/* --------------------------------- */

/* 2021-07-06 ~ 07 저자회원가입 */
.addRow.bnstyle {padding: 0px;} 
.addRow.bnstyle li {width: 100%; padding-right: 46px; font-size: 0; position: relative; margin-bottom: 7px;}
.addRow.bnstyle li .fText.bnstyleinputhight.email1{width: 58%; max-width: 204px;}
.addRow.bnstyle li .fText.bnstyleinputhight.email2{width: calc(43.225% - 23px);max-width: 131.28px;}
.parentFont0 {font-size: 0 !important; margin-bottom: 12px;}
.addRow.bnstyle li button {position: absolute; top: 50%; right:0; transform: translateY(-50%);}
.addRow.bnstyle li button.plus {width: 36px !important; min-width: 36px !important; height: 36px; background: url('../images/common/emailAdd.svg') no-repeat center / 16px 16px; border: 1px solid #666666 !important; border-radius: 3px; margin: 0px !important;}
.addRow.bnstyle li button.minus {width: 36px !important; min-width: 36px !important; height: 36px; background: url('../images/common/emailLess.svg') no-repeat center / 16px 1px; border: 1px solid #666666 !important; border-radius: 3px; margin: 0px !important;}
.font13Red {font-size: 13px !important; color: #DB3A3F; margin-top: 4px;}
/* ---------------------- */


/* 2021-07-09 반응형 미디어 쿼리 추가 (김준수) */
@media (max-width:959px) {
	.modalText1{word-break: keep-all;}
	.emailContainer{font-size: 16px;}
	.modalText2{font-size: 14px;}
	.modalButtons{max-width: 328px; display: flex; width: calc(100% - 32px);}
	.buttonBottom{width: 100%;}
	.oneButton{width: calc(100% - 32px); margin: 0 auto; font-size: 14px;}
	.radioBoxes{font-size: 14px; }
	.valueBox{max-width: 400px; width: 100%;}
	.gradeSelect{max-width: 400px; width: calc(100% - 32px);}
	.searchContainer{width: calc(100% - 32px); max-width: 354px;}
	.modalText3{max-width: 354px; width: calc(100% - 32px);}
	.majorContainer{max-width: 479px; width: calc(100% - 32px);}
	.bnMajor{ width: 50% !important;}
	.fSelect + .fSelect {min-width: inherit !important; width: 50%; margin-top: 0;}
	.fSelect{ width: 47%;}
	.bnh3{margin-top: 20px;}
	.interestContainer{max-width: 478px; width: calc(100% - 32px);}
	.tabWrap .tab.vertical ul li a{padding: 7px 7px;}
	.tabWrap .tabContent ul{padding: 10px 6px 5px;}
	.tabWrap .tabContent ul li a{padding: 3px 0px 5px 0px;}
	.bnh3.bnresize {display: flex;flex-direction: column;}
}
/* ------------------------------------------ */

/* 2021-07-10 저자회원 연구분야 */
.fSelect.cate1.bnstyle {height: 50px; color: #CCCCCC; width: 41%; max-width: 145px; line-height: 50px;}
.fSelect.cate1.bnstyle span {line-height: 50px;}
.fSelect.cate2.bnstyle {height: 50px; color: #CCCCCC; width: 55%; max-width: 197px; line-height: 50px; margin-left: 4%}
.fSelect.cate2.bnstyle span {line-height: 50px;}
.bnstyleul .sub-title {color: #111; font-weight: bold; margin-top: 8px; display: block;}
.addRow.bnstyle .sub-title {color: #111; font-weight: bold; margin-top: 8px; display: block;}
.bnstyleul .sub-title .redStar {color:#DB3A3F;}
/* --------------------------- */

/* 2021-07-10 비밀번호 설명 문구 위치조정 */
.bnstyletipwrap .tooltip .desc.bottomRight{top: -12px !important; right: -267px !important;}
.bnstyletipwrap .tooltip .desc.bottomRight::before {right: 240px; top: 20px; transform: rotate(270deg);}
.bnstyletipwrap .tooltip .desc.bottomRight::after {right: 239px; top: 20px; transform: rotate(270deg);}
/* 2021-07-10 비밀번호 설명 문구 위치조정 */
@media (max-width: 959px){
	.bnstyletipwrap .tooltip .desc.bottomRight{top: 28px !important; right: -10px !important;}
	.bnstyletipwrap .tooltip .desc.bottomRight::before {right: 11px; top: -8px; transform: rotate(0deg);}
	.bnstyletipwrap .tooltip .desc.bottomRight::after {right: 11px; top: -7px; transform: rotate(0deg);}
}
/* ------------------------------------ */

/* 저자회원 프로그래스 바 */
.bnprogressBar {width: 164px; height: 3px; position: absolute; left: 50%; transform: translate(-50%, -26px);}
.bnprogressBar div {display: inline-block; width: 82px; height: 3px; background: #D5D5D5;}
.bnprogressBar div.active {background: #DB3A3F;}
/* -------------------- */
/* 2021-07-09 반응형 미디어 쿼리 추가 (김준수) */
@media (max-width:959px) {
	.modalText1{word-break: keep-all;}
	.emailContainer{font-size: 16px;}
	.modalText2{font-size: 14px;}
	.modalButtons{max-width: 328px; display: flex; width: calc(100% - 32px);}
	.buttonBottom{width: 100%;}
	.oneButton{width: calc(100% - 32px); margin: 0 auto; font-size: 14px;}
	.radioBoxes{font-size: 14px; }
	.valueBox{max-width: 400px; width: 100%;}
	.gradeSelect{max-width: 400px; width: calc(100% - 32px);}
	.searchContainer{width: calc(100% - 32px); max-width: 354px;}
	.modalText3{max-width: 354px; width: calc(100% - 32px);}
	.majorContainer{max-width: 479px; width: calc(100% - 32px);}
	.bnMajor{ width: 50% !important;}
	.fSelect + .fSelect {min-width: inherit !important; width: 50%; margin-top: 0;}
	.fSelect{ width: 47%;}
	.bnh3{margin-top: 20px;}
	.interestContainer{max-width: 478px; width: calc(100% - 32px);}
	.tabWrap .tab.vertical ul li a{padding: 7px 7px;}
	.tabWrap .tabContent ul{padding: 10px 6px 5px;}
	.tabWrap .tabContent ul li a{padding: 3px 0px 5px 0px;}
	.bnh3.bnresize {display: flex;flex-direction: column;}
}



/* 2021-07-12 기타 수정 */
.font13Gray {font-size: 13px !important; color: #ccc; margin-top: 4px;}
/* -------------------- */



/* 210726 내서재 영상 추가 */
.movie_list a:hover {text-decoration: none;}
.movie_list li {
    display: flex;
    margin-bottom: 70px;
}
.movie_list .movie_frame {
    width: 500px;
    height: 280px;
    position: relative;
    margin-right: 20px;
    background: url(../images/movie/ico_help.svg) no-repeat 50% 20% / 20%;
}
.movie_list .movie_frame img {
    width: 100%;
}
.movie_list .movie_frame p {
    position: absolute;
    top:60%;
    text-align: center;
    color: #111;
    font-size: 16px;
    width: 100%;
    font-family: 'notokr-medium', sans-serif;
}
.movie_list .movie_frame p b { font-weight: bold;}
.movie_list .movie_frame .time_txt {
    display: inline-block;
    padding:5px 15px 4px;
    color: #FFF;
    font-size: 12px;
    font-family: 'notokr-medium', sans-serif;
    background: rgba(0,0,0,.5);
    position: absolute;
    right:10px;
    bottom:10px;

}
.movie_list .movie_info {
    width:calc( 100% - 520px );
    padding-top: 20px;
}
.movie_list .movie_info .step {color: #111;font-size: 18px;font-weight: bold;}
.movie_list .movie_info .tit {color: #111;font-size: 18px;font-weight: bold;margin-top: 10px;}
.movie_list .movie_info .txt {color: #666;font-size: 14px;line-height: 26px;margin-top: 20px;padding-top:10px;border-top: 1px solid #111;}

.movie_view {}
.movie_view .tit {font-size: 20px;color: #111;font-weight: bold;}
.movie_view .txt {font-size: 16px;color: #111;}
.movie_view iframe {border: 0 solid #000;margin:10px 0;}
@media screen and (max-width: 1150px){
    .movie_list li {
        display: block;
    }
    .movie_list .movie_frame {
        width: 100%;
        height: auto;
        position: relative;
        margin-right: 20px;
        background: url(../images/movie/ico_help.svg) no-repeat 50% 20px / 10%;
    }
    .movie_list .movie_frame p {
        margin:100px 0;
        position: static;
    
    }
    .movie_list .movie_info {
        width:100%;
    }
    .movie_view .tit {margin-top: 20px;}
}



/*공통*/
.mt_0 {margin-top:0px;}
.mt_5 {margin-top:5px;}
.mt_10 {margin-top:10px;}

.mb_0 {margin-bottom:0px;}
.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}


.blinking{-webkit-animation:blink 0.75s ease-in-out infinite alternate;
		 -moz-animation:blink 0.75s ease-in-out infinite alternate;
		  animation:blink 0.75s ease-in-out infinite alternate;}
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }