@charset "utf-8";

.contentSection .mainContent{width:980px; margin:0px auto; padding-bottom: 30px; position:relative; overflow:hidden;}
.contentSection .mainContent .content.L{ width: 680px; float: left; margin-top: 30px; font-size: 13px; padding-bottom: 2px; }
.contentSection .mainContent .content.L .groupBox a{ font-family:'Noto Sans KR'; font-size: 14px; font-weight: 500; } 
.contentSection .mainContent .content.L .groupBox span a{ color: #c7000c; margin-right: 8px;}
.contentSection .mainContent .content.L .groupBox em a{ color: #a67c52;font-weight:400;}

.contentSection .mainContent .content.R{ width: 270px; float: right; margin-top: 30px;}



.h2Tit{ font-family:'Noto Sans KR'; font-size: 17px; clear: both; overflow: hidden; line-height: 19px; margin-bottom: 10px;}
.h2Tit a { font-family: 'Noto Sans KR'; font-size: 17px;}
.h2Tit span.more a{ font-family:'Noto Sans KR'; color: #707070; font-size: 12px; font-weight: normal; float: right;}
.h2Tit em{ color: #a67c52; font-family:'Noto Sans KR'; font-size: 17px; }
.h2Tit span.go{  float: left;}
.h2Tit span.go a{ font-family:'Noto Sans KR'; font-size: 17px; clear: both; margin-bottom: 10px; padding-right: 10px; background: url(https://image.thebell.co.kr/thebell10/img/2020/arrow-left-000.png) right 9px no-repeat;}
.h2Tit .innerPage{ float: right; padding-top: 9px;}

.innnerBox{ position: relative;}
.innnerBox button{ position: absolute; background: #e5e5e5; height: 40px; width: 40px;  border: 0; overflow: hidden; opacity: 0.9; }
.innnerBox button .icon{ display: block; text-indent: -100000px; height: 11px; width: 6px; margin: 0 auto;}
.innnerBox button.prev{ left: -10px;}
.innnerBox button.prev .icon{ background: url(https://image.thebell.co.kr/thebell10/img/arrow-lr2.png) left 0 no-repeat;}
.innnerBox button.next{ right: -10px;}
.innnerBox button.next .icon{ background: url(https://image.thebell.co.kr/thebell10/img/arrow-lr2.png) right 0 no-repeat; }

.innnerBox.Grey button{  background: #707070; z-index: 11; }
.innnerBox.Grey button.prev .icon{ background: url(https://image.thebell.co.kr/thebell10/img/2020/arrow-fff.png) left 0 no-repeat; }
.innnerBox.Grey button.next .icon{ background: url(https://image.thebell.co.kr/thebell10/img/2020/arrow-fff.png) right 0 no-repeat; }


.innerPage li{display:block; float: left; width: 7px; height: 7px; background: url(https://image.thebell.co.kr/thebell10/img/2020/icon_page.png) 0 0 no-repeat; margin-left: 5px; }
.innerPage li:first-child{ margin-left: 0;}
.innerPage li.on{ background-position: -12px 0;}


.bannerArea{ margin-bottom: 10px;}
.bannerArea a{ display: block;}
.bannerArea.forum{ width: 270px; height: 110px; overflow: hidden;}
.bannerArea.forum img{ width: 270px; height: 110px;}
a:hover{ opacity: 0.9;}

/************************************** 
** topNewsSection
***************************************/
.topNewsSection .pointNews{ overflow: hidden;}
.topNewsSection .pointNews p{ float: left;}
.topNewsSection .pointNews p a{ display: block; width: 320px; height: 260px; overflow: hidden;}
.topNewsSection .pointNews .pointNewsList { padding:3px 0 0 25px; float: left; width: 335px; box-sizing: border-box;  }
.topNewsSection .pointNews .pointNewsList .groupBox{ padding-bottom: 3px; }
.topNewsSection .pointNews .pointNewsList a{ font-family:'Noto Sans KR'; font-size: 13px; }

.topNewsSection .pointNews .pointNewsList h3{ margin-bottom: 10px; max-height: 66px; overflow: hidden; }
.topNewsSection .pointNews .pointNewsList h3 a{font-size: 26px; line-height: 32px; letter-spacing: -0.5px; font-weight: 500; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.topNewsSection .pointNews .pointNewsList h4{padding-bottom: 5px}
.topNewsSection .pointNews .pointNewsList h4 a,
.topNewsSection .pointNews .pointNewsList h4 a em{ font-family:'Noto Sans KR'; font-size: 14px; color: #707070; font-weight: 300; ; font-weight: 300; }
.topNewsSection .pointNews .pointNewsList li{ border-top: 1px solid #dfdfdf; padding: 8px 0; }
/*.topNewsSection .pointNews .pointNewsList li a{ font-size: 17px; line-height: 21px; display: block; font-weight: 400;}*/
.topNewsSection .pointNews .pointNewsList li a{ font-size: 17px; line-height: 21px; font-weight: 400;}
.topNewsSection .pointNews .pointNewsList li .groupBox em a {padding: 0;}

/************************************** 
** topStoriesSection
***************************************/
.topStoriesSection{ overflow: hidden; border-top: 1px solid #dfdfdf;  border-bottom: 1px solid #dfdfdf; margin-top: 20px; }
.topStoriesSection ul:first-child li{  border-bottom: 1px solid #dfdfdf; }
.topStoriesSection li{ float: left;  width: 227px;  padding: 20px 0;     }
.topStoriesSection li div.storiesLi{ border-left: 1px solid #dfdfdf;  padding: 0 18px;  }
.topStoriesSection li:first-child{ width: 226px;}
.topStoriesSection li:first-child div.storiesLi{ border-left: 0; padding-left: 10px; }
.topStoriesSection li:last-child div.storiesLi{ padding-right: 10px; }

.topStoriesSection .groupBox{ height: 19px; overflow: hidden; }
.topStoriesSection h3{  overflow: hidden;   }
.topStoriesSection h3 a{ display: block; height: 65px; overflow: hidden; font-size: 19px; line-height: 22px; font-family:'Noto Sans KR'; font-weight: 400;}


/************************************** 
** twoSection
***************************************/
.twoSection{ padding-top: 30px; overflow: hidden;}
.twoSection .innnerBox button{ margin-top: 50px; z-index: 11;}
.twoSection .innerPage{ float: right;}
.twoSection .cfoWrap{ width: 330px; float: left; margin-right: 20px;}
.twoSection .cfoWrap .cfoBox{ width: 330px;  height: 150px;  box-sizing: border-box; border: 1px solid #dfdfdf; overflow: hidden; padding: 10px; } 
.twoSection .cfoWrap .cfoBox dl{ display: table; width: 100%;}
.twoSection .managerWrap .managerBox dt,.twoSection .cfoWrap .cfoBox dt{height: 32px;}
.twoSection .cfoWrap .cfoBox dt a,.twoSection .managerWrap .managerBox dt a{ font-family:'Noto Sans KR';  font-size: 15px; height: 25px; line-height: 25px; font-weight: bold;}
.twoSection .cfoWrap .cfoBox dt img{ height: 25px;}
.twoSection .cfoWrap .cfoBox dd.imgBox,.twoSection .managerWrap .managerBox dd.imgBox{ width: 128px; height: 90px; line-height: 84px; overflow: hidden; float: left; margin-right: 10px;  border: 1px solid #dfdfdf; box-sizing: border-box; }
.twoSection .cfoWrap .cfoBox dd.imgBox img,.twoSection .managerWrap .managerBox dd.imgBox img{ width: 100%; vertical-align: middle;}
.twoSection .cfoWrap .cfoBox dd.txt,.twoSection .managerWrap .managerBox dd{ margin-top: 10px;}
.twoSection .managerWrap .managerBox dd.imgBox{margin-top: 0;}
.twoSection .cfoWrap .cfoBox dd.txt a,.twoSection .managerWrap .managerBox dd a{ font-family:'Noto Sans KR';   font-size: 16px; line-height: 20px; font-weight: 400; }
.twoSection .managerWrap{ width: 330px;  float: left;}
.twoSection .managerWrap .managerBox{ width: 330px;  height: 150px; box-sizing: border-box; border: 1px solid #dfdfdf; overflow: hidden; padding: 10px; } 
.twoSection .managerWrap .managerBox dl{ display: table; width: 100%;}

/************************************** 
** twoSection 추가사항
***************************************/
/*.twoSection2 .directorateWrap .directorateBox .groupBox em a { color: #002e73 !important;}*/
.twoSection2{ padding-top: 30px; overflow: hidden;}
.twoSection2 .directorateWrap .directorateBox dd.imgBox{ margin-top: 10px; width:128px;height:80px;line-height:74px;overflow:hidden;float:left;margin-right:10px;border:1px solid #dfdfdf;box-sizing:border-box;background: #fff;}
.twoSection2 .directorateWrap .directorateBox dd.imgBox>a{height: inherit;}
.twoSection2 .directorateWrap .directorateBox dd.imgBox img { width: 100%; vertical-align: middle;}
.twoSection2 .directorateWrap{ width: 330px; float: left; margin-right: 20px;}
.twoSection2 .corporaterWrap{ width: 330px;  float: left;}
.twoSection2 .corporaterWrap .corporaterBox,.twoSection2 .directorateWrap .directorateBox{ width: 330px;  height: 160px; box-sizing: border-box; background:#f4f4f4;  overflow: hidden; position: relative;} 
.twoSection2 dl{ display: table; width: 100%;padding: 20px;box-sizing: border-box;}
.twoSection2 dt{ margin: 7px 0 3px 0;}
.twoSection2 .corporaterWrap,.twoSection2 .directorateWrap{ position: relative;}
.twoSection2 .innnerBox{ margin-top: -100px; }
.twoSection2 .innerPage{ position: absolute; left: 20px; bottom: -82px;}
.twoSection2 .prev{ left: 0!important; margin-top: 0; }
.twoSection2 .next{ right: 0 !important; margin-top: 0; }
.twoSection2 .corporaterIn,.twoSection2 .directorateIn{ background: #f4f4f4; padding: 0; width: 100%;  height: 160px; box-sizing: border-box; position: relative;}
.twoSection2 dl dt a{ font-family:'Noto Sans KR'; font-size: 17px; line-height: 22px; display: block; max-height: 45px; overflow: hidden; font-weight: 400; }
.twoSection2 dl dt.groupBox{ margin: 0 !important;}
.twoSection2 dl dt.groupBox a{ height: auto; line-height: 14px;}
.twoSection2 dl dd{ margin-bottom: 10px;  }
.twoSection2 dl dd a{ color: #707070; font-size: 13px;  display: block; height: 35px; overflow: hidden; }


/************************************** 
** oneSection
***************************************/
.oneSection{ padding-top: 20px;}
.oneSection .corporaterWrap{ position: relative;}
.oneSection .corporaterWrap .innnerBox{ margin-top: -100px; }
.oneSection .corporaterWrap .innnerBox .innerPage{ position: absolute; left: 20px; bottom: -82px;}
.oneSection .corporaterWrap .innnerBox .prev{ left: 0;  }
.oneSection .corporaterWrap .innnerBox .next{ right: 0;  }
.oneSection .corporaterWrap .corporaterIn{ background: #f4f4f4; padding: 0; width: 100%;  height: 160px; box-sizing: border-box; position: relative;}
.oneSection .corporaterWrap .corporaterIn dl{ padding: 20px; width: 360px; box-sizing: border-box; float: left; }
.oneSection .corporaterWrap .corporaterIn dl dt { margin: 7px 0 3px 0; } 
.oneSection .corporaterWrap .corporaterIn dl dt a{ font-family:'Noto Sans KR'; font-size: 19px; line-height: 22px; display: block; max-height: 45px; overflow: hidden; font-weight: 400; }
.oneSection .corporaterWrap .corporaterIn dl dt.groupBox{ margin: 0 !important;}
.oneSection .corporaterWrap .corporaterIn dl dt.groupBox a{ height: auto; line-height: 14px;}
.oneSection .corporaterWrap .corporaterIn dl dd{ margin-bottom: 10px;  }
.oneSection .corporaterWrap .corporaterIn dl dd a{ color: #707070; font-size: 13px;  display: block; height: 35px; overflow: hidden; }
.oneSection .corporaterWrap .corporaterIn .corporaterImg{ float: right; }
.oneSection .corporaterWrap .corporaterIn .corporaterImg a{ display: block;}
.oneSection .corporaterWrap .corporaterIn .corporaterImg a img{ display: block; width: 320px; height: 160px;}

/************************************** 
** updateSection
***************************************/
.updateSection{ overflow: hidden; clear: both; padding-bottom: 30px;}
.updateSection .layer{ padding-top: 30px;}
.updateSection .layer.L{ width: 449px; float: left; }  
.updateSection .layer.L .updateList{ overflow: hidden; }
.updateSection .layer.L .updateList > li{ margin-bottom: 30px;}
.updateSection .layer.L .updateList > li:last-child{ margin-bottom: 0;}
.updateSection .layer.L .updateList .groupBox{ padding-bottom: 3px;}
.updateSection .layer.L .updateList dl:after{content: ''; display: block; clear: both;}
.updateSection .layer.L .updateList dd.imgBox{ width: 110px; height: 80px; text-align: center; overflow: hidden; float: left; margin: 3px 10px 0 0; position: relative; line-height: 73px; border: 1px solid #dfdfdf; box-sizing: border-box;} 
/*.updateSection .layer.L .updateList dd.imgBox img{ display: block; height: 100%; margin: auto; }*/
/*.updateSection .layer.L .updateList dd.imgBox img.ht{ display: block; height: 100%; margin: auto; } */
/*.updateSection .layer.L .updateList dd.imgBox img{ max-height: 80px; height: 100%; max-width: 110px; width: 100%; object-fit: contain; object-position: center;}*/
.updateSection .layer.L .updateList dd.imgBox img{ max-height: 80px; height: auto; max-width: 110px; width: auto; vertical-align: middle;}
.updateSection .layer.L .updateList dd.relList h3{ overflow: hidden; padding: 3px 0;}
.updateSection .layer.L .updateList dd.relList h3 a{ max-width: 100%; font-family:'Noto Sans KR';  font-size: 19px; padding-bottom: 5px; letter-spacing: -0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-weight: 400;}
.updateSection .layer.L .updateList dd.relList ul{ overflow: hidden ; }
.updateSection .layer.L .updateList dd.relList li{ background: url(https://image.thebell.co.kr/thebell10/img/2020/icon-re2.png) 0 6px no-repeat; padding: 0 0 0 9px; }
.updateSection .layer.L .updateList dd.relList li a{ position:relative; max-width: 100%; vertical-align:top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom: 5px; letter-spacing: -0.5px;}


.updateSection .layer.L .updateList > li.titTop h3 a{ max-width: 100%; font-family:'Noto Sans KR';  font-size: 19px; padding-bottom: 5px; letter-spacing: -0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-weight: 400;}
.updateSection .layer.L .updateList > li.titTop dd.relList{ padding-top: 7px;}

.updateSection .layer.R{ width: 200px;  margin-left: 30px; float: right; } 
.updateSection .layer.R .adArea > div{ padding-bottom: 20px;}
.updateSection .layer.R .adArea > div a{ display: block;}

/************************************** 
** peopleWrap
***************************************/
.peopleWrap li{ height: 40px; margin-bottom: 20px; clear: both; display: table;}
.peopleWrap p.imgBox{ float: left; margin-right: 10px;}
.peopleWrap p.txt{vertical-align: middle;  display: table-cell;}
.peopleWrap p.txt a{ font-size: 13px; line-height: 16px; display: block; max-height: 32px; overflow: hidden; letter-spacing: -0.5px; }


/************************************** 
** content R
***************************************/
.content.R .adArea{ margin-bottom: 30px;}
/*.content.R a:first-child img{margin-bottom:10px;}*/
.content.R .adArea img{ width: 270px; height: auto;}
/************************************** 
** hotissueWrap
***************************************/
.hotissueWrap{ margin-bottom: 15px;}
.hotissueWrap .h2Tit{ border-bottom: 1px solid #363636; padding-bottom: 8px; margin-bottom: 20px;}
.hotissueWrap > ul > li{ overflow: hidden; margin-bottom: 20px;}
.hotissueWrap > ul > li:last-child{ margin-bottom: 0;}
.hotissueWrap dt a{ max-width: 100%; font-family:'Noto Sans KR';  font-size: 15px; padding-bottom: 5px; letter-spacing: -0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-weight: 500;}
.hotissueWrap dd.imgBox{ width:80px; height: 80px; overflow: hidden; float: left; margin: 3px 10px 0 0; position: relative; box-sizing: border-box;} 
.hotissueWrap dd.imgBox img{ width: 100%; height: 100%; background-size: cover; vertical-align: middle;}
.hotissueWrap dd.relList ul{ overflow: hidden ; }
.hotissueWrap dd.relList ul li:first-child{ border-bottom: 1px solid #dfdfdf; padding-bottom: 4px; margin:2px 0 5px 0;}
.hotissueWrap dd.relList ul li a{ font-size: 13px; letter-spacing: -0.5px; max-height: 37px; line-height: 17px; display: block; overflow: hidden;}


/************************************** 
** leagueWrap
***************************************/
.leagueWrap{ overflow: hidden; margin-bottom: 30px; margin-top: 10px;}
.leagueWrap .h2Tit{ border-bottom: 1px solid #dfdfdf; padding-bottom: 6px;  margin-top: 5px;  margin-bottom: 0; }
.leagueWrap .leagueTop{ position: relative; }
.leagueWrap .leagueTop ul{  position: absolute; right: 0; top: 0;}
.leagueWrap .leagueTop ul li{ float: left;}
.leagueWrap .leagueTop ul li.on a{ color: #111111; border: 1px solid #dfdfdf; border-bottom: 1px solid #fff; background: #fff;}
.leagueWrap .leagueTop ul li a{font-family:'Noto Sans KR';  font-size: 12px; color: #999999; padding: 5px 6px 6px 6px; box-sizing: border-box; letter-spacing: -0.2px; font-weight: 500;}
.leagueWrap .leagueTab ul{ display: table;}
.leagueWrap .leagueTab ul li{  display: table-cell; width:90px; text-align: center; }
.leagueWrap .leagueTab ul li a{ font-family:'Noto Sans KR'; color: #707070; padding: 5px 0; font-size: 13px; display: block; border-bottom: 1px solid #dfdfdf;font-weight: 600;}
.leagueWrap .leagueTab ul li.on a{ border-bottom-color: #111111; color: #111111;}
.leagueWrap .leagueTab ul li.on a:hover{ text-decoration:none !important;}

.leagueWrap .leaguetableData table{ width: 100%; border-bottom: 1px solid #dfdfdf; margin-top: 0;}
.leagueWrap .leaguetableData th{ font-family:'Noto Sans KR'; text-align: center; font-size: 12px; font-weight: normal; color:#707070; background: #f6f6f6; padding: 5px 0;  border-top:0 !important;  border-bottom: 1px solid #dfdfdf;}
.leagueWrap .leaguetableData td{ font-family:'Noto Sans KR';  font-size: 12px; padding: 6px 0; text-align: center; color: #707070; font-weight: 300;  }
.leagueWrap .leaguetableData td a{font-family:'Noto Sans KR';  color: #111;} 
.leagueWrap .leaguetableData td:nth-child(2){ white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.leagueWrap .leaguetableData tr:last-child td{ padding-bottom: 10px;}

.leagueWrap .table_dealdata{ width: 100%; border-bottom: 1px solid #dfdfdf; margin-top: 5px;}
.leagueWrap .table_dealdata th{ font-family:'Noto Sans KR'; text-align: center; font-size: 12px; font-weight: normal; color:#707070; background: #f6f6f6; padding: 5px 0;  border-top: 1px solid #dfdfdf;  border-bottom: 1px solid #dfdfdf;font-weight: 600; }
.leagueWrap .table_dealdata td{ font-family:'Noto Sans KR';  font-size: 12px; padding: 6px 0; text-align: center; color: #707070; font-weight: 600;}
.leagueWrap .table_dealdata td a{font-family:'Noto Sans KR';  color: #111;} 
.leagueWrap .table_dealdata td:nth-child(2){ white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.leagueWrap .table_dealdata tr:last-child td{ padding-bottom: 10px;}


.leagueWrap .date{ font-family:'Noto Sans KR'; font-size:11px; color: #9c9b9b; padding: 3px 0;}


/************************************** 
** infographicWrap
***************************************/
.infographicWrap{ margin:20px 0;}
.infographicWrap img{ width: 270px;}

/************************************** 
** columnWrap
***************************************/
.columnWrap{margin-bottom: 30px; border-bottom: 1px solid #dfdfdf; }
.columnWrap li{ overflow: hidden; margin-bottom: 20px; display: table;}
.columnWrap li .imgBox{ float: left; margin-right: 10px;}
.columnWrap li .txt{ display: table-cell; vertical-align: top;}
.columnWrap li .txt span{ display: block; margin-top: -1px; }
.columnWrap li .txt span a{ color: #a67c52; font-size: 12px;font-weight: 600;}
.columnWrap li .txt > a{ display: block; max-height: 36px; overflow: hidden;}

div[class*="columnWrap"]{margin-bottom: 30px; height: auto; overflow: hidden; border-bottom: 1px solid #dfdfdf; }
div[class*="columnWrap"] .bx-viewport > div > dl{ overflow: hidden; margin-bottom: 20px; display: table;}
div[class*="columnWrap"] .bx-viewport .imgBox{ float: left; margin-right: 10px;}
div[class*="columnWrap"] .bx-viewport .txt{ display: table-cell; vertical-align: top;}
div[class*="columnWrap"] .bx-viewport .txt span{ display: block; margin-top: -1px; }
div[class*="columnWrap"] .bx-viewport .txt span a{ color: #a67c52; font-size: 12px;}
div[class*="columnWrap"] .bx-viewport .txt > a{ display: block; max-height: 36px; overflow: hidden;}
div[class*="columnWrap"] .innnerBox .innerPage{ float: right;}
div[class*="columnWrap"] .innnerBox .innerPage li{ overflow: hidden; margin-bottom: 20px; display: table;}
div[class*="columnWrap"] .innnerBox button { z-index: 11;}
div[class*="columnWrap"] .innnerBox button.prev {left: 0; margin-top: -50px;}
div[class*="columnWrap"] .innnerBox button.next {right: 0; margin-top: -50px;}
/************************************** 
** twoSectionW
***************************************/
.twoSectionW{ overflow: hidden; clear: both; border-top: 1px solid #dfdfdf; padding: 20px 0; }
.twoSectionW .innnerBox{ position: inherit;}
.twoSectionW .innnerBox .prev{ left: 0; margin-top: 80px; }
.twoSectionW .innnerBox .next{ right: 0;  margin-top: 80px;}

.twoSectionW .companyWrap{ width: 480px; float: left;position: relative; }
.twoSectionW .companyWrap .companyBox{ margin: 0; clear: inherit; overflow: inherit; padding-top: 1px;}
.twoSectionW .companyWrap .companyBox .bx5 dd { background: url(https://image.thebell.co.kr/thebell10/img/2020/icon-re2.png) 0 6px no-repeat; padding: 0 0 0 9px;} 
.twoSectionW .companyWrap .companyBox .bx5 dd a { position: relative; max-width: 100%; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 5px; letter-spacing: -0.5px}
.twoSectionW .companyWrap .companyBox .bx5 dd.txt { margin-top: 10px;}



.twoSectionW .monitorWrap{ width: 480px; float: right;}
.twoSectionW .monitorWrap h2.h2Tit em.fr a{ color: #fff; background: #333; padding: 3px 10px; font-size: 12px; }
.twoSectionW .monitorWrap dl dt{ position: relative; }
.twoSectionW .monitorWrap dl dt .inTxt,.bx5 .inTxt{ position: absolute; z-index: 11; width: 100%; text-align: center; box-sizing: border-box; padding: 13px 70px;}
.twoSectionW .monitorWrap dl dt img,.bx5 img{width: 480px; height: 110px;}
.companyBox dl dt .inTxt span{color:#fff700 !important;}
.twoSectionW .monitorWrap dl dt .inTxt span,.bx5 .inTxt span{ font-family:'Noto Sans KR';  padding: 3px 7px; background: #111; color: #fff; opacity: 0.9; display:inline-block; margin-bottom: 7px; }
.twoSectionW .monitorWrap dl dt .inTxt a,.bx5 .inTxt a{ color: #fff; font-size: 17px; line-height: 24px; font-weight: bold;}
 
.twoSectionW .monitorWrap .monitorBox dd.tit{ font-family:'Noto Sans KR'; color: #c7000c;  font-size: 13px; text-decoration: underline;  padding: 5px 0; display: block; }
.twoSectionW .monitorWrap .monitorBox dd a{ font-size: 17px; line-height: 22px;   font-family:'Noto Sans KR'; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.twoSectionAd{ overflow: hidden; clear: both; border-top: 1px solid #dfdfdf; padding: 30px 0;}
.twoSectionAd a{  display: block; float: left;}
.twoSectionAd a:last-child{ float: right;}

/************************************** 
** eventSection
***************************************/
.eventSection{  clear: both;}
.eventSection .forumSlide{ position: relative;}
.eventSection .forumWrap { width: 170px; float: left;}
.eventSection .forumWrap .txt a{ font-size: 13px; display: block; padding-top: 10px; height: 70px; line-height: 17px; overflow: hidden;}
.eventSection .forumWrap .innnerBox{ position: inherit;}
.eventSection .forumWrap .innerPage{  padding-top: 10px; overflow: hidden; margin: 0 57px; }

.eventSection .forumWrap .innnerBox button.prev { left: 0; margin-top: -140px;}
.eventSection .forumWrap .innnerBox button.next { right: 0;  margin-top: -140px;}

.eventSection .bookWrap { padding-left: 30px;  width: 190px; float: left;}
.eventSection .bookWrap dl{ text-align: center; overflow: hidden;}
.eventSection .bookWrap dl dd.tit a{ font-size: 12px; color: #707070; max-width: 100%;}
.eventSection .bookWrap dl dd.txt {font-size: 16px; line-height: 19px; font-family:'Noto Sans KR'; max-width: 100%; }
.eventSection .bookWrap dl dd.txt a{font-size: 12px; line-height: 17px; font-weight: normal; font-family:'Noto Sans KR'; max-width: 100%; }
.eventSection .bookWrap ul{ margin-top: 5px;}
.eventSection .bookWrap ul li{ float: left;}
.eventSection .bookWrap ul li:first-child{ margin-right: 10px;}
.eventSection .bookWrap ul li a{ box-sizing: border-box; border: 1px solid #111; font-size: 12px; padding: 3px 9px;}

.eventSection .academyWrap {padding-left: 25px;  width: 210px; float: left;}
.eventSection .academyWrap  .h2Tit em{ color: #000000;}
.eventSection .academyWrap dd.txt a{ display: block; padding-top: 10px; height: 74px; font-size: 13px;  overflow: hidden;}

.eventSection .noticeWrap {padding-left: 30px;  width: 300px; float: right;}
.eventSection .noticeWrap .h2Tit{; margin-bottom: 0;  overflow: hidden;}
.eventSection .noticeWrap .h2Tit li{ float: left;  }
.eventSection .noticeWrap .h2Tit li a{ font-family:'Noto Sans KR'; font-size: 15px; padding:0 8px 8px 8px; display: block;   border-bottom: 1px solid #dfdfdf; }
.eventSection .noticeWrap .h2Tit li.on a{ border-bottom: 1px solid #3f3f40;}
.eventSection .noticeWrap .h2Tit li a:hover{  text-decoration: none !important;}

.eventSection .noticeWrap .noticeBox li{ border-bottom: 1px solid #dfdfdf;}
.eventSection .noticeWrap .noticeBox li:first-child{border-top: 1px solid #dfdfdf; margin-top: -1px;}
.eventSection .noticeWrap .noticeBox li a{ max-width: 100%; padding: 7px 0; }

/************************************** 
** freemainContent(프리사이트 코드추가)
***************************************/
.freemainContent .topStoriesSection li div.storiesLi{ padding-top: 10px;}

.freemainContent .headBox h3{ height: 50px; line-height: 50px;}
.freemainContent .headBox .location{ margin-top: 20px;}

.freemainContent .updateSection .layer.R .serviceBox{ text-align: center; margin-bottom: 30px;}
.freemainContent .updateSection .layer.R .serviceBox a{ display: block;}
.freemainContent .updateSection .layer.R .serviceBox a:hover{ text-decoration:none !important;}
.freemainContent .updateSection .layer.R .serviceBox dd{font-family:'Noto Sans KR'; font-size: 13px; color: #555555;}
.freemainContent .updateSection .layer.R .serviceBox dd span{font-family:'Noto Sans KR'; font-size: 13px; color: #555555; background:url(https://image.thebell.co.kr/thebell10/img/line-d3.png) right 50% no-repeat; padding-right: 7px; margin-right: 4px;}

.freemainContent .bannerArea.forum{ margin-bottom: 20px;}

.popularWrap{ margin-bottom: 30px; }
.popularWrap ul{ background: #f4f4f4; padding: 15px 8px 10px 8px; margin: 0 auto; text-align: center;}
.popularWrap ul li{ display: inline-block; }
.popularWrap ul li a{ text-align: center; background: #e4e4e4; padding: 3px 8px; border-radius: 15px; display: block; margin-bottom: 5px;}
.popularWrap ul li a:hover{ text-decoration: none !important; background: #ccc;}

.bestclickWrap{ padding-bottom: 18px;}
.bestclickWrap li{ counter-increment: step-counter; padding-bottom: 10px;}
.bestclickWrap li:before{  content: counter(step-counter); ; font-weight: bold;  font-family:'Noto Sans KR';  font-style: italic;  }
.bestclickWrap li a{ display: block; max-width: 100%; margin-top: -18px; margin-left: 20px; max-height: 36px; overflow: hidden;  }

.freemainContent .leagueWrap .h2Tit{ padding-bottom: 10px;}
.freemainContent .eventSection{ border-top: 1px solid #dfdfdf; padding-top: 20px;}
.freemainContent .eventSection .bookWrap ul li{ float: inherit; text-align: center; margin-top: 15px; }

.freemainContent .eventSection .bookWrap dl{ margin-top: 20px;}
.freemainContent .eventSection .bookWrap dt{ float: left;}
.freemainContent .eventSection .bookWrap dd{ float: left; width: 90px;}
.freemainContent .eventSection .bookWrap dd.tit{ margin-top: 10px;}
.freemainContent .eventSection .bookWrap dd.txt{ }
.freemainContent .eventSection .bookWrap dd.txt a{ white-space: inherit; height: 79px; text-align: left;}

.eventSection .bannerWrap{ float: left; margin-left:20px;}
.eventSection .bannerWrap a{ display: block;}
.eventSection .bannerWrap a:first-child{ margin: 30px 0 11px 0;}

.freefooterBox{ background: #f4f4f4; }
.freefooterBox .thebellSection{ margin: 0 auto; width: 980px; padding: 20px 0; overflow: hidden; clear: both; }
.freefooterBox .thebellSection .h2Tit{ text-align: center; margin-bottom: 15px;}
.freefooterBox .thebellSection li{ float: left; width: 235px; padding-left: 10px; text-align: center;}
.freefooterBox .thebellSection li:first-child{  padding-left: 0;}
.freefooterBox .thebellSection li:last-child dt a{ line-height:16px;}
.freefooterBox .thebellSection li dt a{  font-family:'Noto Sans KR'; font-size: 16px;  display: block; vertical-align: middle; height: 35px; line-height:30px;  padding: 5px 0;  }
.freefooterBox .thebellSection li dd{  font-family:'Noto Sans KR'; font-size: 13px;  color: #707070; padding: 0 13px 5px 13px;}


.freefooterBox .allmenuBox ul{ height: auto !important;}



/*sub_news_list*/
.freemainContent .newsBox{ padding: 5px 10px 50px 0; width: 670px; float: left; overflow: hidden;}
.freemainContent .asideBox{ padding-top: 10px; width: 270px;}
.freemainContent .asideBox .bestBox h4{ margin-top: 6px; border-bottom-width: 2px; background: none;}
.freemainContent .asideBox .bestBox .bestSlide .dataList a{ width: 240px;}

/*sub_뉴스*/
.freemainContent .asideBox .newsinBox{ margin-top: 20px;}
.freemainContent .asideBox .newsinBox h4{ font-size: 15px;  border-top: 2px solid #111;  border-bottom: 1px solid #dfdfdf; padding: 10px 0;}
.freemainContent .asideBox .newsinBox h4 a{ font-size: 15px;}
.freemainContent .asideBox .newsinBox h4 em{ font-size: 15px;}
.freemainContent .asideBox .newsinBox .dataList{ margin-top: 5px;}
.freemainContent .asideBox .newsinBox .dataList li{ margin-bottom: 8px;  background: url('https://image.thebell.co.kr/thebell10/img/bul-dot.png') no-repeat 0px 40%; padding-left: 7px;}
.freemainContent .asideBox .newsinBox .dataList li a{ width: 260px;}

.freemainContent .asideBox .newsinBox.hotinBox h4 em{ background: #c70b16; color: #fff; padding: 0 5px;}


/*sub_더벨서비스문의배너*/
.freemainContent .asideBox .serviceNum{border:1px solid #999; width:270px; height:100px; box-sizing:border-box; padding:10px 10px; background:url('https://image.thebell.co.kr/thebell10/img/icon-phon-b.png') no-repeat right bottom; margin-top:20px;}
.freemainContent .asideBox .serviceNum .txt{font-size:14px;  color:#111; font-family:'Noto Sans KR'; }
.freemainContent .asideBox .serviceNum .num{font-size:24px; font-weight:bold; color:#216fce; font-family:'Noto Sans KR'; margin:10px 0px;}
.freemainContent .asideBox .serviceNum  .btn{ text-decoration: underline; letter-spacing: -1px;}


.loginBox .shadowBox{ width:490px; margin:50px auto; box-sizing:border-box;}
/* 비밀번호 */
.memberBox .shadowBox{width:490px; margin:50px auto; box-sizing:border-box;}

/* 기존
.freemainContent .passBox{border:1px solid #999; border-top:2px solid #111; padding:40px 20px 30px;}
.freemainContent .passBox .tit{font-size:35px; line-height:35px; margin-bottom:15px; color:#111;}
*/

/*신규 */
.freemainContent .passBox{border:1px solid #999; border-top:none !important; padding:30px 20px 30px;}
.freemainContent .passBox .tit{font-size:35px; line-height:35px; margin-bottom:35px; color:#111;}
.freemainContent .passBox .passTit{display: block;overflow: hidden;}
.freemainContent .passTypeBtn{width:490px;box-sizing:border-box; margin: auto;display: block;overflow: hidden;border-right: 1px solid #999; border-left: 1px solid #999; border-top: 2px solid #111; border-bottom: solid 1px #ddd;background: #ddd;}
.freemainContent .passTypeBtn>span a{display: inline-block; width: 243px; box-sizing: border-box;text-align: center;padding: 10px 0;}
.bor{border-right: solid 1px #ddd; }.on{background: #fff;}

.freemainContent .passBox .txt{ font-size: 14px; font-family:'Noto Sans KR'; padding-bottom: 15px; line-height: 18px; letter-spacing: -0.5px; }
.freemainContent .passBox .btnArea{ padding: 10px; text-align: center; background: #feeaeb; margin-bottom: 15px;}
.freemainContent .passBox .btnArea label{ display: block; color: #c7000c; font-family:'Noto Sans KR'; }
.freemainContent .passBox .btnArea a{ display: inline-block; background: #c7000c url('https://image.thebell.co.kr/thebell10/img/icon-down1.png') no-repeat 97% 50%; color: #fff; padding: 4px 25px 4px 10px; margin-top: 5px; }

/*신규 */

.freemainContent .passBox .inputBox{padding:20px 20px 5px; background-color:#f5f5f5;}
.freemainContent .passBox .inputBox em{font-weight:bold; color:#111; font-size:15px; display:inline-block; width:150px;}
.freemainContent .passBox .inputBox p.bdb{border-bottom:1px solid #ccc; padding-bottom:15px;}
.freemainContent .passBox .inputBox p{margin-bottom:15px;}

.freemainContent .passBox .btn_login{ height:48px!important; padding: 0;}

.freemainContent .paymentBox .tipBox.tp2 .txt{font-size:14px; color:#707070;}
.freemainContent .paymentBox .tipBox.tp2 .txt em{font-size:36px; color:#111; font-weight:bold; line-height:36px;}

.freemainContent .myNewsBox .headBox{border-bottom:0px; margin-top: 10px !important;}
.freemainContent .myNewsBox .tip{line-height:29px;}
.freemainContent .myNewsBox .myTab li{width:inherit  !important;}

.freemainContent .keywordBox .headBox{border-bottom:0px;}
.freemainContent .keywordBox .iconBox{position:absolute; right:10px; bottom:10px;}

.freemainContent .quickBox .dfTable td{vertical-align:top;}
.freemainContent .quickBox .dfTable li{margin-bottom:10px; font-size:15px;}
.freemainContent .quickBox .dfTable li label{font-size:15px;}

.freemainContent .quickBox .quickLinkBox{border:1px solid #ccc; margin-top:30px; position:relative; height:34px;}
.freemainContent .quickBox .quickLinkBox .tit{font-size:15px; font-weight:bold; color:#fff; float:left; height:35px; line-height:35px; padding:0px 30px 0px 10px; position:absolute; left:0px; top:-1px; background:#c7000c url('https://image.thebell.co.kr/thebell10/img/arrow-left3.png') no-repeat right 0px;}
.freemainContent .quickBox .quickLinkBox ul{margin-left:140px;}
.freemainContent .quickBox .quickLinkBox li{line-height:34px; line-height:34px; padding:0px 10px; float:left;}
.freemainContent .quickBox .quickLinkBox li a{text-decoration:underline;}

.viewBox .viewHead .tit .tit_np{ display: block; color: #c7000c; letter-spacing: -1px;}

/*광고배너영역-기사 본문 배너*/
.freemainContent .article_content_banner{ width:250px; height:250px; float:right; margin:0 0 10px 10px;  overflow:hidden;}
.freemainContent .article_content_banner img{ width:250px; height:250px; padding: 0 !important; border: 0 !important; margin: 0 !important;}


/*사이트맵*/
.freeallmenuBox > ul{overflow:hidden; padding:20px 0;}

/*2021-02-17수정 시작*/
.freeallmenuBox > ul.tp1 > li {float: left; border-right: 1px solid #ccc; padding: 0px 10px 0 20px; width: 160px; box-sizing: border-box; min-height: 370px;}
.freeallmenuBox > ul > li:nth-child(5){border:0px;}
/*
.freeallmenuBox > ul.tp1 > li{float:left; border-right:1px solid #ccc; padding:0px 10px 0 20px; width:141px; min-height:370px;}
.freeallmenuBox > ul > li:first-child{ padding-left: 0;}
.freeallmenuBox > ul > li:last-child{border:0px; padding-right: 0; width: 110px;}
*/
/*2021-02-17수정 끝*/

.freeallmenuBox > ul > li li{margin-bottom:8px;}
.freeallmenuBox > ul > li li a{font-size:14px; color:#363636; letter-spacing:0px;}
.freeallmenuBox > ul > li a em{font-size:18px; color:#252525; font-weight:bold; height:43px; display:block; font-family:'Noto Sans KR';}

/*fleagueBox*/
.fleagueBox .todayDate{ text-align: center; padding: 20px 0; font-size:21px; font-weight:bold; font-family:'Noto Sans KR'; line-height: 24px; }
.fleagueBox .tit{ font-size: 17px; font-weight: bold; padding-bottom: 8px;}
.fleagueBox .dfTable{ width: 390px; float: left; clear: inherit; margin-bottom: 20px;}
.fleagueBox .dfTable.left{ margin-right: 10px;}

/*sub_서비스*/
.thebellplusinfoBox .plusinfo > div{ width: 397px !important;}

/*sub_introductionList */
.freemainContent ul.introductionList li ul li{ display: inline-block;  background:url('https://image.thebell.co.kr/thebell10/img/line-d3.png') no-repeat right 7px; padding: 0 7px 0 0; margin-bottom: 12px; }
.freemainContent ul.introductionList li ul li:last-child{ background: none !important;}

/* 북앤매거진 */
.contentBox .topBookBox{overflow:hidden; margin:30px 0px;}
.contentBox .tabView.book1{margin-top:20px; background-color:#f5f5f5; padding:15px;}
.contentBox .bookImg{float:left;}
.contentBox .bookImg .img{background-color:#fff; border:3px solid #ccc; width:100px; height:120px; margin-bottom:5px; text-align:center; box-sizing:border-box; padding-top:15px;}
.contentBox .bookImg .btn{box-sizing:border-box; width:100%;}
.contentBox .exBox{float:left; width:630px; margin-left:20px;}
.contentBox .exBox .tit{font-size:17px; font-weight:bold; color:#111;}
.contentBox .exBox .num{font-size:14px; color:#001111;}
.contentBox .exBox .txt{font-size:14px; color:#707070;}

.contentBox .bookList{overflow:hidden;}
.contentBox .bookList h4{font-size:18px; color:#111; border-bottom:1px solid #111; padding-bottom:10px; margin-bottom:10px; font-family:'Noto Sans KR';}
.contentBox .bookList li .img{border:0px;}
.contentBox .bookList li{overflow:hidden; border-bottom:1px solid #ccc; padding:15px; box-sizing:border-box;}

/* sub_회원가입*/
.wcontentBox.free{ margin: 20px 0 50px 0; overflow: hidden;}

.joinbtnBox .btn{ float: left; width: 470px; height: 100px; font-size:21px; font-weight:bold; font-family:'Noto Sans KR'; line-height: 24px;}
.joinbtnBox .btn span{ display: block;  font-weight:normal; color: #707070;}
.joinbtnBox .biz{ margin-right: 10px; background-color:#fdf5f5; border: 5px solid #fac0c0;}
.joinbtnBox .ps{ border: 5px solid #999;}

/*sns*/
.freemainContent .viewBox .viewHead .tit{ margin-top: 22px;}
.freemainContent .viewBox .viewHead .userBox .date{ padding-left: 3px;}
.freemainContent .viewBox .viewHead .optionIcon{ width: 214px;}
.freemainContent .viewBox .viewHead .optionIcon ul.sns li a{ border:none; background-position:0 5px !important;}
.freemainContent .viewBox .viewHead .optionIcon ul.sns li.op1 a{background:url('https://image.thebell.co.kr/thebell10/img/icon-sns2-1.png') no-repeat;}
.freemainContent .viewBox .viewHead .optionIcon ul.sns li.op2 a{background:url('https://image.thebell.co.kr/thebell10/img/icon-sns1-1.png') no-repeat;}
.freemainContent .viewBox .viewHead .optionIcon ul.sns li.op3 a{background:url('https://image.thebell.co.kr/thebell10/img/icon-sns3-1.png') no-repeat;}
.freemainContent .viewBox .viewHead .optionIcon ul.sns li.op4 a{background:url('https://image.thebell.co.kr/thebell10/img/icon-sns4-1.png') no-repeat; width: 35px;}