@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;}

/* 모바일 내비게이션 */
.mobileNavgation {display: none;}

.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 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;}

.menuButton.active {position: fixed;top: 3px;right: -3px;}
.menuButton.active span {background: transparent;}
.menuButton.active span:before,
.menuButton.active span:after {top: 0;width: 19px;height: 1px;background-color: #111111;}
.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;position: fixed;bottom: 0;z-index: 9999;border-top: 1px solid #e7e7e7;width: 100%;padding: 14px 14px 15px;background: #ffffff;}
.menuPanel .menuFoot ul {position: relative;}
.menuPanel .menuFoot ul li {float: left;margin-right: 19px;}
.menuPanel .menuFoot ul li a {font-size: 14px;color: #3c63e0;font-family: 'notokr-medium', sans-serif;}
.menuPanel .menuFoot .gRight {position: absolute;right: 13px;right: 92px;right: 25.5%;bottom: 7px;}
.menuPanel .menuFoot button.btnEnglish {padding: 7px 12px 8px;}

.menuPanelOverlay {position: fixed;top: 0;z-index: 997;width: 100%;height: 100%;display: none;background-color: rgba(0, 0, 0, 0.35);cursor: pointer;}

/* 전체 */
body.modalOpen {overflow: hidden;}
.wrap {width: 100%;min-width: 320px;/* min-height: 100%; *//* height: 100%; */position: relative;z-index: 1;}
.inner {width: 100%;max-width: 1080px;margin:0 auto;}
.container {width: 100%;min-height: 100%;}

/* 헤더 */
.header {width: 100%;z-index: 200;position:relative;border-bottom: 1px solid #e7e7e7;}
.header .hdTop {padding-bottom: 15px;}
.header .hdTop:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.header .hdTop ul {overflow: hidden;float: right;padding-top: 15px;}
.header .hdTop ul li {float: left;position: relative;padding: 0 10px 0 9px;}
.header .hdTop ul li:last-child {padding-right: 0px;}
.header .hdTop ul li:after {position:absolute;top: 3px;right:0;display:block;content:"";width:1px;height: 10px;vertical-align:middle;background: #dddddd;}
.header .hdTop ul li:last-child:after {display:none;}
.header .hdTop ul li span.organ {font-size: 13px;color: #111111;font-family: 'notokr-bold', sans-serif;margin-top: -1px;padding-right: 1px;display: inline-block;}
.header .hdTop ul li span.person {font-size: 13px;color: #111111;font-family: 'notokr-bold', sans-serif;margin-top: -1px;padding-right: 0px;display: inline-block;}
.header .hdTop ul li span.person:before {display:inline-block;width: 13px;height: 13px;content:"";margin: -4px 5px 0 0;vertical-align: middle;background:url(../images/common/common_sfix_icon.png) no-repeat -100px -400px;}
.header .hdTop ul li span.person small {font-size: 12px;color: #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: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 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;}
.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 .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: 0;top: -2px;}
.footer .ftBot .ftRight ul.bn {overflow: hidden;}
.footer .ftBot .ftRight ul.bn li {float:left;margin-right: 9px;width: 100px;height: 34px;background-color: #ffffff;}
.footer .ftBot .ftRight ul.bn li:last-child {margin-right: 0px;width:34px;}
.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: cover;background-position:center center}

.footer .gTopNavi {position: fixed;right: 20px;bottom: 71px;display: none;z-index: 999;}
.footer .gTopNavi.bottom {bottom: 177px;}

/* 서브 메뉴 */
.lnbWrap {padding: 31px 39px 50px 0;width: 230px;}
.lnbWrap p.title {width: 100%;font-size: 20px;display: inline-block;color: #111;font-family: 'notokr-bold', sans-serif;border-bottom: 1px solid #e7e7e7;padding: 0 0 18px 0;}
.lnbWrap ul.lnb {padding: 0;}
.lnbWrap ul.lnb li.group {/* padding: 12px 0 11px 0; */border-bottom: 1px solid #e7e7e7;position: relative;}
.lnbWrap ul.lnb li.group a.tit {display: block;color: #111111;font-size: 16px;font-family: 'notokr-medium', sans-serif;padding: 12px 0 11px 0;position: relative;}
.lnbWrap ul.lnb li.group a.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;}

/* 슬림 스크롤 메뉴 */
.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;}
.slimScrollWrap ul li a.SCMenu:hover {text-decoration: none;}

.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;}

/* 제목 */
.headingArea {position: relative;padding: 32px 0 18px 0;border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;}
.headingArea h2 {font-size: 20px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif;}
.headingArea h2 .fSelect.lnb {font-size: 13px;margin-top: -3px;margin-left: 5px;text-align: left;border: none;font-family: 'notokr-regular', sans-serif;}
.headingArea h2 .fSelect.lnb:before {display:inline-block;content:"";margin: 0px 7px 0 0px;width:1px;height: 12px;vertical-align:middle;background: #cccccc;}
.headingArea h2 .fSelect.lnb span {position:absolute;top: 0px;left:0;display:block;padding: 0px 20px 0 10px;width: auto;height:100%;line-height: 27px;}
.headingArea h2 .fSelect.lnb span:after {position:absolute;top:50%;right: -5px;display:block;content:"";margin-top: -8px;width:18px;height:15px;background: url(../images/common/common_sfix_icon.png) no-repeat -50px -45px;box-sizing:border-box;}
.headingArea h2 .fSelect.lnb select {opacity:0;padding: 4px 9px 5px;width: auto;height:100%;/* -webkit-appearance:none; */-moz-appearance:none;filter:alpha(opacity=0);cursor:pointer;color: #333;font-size: 12px;}

.headingArea span.desc {font-size: 14px;display: inline-block;color: #999;font-family: 'notokr-demilight', sans-serif;}
.headingArea.noLine {border: none;}
.headingArea .gRight {position: absolute;right: 1px;bottom: 12px;}
.headingArea .btn + .btn {margin-left: 3px;}

.headingArea.schResult {position: relative;padding: 26px 0 7px 0;border-bottom: none;margin-bottom: 20px;}
.headingArea.schResult h2 {font-size: 21px;display: inline-block;color: #111;font-family: 'notokr-regular', sans-serif;font-weight: normal;margin-bottom: 10px;}
.headingArea.schResult span.count {font-size: 13px;display: block;color: #555555;font-family: 'notokr-demilight', sans-serif;}
.headingArea.schResult span.count strong {color: #3c63e0;}
.headingArea.schResult .gRight {position: absolute;right: 1px;bottom: 27px;}

.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;}

.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;}

/* 타이틀 */
.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: #3c63e0;position: relative;}
.tableLayout table.schDetail tbody td.num {font-family: 'notokr-medium', sans-serif;}
.tableLayout table.schDetail tbody td.mainColor {color: #3c63e0;}
.tableLayout table.schDetail tbody.nodata td {height:92px; text-align:center; color:#666;}

/* 게시판 - 검색 */
.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.author {display: block;color: #999999;}
.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;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: #3c63e0;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: 148px;}

.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;}

/* 패널 */
.panelArea {position: relative;}
.panelBox {border: 1px solid #e7e7e7;}
.panelBox .panelHeading {border-bottom: 1px solid #e7e7e7;padding: 13px 14px 13px;position: relative;}
.panelBox .panelHeading h3 {font-size: 16px;color: #111111;font-family: 'notokr-bold', sans-serif;}
.panelBox .panelBody {padding: 12px 15px 13px;}
.panelBox .panelBody p.desc {font-size: 14px;color: #111111;font-family: 'notokr-medium', sans-serif;line-height: 20px;}
.panelBox .panelBody p.date {font-size: 12px;color: #999999;margin-top: 7px;display: none;}
.panelBox + .panelBox {margin-top: 10px;}
.panelBox .panelBody p.desc + .formGroup {margin-top: 7px;}
.formGroup + p.date {margin-top: 9px !important;}

/* 폼 그룹 */
.formArea {margin-bottom: 40px;}
.formArea .comtBox {color: #000000;font-size: 14px;padding: 19px 0 11px;}
.formArea .comtBox.type02 {padding: 0px 0 15px;}
.formArea .comtBox.type03 {padding: 0px 0 20px;}
.formArea .comtBox.type03 ul li {font-size: 13px;color: #333;line-height: 20px;padding-left: 10px;position: relative;}
.formArea .comtBox.type03 ul li:before {position: absolute;left: 0px;top: 9px;display:inline-block;content:"";width:2px;height:2px;vertical-align:middle;background: #9b9b9b;}
.formArea span.necs {display: inline-block;color: #f04347;margin: 0 3px 0 3px;}
.formGroup {position: relative;padding: 10px 0px 9px 0px;/* overflow: hidden; */border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;min-height: 56px;}
.formGroup.box {padding: 10px 10px 9px 0px;border: 1px solid #e7e7e7;}
.formGroup + .formGroup {margin-top: -1px;}
.formGroup p.tit {position: absolute;left: 0;top: 0;background: #fafafa;min-width: 125px;height: 100%;padding: 10px 9px 10px 20px;color: #111111;font-weight: normal;font-size: 14px;line-height: 36px;}
.formGroup ul {width: 100%;padding: 0 0px 0 135px;/* overflow: hidden; */display: table;}
.formGroup ul li {float: left;margin-top: 10px;width: 100%;position: relative;font-size: 14px;/* display: table-cell; *//* vertical-align: middle; */}
.formGroup ul li:first-child {margin-top: 0 !important;}
.formGroup ul li.verMiddle {/* vertical-align: middle; *//* height: 35px; *//* line-height: 35px; */padding-top: 10px;margin-top: 10px;}
.formGroup ul li.verMiddle .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -1px;}
.formGroup ul li.comt {background: #e7e7e7;color: #696969;padding: 12px 15px;line-height: 22px;margin-top: 9px;}
.formGroup ul.btnArea {padding: 0 130px 0 135px;}
.formGroup ul.btnArea .fRadio + span.txt {margin-top: 1px;margin-left: 3px;vertical-align: middle;display: inline-block;}
.formGroup ul.checkArea {padding: 0 125px 0 135px;}
.formGroup ul li .grouping {float: left;margin-right: 15px;}
.formGroup ul li .grouping:last-child {margin-right: 0px;}
.formGroup ul li .grouping.date {padding: 4px 0 0;}
.formGroup ul li .grouping.date .btn + .btn {margin-left: 2px;}
.formGroup ul li .grouping + .grouping  {margin: 0;}
.formGroup ul li span.txtAlt {margin: 0 5px;}
.formGroup ul li span.txtHyphen {margin: 0 2px;}
.formGroup ul li span.txtDash {margin: 0 3px;}
.formGroup ul li span.verMiddle {/* margin-top: 100px; *//* padding-top: 100px; */}
.formGroup ul.addRow li {margin-top: 5px;}
.formGroup ul li .tagBox {padding: 0;border: none;margin-top: 0px;margin-bottom: -10px;}
.formGroup ul li .tagBox .tag {color: #3c63e0;display: inline-block;margin-right: 7px;margin-bottom: 10px;padding: 1px 7px 5px 7px;border: 1px solid #8aa1ec;font-family: 'notokr-bold', sans-serif;font-size: 13px;height: 25px;}
.formGroup .gRight {position: absolute;right: 10px;top: 10px;}
.formGroup .gRight.fCheck {right: 0px;top: 20px;}
.formGroup .gRight.fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -2px;}
.formGroup .gInputText .placeholder {margin-top: -8px;}
.formGroup .inputfileArea {border: 1px solid #c8c8c8;padding: 3px 3px 3px 71px;overflow: hidden;height: 35px;margin-right: 70px;}
.formGroup .inputfileArea .inputFileWrap {width: 65px;margin: 0px 0 0 0px;overflow: hidden;position: absolute;left: 4px;top: 4px;}
.formGroup .inputfileArea .inputFileWrap button.btnFile {height: 27px;padding: 5px 8px;border: 1px solid #c8c8c8;color: #777777;position: absolute;left: 0;top: 0;cursor: pointer;}
.formGroup .inputfileArea .inputFileHidden {opacity:0;filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);cursor:pointer;width: 200px;height: 27px;display: block;margin-left: -100px;}
.formGroup .inputfileArea .inputFileText {height: 27px;border: none;}
.formGroup .inputfileArea .fCheck {position: absolute;right: 0;top: 9px;}
.formGroup .inputfileArea .fCheck input[type="checkbox"] + label:after {top: 2px;-webkit-margin-before: -1px;}
.formGroup .captchaImg {width: 202px;height: 91px;border: 1px solid #cccccc;float: left;margin-right: 15px;}
.formGroup .captchaCont {float: left;padding-top: 7px;}
.formGroup .captchaCont span.comt {font-size: 12px;color: #111111;line-height: 19px;display: block;margin-bottom: 12px;}
.formGroup .captchaCont a.btnRefresh {font-size: 14px;color: #111111;margin-left: 7px;}
.formGroup .captchaCont a.btnRefresh:before {display:inline-block;width: 14px;height: 17px;margin: -4px 5px 0 0;content:"";vertical-align: middle;background: url(../images/common/common_sfix_icon.png) no-repeat -300px -300px;}

/* 서치 그룹 */
.searchFaqArea {margin-bottom: 20px;}
.searchFaqArea .searchGroup {position: relative;padding: 0 120px 0 0;}
.searchFaqArea .searchGroup .gRight {position: absolute; right: 0px; top: 0px;}
.searchFaqArea .searchGroup .gInputText .placeholder {position:absolute;top:50%;left: 13px;margin-top: -7px;color:#999;font-size:13px;}
.searchFaqArea .searchGroup .gInputText .fText {padding: 6px 11px 7px;width:100%;font-size: 14px;color: #111111;border: 1px solid #e7e7e7;outline: none;height: 34px;}

/* 스텝 */
.stepArea {position: relative;padding: 45px 0px 63px;border-bottom: 1px solid #e7e7e7;margin-bottom: 10px;}
.stepArea ol {overflow: hidden;/* display: table; */margin: 0 auto;max-width: 538px;width: 100%;}
.stepArea ol li {float: left;/* margin-left: 50px; */text-align: center;width: 33.33333333%;}
.stepArea ol li:first-child {margin-left: 0px;}
.stepArea ol li span {font-size: 14px; color: #666666;}
.stepArea ol li.selected span {color: #333333;}
.stepArea ol li span:before {display: block;width: 52px;height: 54px;margin: 0 auto 13px;content:"";vertical-align: middle;background:url(../images/common/common_step_icon.png) no-repeat;}
.stepArea ol li span.step1:before {background-position: 2px -100px;}
.stepArea ol li span.step2:before {background-position: -91px -98px;}
.stepArea ol li span.step3:before {background-position: -200px -90px;}
.stepArea ol li.selected span.step1:before {background-position: 2px 0px;}
.stepArea ol li.selected span.step2:before {background-position: -91px 2px;}
.stepArea ol li.selected span.step3:before {background-position: -200px 10px;}

/* 스크롤 박스 */
.scrollArea.clause {border-top: 2px solid #000000;border-bottom: 1px solid #999999;padding: 23px 22px;margin-bottom: -5px;max-height: 189px;overflow-y: scroll;}
.scrollArea.clause p {margin-bottom: 18px;color: #666666;font-size: 13px;line-height: 18px;}
.scrollArea.clause p.tit {margin-bottom: 18px;color: #111;font-size: 13px;line-height: 18px;font-family: 'notokr-bold', sans-serif;}
.scrollArea.clause p.txtIndent {padding-left: 25px;}
.scrollArea.clause + .buttonArea {margin-top: 55px;}
.scrollArea.clause table {border: 1px solid #e7e7e7;}
.scrollArea.clause table thead th {padding: 5px 5px;border-right: 1px solid #e7e7e7;font-size: 13px;}
.scrollArea.clause table tbody td {padding: 5px 5px;font-size: 13px;}

/* 탭 메뉴 */
.tabArea {border-bottom: 1px solid #e5e5e5;}
.tabArea:after {display:block;content:"";clear:both;}
.tabArea ul > li {float:left;text-align:center;padding: 0 10px;}
.tabArea li {font-size: 16px;}
.tabArea li.selected {background: #fff;}
.tabArea li a {display:block;height: 38px;color: #8d8d8d;line-height: 38px;font-size: 14px;}
.tabArea li.selected a {line-height: 38px;color: #212121;border-bottom: 2px solid #212121;}

/* 버튼 */
.funcButtonArea {position: relative;margin-bottom: 10px;}
.funcButtonArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.funcButtonArea .gLeft {float: left;}
.funcButtonArea .gLeft button + button {margin-right: -5px;}
.funcButtonArea .gRight {float: right;}
.funcButtonArea .gRight button + button {margin-left: 2px;}

.funcButtonArea button.btnIconB span {font-size: 12px;}
.funcButtonArea button.btnIconB span.question {margin: 0 2px 0 1px;}
.funcButtonArea button.btnIconB span:before {width: 14px;height: 14px;}
.funcButtonArea button.btnIconB span.question:before {background-position: -50px -350px;margin-right: 2px;}

.buttonArea {position: relative;}
.buttonArea:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.buttonArea .gLeft {float: left;}
.buttonArea .gLeft button + button {margin-right: 6px;}
.buttonArea .gRight {float: right;text-align: right;}
.buttonArea .gRight button + button {margin-left: 2px;}
.tableArea + .buttonArea {margin-top: 40px;}
.buttonArea + .tableArea {margin-bottom: 0px;}

.btnDel {position: absolute; right: 10px;}

/* 노 데이터 */
.noDataArea {width: 100%;height: 316px;/* border: 1px solid #e7e7e7; */display: table;}
.noDataArea .noDataWrap {display: table-cell;text-align: center;vertical-align: middle;}
.noDataArea .noDataWrap p.icon {width: auto; height: auto;}
.noDataArea .noDataWrap p.phrase {font-size: 20px;font-family: 'notokr-medium', sans-serif;color: #111111;}
.noDataArea .noDataWrap p.desc {font-size: 13px;color: #999999;padding-top: 8px;}

.noDataArea.alarm {width: 100%;height: 100%;border: none;display: table;}
.noDataArea.alarm .noDataWrap {display: table-cell;text-align: center;vertical-align: middle;}
.noDataArea.alarm .noDataWrap p.phrase {font-size: 22px;}
.noDataArea.alarm .noDataWrap p.desc {padding-top: 6px;line-height: 17px;}
.noDataArea.alarm .noDataWrap .icon.bell {width: 50px;height: 56px;background: url("../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;border-bottom: 1px solid #e7e7e7;padding: 13px 60px 13px 20px;}
.modal .modalContent .modalHeader .tit {font-size: 20px;display: inline-block;color: #111;margin-right: 10px;font-family: 'notokr-bold', sans-serif; overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}
.modal .modalContent .modalHeader button.closeModal {position:absolute;top: 0px;right: 0px;display: block;width: 51px;height: 50px;background: url("../images/common/common_sfix_icon.png") no-repeat -234px -35px;border-left: 1px solid #e7e7e7;}
.modal .modalContent .modalBody {position:relative;padding: 0;}
.modal .modalContent .modalBody.type02 {position:relative;padding: 0 20px 20px;overflow: hidden;}
.modal .modalContent .modalBody.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;}

.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 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;}
.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: #3a589b;}
.loginArea .gLeft .snsLogin ul li a span, .modal .loginArea .gLeft .snsLogin ul li a span {color: #ffffff;font-size: 16px;}
.loginArea .gLeft .snsLogin ul li a span:before{display: inline-block;width: 31px;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;}

.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;}

.modal .loginArea .gLeft .snsLogin ul li a span:before {display: inline-block;width: 36px;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;}
.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 */



@media (min-width:960px) and (max-width:1147px) {/* 태블릿: 최소 960 ~ 1147 */
/* 전체, 헤더, 콘텐츠, 서브메뉴, 푸터 */
.inner {width: 100%;max-width: 1180px;margin:0 auto;padding: 0 25px;}

.header .hdWrap {position: relative;padding: 0 300px 0 322px;}
.header .gSearch .searchFrom .gInputText .placeholder {display: none;}
.header .banner .inner {padding: 0 !important;}
.header .banner a.close {right: 25px;}
.header .notification .txtWrap {width: 95%;}

.contents .contLeft {width: 205px;}
.contents .contRight {width: calc(100% - 204px);padding: 0 0 50px 25px;}
.contents .contWrap.aside .asideWrap {right: 25px;width: 180px;}
.section .curationArea{margin-left: 22px;}

.lnbWrap {padding: 31px 25px 50px 0;width: 204px;}

.footer .ftLinkWrap {padding-right: 75px;}
.footer .ftLinkWrap a.btnToggleFooter {right: 25px;}
.footer .ftTop .ftLeft .infoWrap {padding-left: 0px;}
.footer .ftTop .ftLeft .infoWrap p.logo {display: none;}
.footer .ftTop .ftRight {right: 108px;}
.footer .ftBot .ftLeft p.copyright {padding-left: 0px;}
.footer .ftBot .ftRight {right:25px;}

}


@media (min-width:960px) and (max-width:1065px) {/* 태블릿: 최소 960 ~ 1065 */
/* 헤더 */
.header .gSearch .searchFrom .gInputText .placeholder {display: none !important;}

/* 헤더 - 배너 */
.header .banner .imgWrap img {width: 100%;}

/* 코멘트 */
.comtArea.type02 dl dd.desc li {width: 50%;/* float: none; */margin-left: 0px !important;}

/* 콘텐츠*/
.section .curationArea{margin-left: 10px;}

/* 폼 그룹 */
.formGroup ul li .grouping.date {padding: 8px 0 0;}

}


@media (max-width: 440px){/*iphone, galaxy 등*/
	.section .curationArea {visibility: hidden; height: 0px;}
	.section .curationArea .curWrap{height: 0px;}
	.section .curationArea .curWrap .curSection1{ height: 0px;}
	.section .curationArea .curWrap .curSec2Left{ border-bottom: 0;  margin-right: 0px;margin-left: 0px;padding-bottom: 0px; padding-left: 0px;}
	.section .curationArea .curWrap .curSec2Right{border-left: 0 ; border-bottom:0 ; margin-right: 0px;margin-left: 0px;padding-bottom: 0px;padding-left: 0px; }
	.section .curationArea .curWrap .curSection3{ border:0px; margin-top: 0px; width: 0px; padding-left: 0px; margin-left: 0px;}    
}

@media (max-width: 959px) {/* 모바일: 최대 959 */
/* 모바일 내비게이션 */
.mobileNavgation {display: block;position: relative;}

/* 전체 */
.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;}
.header .gUtil ul.list li.item a.alarm.mobile {display: block;}
.header .gUtil ul.list li.item:nth-child(3) {display: none;}
.header .gUtil ul.list li.item .remainWrap {display: none;}

/* 헤더 - 알림 */
.header .alarmArea {display: none !important;}

/* 헤더 - 배너 */
.header .banner {display: none !important;}

/* 헤더 - 공지 */
.header .notification {display: none !important;}

/* 콘텐츠 */
.contents .contWrap {padding-bottom: 40px;}
.contents .contLeft {display:none;}
.contents .contRight {float: none; width: 100%; padding: 0 0 40px 0; border: 0;}
.contents .contWrap.aside {padding-right: 14px;}
.contents .contWrap.aside h2 {font-size: 20px;line-height: 28px;}
.contents .contWrap.aside .asideWrap {position: static;width: 100%;overflow: hidden;margin-bottom: 30px;}
.section .curationArea {margin: 0px auto; height: 725px;}
.section .curationArea .curWrap{height: 705px;white-space: normal; }
.section .curationArea .curWrap .curSection1{ height: 60px; box-sizing: border-box; white-space: normal;}
.section .curationArea .curWrap .curSec2Left{ border-bottom: 1px solid lightgray; box-sizing: border-box; margin-right: 10px;margin-left: 10px;padding-bottom: 10px; padding-left: 10px;}
.section .curationArea .curWrap .curSec2Right{border-left: 0 ; border-bottom:1px solid lightgray; box-sizing: border-box; margin-right: 10px;margin-left: 10px;padding-bottom: 10px;padding-left: 10px; }
.section .curationArea .curWrap .curSection3{float: left; border:0px; margin-top: 0px; width: 400px; padding-left: 5px; margin-left: 15px;}

/* 푸터 */
.footer .ftWrap {}
.footer .ftTop {position: relative;padding: 0;border-top: 1px solid #535353;margin-bottom: 5px;}
.footer .ftTop:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.footer .ftTop .inner,
.footer .ftBot .inner {position: relative;padding: 0;}
.footer .ftTop .ftLeft {position: relative;}
.footer .ftTop .ftLeft ul.ftMenu {overflow: hidden;padding: 11px 0 0 4px;margin-left: 0px;margin-bottom: 1px;}
.footer .ftTop .ftLeft ul.ftMenu li.menu {position: relative;float:left;padding: 0 11px;margin-bottom: 7px;}
.footer .ftTop .ftLeft ul.ftMenu li.menu:first-child {/* padding-left: 0; */}
.footer .ftTop .ftLeft ul.ftMenu li.menu:after {position:absolute;top: 2px;right: 0;display:block;content:"";width:1px;height: 11px;vertical-align:middle;background: #5a5a5a;}
.footer .ftTop .ftLeft ul.ftMenu li.menu:nth-child(4):after {/*display:none;*/}
.footer .ftTop .ftLeft ul.ftMenu li.menu:last-child:after {display:none;}
.footer .ftTop .ftLeft ul.ftMenu li.menu a {display:block;color: #b2b2b2;font-size: 13px;}
.footer .ftTop .ftLeft .infoWrap {position: relative;padding-left: 0px;overflow: hidden;}
.footer .ftTop .ftLeft .infoWrap p.logo {position: absolute;left: 0;top: 10px;display: none;}
.footer .ftTop .ftLeft .infoWrap p.logo a {display:block;width: 102px;height: 36px;background: url(../images/common/logo_nurimedia.png) no-repeat 0 0;background-size: cover;}
.footer .ftTop .ftLeft .infoWrap ul.info {float: left;overflow: hidden;padding: 3px 15px 0;}
.footer .ftTop .ftLeft .infoWrap ul.info li {padding-bottom: 0px;color: #b2b2b2;font-size: 12.5px;}
.footer .ftTop .ftLeft .infoWrap ul.info li:first-child {padding-bottom: 5px;}
.footer .ftTop .ftLeft .infoWrap ul.info li span {margin-right: 0px;display: block;padding-bottom: 5px;}
.footer .ftTop .ftLeft .infoWrap ul.info li a {color: #b2b2b2;font-size: 13px;}

.footer .ftTop .ftRight {position: absolute;right: 83px;top: 26px;display: none;}
.footer .ftTop .ftRight p.helpTit {font-size: 18px;color: #ffffff;font-family: 'notokr-light', sans-serif;margin-bottom: 5px;}
.footer .ftTop .ftRight ul.helpCont {/* overflow: hidden; */}
.footer .ftTop .ftRight ul.helpCont li {float: left;position: relative;}
.footer .ftTop .ftRight ul.helpCont li:after {position:absolute;top: 1px;right: 0;display:block;content:"";width:1px;height: 57px;vertical-align:middle;background: #575757;}
.footer .ftTop .ftRight ul.helpCont li:last-child:after {display:none;}
.footer .ftTop .ftRight ul.helpCont li.contact {padding-right: 18px;}
.footer .ftTop .ftRight ul.helpCont li.contact span.phone {display: block;font-size: 28px;font-family: 'notokr-light', sans-serif;margin-bottom: 6px;}
.footer .ftTop .ftRight ul.helpCont li.contact span.phone a {color: #ffffff;}
.footer .ftTop .ftRight ul.helpCont li.contact span.phone a:hover {text-decoration: none;}
.footer .ftTop .ftRight ul.helpCont li.contact span.email {display: block;}
.footer .ftTop .ftRight ul.helpCont li.contact span.email a {color: #dddddd;font-family: 'notokr-light', sans-serif;}
.footer .ftTop .ftRight ul.helpCont li.operation {padding-left: 16px;}
.footer .ftTop .ftRight ul.helpCont li.operation span.subtit {font-size: 12px;color: #999999;display: block;margin-bottom: 4px;padding-top: 2px;}
.footer .ftTop .ftRight ul.helpCont li.operation span.time {font-size: 13px;color: #dddddd;line-height: 18px;}

.footer .ftBot {position: relative;padding-bottom: 17px;}
.footer .ftBot .ftLeft p.copyright {padding: 0px 13px 0;color: #7a7a7a;font-size: 12.5px;letter-spacing: -0.3px;}
.footer .ftBot .ftRight {position: relative;right: 0;top: 0px;display: none;}
.footer .ftBot .ftRight ul.bn {overflow: hidden;margin: 0 13px;}
.footer .ftBot .ftRight ul.bn li {float:left;margin-right: 8px;width: 106px;height: 29px;background-color: #ffffff;}
.footer .ftBot .ftRight ul.bn li:last-child {margin-right: 0px;}
.footer .ftBot .ftRight ul.bn li a {display:block;width: 100%;height: 100%;background-position: center center !important;}
.footer .ftBot .ftRight ul.bn li a.bnDefault {background: url(../images/common/bn_default.png) no-repeat 0 0;background-size: cover;}
.footer .ftBot .ftRight ul.bn li a.bnDBpia {background: url(../images/common/bn_DBpia.png) no-repeat 0 0;background-size: cover;}
.footer .ftBot .ftRight ul.bn li a.bnKRpia {background: url(../images/common/bn_KRpia.png) no-repeat 0 0;background-size: cover;}
.footer .ftBot .ftRight ul.bn li a.bnGCS {background: url(../images/common/bn_GCS.png) no-repeat 0 0;background-size: cover;}
.footer .ftBot .ftRight ul.bn li a.RightOk {background: url(../images/common/RightOk.png) no-repeat 0 0;background-size: cover;}

.footer .gTopNavi {position: fixed;right: 14px;bottom: 73px;display: none;z-index: 999;}
.footer .gTopNavi.bottom {bottom: 177px;}

/* 서브 메뉴 */

/* 슬림 스크롤 메뉴 */

/* 제목 */
.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.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;}

/* 타이틀 */
.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;}
.tableLayout table tbody td:nth-child(1) {/* position: absolute; *//* width: 38px; *//* margin-top: -1px; *//* -webkit-margin-before: 0px; *//* background: #fff; */}
.tableLayout table tbody td:nth-child(2) {/*padding-left: 49px;*/}
.tableLayout table tbody.nodata td {/*position: static;*/}

.tableLayout table.view {table-layout: fixed;}
.tableLayout table.view tbody th {white-space: inherit;}
.tableLayout table.view tbody td {white-space: inherit;}
.tableLayout table.view tbody td .tooltipWrap {display: block;margin-left: 0px;}

.tableLayout table.faq {table-layout: fixed;}
.tableLayout table.faq tbody th {white-space: inherit;}
.tableLayout table.faq tbody td {white-space: inherit;}
.tableLayout table.faq tbody tr.trReply td p.reply {padding-right: 16px;}

.tableLayout table.noLine {table-layout: fixed;}
.tableLayout table.noLine tbody th {display: block;width: 100%;}
.tableLayout table.noLine tbody td {display: block;width: 100%;padding: 0 !important;}

.tableLayout.notice {overflow-x: hidden;}
.tableLayout.notice table {table-layout: auto;}
.tableLayout.notice table thead th {white-space: inherit;}
.tableLayout.notice table thead th:nth-child(3) {display: none;}
.tableLayout.notice table thead th:nth-child(4) {display: none;}
.tableLayout.notice table tbody td {white-space: inherit;}
.tableLayout.notice table tbody td:nth-child(3) {display: none;}
.tableLayout.notice table tbody td:nth-child(4) {display: none;}

.tableLayout.news {overflow-x: hidden;}
.tableLayout.news table {table-layout: auto;}
.tableLayout.news table thead th {white-space: inherit;}
.tableLayout.news table thead th:nth-child(2) {width: 60%;}
.tableLayout.news table thead th:nth-child(4) {display: none;}
.tableLayout.news table thead th:nth-child(5) {display: none;}
.tableLayout.news table tbody td {white-space: inherit;}
.tableLayout.news table tbody td:nth-child(4) {display: none;}
.tableLayout.news table tbody td:nth-child(5) {display: none;}
.tableLayout.news table tbody td a span {white-space: inherit;}
.tableLayout.news table tbody td span {white-space: inherit;}

/* 테이블 - 검색 */

/* 테이블 - 상세 */

/* 테이블 - 이전/다음글 */
.tableLayout table.prevNextList {table-layout: fixed;}
.tableLayout table.prevNextList tbody th {white-space: inherit;}
.tableLayout table.prevNextList tbody td {white-space: inherit;}
.tableLayout table.prevNextList tbody td .tooltipWrap {display: block;margin-left: 0px;}

/* 테이블 - FAQ */

/* 테이블 - 검색 상세 */

/* 게시판 - 검색 */
.searchArea .checkGroup {padding: 14px 20px 4px 20px;}

.searchArea .formGroup {padding: 10px 15px; }
.searchArea .formGroup .tit{position: relative; display: block; background: #fff; padding: 0; margin-bottom: 6px; }
.searchArea .formGroup .btnArea{padding: 0; }
.searchArea .formGroup .btnArea li .grouping{float: initial; margin: 0; }
.searchArea .formGroup .btnArea li .grouping .gInputText{width: 46%; }
.searchArea .formGroup .btnArea li .grouping .fSelect {width: 46%; }
.searchArea .formGroup .btnArea li .grouping.date{padding: 7px 0 0 0; }
.searchArea .formGroup .btn.gRight {position: relative; display: block; top: 0; right: 0; width: 100%; margin: 10px 0px;}

/* 게시판 - 상세 */
.tableLayout.notice table.view tbody td {width: 75%;}

.tableLayout.news table.view tbody tr td {width: 70%;}
.tableLayout.news table.view tbody tr th {white-space: nowrap;}
.tableLayout.news table.view tbody tr:nth-child(3) td + th {white-space: nowrap;}
.tableLayout.news table.view tbody tr:nth-child(3) td {width: 35%;}
.tableLayout.news table.view tbody tr:nth-child(3) td:nth-child(4) {display: table-cell;}

/* 페이지네이션 */

/* 알림 */
.notiArea {border: 0;background: transparent;margin-bottom: 15px;}
.notiArea ul {border: 1px solid #e9e9e9;background: #fafafa;position: relative;margin-bottom: 10px;}
.notiArea:after {display: block; content: ""; clear: both;}
.notiArea ul.btnArea{padding: 14px 15px;margin-bottom: 15px;}
.notiArea ul.btnAreaPR100 {padding: 14px 15px;margin-bottom: 15px;}
.notiArea ul li {padding-left: 10px;}
.notiArea ul li span.sept {padding-left: 10px;margin-left: 0px;margin-right: 0px;display: block;}
.notiArea .gRight {position: relative;float: right;right: auto;bottom: auto;width: 100%;}
.notiArea .gRightBottom {position: relative;float: right;right: auto;bottom: auto;width: 100%;}
.notiArea.type02 ul li {padding-left: 5px;}
.notiArea.type03 {margin-bottom: 20px;text-align: left;}
.notiArea.type03 ul li {font-size: 13px;}
.notiArea.type03 ul.checkArea {padding: 0px 0px 0px 0px;border: none;}
.notiArea.type03 .gRight {position: static;}
.notiArea.type04 ul.btnArea {padding: 12px 16px 12px 16px;}
.notiArea.type04 .gRight {position: relative;right: auto;top: auto;/* width: auto; */}

/* 코멘트 */
.comtArea dl {padding: 7px 10px 17px;}

/* 리스트 */
.listArea ul.listHead {display: none !important;}
.listArea ul.listBody {overflow: hidden;background:#fafafa;border-top: 1px solid #e9e9e9;}
.listArea ul.listBody li {display: block;/* width: 90%; */height: auto;position: relative;text-align: left;padding-left: 40px;background: #fafafa;border-bottom: 1px solid #e9e9e9;}
.listArea ul.listBody li dl {width: 100% !important;display: block !important;border-right: none  !important;position: relative;padding: 10px 10px 0px 10px;overflow: hidden;background: #fff;}
.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.listBody 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 button:nth-child(2) {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: #3c63e0;margin-right: 6px;}
.searchListArea .listBody ul.list li.item .listBox .titWrap span.stats {top: -22px;}
.searchListArea .listBody ul.list li.item .listBox .typeWrap span.bookmark {position: absolute;left: 22px;top: 20px;float: none;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup {padding-bottom: 0px;margin-right: 0px;}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup button.btnIconB {margin-right: 5px;margin-bottom: 6px;/* min-width: 92px; */}
.searchListArea .listBody ul.list li.item .listBox .btnWrap p.btnGroup .btn + .btn {margin-left: 0px;}
.searchListArea .listBody ul.list li.item .listBox .img {top: 18px;width: 84px;height: 105px;}
.searchListArea .listBody ul.list li.item .listBox .img img {max-height: 103px;}

.searchListArea .listBody.schResult ul.list li.item .listBox {padding: 20px 0px 19px 20px;}
.searchListArea .listBody.schResult ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0;}
.searchListArea .listBody.schResult p.session {margin-bottom: 15px;}
.searchListArea .listBody.schResult p.session span {font-size: 15px;}

.searchListArea .listBody.schDetail ul.list li.item .listBox {padding: 22px 0px 19px 100px;min-height: 150px;}
.searchListArea .listBody.schDetail ul.list li.item .listBox .titWrap {position: relative;padding: 0 0px 0 0;}

/* 패널 */

/* 폼 그룹 */
.formArea {margin-bottom: 30px;}
.formArea .comtBox {color: #000000;font-size: 14px;padding: 19px 0 11px;}
.formArea .comtBox.type02 {padding: 0px 0 15px;line-height: 20px;margin-top: -3px;}
.formArea span.necs {display: inline-block;color: #f04347;margin: 0 3px 0 3px;}
.formGroup {position: relative;padding: 0;/* overflow: hidden; */border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;min-height: 56px;}
.formGroup.box {padding: 0;border: 1px solid #e7e7e7;border-left: none;border-right: none;}
.formGroup + .formGroup {margin-top: -1px;}
.formGroup p.tit {position: static;left: 0;top: 0;background: #fafafa;min-width: 100%;height: 100%;padding: 7px 10px 7px;color: #111111;font-weight: normal;font-size: 14px;line-height: 20px;}
.formGroup ul {width: 100%;padding: 10px 0 10px;/* overflow: hidden; */display: table;}
.formGroup ul li {float: left;margin-top: 10px;width: 100%;position: relative;font-size: 14px;/* display: table-cell; *//* vertical-align: middle; */}
.formGroup ul li:first-child {margin-top: 0 !important;}
.formGroup ul li.verMiddle {/* vertical-align: middle; *//* height: 35px; *//* line-height: 35px; */padding: 5px 0px;margin-top: 10px;}
.formGroup ul li.verMiddle .fCheck input[type="checkbox"] + label:after {top: 1px;}
.formGroup ul li.comt {background: #e7e7e7;color: #696969;padding: 12px 15px;line-height: 22px;margin-top: 9px;}
.formGroup ul.btnArea {padding: 0 130px 0 135px;}
.formGroup ul.checkArea {padding: 10px 0 10px;}
.formGroup ul li .grouping {float: left;margin-right: 15px;}
.formGroup ul li .grouping:last-child {margin-right: 0px;}
.formGroup ul li .grouping.date {padding: 4px 0 0;}
.formGroup ul li .grouping + .grouping  {margin: 0;}
.formGroup ul li span.txtAlt {margin: 0 5px;}
.formGroup ul li span.txtHyphen {margin: 0 2px;}
.formGroup ul li span.txtDash {margin: 0 3px;}
.formGroup ul li span.verMiddle {/* margin-top: 100px; *//* padding-top: 100px; */}
.formGroup ul.addRow li {margin-top: 5px;}
.formGroup ul li .tagBox {padding: 0;border: none;margin-top: 0px;margin-bottom: -10px;}
.formGroup ul li .tagBox .tag {color: #3c63e0;display: inline-block;margin-right: 7px;margin-bottom: 10px;padding: 1px 7px 5px 7px;border: 1px solid #8aa1ec;font-family: 'notokr-bold', sans-serif;font-size: 13px;height: 25px;}
.formGroup .gRight {position: absolute;right: 10px;top: 10px;}
.formGroup .gRight.fCheck {top: 10px;}
.formGroup .gRight.fCheck input[type="checkbox"] + label:after {top: 0;}
.formGroup .gInputText .placeholder {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}
.formGroup .inputfileArea {border: 1px solid #c8c8c8;padding: 3px 3px 3px 71px;overflow: hidden;height: 35px;margin-right: 70px;}
.formGroup .inputfileArea .inputFileWrap {width: 65px;margin: 0px 0 0 0px;overflow: hidden;position: absolute;left: 4px;top: 4px;}
.formGroup .inputfileArea .inputFileWrap button.btnFile {height: 27px;padding: 5px 8px;border: 1px solid #c8c8c8;color: #777777;position: absolute;left: 0;top: 0;cursor: pointer;}
.formGroup .inputfileArea .inputFileHidden {opacity:0;filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);cursor:pointer;width: 200px;height: 27px;display: block;margin-left: -100px;}
.formGroup .inputfileArea .inputFileText {height: 27px;border: none;}
.formGroup .inputfileArea .fCheck {position: absolute;right: 0;top: 9px;}
.formGroup .inputfileArea .fCheck input[type="checkbox"] + label:after {top: 1px;}
.formGroup .captchaImg {width: 202px;height: 91px;border: 1px solid #cccccc;float: left;margin-right: 15px;}
.formGroup .captchaCont {float: left;padding-top: 7px;}
.formGroup .captchaCont span.comt {font-size: 12px;color: #111111;line-height: 19px;display: block;margin-bottom: 12px;}
.formGroup .captchaCont a.btnRefresh {font-size: 14px;color: #111111;margin-left: 7px;}
.formGroup .captchaCont a.btnRefresh:before {display:inline-block;width: 14px;height: 17px;margin: -4px 5px 0 0;content:"";vertical-align: middle;background: url(../images/common/common_sfix_icon.png) no-repeat -300px -300px;}

/* 서치 그룹 */
.searchFaqArea {margin-bottom: 20px;}
.searchFaqArea .searchGroup {position: relative;padding: 0 0px 0 0;}
.searchFaqArea .searchGroup .gRight {position: static;min-width: 110px;min-height: 34px;}

/* 스텝 */
.stepArea {padding: 0px 0px 20px;}

/* 스크롤 박스 */
.scrollArea.clause + .buttonArea {margin-top: 30px;}
.scrollArea.clause table {table-layout:auto;}
.scrollArea.clause table thead th {white-space: inherit;padding: 5px 6px;}
.scrollArea.clause table thead th.noWrap {white-space: nowrap;}
.scrollArea.clause table tbody td {white-space: inherit;padding: 5px 6px;}

/* 탭 메뉴 */

/* 버튼 */

/* 노 데이터 */
.noDataArea {height: 280px;}
.noDataArea .noDataWrap p.phrase {font-size: 20px;}

/* 모달 팝업 */
.modal .modalContent {border: none;margin: 0px 0;}

/* 모달 팝업 - 내용 */
.modal h5 span.desc {display: block;float: none !important;padding-top: 10px;margin-left: 0px;}

.modal .formGroup {padding: 0px 0px 0px 0px;}
.modal .formGroup p.tit {padding: 7px 20px 7px;line-height: 20px;}
.modal .formGroup p.tit.fixed {position: absolute; min-width: 125px; padding: 10px 9px 10px 20px;}
.modal .formGroup ul {padding: 10px 20px;}
.modal .formGroup ul.fixed {padding: 10px 20px 10px 135px;}
.modal .formGroup ul li.verMiddle {padding: 5px 0;margin-top: 0px;}

.modal .infoWrap {margin: 19px 0 9px 0;}
.modal .infoWrap dl.infoBox {margin-bottom: 10px;}
.modal .infoWrap dl.infoBox dt.tit {padding: 0px 14px 0px 19px;}
.modal .infoWrap dl.infoBox dd.cont {padding: 0px 10px 0px 0px;}

.modal .searchBox {padding-bottom: 25px;margin-bottom: 0;}
.modal .searchBox.quote {margin-bottom: 25px;}
.modal .searchBox .fText {height: 31px;}

.modal .searchCheckList ul.list {height: 161px;}

.modal dl.contactBox {margin-top: -15px;}
.modal dl.contactBox + dl.contactBox {margin-top: 20px;}
.modal dl.contactBox.half {width: 100%;border: 1px solid #e7e7e7 !important;margin-top: 0px;}
.modal dl.contactBox dd.cont p {padding: 19px 15px 19px;width: 100%;}
.modal dl.contactBox dd.cont p + p {border-top: 1px solid #e7e7e7;}
.modal dl.contactBox dd.cont p span.text {font-size: 13px;line-height: 17px;}
.modal dl.contactBox dd.cont p a {font-size: 13px;margin-top: 10px;}
.modal button.full {height: 38px;font-size: 14px;}

.modal .quickViewWrap {padding: 20px 0 0px;height: auto;}
.modal .quickViewWrap .quickViewBox {width: 100%;}
.modal .quickViewWrap .quickViewBox ul.quickViewList {overflow-y: auto; height: 100%;}
.modal .quickViewWrap .quickViewBox ul.quickViewList li.quickViewItem p.pageNum {padding: 10px 0;}

.modal .gInputText .placeholder {display:inline-block;overflow:hidden;max-width: 95%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;}

/* 모달 팝업 - 상세검색 */

/* 얼러트 */

/* 얼러트 - 문구 */

/* 캐러셀 */
.jcarousel-wrapper a.jcarousel-control-prev, a.jcarousel-control-next {position: absolute;top: -52px;width: 50px;height: calc(100%);margin-top: 53px;}
.jcarousel-wrapper a.jcarousel-control-prev {left: 0px;background: rgba(0,0,0,0.2);background: none;transform: rotate(180deg);}
.jcarousel-wrapper a.jcarousel-control-next {right: 0px;background: none;display: block;}
.jcarousel-wrapper a.jcarousel-control-prev:hover span, a.jcarousel-control-next:hover span {display: block;}
.jcarousel-wrapper a.jcarousel-control-prev.inactive, a.jcarousel-control-next.inactive {opacity: .0;cursor: default;display: none;}
.jcarousel-wrapper a.jcarousel-control-prev:before, a.jcarousel-control-next:before {display: block;position: absolute;top: 50%;margin-top: -29px;width: 32px;height: 58px;content:"";background: url(../images/common/jcarosel_arrow_black.png) no-repeat;opacity: 1;}
.jcarousel-wrapper a.jcarousel-control-prev:before {margin-left: 12px;}
.jcarousel-wrapper a.jcarousel-control-next:before {margin-left: 12px;}
.jcarousel-wrapper .jcarousel-pagination {position: absolute;bottom: -98px;width: 100%;text-align: center;}

/* 에러 페이지 */
.errorWrap {width: 100%;max-width: 100%;margin: 25px auto 0;padding: 0 14px;}
.errorWrap .errorBody {padding: 50px 35px 57px;text-align: center;}
.errorWrap .errorBody p.symbol {float: none;margin-right: 0px;margin: 0 auto;margin-bottom: 10px;text-align: center;}

/* 회원로그인 */
.loginArea {margin-top: 25px;margin-bottom: 5px;}
.loginArea .gLeft {float: none;width: 100%;padding-right: 0px;border-right: none;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;}
.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);}

.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;}
.loginArea .gRight .loginWrap .opt {text-align: left;}
.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;}
.loginArea .gRight .loginWrap .comtBox {padding-top: 26px;padding-right: 100px;}
.loginArea .gRight .loginWrap .comtBox button.join {top: 12px;}

/* 기관인증 */
.loginArea .gLeft .searchOrgan {max-width: 100%;width: 100%;float: none;margin-right: 0px;}
.loginArea .gLeft .searchOrgan .tit {margin-bottom: 15px;font-family: 'notokr-bold', sans-serif;}
.loginArea .gLeft .searchOrgan p {font-size: 13px;margin-bottom: 0px;line-height: 19px;margin-top: 10px;}
.loginArea .gLeft .searchOrgan .alertMsg {margin-top: 10px;}

/* 팝업 로그인 & 팝업 기관인증 */
#pub_modalLoginPop.modal .modalBody h4 {padding: 17px 20px 10px 20px;line-height: 20px;}
#pub_modalLoginPop.modal .loginArea .gRight{padding: 0px 0 0 0;}
#pub_modalLoginPop.modal .loginArea .gRight .loginWrap .tit {margin-bottom: 18px;font-size: 15px;font-family: 'notokr-bold', sans-serif;}
#pub_modalLoginPop.modal .tooltip .desc.bottomRight {top: 12px;right: auto;width: 237px;left: -79px;}
#pub_modalOrganPop.modal .loginWrap .tit{font-size: 15px;padding: 15px 0px;font-family: 'notokr-bold', sans-serif;}

/* 팝업 로그인 & 팝업 기관인증 - B2B, B2C */
#pub_modalLoginDoublePop .modalContent.B2C h4 {padding: 17px 20px 10px 20px;line-height: 20px;}
#pub_modalLoginDoublePop .modalContent.B2C .loginArea .gRight .loginWrap .tit {margin-bottom: 18px;font-size: 15px;font-family: 'notokr-bold', sans-serif;}
#pub_modalLoginDoublePop .modalContent.B2C .tooltip .desc.bottomRight {top: 12px;right: auto;width: 237px;left: -79px;}
#pub_modalLoginDoublePop .modalContent.B2B .loginWrap .tit{font-size: 15px;padding: 15px 0px;font-family: 'notokr-bold', sans-serif;}

/* 공지사항 레이어 팝업 */
.layerPopup {margin:0 auto;top: 0 !important;right: 0 !important;left: 0 !important;}

/* 미리보기 */
#pub_modalQuickView p.tit {font-size: 15px;}

}



/* 20190821 툴팁 레이어 팝업 by kisup */
.popup_tooltip{display:none;position:absolute;border:1px solid #ddd;box-shadow:0 0 8px rgba(0,0,0,0.1);background:#fff;z-index:1000}
.popup_tooltip.tooltip_up:after{content:"";display:block;position:absolute;left:50%;margin-left:-10px;top:-14px;width:20px;height:14px;background:url("../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 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_quote{position:fixed;right:-500px;bottom:100px;width:346px;height:160px;opacity:0}
.popup_tooltip .slide_area{position:relative;width:100%;height:100%;overflow:hidden}
.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}


/* 툴팁 */
.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 */