@charset "utf-8";


#wrap{ background: #ffffff;}
.ico{ display: inline-block; font-size: 0 !important;  border: none; }
.ico.search{ background: url("/images/front/icoSearch_M.png") 0 0 no-repeat; height: 30px; width: 30px; cursor: pointer; background-size: 28px 28px;}
.ico.search.W{ background: url("/images/front/icoSearchW_M.png")0 0 no-repeat; height: 30px; width: 30px; cursor: pointer; background-size: 28px 28px;}
.ico.good{ background: url("/images/front/icoGood.png") 0 0 no-repeat; width: 13px; height: 14px; background-size: 13px 14px; margin:0 3px 0 0; }
.ico.dSearch{ background: url("/images/front/icoDSearch_M.png") 0 0 no-repeat; height: 32px; width: 32px; cursor: pointer; background-size: 30px 30px; margin-left: 5px;}
.ico.dClose{ background: url("/images/front/icoClose_M.png") 0 0 no-repeat; height: 32px; width: 32px; cursor: pointer; background-size: 30px 30px; margin-left: 5px;}
.ico.down{ background: url("/images/front/icoDown.png") right 50% no-repeat; width: 12px; height: 12px; padding: 0 2px 0 4px; display: inline-block;}
.ico.down.W{ background: url("/images/front/icoDownW.png") right 50% no-repeat; width: 12px; height: 12px; padding: 0 2px 0 4px; display: inline-block;}
.ico.cal{ background: url("/images/front/icoCal.png") right 0 no-repeat; width: 24px; height: 30px; vertical-align: middle; margin-right: 5px; }
.ico.ipopup{ background: url("/images/front/icoPopup.png") 0 50% no-repeat; width: 22px; height: 19px; vertical-align: top;  }
.ico.up{ background: url("/images/front/icoUp.png") right 50% no-repeat; width: 12px; height: 12px; padding: 0 2px 0 4px;}
.ico.up.W{ background: url("/images/front/icoUpW.png") right 50% no-repeat; width: 12px; height: 12px; padding: 0 2px 0 4px;}
.ico.left{ background: url("/images/front/icoLeft.png") left 50% no-repeat; width: 10px; height: 10px; padding: 0 0 0 2px;}	
.ico.right{ background: url("/images/front/icoRight.png") right 50% no-repeat; width: 12px; height: 12px; padding: 0 2px 0 4px;}	
.ico.back{ background: url("/images/front/icoBack.png") left 2px no-repeat; background-size: auto 21px; width: 13px; height: 23px; padding: 0 2px 0 4px;}	
.ico.user{ background: url("/images/front/icoUser_M.png") 0 0 no-repeat;  width: 26px; height: 26px; cursor: pointer; background-size: 26px 26px;}
.ico.list{ background: url("/images/front/icoList_M.png") 0 0 no-repeat;  width: 26px; height: 26px; cursor: pointer; background-size: 26px 26px; margin-left: 10px;}
.ico.bell{ background: url("/images/front/icoBell_M.png") 0 0 no-repeat;  width: 26px; height: 26px; cursor: pointer; background-size: 26px 26px;}
.ico.file{ background: url("/images/front/icoFile.png") 0 0 no-repeat;  width: 30px; height: 30px; cursor: pointer; background-size: 30px 30px;}
.ico.nodata{ background: url("/images/front/nodata3.png") 0 0 no-repeat;  width: 30px; height: 30px; cursor: pointer; background-size: 30px 30px; }
/*JSJ*/
.ico.chk{ background: url("/images/front/icoChk.png") right 0 no-repeat; width: 15px; height: 16px; vertical-align: middle; margin-right: 5px; }/*JSJ*/
.ico.speaker{ background: url("/images/front/icoSeapker.png") 50% 50% no-repeat; width: 22px; height: 15px; vertical-align: middle; margin-right: 5px;} 
.ico.news{ background: url("/images/front/icoNews.png") 0 0 no-repeat; width: 22px; height: 17px; vertical-align: middle;  margin-right: 5px;}
.ico.bookmark{ background: url("/images/front/icoBookmark.png") 0 0 no-repeat; width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; background-size: 20px 20px;}
.ico.bookmark.on{ background: url("/images/front/icoBookmark_On.png") 0 0 no-repeat; background-size: 20px 20px; }
.ico.mDown{ background: url("/images/front/icoDU.png") 0 bottom no-repeat; width: 22px; height: 12px;}
.ico.mUp{ background: url("/images/front/icoDU.png") 0 top no-repeat; width: 22px; height: 11px;}
.ico.mPrev{ background: url("/images/front/icoLR.png") 0px -3px no-repeat; width: 10px; height: 23px; }
.ico.mNext{ background: url("/images/front/icoLR.png") -12px -3px no-repeat; width: 11px; height: 23px; }
.ico.mUp{ background: url("/images/front/icoDU.png") 0 top no-repeat; width: 22px; height: 11px;}
.ico.Del{ background: url("/images/front/icoDel.png") 0 0 no-repeat; width: 14px; height: 16px; vertical-align:text-top; margin-right: 3px; }

.ico.rDown{ background: url("/images/front/icoD.png") 0 0 no-repeat ; background-size: 22px; width: 23px; height: 22px; margin-left: 3px; vertical-align: bottom; padding-left: 0 !important; }
.ico.rUp{ background: url("/images/front/icoUr.png") 0 bottom no-repeat; background-size: 22px; width: 23px; height: 22px;  margin-left: 3px; vertical-align: bottom; padding-left: 0 !important;}
.ico.triangle{ background: url("/images/front/icoTr.png") 0 bottom no-repeat ; background-size: 7px !important;  width: 10px; height: 12px; margin-left: 3px; padding-left: 0 !important;}

.ico.Prev{background: url("/images/front/icoPrevious.png") 0 0 no-repeat ; width: 40px; height: 40px; vertical-align:middle; background-size: 40px 40px !important; }
.ico.Next{background: url("/images/front/icoNext.png") 0 0 no-repeat ; width: 40px; height: 40px; vertical-align:middle; background-size: 40px 40px; }

.ico.Bf{ background: url("/images/front/icoBf.png") 0 0 no-repeat; width:18px; height: 19px; vertical-align: middle; background-size:18px auto;  margin-right: 3px; }
.ico.Atm{ background: url("/images/front/icoAtm.png") 0 0 no-repeat; width:18px; height: 19px; vertical-align: middle; background-size:18px auto;  margin-right: 3px;  }

i.Atm{ background:#6b47d5; color: #fff; font-style: normal; width: 18px; height: 17px; display: inline-block; border-radius: 3px; font-size: 1.15rem; line-height:1.7rem; vertical-align: middle; text-align: center; font-family:"留묒? 怨좊뵓"; margin-right: 3px; padding-right: 1px;}
i.Bf{ background:#606871; color: #fff; font-style: normal; width: 18px; height: 17px; display: inline-block; border-radius: 3px; font-size: 1.15rem; line-height:1.7rem; vertical-align: middle; text-align: center; font-family:"留묒? 怨좊뵓"; margin-right: 3px; padding-right: 1px; }


.more a{ display: inline-block; border-bottom: 1px solid #111; font-weight: 600; font-size: 1.1rem; }
/*.h3Tit{ border-bottom:2px solid #111; margin:10px 0;  font-size: 1.6rem; }*/
.h3Tit{ border-bottom:2px solid #111; margin:7px 0;   font-size: 2.1rem; padding-bottom: 5px; }
.h3Tit.type2{ font-size: 1.7rem; text-align: left;  background:#4f565e; border: 2px solid #4f565e; color: #fff;  font-weight: 600; margin:10px 0 10px 0 !important; border-radius: 5px; padding: 3px 0 3px 10px; }
.prismInSection .h4Tit{ font-size: 1.7rem;}
.h4Tit span{ display: inline-block; color: #6b47d5; line-height: 0.8; margin: 10px 0 10px 0; background: url("/images/front/bgTit.png") 0 bottom repeat-x; font-size: 1.7rem;  }
.h4Tit .data{font-weight: 400; font-size: 1.3rem !important; color:#606871; float: right; background: none; }
#prism3 .date{ float: inherit; margin-left: 3px;}
.h5Tit{ padding-bottom: 5px; font-size: 1.7rem; height: 25px; clear: both; letter-spacing: -0.5px;  }
.h5Tit .data{font-weight: 400; font-size: 1.3rem; color:#606871; float: right; padding-left: 10px; margin-top: 5px;  }
.h5Tit .titPoint{ }
.h6Tit{ padding-bottom: 5px; margin-bottom: 5px;  height: 21px;   font-size: 1.6rem; color: #555; }
.h6Tit span:first-child{  padding-left: 8px;  background: url("/images/front/icoh6.png") left 50% no-repeat; color: #555; font-weight: 600; font-size: 1.6rem; }
.h6Tit .data{font-weight: 400; font-size: 1.3rem; color:#606871; float: right; margin-top: 8px; }
.h5Tit .selcBox,.h6Tit .selcBox{display: inline-block;}
.h5Tit .selcBox .selcSt,.h6Tit .selcBox .selcSt{ font-size:1.5rem; margin-top: -5px; color: #555; }
.h7Tit{ font-size: 1.6rem; font-weight: 600; display: block; margin-bottom: 10px; }

iframe{ box-sizing: border-box;}

.nodata{  text-align: center; min-height: 110px; color: #606871; background:url(/images/front/bgPt.png) 100% 100% repeat;  font-size: 1.5rem; vertical-align: middle; line-height: 110px; padding-top: 0 !important;  }
.nodata .ico{ display:none; margin: 10px auto;}
.nodata.nocontent .ico{ background: url("/images/front/nodata2.png") 50% 50% no-repeat; }
.nodata.ongoing .ico{ background: url("/images/front/ongoing.png") 50% 50% no-repeat; width: 83px; height: 83px; }

.nodata2{ text-align: center; padding: 40px; font-size: 1.6rem; font-weight: 500;}
.nodata2 .ico{ display: block; margin: 0 auto;  min-height: 50px;}
.chartBox .nodata{ margin: -10px;}
/*.leftBox .chartBox .nodata,
.rightBox .chartBox .nodata{min-height: 110px; padding-top: 60px; }*/
.tempTable  .nodata{ min-height: 80px; padding: 10px 0;} 
.tempTable .Point{ background: url("/images/front/bgPoint.png") 0 7px repeat-x;}

.listSection .nodata{ text-align: center; padding-top: 20px !important; min-height: 330px; color: #606871; background: #fff; margin-left: -1px;  line-height: normal;}
.listSection .nodata .ico{ background: url("/images/front/nodata.png") 50% 50% no-repeat; width: 65px; height: 65px; display:inherit;  margin: 10px auto;}

.subjectC a{border: 1px solid #6b47d5; font-size:1.5rem; display: inline-block; overflow: hidden; padding: 0 7px; line-height: 1.2; }
.subjectC a:hover{text-decoration: none !important;}

.cTxtBox{ background: #f3f1f9; color: #4b3198; padding: 10px 15px; font-size: 1.3rem;  border-radius: 5px; margin-bottom: 15px; }
.cTxtBox li{list-style:inside; }
.cTxtBox li a{ text-decoration: underline;}
.cTxtBox.link li{ padding: 2px 0; font-size: 1.5rem; }

.infoTxtBox{ background:#f4f4f4; padding: 10px 15px; font-size: 1.4rem; margin-bottom: 30px; border-radius: 5px; }
.infoTxtBox .tit{ font-weight: bold; margin-bottom: 2px;  }
.infoTxtBox ul{ margin-bottom: 7px;}
.infoTxtBox ul:last-child{margin-bottom: 0;}
.infoTxtBox li{ padding: 1px 0; background: url("/images/front/icoBulR.png") left 50% no-repeat; padding-left: 6px;}

.lineTxtBox{ border: 1px solid #ccc; border-top-color:#111; padding: 20px; margin-bottom: 20px; font-size: 1.1rem; color: #555; box-sizing: border-box;}
.lineTxtBox li{list-style:inside; padding: 2px 0;}
.lineTxtBox li a{ text-decoration: underline;}

.lineTxt{ padding:5px 0 15px 0; font-size: 1.5rem; line-height: 2.5rem; }
.lineLi{padding:5px 0 15px 0;}
.lineLi li{list-style:inside; padding: 2px 0;  font-size: 1.5rem; font-weight: 500; text-decoration: underline;}

.selcBox{ padding-bottom: 10px; }
.selcBox .selcSt{ font-size: 1.2rem; font-weight: 600; border: none; padding: 0 3px 0 0; }
.selcBox .data{font-weight: 400; font-size: 0.9rem; color:#606871; float: right; margin-top: 15px; }
.about{ font-size: 13px; font-family: 'Malgun Gothic','맑은 고딕'; text-align: left; float: left; padding-top: 3px;}
.aboutR{ font-size: 13px; font-family: 'Malgun Gothic','맑은 고딕'; text-align: left; float: right; padding-top: 3px; padding-bottom: 5px;}
.about.mgminus{ margin-top: -30px;}

.selcBox2 .selcSt{ border:1px solid #d2d2d2; box-sizing: border-box; background: #fff; font-size: 1.5rem; padding: 3px 9px 3px 4px; margin-top: -1px;}
.selcBox2 .selcTit{ font-weight: 600; font-size: 1.5rem;}
.selcBox2 .data{ float: right; font-weight: 400; font-size: 1.3rem; color: #606871; margin-top: 15px; margin-bottom: 0;}


.topSection .thumbImg{ width: 365px; height: 200px; min-width: 100%; min-height: 100%; object-fit:inherit;  object-position:center; }
.CfoContainer1 .swiperNews .thumbImg{ object-fit: inherit; width: 570px;}
.CfoContainer2 .thumbImg{ width: 500px; height: 330px; min-width: 100%; min-height: 100%;  object-fit:inherit;  object-position:center; }
.slide2Section .thumbImg{ width: 500px; height: 290px; min-width: 100%; min-height: 100%; object-fit:inherit;   object-position:center; }
.thumbImgNo{ margin-top: -10px; margin-left: -10px;}
.thumbImgNo197{width: 197px; height: 140px; margin-top: -10px; margin-left: -10px;}
.cfosSection .thumbImgNo{margin-top: 0 !important; margin-left:0 !important;}


/* layerpopup */
.layerWrap{position: fixed; left:0; top:0; z-index: 1402; width:100%; height: 100%;}
.layerWrap > .row{position: relative; z-index: 2; height:100%;}
.layerWrap > .row > .col{text-align:center; vertical-align: middle;}

.layerIn .ly-close{position: absolute; right:0; top:0; z-index: 5;}

.layerIn{vertical-align: middle; overflow: hidden; display: inline-block; position: relative; z-index: 1001; min-width:300px; }
.layerIn .lyCnt{text-align: left;}
.layerIn .lyBtmArea button{width:100%; font-weight:600;}

#dim{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; width:100%; height:100%; background: rgba(0,0,0,.5); font-family: inherit; overflow: hidden; }
#dim.type2{z-index:99;}
#dim.type3{z-index:98;}

/* scroll */
.noScroll{position: fixed; z-index: 1; height: 100%; overflow: hidden; }
.scroll-x{overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling:touch;}
.scroll-y{overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch;}

/* 팝업 */
.popTable{ background: #fff; border-radius: 20px;  padding-bottom: 30px; }
.popTable .h2Tit{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding: 10px 20px 0 30px; overflow: hidden; text-align: left;}
.popTable .h3Tit{ margin-bottom: 10px; padding: 0 10px 5px 0; text-align: left;}
.popTable.bigonotice .h3Tit{padding: 0px 20px 5px 30px; border-bottom: 1px solid #eee; font-size: 1.8rem;}
.popTable a.close{ background: url("/images/front/ico_layer_close.png") 0 0 no-repeat; display: block; width: 35px; height: 35px; float: right;}
.popTable .popBox{margin: 20px 30px 20px 30px;}
.popTable .popBox .popTxtBox{ font-size: 1.6rem; }
.popTable .popBox .popTxtCont{ font-size: 1.6rem; padding: 40px 0 30px; border-bottom: 1px solid #ddd;}



.popTable .popBox .textArea{ width: 100%; box-sizing: border-box;}
.popTable .popBox .explain{ font-size: 1.3rem;  display: block; color: #0d4dad; margin-top: 3px;}
.popTable .popBox .delBox{ float: right; font-weight: 400; font-size: 0.9rem; margin-top: 5px;}
.popTable .popBox .bgImg{ background:#f3f4f8; border: 1px solid #e4e5e9; padding: 10px; box-sizing: border-box; height: 120px;  text-align: center; margin-top: 5px; }
.popTable .popBox .bgImg img{  height: 100%; }
.popTable .btOptSection{  display: flex; justify-content: center; margin: 0 30px;}
.popTable .btOptSection a{display: flex; border-radius: 5px; box-sizing: border-box; justify-content: center; align-items: center; width: 50%;}

.popTable.mainpop{ background: #f1f2f8; font-family:'Pretendard'; }
.popTable.mainpop .popBox .popTxtCont{ border-bottom: none; padding: 40px 0 20px;}
.popTable.mainpop .popBox .popTxtCont dt{ font-size: 2.2rem; letter-spacing: -1px; line-height: 3.4rem; font-weight: 600; }
.popTable.mainpop .popBox .popTxtCont dd{ margin-top: 10px; font-size: 1.5rem; letter-spacing: -0.5px;}
.popTable.mainpop .popBox .popTxtCont dd.bgWh{ background: #fff; border-radius: 10px; padding: 10px; font-size: 1.5rem;color: #626673; margin-top: 20px; }
.popTable.mainpop .popBox .popTxtCont dd.bgWh li{display: flex; justify-content:flex-start; text-align: left; margin: 5px 5px 10px 10px;}
.popTable.mainpop .popBox .popTxtCont dd.bgWh li.bdb{ padding-bottom: 10px;}
.popTable.mainpop .popBox .popTxtCont dd.bgWh li b{ width: 140px;}
.popTable.mainpop .popBox .popTxtCont dd.bgWh li .tRed{ font-size: 1.1rem;}
.popTable.mainpop .popBox .popTxtCont dd.bgWh li div{ width: 62%;}



/* 테이블 */
.tempTable{ text-align: center; border-top: 1px solid #111; margin-bottom: 20px;}
.tempTable table thead tr th{ background: #f8f8f8; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 7px 10px; font-size: 1.3rem; vertical-align: middle; }
.tempTable table thead tr:first-child th:last-child{border-right: 0;}
.tempTable table tbody tr th{ background: #f8f8f8; border-right: 1px solid #ddd; border-bottom: 1px solid #eee; padding: 7px 10px; font-size: 1.3rem; vertical-align: middle; }
.tempTable table tbody tr:last-child th{}
.tempTable table tbody tr th a{ display: block; width: 100%; height: 100%; color: #091d54; text-decoration: underline;}
.tempTable table tbody tr th a:hover{ opacity: 0.7; }
.tempTable table tbody tr th a .ico{ margin-left: 5px;}
.tempTable table tbody tr td{  border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 10px; font-size: 1.3rem; vertical-align: middle; }
.tempTable table tbody tr td:last-child{border-right: 0;} 
.tempTable table tbody tr td a{ text-decoration: underline;}
.tempTable table tbody tr:last-child td{}
.tempTable table tfoot tr th{ background: #ededed; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 7px 10px;   font-size: 1.3rem; vertical-align: middle; }
.tempTable table tfoot tr td{ font-size: 1.3rem; background: #ededed; border-right: 1px solid #ddd; border-bottom:1px solid #ddd; padding: 7px 10px;  font-weight: 600; vertical-align: middle;}
.tempTable table tfoot tr td:last-child{border-right: 0;}

.tempTable.add table{ border: 1px solid #384049;}
.tempTable.add table thead tr th{ background: #384049; color: #fff; text-align: center; padding: 10px; border-bottom: none; font-size: 1.5rem;}
.tempTable.add table tbody tr td{ font-size: 1.3rem; border-bottom: none; padding:8px 10px;}
.tempTable.add table tbody tr td.thNum{ font-size: 1.7rem; }
.tempTable.add table tbody tr td.tl{ border-right-color:#384049;  font-weight: 500;  }
.tempTable.add table tbody tr:nth-child(even) td{ background: #f3f4f8;}

.tempTable.hHg table tr th{ padding: 20px 10px; font-size: 1.4rem;  }
.tempTable.hHg table tbody tr td{ padding: 20px 10px; font-size: 1.4rem; }
.tempTable.pdless table tbody tr td{ padding: 5px 6px;}
.tempTable .infoTxtBox{ text-align: left; margin: 20px 0; }
.tempTable .infoTxtBox li{  list-style: none;}
.tempTable td ul.plusLi li{ padding: 3px 20px; }
.tempTable .btlineGrey.bts{ text-decoration: none; border-radius: 20px; margin-top: 10px; color: #333;}
.tempTable .btlineGrey.bts .ico{ background-position: right 3px;}

.tempTable .relFootBox tr td{ text-align: left; background: #ececee; padding: 20px 20px 15px 20px; }
.tempTable .relFootBox .relLi a{ font-size: 1.5rem; text-decoration: underline; font-weight: 500; display: block; margin-bottom: 5px; color: #0058b2;}
.tempTable .relFootBox p{ font-weight: normal;}

.tableScroll{ overflow-y: scroll; overflow-x: hidden; border-bottom: 1px solid #d3d3d3;}
.tempTable .blk{ width:5px; padding: 10px 6px;}

.bgBl th{ background: #edf5ff !important; color: #6a7e97 !important; border-color:#c1ddff !important; }
.bgBl.total td{ background: #edf5ff !important; color: #6a7e97 !important; border-color:#c1ddff !important; font-weight: 600;}
.bgGn th{ background: #ecf8f5 !important; color: #669790 !important; border-color: #d0efe7 !important;}
.bgGn.total td{ background: #ecf8f5 !important; color: #669790 !important; border-color: #d0efe7 !important; font-weight: 600;}
.lineBk tr th{ border-bottom:2px solid #6a7e97!important; }
.lineBk tr:last-child td{ border-bottom:2px solid #6a7e97 !important; }
.tlli{margin: 5px 0;}
.tlli li{ list-style: inside; padding: 1px 0;}
.thNum{ font-weight: 400; font-size: 1.6rem; line-height: 1.6rem;}
.tPoint.tbg{ background: url("/images/front/bgTit.png") 0 bottom repeat-x;}

.btOptSection{}
.btOptSection a{ margin: 0 5px; text-decoration: none; display: inline-grid;}
.btOptSection a:last-child{ margin-right: 0;}

.moreBox{ box-sizing: border-box; }
.moreBox a{ display: block; line-height: 30px; }
/*.moreBox a:hover{ background: #d1d4da;}*/

.moreBt{  font-weight: 600; font-size: 1.5rem;}

/*main*/
/*headerBox*/
.headerBox{ position:sticky; left: 0; top:0; width: 100%; background: #fff; z-index: 2; border-bottom: 1px solid #cccccc;}
.headerBox .headBox{ width: 1160px;
    margin: 0 auto 0;
    display: table;
    table-layout: fixed;
    height: 50px;
    padding-top: 20px;}
.headerBox .headBox h1{float: left; margin-right: 50px;}
.headerBox .headBox h1 img{ width: 145px; float: left; }
.headerBox .headBox ul.gnbBox{ display: flex;  background: #fff; }
.headerBox .headBox ul.gnbBox > li{ height: 43px; }
.headerBox .headBox ul.gnbBox > li > a{ margin: 0px 70px 0px 0; padding-bottom: 15px; font-weight: 600; font-size: 2.2rem; display: block; }
.headerBox .headBox ul.gnbBox > li > a.on{ color: #6b47d5; border-bottom: 3px solid #6b47d5;}

.headerBox .headBox .rightBox{ float: right;  margin: -51px 0 10px 0; }
.headerBox .headBox .searchBox{ float: left; border: 2px solid #111; height: 40px; border-radius: 20px; box-sizing: border-box; padding:0 10px; vertical-align: middle;  }
.headerBox .headBox .searchBox input{ border: 0; padding: 5px; border-radius: 20px;  background: none; outline: none; width: 270px; font-size: 1.5rem;}

.headerBox .headBox .loginBox{  float: right; margin-top: 13px; position: relative;}
.headerBox .headBox .loginBox p{ float: left;}
.headerBox .headBox .loginBox p.new{ position: relative; margin: 0 4px;} 
.headerBox .headBox .loginBox p.new span{ position: absolute; left: 10px; min-width: 14px; height: 19px; padding: 0 3px; text-align: center; color: #fff; font-size: 1.2rem; background: #6b47d5; border-radius: 10px;} 
.headerBox .headBox .loginBox p.line::before{ content: ''; display: block; width: 1px; height: 12px; background: #ddd; display: inline-block; margin: 0 7px; }
.headerBox .headBox .loginBox p.login:first-child:before{ display: none;}
.headerBox .headBox .loginBox p.login{ font-size: 15px; padding: 2px 0 3px 15px; }
.headerBox .headBox .loginBox p.login a{color: #777;}
.headerBox .headBox .loginBox p.login span{ background: #f1f2f8; padding: 3px 10px; border-radius: 15px; font-size: 0.9rem; color: #1864d7;}
.headerBox .headBox .loginBox p.myP{ margin-left: 8px;}
.headerBox .headBox .loginBox p.myS{ margin-left: 10px;}
.headerBox .headBox .loginBox p.myS .ico{ background-size:22px 22px; height: 26px; width: 26px; background-position: 1px; }

.loginBox .btOpt .logo img{ width: 70px;}

.headerBox .headBox ul.gnbBox .subM{ position: absolute;   width: 100%; background:#6b47d5; left: 0px; }
.headerBox .headBox ul.gnbBox .subM ul{ width: 1160px; margin: 0 auto; }
.headerBox .headBox ul.gnbBox .subM li{ display: inline-block; font-size:1.05rem;   }
.headerBox .headBox ul.gnbBox .subM li:first-child{ margin-left: 190px;}
.headerBox .headBox ul.gnbBox .subM li a{ padding: 10px; display: block; font-size: 1.5rem; color: #fff; }

.headerBox .searchWrap{ width: 100%; background: #fff; position: absolute;z-index: 1; top: 48px; padding: 30px 0 40px; box-shadow: 0 6px 8px 0 rgb(0 0 0 / 12%); border-top: 1px solid #ccc;}
.headerBox .searchSection .searchBox{ width: 1000px; border: none; background: #f4f4f5; border-radius: 30px; padding-left: 10px; box-sizing: border-box;}
.headerBox .searchSection .searchBox input{background: #f4f4f5;  border-radius: 30px; }
.headerBox .searchSection .searchBox .ico{ background-size: 23px 23px; top: 9px;}

.betaTxt{ text-align: center; font-size: 0.85rem; background: #f3f4f6; padding: 3px 0; }

.indexSection{  min-height: 400px;}
.indexSection .searchSection { margin: 55px auto; display: flex; justify-content: center; width: 650px; align-items: center;}

/*main-221015*/
.maintopSection{ display: flex; justify-content: center; width: 1260px; margin: 0 auto; position: relative; }
.maintopSection .maintopNews{  display: flex; flex-direction: column; margin-top: 20px;  }
.maintopSection .maintopNews h2{ padding-top: 10px;}
.maintopSection .maintopNews.topCenter{ margin: 0 10px; align-items: center;}
.maintopSection .maintopNews h2 .tit a{font-size:  2.4rem; line-height: 2.8rem; letter-spacing: -0.7px;}
.maintopSection .maintopNews h2 .stit{ padding-bottom: 5px;}
.maintopSection .maintopNews .thumb{ border-bottom-left-radius:30px; border-bottom-right-radius:30px; overflow: hidden; width: 360px; height: 253px;  }
.maintopSection .maintopNews .thumb img{ width: 100%; height: 100%;object-fit: cover;  }
.maintopSection .maintopNews.topCenter{ position: relative; }
.maintopSection .maintopNews.topCenter strong{  padding: 3px 10px; position: absolute; top: -8px; }
.maintopSection .maintopNews.topCenter .grad{position: absolute; z-index: 0.1;  border-bottom-left-radius:30px; border-bottom-right-radius:30px; width: 100%; height: 100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+51,000000+100&0+0,0.29+52,0.65+65,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.28) 51%, rgba(0,0,0,0.29) 52%, rgba(0,0,0,0.65) 65%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.28) 51%,rgba(0,0,0,0.29) 52%,rgba(0,0,0,0.65) 65%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.28) 51%,rgba(0,0,0,0.29) 52%,rgba(0,0,0,0.65) 65%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}



.maintopSection .maintopNews.topCenter .thumb{ width: 520px; height: 360px; }
.maintopSection .maintopNews.topCenter h2 {position: absolute; top: 210px; text-align: center; margin: 0 20px;}
.maintopSection .maintopNews.topCenter h2 .stit a { color: #ffffff;}
.maintopSection .maintopNews.topCenter h2 .stit a.tPoint { color: #d1c8ee !important; }
.maintopSection .maintopNews.topCenter h2 .tit a{ font-size: 3.3rem; color: #fff; line-height: 4.5rem;  }
.maintopSection .maintopList{ display: none;}

.bgPoint{background: #6b47d5; font-size:1.4rem ; color: #fff; font-weight: 400; letter-spacing: 0.5px;}

.slideBox { background: #e8e8e8; border-radius: 2px; width: 100%; height: 3px; margin-top: 20px;}
.slideBox ul{ display: flex; justify-content:space-around;}
.slideBox ul li{ font-size: 0; width: 100%;}
.slideBox ul li.on{ background: #6b47d5 ; height: 3px; border-radius: 2px; }

.mainForm{ display: flex; flex-wrap: wrap; width: 1160px; margin: 70px auto 50px; }
.mainForm .todayBox{ border: 1px solid #ddd; border-radius: 20px; position: relative; padding: 50px 30px 30px 30px; box-sizing: border-box; height: 210px; width: 570px; overflow: hidden; }
.mainForm .todayBox .more{ position: absolute; top: 15px; right: 25px;}
.mainForm .todayBox .more a{ font-size:1.4rem; color: #777; border-bottom-color: #777; }
.mainForm h3.bgPoint{ position: absolute; top: 0; left: 0; padding:5px 20px; border-bottom-right-radius: 20px; }

/*20230621_추가*/
.mainForm .archive{ width: 1160px; flex-grow: 2;position: relative; margin-bottom: 35px;  border-radius: 20px; overflow: hidden; box-sizing: border-box; border: 1px solid #ddd;}
.mainForm .archive::after{ overflow: hidden; clear: both;}
.mainForm .archive h2{ margin: 17px 26px 0 10px;}
.mainForm .archiveBox{ display: flex; justify-content: space-between;  } 
.mainForm .archiveBox .thumb{  margin-right: 30px}
/*.mainForm .archiveBox .thumb:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 20px;   z-index: 1;  }*/
.mainForm .archiveBox .thumb a{ display: block; width: 570px; height: 210px; border-radius: 20px 0 0 20px; overflow: hidden; }	
.mainForm .archiveBox .thumb img{ width: 100%;
    height: 100%;
    object-fit: cover;}
.mainForm .archiveBox a:nth-child(2):hover{ text-decoration: none;}
.mainForm .archiveBox p.tit{ font-size: 3.3rem; margin:7px 0 10px; letter-spacing: -0.5px; }
.mainForm .archiveBox p.tit span{  }
.mainForm .archiveBox p.txt{ font-size: 1.5rem; line-height: 2.5rem; color: #555; font-weight: normal;}

.mainForm .todayPrism{ position: relative; }
.mainForm .todayPrism .topNavi{  cursor: pointer; display: none;}
.mainForm .todayPrism.on .topNavi{display: inherit; position: absolute; top: 45%;  display: flex; z-index: 11; justify-content: space-between; }
.mainForm .todayPrism.on .topNavi.NPrev{left: 5px; }
.mainForm .todayPrism.on .topNavi.NNext{right: 5px; }
.mainForm .todayPrism .todayBox .todayWrap{ display: flex;justify-content: space-between;}
.mainForm .todayPrism .todayBox .todayWrap div.company dt{ font-size: 2.4rem; font-weight: 600; letter-spacing: -1px; line-height: 2.6rem; margin-bottom: 5px; }
.mainForm .todayPrism .todayBox .todayWrap div.company dd{ font-size: 1.3rem; display: inline-block; color: #999999; }
.mainForm .todayPrism .todayBox .todayWrap div.company dd.kospi{ background: #999999; padding: 2px 7px 2px 5px; color: #fff; line-height: 1.2rem; margin-left: 3px;}
.mainForm .todayPrism .todayBox .todayWrap div.company dd.kospi a{  color: #fff; }
.mainForm .todayPrism .todayBox .todayWrap div ul{ display: flex; justify-content: center; align-items: center;}
.mainForm .todayPrism .todayBox .todayWrap div ul li{ text-align: center; border-radius: 9px; background:#031a6a;padding: 10px; color: #fff; width: 85px; height: 110px; margin-left: 10px; }
.mainForm .todayPrism .todayBox .todayWrap div ul li dt{ color: #fff; font-size: 1.6rem; line-height: 1.8rem; vertical-align: middle; height: 36px;  }
.mainForm .todayPrism .todayBox .todayWrap div ul li dd{ color: #fff; font-size: 1.2rem; margin-top: 5px;  }

.mainForm .todayPrism .todayBox div ul li.green{ background: #248454;}
.mainForm .todayPrism .todayBox div ul li.purp{ background: #532bc9;}


.mainForm .todayCFO{ position: relative; margin-left: 20px; } 
.mainForm .todayCFO .topNavi{  cursor: pointer; display: none;}
.mainForm .todayCFO.on .topNavi{display: inherit; position: absolute; top: 45%;  display: flex; z-index: 2; justify-content: space-between; }
.mainForm .todayCFO.on .topNavi.NPrev{left: 5px; }
.mainForm .todayCFO.on .topNavi.NNext{right: 5px; }
.mainForm .todayCFO .todayBox{ background: #f8f8f8}
.mainForm .todayCFO .todayBox .cfoBox{ display: flex; justify-content: space-between; }
.mainForm .todayCFO .todayBox .thumb{  display: block;   width: 88px; height: 110px; border-radius: 5px; overflow: hidden; position:relative; margin-right: 20px;  }
.mainForm .todayCFO .todayBox .thumb:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 5px;   z-index: 1;  }
.mainForm .todayCFO .todayBox .thumb img{ border-radius: 6px; backface-visibility:hidden; object-fit: cover; width: 100%; height: 100%;  }
.mainForm .todayCFO .todayBox dl{ width: 78%;}
.mainForm .todayCFO .todayBox dl dt{ font-size: 2rem; line-height: 2rem; padding-bottom: 7px;}
.mainForm .todayCFO .todayBox dl dt span{ font-size: 1.3rem; margin-left: 5px;}
.mainForm .todayCFO .todayBox dl dd{ font-size: 1.4rem; line-height: 2.3rem; color: #555; display: block; height: 90px; overflow: hidden;}



/*newsmain-221015*/
.newsmainSection{ width: 1160px; margin: 50px auto 30px;}
.newsmainSection .topNewsSection{ display: flex; margin-top: -3px;}
.newsmainSection .topNewsSection .thumb img{ width: 560px; height: 307px; margin-right: 20px;}
.newsmainSection .topNewsSection .topTxtSection{ width: 50%; box-sizing: border-box; padding-left: 20px; border-left: 1px solid #e8e8e8; }
.newsmainSection .topNewsSection .topTxtSection li{ border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 15px;}
.newsmainSection .topNewsSection .topTxtSection li:last-child{ margin-bottom: 0;}
.newsmainSection .tit{ font-size: 2.0rem; font-weight: 500; line-height:2.4rem;  margin-top: 5px; }
.newsmainSection .subtit a{ font-size: 1.5rem; color: #777; margin-top: 5px;}
.newsmainSection .date{ font-size: 1.2rem; color: #afb7c2; font-weight: normal; }

.newsmainSection .topListSection{ margin-top: 40px; padding-bottom: 40px;  }
.newsmainSection .topListSection ul{ display: flex; justify-content: space-between;}
.newsmainSection .topListSection ul li{ width: 365px;}
.newsmainSection .topListSection ul li .stit{ margin-top: 5px;}
.newsmainSection .topListSection ul li .thumb img{ width: 365px; height: 200px;}

.newsmainSection .mainListSection .tit a{-webkit-line-clamp:1;}

.mainListSection h3.h3Tit{ margin-bottom: 20px; border: 0; font-size: 2.3rem;}
.mainListSection h3.h3Tit:before{content: " "; display: inline-block; margin-right: .8rem; border-left: 4px solid #111;height: 1.8rem; padding: 0;width: 0}
.mainListSection ul{ display: flex; flex-flow: wrap; justify-content: space-between; }
.mainListSection li{ display: flex; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin:0 0 15px 0; width: 49%; box-sizing: border-box; }
.mainListSection li:nth-child(odd){ margin-right: 20px;}
.mainListSection li:nth-child(7),
.mainListSection li:nth-child(8){ border-bottom: none;}
.mainListSection li .thumb img{ width: 162px; height: 110px;}
.mainListSection li h2{ margin-left: 20px; font-weight: 500; position: relative;}
.mainListSection li h2 .date{width: 380px; position: absolute; bottom: 3px;}

.mainTxtSection h3.h3Tit{ font-size: 2.3rem; margin-bottom: -5px; padding-bottom: 7px; }
.mainTxtSection h3.h3Tit:before{content: " "; display: inline-block; margin-right: .8rem; border-left: 4px solid #111;height: 1.8rem; padding: 0;width: 0}
.mainTxtSection{  margin-bottom: 50px;}
.mainTxtSection ul{ display: flex; flex-flow: wrap; justify-content: space-between;}
.mainTxtSection ul li{ width: 31%; margin:30px 0 0 0;    border-bottom: 1px solid #e8e8e8; position: relative;}
.mainTxtSection ul li .date{ position: absolute; bottom: 20px; right: 0;}
.mainTxtSection ul li .tit{ display: block; height: 50px; margin-bottom: 40px;}
.mainTxtSection ul li:nth-child(10),
.mainTxtSection ul li:nth-child(11),
.mainTxtSection ul li:nth-child(12){border-bottom: none;}

/*archiveSection*/
.archiveSection .searchSection{ flex-direction: column; margin: 55px auto 5px;}
/*20230608 변경
.archiveSection .searchSection .searchBox{ border:0; background: #333; border-radius: 30px; }
.archiveSection .searchSection .searchBox button{ top: 10px; right: 15px;}
.archiveSection .searchSection .searchBox input{ background:none; color: #fff; padding: 0 25px; height: 50px;}*/
.archiveSection .searchSection .searchLi ul{ display: flex; justify-content: center; margin-top: 20px; flex-wrap: wrap;}
.archiveSection .searchSection .searchLi ul li{ background: #eee; border-radius: 20px; margin: 0 5px 5px; font-size: 1.4rem; padding: 5px 10px; }
.archiveSection .searchSection .searchLi ul li a{ display: block; font-size: 1.4rem; }
.archiveSection .searchOptSection{ background: none; padding: 0 0 15px 0; margin-bottom: 30px; border: 0; border-bottom: 3px solid #333;}
.archiveSection .searchOptSection .searchResult{  font-size: 1.5rem; font-weight: 500; padding-bottom: 5px; }
.archiveSection .nodata { line-height: inherit;  margin: 60px 0 50px; background: none; }
.archiveSection .nodata .ico{ background: url("/images/front/nodata.png") 50% 50% no-repeat; width: 65px; height: 65px; display:inherit;  margin: 10px auto;}

/*archivelistSection*/
.archivelistSection ul{ display: grid; grid-template-columns: 30% 30% 30%; grid-gap: 0 50px; }
.archivelistSection ul li{ width: 365px; height: 320px; border-radius: 20px; overflow: hidden; box-sizing: border-box; box-shadow: 0px 3px 13px #ddd; margin-bottom: 30px; }
.archivelistSection ul li a{display: block;
    width: 365px;
    height: 210px;}
.archivelistSection ul li span{
	width: 365px;
    height: 210px;
    overflow: hidden;
    display: flex;
    justify-content: center;}
.archivelistSection ul li a:hover{ opacity: 0.85; text-decoration: none;}
.archivelistSection ul li img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.archivelistSection ul li h2{ padding: 10px 20px 20px;}
.archivelistSection ul li h2 .date{  background: #f5f5f6; display: inline-block; padding: 1px 8px; border-radius: 8px; font-weight: 400;}
.archivelistSection ul li h2 .tit{font-size: 2.4rem; font-weight: bold; margin-top: 10px; line-height: 2.9rem !important; white-space: nowrap;  text-overflow: clip; overflow: hidden;   word-break:break-word;-webkit-box-orient:vertical; }
.archivelistSection ul li h2 .txt{ font-weight: 400; color: #999; margin: 10px 0 15px 0; font-size: 1.6rem; line-height: 20px;}


/*archiveContent*/
.archiveContent h1{ background: #413079; border-radius: 30px;  }
.archiveContent h1 a{color: #fff !important; text-decoration: none !important; padding: 5px 20px; font-size: 1.7rem; display: flex; justify-content: space-between; }
.archiveContent h1 i{ margin-top: 7px; }

.archiveContent em {font-style: italic; } 


.archiveContent .archiveContentIn{ border: 1px solid #dddddd; box-sizing: border-box; padding:20px; border-radius: 10px; line-height: 2.6rem; margin: 5px 0 30px 0;}
.archiveContent .archiveContentIn a.num{font-weight: bold; margin-right: 10px; color: #6a47d5 !important; text-decoration: none;}
.archiveContent .archiveContentIn h2{ font-size: 1.8rem; }
.archiveContent .archiveContentIn h3{ margin-left: 20px; font-size: 1.5rem; font-weight: normal;}
.archiveContent .archiveContentIn h4{ margin-left: 60px;  font-size: 1.5rem; font-weight: normal;}
.archiveContent .archiveContentIn h5{ margin-left: 105px;  font-size: 1.5rem; font-weight: normal;}
.archiveContent .archiveContentIn h6{ margin-left: 105px;  font-size: 1.5rem; font-weight: normal;}
.archiveContent .archiveContentIn h7{ margin-left: 105px;  font-size: 1.5rem; font-weight: normal;}
.archiveContent .archiveContentIn h8{ margin-left: 105px;  font-size: 1.5rem; font-weight: normal;}
.archiveContent .archiveContentIn h9{ margin-left: 105px;  font-size: 1.5rem; font-weight: normal;}
.archiveContent .archiveContentIn h10{ margin-left: 105px;  font-size: 1.5rem; font-weight: normal;}

.archiveContent .archiveContentIn.list{  padding: 0; border: 0; margin-bottom: 20px; }
.archiveContent .archiveContentIn.list .txt{ font-weight: 400; font-size: 1.5rem !important; }
.archiveContent .archiveContentIn.list h2{border-bottom: 1px solid #111; padding-bottom: 3px;}
.archiveContent .archiveContentIn.list h3{border-bottom: 1px solid #111; padding-bottom: 3px; font-size: 1.7rem; font-weight: bold; margin-left: 0;}
.archiveContent .archiveContentIn.list h4{border-bottom: 1px solid #111; padding-bottom: 3px; font-size: 1.6rem; font-weight: bold; margin-left: 0;}
.archiveContent .archiveContentIn.list h5{border-bottom: 1px solid #111; padding-bottom: 3px; font-size: 1.5rem; font-weight: bold; margin-left: 0;}
.archiveContent .archiveContentIn.list h6{border-bottom: 1px solid #111; padding-bottom: 3px; font-size: 1.5rem; font-weight: bold; margin-left: 0;}
.archiveContent .archiveContentIn.list h7{border-bottom: 1px solid #111; padding-bottom: 3px; font-size: 1.5rem; font-weight: bold; margin-left: 0;}
.archiveContent .archiveContentIn.list h8{border-bottom: 1px solid #111; padding-bottom: 3px; font-size: 1.5rem; font-weight: bold; margin-left: 0;}
.archiveContent .archiveContentIn.list h9{border-bottom: 1px solid #111; padding-bottom: 3px; font-size: 1.5rem; font-weight: bold; margin-left: 0;}
.archiveContent .archiveContentIn.list h10{border-bottom: 1px solid #111; padding-bottom: 3px; font-size: 1.5rem; font-weight: bold; margin-left: 0;}

.archiveContent .archiveContentIn.list a.moreBt{ color: #111; margin-right: 0; line-height: 21px;}
.archiveContent .archiveContentIn.list button{ padding: 0;cursor: pointer;}

/*.archiveContent .archiveContentIn.list a span.toolTop{ background: #fff; border: 1px solid #111; color: #333;text-align: center; padding: 5px 10px; position: absolute; z-index: 1; margin-top: -28px; margin-left: -20px; line-height: 1.8rem;  }
.archiveContent .archiveContentIn.list a:hover{ opacity: 1;}*/

.archiveContent .archiveComment{ font-size: 1.4rem; color: #777; background: #f9f9f9; padding: 10px;}
.archiveContent .archiveComment li{ color: #777; line-height: 1.8rem; padding-bottom: 7px;}
.archiveContent .archiveComment a{ font-size: 1.4rem; padding-right: 5px; cursor: pointer; font-weight: bold;}


/*marketContent*/
.marketContent .h2Tit{font-size: 1.8rem; color: #333; border-bottom: 1px solid #d8dadc; padding-bottom: 10px;}
.marketContent .h2Tit span{ background: #4a65f6; padding: 5px 14px 3px; border-radius: 20px; margin-right: 10px; color: #fff; font-size: 1.3rem; font-family:'Gmarket Sans'; letter-spacing: 0; vertical-align: middle; }
.marketContent .h3Tit{ font-size: 1.5rem; font-family:'Gmarket Sans'; color: #4a65f6; border-bottom: none; letter-spacing: 0;}
.marketContent .txtBox p{ font-size: 18px; line-height: 170%; color: #444;  letter-spacing: 0; }

.marketContent .topicBox{ background: #f0f2ff; padding: 15px; margin-bottom: 10px;}
.marketContent .topicBox .txtBox{ margin-top: 15px;}
.marketContent .marketviewBox{ margin-top: 30px;}
.marketContent .marketviewIn{ box-sizing: border-box; border: 1px solid #d2d9fe; border-radius:5px; margin:0 0 20px 10px; display: grid; grid-template-columns:190px auto; }
.marketContent .marketviewIn .imgBox{ background:#4a65f6; border-radius: 5px; width: 190px; min-height: 200px; margin: 15px 0 15px -10px; text-align: left; padding: 25px; box-sizing: border-box; position: relative; }
.marketContent .marketviewIn .imgBox .thumb{ width: 84px; height: 84px; border-radius: 42px; overflow: hidden; position: relative; display: block; }
.marketContent .marketviewIn .imgBox .thumb:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;   content:""; border-radius: 64px;   z-index: 1;}
.marketContent .marketviewIn .imgBox .thumb img{ min-height: inherit; max-height: -webkit-fill-available; object-fit: cover; padding: 0; margin: 0; border: none; }
.marketContent .marketviewIn .imgBox p.name{ color: #fff; font-size: 1.8rem; font-weight: bold; margin-top: 10px; line-height: 170%; }
.marketContent .marketviewIn .txtBox{ background: url("/images/front/icoQuotes.png") top left no-repeat; background-size: 16px; margin: 20px;}
.marketContent .marketviewIn .txtBox .h4Tit{ border-bottom: 1px solid #ddd; padding: 20px 0 10px; font-size: 2.8rem; font-family: cafe24Shiningstar, 'Noto Sans KR', sans-serif; letter-spacing: 0; font-weight: normal;}
.marketContent .marketviewIn .txtBox p{ padding: 17px 0; }

/*shortitleSection-230125*/
.shortitleSection{ padding-bottom: 30px;  display: flex; flex-flow: wrap; justify-content: space-between;  }
.shortitleSection .shortitleWrap{ width: 49%; position: relative; }
.shortitleSection .shortitleWrap .topNavi{ display: none;}
.shortitleSection .shortitleWrap.on .topNavi{display: inherit; position: absolute; top: 35%;  display: flex; z-index: 11; justify-content: space-between; }
.shortitleSection .shortitleWrap.on .topNavi.NPrev{left: 5px; }
.shortitleSection .shortitleWrap.on .topNavi.NNext{right: 5px; }
.shortitleSection .shortitleBox{ background: #fff; border: 3px solid #ccc; border-radius: 10px; padding: 37px 27px 27px; box-sizing: border-box;}

.shortitleSection .shortitleBox h2{ font-size: 2.0rem; position: absolute; top: -8px; left: 30px; background: #fff; padding: 0 2px;}
.shortitleSection .shortitleBox h2 a{ background: url("/images/front/bgPoint2.png") 0 14px repeat-x; padding-top: 2px;}
.shortitleSection .shortitleBox div.shortListBox { display: flex; flex-flow: wrap; justify-content: space-between;}
.shortitleSection .shortitleBox div.shortListBox ul{width: 65%;   }
.shortitleSection .shortitleBox div.shortListBox li{  padding: 6px 0;}
.shortitleSection .shortitleBox div.shortListBox li:last-child{ border-bottom:0;}
.shortitleSection .shortitleBox div.shortListBox li a{ font-size: 1.6rem;}
.shortitleSection .shortitleBox div.shortListBox .thumb img{ width: 162px; height: 110px;}


.subindexSection{display: flex; flex-flow: wrap; justify-content:space-between;  width:980px; margin: 0 auto; }
.shortListSection{ width: 290px;   box-sizing: border-box; margin-top: 40px;  }
.shortListSection .shortListBox{background: #f8f8f8; padding: 30px 20px;}
.shortListSection .shortListBox:nth-child(2),
.shortListSection .shortListBox:nth-child(3),
.shortListSection .shortListBox:nth-child(4),
.shortListSection .shortListBox:nth-child(5),
.shortListSection .shortListBox:nth-child(6)
{ padding-top: 0;}
.shortListSection .shortListBox h2{ font-size: 2.0rem;}
.shortListSection .shortListBox li:first-child{ border-top: 1px solid #ddd; padding-top: 15px; margin-top: 14px; }
.shortListSection .shortListBox p a{ text-decoration: underline; color: #6a47d5; font-size: 1.2rem;}
.shortListSection .shortListBox p .ico{ padding: 0; width: 8px; height: 8px; margin-left: 3px;}
.shortListSection .shortListBox li{padding: 4px 0;}
.shortListSection .shortListBox li:before{display:block; content: ''; background: url("/images/front/icoRe.png") 0 7px no-repeat !important; width: 12px; height: 15px; float: left;  }
.shortListSection .shortListBox li a{ font-size: 1.5rem; color: #555; }

.shortxtSection .listSection{ margin-top: 0;}
.shortxtSection .shortxtBox{ text-align: center; padding-bottom: 45px;}
.shortxtSection .shortxtBox h2{ font-size: 3.2rem; letter-spacing: -2px;}
.shortxtSection .shortxtBox p{ font-size: 1.5rem;}

.datelistSection{ display: flex; border-top: 3px solid #111; padding-top: 30px; align-items: flex-start;}
.datelistSection h3{ color: #6a47d5; font-size: 1.8rem; background: #ebe6fa; border-radius: 15px; padding: 3px 13px; margin-right: 60px; }
.datelistSection .listWrap .listBox:first-child{ padding-top: 0;}
.datelistSection .listWrap .listBox:last-child{ border-bottom: 0;}

/*cfosList-221015*/
.cfosSection { width: 1160px; margin: 0 auto 50px;}
.cfosListSection { padding-bottom: 50px;}
.cfosListSection ul{ display: flex; justify-content:center;
    margin-top: 40px;
    gap: 0 78px;
    height: 191px;
    overflow: hidden;}
	.schoolBox ul{ display: flex; flex-wrap: wrap; justify-content:flex-start;
	margin-top: 40px;	
	height: 191px;
	overflow: hidden;}
.cfosListSection ul li{ text-align: center; max-width: 130px;}
.cfosListSection ul li .thumb{ width: 128px; height: 128px; border-radius: 64px; overflow: hidden; position: relative; display: block; margin: 0 auto;}
.cfosListSection ul li .thumb:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 64px;   z-index: 1;}
.cfosListSection ul li .thumb img{ min-height: inherit; max-height: -webkit-fill-available; object-fit: cover;
filter: grayscale(100%); /* Standard */
-webkit-filter: grayscale(100%); /* Webkit */
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); /* Firefox4-34*/
filter: gray;  /* IE6-9 */
-webkit-filter: grayscale(1); /* Old WebKit */}
.cfosListSection ul li a:hover{opacity: 1 !important;  }
.cfosListSection ul li a:hover .thumb img{ -webkit-filter: none; filter:none; }
.cfosListSection ul li p.name{ font-size: 1.8rem; font-weight: bold; margin-top: 15px;}
.cfosListSection ul li p.tPoint{ font-size: 1.4rem; }

.cfoOptSection.searchOptSection{ width: 1160px; margin: -20px auto 20px; background: #f5f5f5; position: relative; border-radius: 15px; box-sizing: border-box;}
.pClose{ position: absolute; right: 10px; top: 10px; }

div.h3Tit { display: flex; justify-content:space-between; align-items: baseline;}
div.h3Tit .rightBox{ display: flex; justify-content:flex-end; align-items: baseline;}
div.h3Tit .rightBox p{ font-size: 1.4rem; margin-left: 10px;}

div.h3Tit .rightBox ul li{font-size: 1.3rem; display: inline-block; margin-right: 10px; color: #333;}

.selcBox2 { border: none;}

/*prismListSection-221015*/
.prismListSection{ padding-bottom: 50px;}
.prismListSection > ul{ display:grid; grid-template-columns:23% 23% 23% 23%; grid-gap:50px 30px;}
.prismListSection ul li.prismListBox{height: 140px; padding: 20px; box-sizing: border-box; box-shadow: 0px 3px 13px #ddd; border-radius: 20px; position: relative; margin-top: 40px;}
.prismListSection ul li.prismListBox .ico.bookmark{ position: absolute; top: 0; right: 15px; display: none;}
.prismListSection ul li.prismListBox .thumb{
	width: 150px;
    height: 50%;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}
.prismListSection ul li.prismListBox .thumb img{min-height:30px; max-height: -webkit-fill-available; width: auto; max-width: 100%; }
.prismListSection ul li.prismListBox div{
	display: flex;
    justify-content: flex-end;   
    align-items: baseline;
	position: absolute;
    bottom: 10px;    
    right: 20px;
}
.prismListSection ul li.prismListBox div p.name{ font-weight: 600; font-size: 0rem; max-width: 145px; display: none;}
.prismListSection ul li.prismListBox div ul{ display: flex; flex-direction: column; font-size: 1.4rem;}
.prismListSection ul li.prismListBox div ul li{ color: #6b47d5;}

.focusSection{ overflow: hidden;}
.prismLogo{ margin-right: 10px; display: none;}

/*prismNSection-221015*/
.prismNSection{ width: 1160px;
    margin: 0 auto 0;
    display: flex;
    justify-content: space-between;
    padding-top: 50px;}
.prismNSection .h3Tit{ border-bottom: 1px solid #111; font-size: 1.8rem; color:#111; }
.prismNSection .leftSection{ position: fixed;}
.leftSection .sideBox{ width: 130px; padding: 25px 15px 15px; border-radius: 20px; box-shadow: 0px 3px 13px #ddd; box-sizing:border-box; border:1px solid #efefef; margin-right: 25px;}
.leftSection .sideBox div.company dt{ font-size: 1.6rem; font-weight: 600; letter-spacing: -1px; line-height: 1.8rem; margin-bottom: 5px; padding-bottom: 10px; }
.leftSection .sideBox div.company dd{ font-size: 1.3rem; display: inline-block; color: #999999; }
.leftSection .sideBox div.company dd.kospi{ background: #999999; padding: 2px 7px 2px 5px; color: #fff; line-height: 1.2rem; margin-left: 3px;}
.leftSection .sideBox ul { margin: 30px 0 20px;}
.leftSection .sideBox ul li{ margin-bottom: 3px;}
.leftSection .sideBox ul li a{ font-size: 1.4rem; font-weight: bold; padding: 3px 7px; display: block; box-sizing: border-box;}
.leftSection .sideBox ul li a:hover{ color:#6b47d5;}
.leftSection .sideBox ul li.on a{ border-radius: 6px; background: #6b47d5; color: #fff;}

.leftSection .cfoYearBox{ background: url("/images/front/bgYear.png") 20px 0 repeat-y;}
.leftSection .cfoYearBox ul{padding: 5px 0;}
.leftSection .cfoYearBox li{ padding:7px 0 0 33px; background: url("/images/front/icodotGrey.png") 16px 13px no-repeat; background-size: 10px;  }
/*.leftSection .cfoYearBox li:first-child{  padding-top: 15px; background-position: 16px 20px;  }
.leftSection .cfoYearBox li:last-child{line-height: 20px; padding-top: 13px; }*/
.leftSection .cfoYearBox li.on{ background-image: url("/images/front/icodotBl.png");}
.leftSection .cfoYearBox li.on a{ color:#6b47d5; }
.leftSection .cfoYearBox li a{ font-size: 1.3rem; display: block; width: 95px;}



.prismNSection .h3Box{   width: 100%; font-size: 3.2rem; border-bottom: 2px solid #111; padding:5px 0 10px; align-items: baseline; margin-bottom: 20px; letter-spacing: -1px; }
.prismNSection .h3Box h3{ letter-spacing: -2px; margin-right: 20px; display: inline-block;}

.prismNSection .h3Box .listTabBox ul>*{ flex-shrink: 0;}
.prismNSection .h3Box .listTabBox ul{display: flex; flex-wrap: nowrap; justify-content:flex-end; }
.prismNSection .h3Box .listTabBox ul li{ margin-left: 10px;}
.prismNSection .h3Box .listTabBox ul li:first-child{ margin-left: 0;}
.prismNSection .h3Box .listTabBox ul li a{ font-size: 1.4rem; display: block; padding: 1px 9px;  font-weight: 500; border-radius: 20px; border: 1px solid #ccc; background: #fff; box-sizing: border-box; letter-spacing: -0.5px;}
.prismNSection .h3Box .listTabBox ul li a:hover{ text-decoration: none;}

.prismNSection .h3Box .listTabBox ul li.on a{background:#5539a9; border-color:#5539a9; color: #fff;  }

.rightInSection{ width: 100%; margin-left: 155px;}
.rightInSection .h3Box .rightBox{ float: right; margin-top: 10px;width: 40%;}
.rightInSection .h3Box .rightBox li{ font-size: 1.4rem; font-weight: bold;   text-align: right;}
.rightInSection .h3Box .rightBox li.newUp{color:#5539a9 !important;}

.cfoInSection .aboutCFOSection{ border-radius: 10px;  padding: 30px; background: #f3f3f5; display: flex;}
.cfoInSection .aboutCFOSection .rightBox{position:relative;   }
.cfoInSection .aboutCFOSection .right{bottom: 0; right: 0; float: right;  }
.cfoInSection .aboutCFOSection .right a{margin-left: 9px;}
.cfoInSection .aboutCFOSection .right span{border-radius: 20px; vertical-align: middle;}
.cfoInSection .aboutCFOSection .right img{ vertical-align: middle;}
.cfoInSection .aboutCFOSection .rightBox .layerPop{ position:absolute; background: #fff; box-sizing: border-box; border-radius: 20px; padding:10px 15px; bottom:20px; right: -10px; box-shadow: 0px 3px 13px #ddd; border:1px solid #efefef; text-align: left; font-size: 1.4rem;}
.cfoThumb{  display: block;   width: 95px; height: 110px; border-radius: 5px; overflow: hidden; position:relative; margin-right: 40px;   }
.cfoThumb:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 5px;   z-index: 1;  }
.cfoThumb .thumbImg{ border-radius: 6px; backface-visibility:hidden; object-fit: cover;  }
.cfoInSection .aboutCFOSection li{ font-size: 1.4rem; display: flex; }
.cfoInSection .aboutCFOSection .rightBox{ width: 100%;}
.cfoInSection .aboutCFOSection .rightBox > ul > li{margin-bottom: 20px;}
.cfoInSection .aboutCFOSection li .tit{ font-weight: bold; width: 70px;}
.cfoInSection .aboutCFOSection li .txt td{ padding-bottom: 3px;}
.cfoInSection .aboutCFOSection li .txt td.date{ color: #777; margin-right: 20px; width: 15% !important;}
.cfoInSection .aboutCFOSection li.moreBox{ text-align: center; display: flex; justify-content: center; margin-bottom: 0 !important;}

.cfoInSection .introduce{ padding-top: 30px;}
.cfoInSection .introduce .point{background: url("/images/front/bgPoint5.png") 0 7px repeat-x;}
.cfoInSection .introduce .btOptSection{ position: relative;}
.cfoInSection .introduce .btOptSection .layerPop{ position:absolute; background: #fff; box-sizing: border-box; border-radius: 20px; padding:20px 30px 30px; top: -20px; right: 20px; box-shadow: 0px 3px 13px #ddd; border:1px solid #efefef; text-align: left; width: 490px;font-size: 1.4rem;}
.cfoInSection .introduce .btOptSection .layerPop .h3Tit{ color: #111; border-bottom: none; font-size: 2.2rem; margin: 0;}
.cfoInSection .introduce .btOptSection .layerPop .greyBox{ padding: 20px 20px 10px; border-radius: 10px; background:#f3f3f5; margin-top: 15px; }
.cfoInSection .introduce .btOptSection .layerPop .greyBox li{ margin-bottom: 10px; }

/*legalSection-221015*/
.legalSection{ width: 630px; margin: 0 auto 50px;}
.legalSection .contentBox h3{ text-align: center; font-size: 3.4rem; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd; padding:40px 0; margin-bottom: 30px; }
.legalSection .contentBox h4{ font-size: 1.7rem; margin-bottom: 20px;}
.legalSection .contentBox .footerInfoWrap p,
.legalSection .contentBox ul{ font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 20px;}
.legalSection .contentBox h5{font-size: 1.5rem; line-height: 2.5rem;}

.legalTab ul{ display: flex; justify-content: center; height: 50px; margin-top: 30px;  }
.legalTab ul li{margin: 0 10px;}
.legalTab ul li a{ border-radius: 20px;}
.legalTab ul li a.btlineGrey.on{ color: #fff; background-color: #6b47d5; border-color: #6b47d5;}

.footerInfoMan{ background: #f5f5f5; font-size: 1.4rem; padding: 20px;}
.footerInfoMan dt{ font-weight: bold; margin-bottom: 5px;}
.footerInfoMan dd{ display: list-item; list-style: inside; padding: 3px 0 ;}

.tempTable table tbody tr td,
.tempTable table thead tr th{ font-size: 1.3rem;}

/*mainSearchBox*/
.mainSearchSection{ padding: 50px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#606871+0,3e464e+100 */
background: rgb(96,104,113); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(96,104,113,1) 0%, rgba(62,70,78,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(96,104,113,1) 0%,rgba(62,70,78,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(96,104,113,1) 0%,rgba(62,70,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606871', endColorstr='#3e464e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mainSearchSection .mainSearchBox{ margin: 0 auto; width: 1160px; text-align: center; }
.mainSearchSection .mainSearchBox h1{margin-bottom: 10px; }
.mainSearchSection .mainSearchBox .searchWh{ border:3px solid #575e67;  width: 600px; position: relative; margin: 0 auto;}
.mainSearchSection .mainSearchBox input{  background: #7a7f86;  width: 600px; height: 50px; border: none; padding: 0 10px; box-sizing: border-box; font-size: 1.1rem; color: #ddd; }
.mainSearchSection .mainSearchBox .ico.search{ position: absolute; right: 10px; top: 10px; }
.mainSearchSection .mainSearchBox .searchLink{ width: 600px; margin: 0 auto;  text-align: right; margin-top: 3px;}
.mainSearchSection .mainSearchBox .searchLink a{ text-align: right; color: #9a9fa6; font-size: 1rem; background: url("/images/front/icoMore2.png") right 4px no-repeat; padding-right: 12px;} 
 


/*swiperSection*/
.swiperSection{ width: 100%; background: #606871;  position:relative;}
.swiperSection .swiperNews{margin: 0 auto; width: 1160px; height: 380px; clear: both; overflow: hidden;}
.swiperSection .swiperNews .thumb{ float: left; width: 570px; height: 380px; position: relative; }
.swiperSection .swiperNews .thumb .gradient{position: absolute; top: 0; width: 570px; height: 380px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#606871+0,606871+50,606871+100&1+0,0+50,1+100 */
background: -moz-linear-gradient(left,  rgba(96,104,113,1) 0%, rgba(96,104,113,0) 50%, rgba(96,104,113,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(96,104,113,1) 0%,rgba(96,104,113,0) 50%,rgba(96,104,113,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(96,104,113,1) 0%,rgba(96,104,113,0) 50%,rgba(96,104,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606871', endColorstr='#606871',GradientType=1 ); /* IE6-9 */}
.swiperSection .swiperNews .txt{ float: right; width: 590px; padding: 60px 30px; box-sizing: border-box; }
.swiperSection .swiperNews .txt a{color: #fff; }
.swiperSection .swiperNews .txt .subject{ display: inline-block; background: #737b83; padding: 0 7px; margin-bottom: 20px; }
.swiperSection .swiperNews .txt .subject a{ display: block; height: 24px; font-size:1.1rem; line-height: 23px; }
/*.swiperSection .swiperNews .txt .topTit{ font-size: 37pt;  font-weight: 600; line-height: 52px; margin-bottom: 30px; max-height: 100px; overflow: hidden; }*/
.swiperSection .swiperNews .txt .topTit{ width: 530px;}
.swiperSection .swiperNews .txt .topTit a{ font-size: 37pt; font-weight: 600; width: 100%; display: block; /*  ie  */display: -webkit-box;-webkit-box-orient: vertical;/* adjust lines shown   */-webkit-line-clamp: 2;overflow: hidden;
  padding: 0; line-height: 59px; max-height: 3.3em; /*  ie  */ text-overflow: ellipsis; /*  ie  */  margin-bottom: 30px; word-break:break-word; }
.swiperSection .swiperNews .txt dd.subTit{ color: #b7bdc3; display: block; margin-bottom: 30px; }
.swiperSection .swiperNews .txt dd.date{ color: #fff; font-size:1.0rem;}


.swiperSection .swiperNavi button span{ background: url("/images/front/btnSwiper.png") -22px 0 no-repeat; width: 20px; height: 37px; display: block; cursor: pointer;}
.swiperSection .swiperNavi button:first-child{ position: absolute; top: 45%; left: 5%;}
.swiperSection .swiperNavi button:first-child span{ background: url("/images/front/btnSwiper.png") 0 0 no-repeat;}
.swiperSection .swiperNavi button:last-child {position: absolute; top: 40%; right: 5%;}



/*topSection*/
.topSection{ margin: 50px auto; width: 1160px;  }
.topSection .liBox{ float: left; width: 365px; margin-left: 32px;}
.topSection .liBox:first-child{ margin-left: 0;}
.topSection .liBox .thumb{ display: block; overflow: hidden; width: 365px; height: 200px;}
.topSection .liBox .subject{ margin-top: 3px; width: 365px; overflow: hidden;}
.topSection .liBox .tit{ font-size: 21px; font-weight: 600; line-height: 27px; height: 52px; overflow: hidden; margin-top: 3px; }


.subject{ display: block; height: 23px; }
.subject a{ font-size:1rem; padding-right: 7px; display:inline-block; color: #979fa9; font-weight: 600;}
.subject a.tPoint{ }

/*slideSection*/
.slideSection{ margin: 50px auto; width: 1160px; }
.slideSection .slideBox{ overflow: hidden;}
.slideSection .slideTxt{ float: left; width: 660px; padding:10px 60px 20px 0; box-sizing: border-box; }
.slideSection .slideTxt .tit{ font-size: 27pt; font-weight: 600; line-height: 42px; overflow: hidden; max-height: 82px; margin: 15px 0 20px 0; }
.slideSection .slideTxt .stit{margin-bottom: 30px; color: #606871;}
.slideSection .slideTxt li{ border-top: 1px solid #afb7c2;   font-weight: 500; padding: 9px 0;}
.slideSection .slideThumb{ float: right; width: 500px; height: 330px; overflow: hidden;}

.slideSection .slideNavi{ position: relative; height: 38px; margin: 30px 0;}
.slideSection .slideNavi .bar{ position: absolute; left: 50%;}
.slideSection .slideNavi .bar li{ float: left; font-size: 0; width: 10px; height: 10px; border-radius: 6px; border: 1px solid #868e96; margin: 10px 5px; cursor: pointer;}
.slideSection .slideNavi .bar li.on{ background: #868e96; width: 25px;}
.slideSection .slideNavi button{width: 37px; padding: 0;}
.slideSection .slideNavi button:first-child{ position: absolute; top: 0; left: 0; }
.slideSection .slideNavi button:first-child span{ background: url("/images/front/btnSlide.png") 0 0 no-repeat; }
.slideSection .slideNavi button:last-child {position: absolute; top: 0; right: 0;}
.slideSection .slideNavi button span{ background: url("/images/front/btnSlide.png") -37px 0 no-repeat; width: 37px; height: 37px; display: block;cursor: pointer;}

.slideSection.CfoContainer2 .slideNavi{margin: 10px 0 10px 0;}


/*profileSection*/
.profileSection {background: url("/images/front/bgCfo.png") 0 0 repeat-x; overflow: hidden; padding: 40px 0 0 0;   }
.profileSection .profileBox { width: 1160px; margin: 0 auto;  }
.profileSection .profileBox h2{ color: #fff; font-size: 36pt;  line-height: 30px; text-align: center; margin-bottom: 40px}
.profileSection .profileBox h2 strong{ color: #fff; font-weight: 800;}
.profileSection .profileBox div.profile{ float: left; width: 560px; margin:0 40px 0 0;  background: #fff; box-sizing: border-box; padding: 40px; height: 250px; }
.profileSection .profileBox div.profile:last-child{ margin-right: 0;}

.profileSection .profileBox .profile .leftBox{ float: left; margin-right: 30px;}


.profileSection .profileBox .profile .thumb a{  display: block;   width: 88px; height: 110px; border-radius: 5px; overflow: hidden; position:relative;   }
.profileSection .profileBox .profile .thumb a:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 5px;   z-index: 1;  }
.profileSection .profileBox .profile .thumb .thumbImg{ border-radius: 6px; backface-visibility:hidden; object-fit: cover;  }


.profileSection .profileBox .profile .name{ font-size: 1rem; line-height: 20px; margin-top: 10px; color: #555;}
.profileSection .profileBox .profile .name span{ display: block; font-size: 1.5rem; font-weight: 600; line-height: 25px; margin-bottom: 3px;}
.profileSection .profileBox .profile .profileTxt dd{ font-size:1.1rem;  color: #606871; display: block; height: 102px; overflow: hidden; }
.profileSection .profileBox .profile .profileTxt .more{ display:block; padding-top: 30px;}


/*slide2Section*/
.slide2Section.bgGrey{  padding: 60px 0;  }
.slide2Section .slideWrap{  width: 1160px; margin: 0 auto; height: 292px;   box-sizing: border-box; border: 1px solid #111; background: #fff;  position: relative;}
.slide2Section .slideBox .slideThumb{ width: 500px;  height: 290px; float: left; background: #868e96; overflow: hidden;}
.slide2Section .slideBox .slideThumb img{}
.slide2Section .slideBox .slideTxt{ float: left; padding:40px 35px 15px 35px; box-sizing: border-box; width: 658px; }
.slide2Section .slideTxt .tit{ font-size: 27pt; font-weight: bold; line-height: 42px; overflow: hidden; height: 82px; margin: 10px 0; }
.slide2Section .slideTxt .stit{margin-bottom: 30px; color: #606871; font-size:1.1rem; font-weight: 500; }
.slide2Section .slideNavi{ position: absolute; right: 0; bottom: 10px;}
.slide2Section .slideNavi .bar{ float: right; margin-right: 35px;}
.slide2Section .slideNavi .bar li{ float: left; font-size: 0; width: 10px; height: 10px; border-radius: 6px; border: 1px solid #868e96; margin: 10px 5px; cursor: pointer;}
.slide2Section .slideNavi .bar li.on{ background: #868e96; width: 25px;}


/*twoListSection*/
.twoListSection .twoListBox{width: 1160px;  margin: 0 auto 40px; clear: both; overflow: hidden; }
.twoListSection .twoListBox .listBox{ width: 570px; height: 120px; float: left; position: relative; margin-bottom: 30px;}
.twoListSection .twoListBox .listBox:nth-child(odd){ margin-right: 20px;}
.twoListSection .twoListBox .listBox .txtBox{ float: left; padding: 5px 0 5px 20px; box-sizing: border-box; width: 68%; }
.twoListSection .twoListBox .listBox .tit{font-size: 1.4rem; font-weight: 600; line-height: 25px; max-height: 50px; overflow: hidden; margin-bottom: 5px;}
.twoListSection .twoListBox .listBox .stit{ font-size:1rem; line-height:20px;   color: #606871; display: block;  max-height: 40px; overflow: hidden; margin-bottom: 7px; }
.twoListSection .twoListBox .listBox .date{ color: #afb7c2; font-size: 14px; position: absolute; bottom: 5px; line-height: 15px;}
.twoListSection .pagenation{ margin-bottom: 50px;}

/*footerBox*/
#footer{border-top: 1px solid #ddd; background: #fff; position: relative;}
.footerBox{width: 1160px; display: flex;  margin: 0 auto; padding: 40px;  background: #fff;}
.footerBox .footerMenu{width: 200px; }
.footerBox .footerMenu li{ font-size:1.4rem; margin-bottom: 4px; font-weight: 500;}
.footerBox .addressBox{font-size:1.3rem; color: #707070; }
.footerBox .copyright{font-size:1.3rem; color: #707070; padding-top: 20px; }

/*subMainSection*/
.subMainSection{width: 1160px; margin: 0 auto; padding: 20px 0 50px 0;}
.subMainSection .slide2Section .slideWrap{ height:auto;  margin: 10px 0 50px 0; border:5px solid #868e96; }
.subMainSection .slide2Section .slideWrap .slideNavi{ bottom: inherit; top: 20px;}
.subMainSection .slide2Section .slideBox .slideTxt{ width: 100%; padding: 25px 35px 10px 35px; }
.subMainSection .slide2Section .slideTxt .tit{ max-height: 80px; height: inherit;}
.subMainSection .slide2Section .slideTxt .stit{ margin-top: 20px; height: 75px; font-size: 1rem;}


.subMainSection .twoListSection .twoListBox .listBox{ height: 270px;  width: 550px;}
.subMainSection .twoListSection .twoListBox .listBox .h3Tit{ border-bottom: none; border-top: 2px solid #111; margin: 0 0 10px 0; padding-top: 10px; background: url("/images/front/icoMore.png") right 50% no-repeat;}
.subMainSection .twoListSection .twoListBox .listBox:nth-child(odd){ margin-right: 60px;}
.subMainSection .twoListSection .twoListBox .listBox li{ padding-bottom: 5px; font-size: 1.1rem;  }
.subMainSection .twoListSection .twoListBox .listBox li:nth-child(3){ border-bottom: 1px solid #ebebeb; margin-bottom: 5px;}


/*subList*/
/*subListSection*/
.subListSection{ width: 1160px; margin: 0 auto; padding: 30px 0 50px 0;}
.subListSection .h2Tit{ margin-bottom: 10px; font-size: 3.2rem;}
.subListSection .subtopSection .thumb{ float: left; width: 500px; height: 330px;}
.subListSection .subtopSection .txtBox{ width: 630px; padding-left: 30px; float: left; box-sizing: border-box;}
.subListSection .subtopSection .txtBox .tit{ font-size: 3.2rem; font-weight: bold; line-height: 3.8rem; max-height: 80px; margin:10px 0 20px 0; display: block;}
.subListSection .subtopSection .txtBox .txt{ display: block; font-size: 1.6rem; color: #606871; max-height: 50px;  margin-bottom: 15px; overflow: hidden;}
.subListSection .subtopSection .txtBox .date{ display: block; font-size: 1.2rem;  color: #afb7c2; margin-bottom: 15px;  }
.subListSection .subtopSection li{ border-top: 1px solid #afb7c2; font-size: 1.8rem;  font-weight: 500; padding: 9px 0;}

.listSection{ margin-top: 30px;}
.listSection .listBox{ border-bottom: 1px solid #ebebeb; padding: 20px 0; display: flex;}
.listSection .listBox .txtBox{  padding: 0 0 5px 20px; box-sizing: border-box; width: 82%; }
.listSection .listBox .tit{font-size: 2rem; font-weight: bold; line-height: 25px; max-height: 50px; overflow: hidden; margin-bottom: 7px;}
.listSection .listBox .txt{ font-size:1.5rem;  line-height:23px;   color: #666; display: block;  max-height: 44px; overflow: hidden; margin-bottom: 7px; }
.listSection .listBox .txt a{color: #666;}
.listSection .listBox .date{ color: #afb7c2; font-size: 1.2rem;  line-height: 15px;}

.listSection .listBox.noThumb .txtBox{ width: 100%; }
.listSection .listBox.noThumb .txt{max-height:inherit; }

/*.listBox .thumb{ float: left; background:#f6f7f8 url("/images/front/noimg.png") 50% 50% no-repeat; border: 1px solid #ddd;  box-sizing: border-box;  overflow: hidden;}*/
.listBox .thumb{ border: 1px solid #ddd; height: 100%;}
.listBox .thumb a{ display: block; width:177px; height: 120px; background: #fff; overflow: hidden; }
.listBox .thumb a:hover{ opacity: 1;}

/*pagenation*/
.pagenation{ margin: 35px auto; text-align: center; height: 34px; } 

.pagenation a{ display: inline-block; }
.pagenation a span{width: 28px; height: 34px; display:table-cell; vertical-align: middle; font-size: 1.5rem;}
.pagenation a span:hover{color:#6b47d5;}
.pagenation a.on span{ color:#6b47d5; text-decoration: underline;  }

.pagenation a.prev span{ background: url("/images/front/icoPrevious.png") 0 0 no-repeat; background-size: 34px 34px; width: 34px; height: 34px; margin-right: 6px;}
.pagenation a.next span{ background: url("/images/front/icoNext.png") 0 0 no-repeat; background-size: 34px 34px; width: 34px; height: 34px; margin-left: 6px;}

.pagenation a.first{ margin-right: 5px;}
.pagenation a.first span{background: url("/images/front/icoFirst.png") 0 0 no-repeat; background-size: 34px 34px; width: 34px; height: 34px;}
.pagenation a.last{ margin-left: 5px;}
.pagenation a.last span{background: url("/images/front/icoLast.png") 0 0 no-repeat; background-size: 34px 34px; width: 34px; height: 34px;}

/*문패어깨 클릭시리스트*/
.stittopSection{ background:#f3f3f5; padding: 30px; border-radius: 20px; margin-top: 13px; }
.stittopSection .tit{ font-size: 3.2rem; font-weight: bold; line-height: 3.8rem; margin-top: 10px; }
.stittopSection .stittop{ display: grid; grid-template-columns:177px auto; grid-gap:0 30px; margin: 15px 0 25px; }
.stittopSection .stittop .thumb{  border: 1px solid #ddd;  box-sizing: border-box;  overflow: hidden; height: 100%;}
.stittopSection .stittop .thumb a{ display: block; width:177px; height: 120px; background: #fff; overflow: hidden; }
.stittopSection .stittop  .thumb a:hover{ opacity: 1;}
.stittopSection .stittop .txt{ margin-top: 5px;}
.stittopSection .stittop .txt a{ color: #666; font-size: 1.5rem; line-height: 2.35rem; }


.stittopSection ul li:before{display:block; content: ''; background: url("/images/front/icoRe.png") 0 7px no-repeat !important; width: 12px; height: 15px; float: left;  }
.stittopSection ul li a{ font-size: 1.6rem; font-weight: 500; margin-bottom: 3px; }

/*subViewS*/
/*subViewSection */
.subViewSection{width: 630px; margin: 0 auto; padding: 40px 0; }
.subViewSection .viewTopSection{ border-bottom: 3px solid #111; }
.subViewSection .viewTopSection .tit{font-size: 3.4rem; font-weight: bold; line-height: 45px; margin:10px 0; display: block;}
.subViewSection .viewTopSection .stit{ font-size:1.7rem; line-height:21px; font-weight: 500; color: #555;   display: block;  overflow: hidden; }
.subViewSection .viewTopSection .viewUserBox{ margin: 40px 0 20px 0;}
.subViewSection .viewTopSection .viewUserBox .date{  font-size: 1.4rem;  line-height: 15px;  }
.subViewSection .viewTopSection .viewUserBox ul{  float: right;}
.subViewSection .viewTopSection .viewUserBox li{ float: left; width: 40px; height: 34px; box-sizing: border-box; border: 1px solid #afb7c2; border-right: none; font-size: 1.8rem;   }
.subViewSection .viewTopSection .viewUserBox li:last-child{ border-right: 1px solid #afb7c2;}
.subViewSection .viewTopSection .viewUserBox li a{  width: 40px; height: 34px; display: inline-block; box-sizing: border-box;  text-align: center;   }
.subViewSection .viewTopSection .viewUserBox li a img{   vertical-align: middle; line-height: 21px; }
.subViewSection .viewTopSection .viewUserBox li:first-child a{ font-size: 1.5rem; }

.subViewSection .viewTopSection .stit span,
.subViewSection .viewTopSection .stit span a{ color: #6b47d5 !important;}
.subViewSection .viewTopSection .stit span.gBg, 
.subViewSection .viewTopSection .stit span.gBg a{ color: #999 !important;}

.subViewSection .viewTxtSection{ margin: 30px 0;}
.subViewSection .viewTxtSection .subjectC{  margin-bottom: 20px;  }
.subViewSection .viewTxtSection .txt{  font-size: 18px; line-height: 170%;}
.subViewSection .viewTxtSection .txt figcaption{  font-size: 1.3rem; line-height: 15px; color:#666; }
.subViewSection .viewTxtSection .txt img{ padding: 5px; margin: 10px 15px 10px 0; box-sizing: border-box; border: 1px solid #ccc; max-width: 630px;}
.subViewSection .viewTxtSection .txt a{color:#00469e; font-weight: bold; text-decoration: underline;  }
.subViewSection .viewTxtSection .txt a strong,
.subViewSection .viewTxtSection .txt a b{color:#00469e;}
.subViewSection .viewTxtSection .reference{ font-size: 1.6rem; text-align: right; margin-top: 50px; color: #999;}

/*시리즈_231122추가*/
.seriesSection{ display: block; box-sizing: border-box; border: 3px solid #111; border-radius: 10px; padding:25px 20px 10px; margin:45px 0 30px;  position: relative; }
.seriesSection h3{ font-size: 1.8rem; line-height: 1.8rem; background: #111; padding: 5px 15px; border-radius: 20px; color: #fff; display: inline-block; position: absolute; top: -15px; }
.seriesSection h4{ font-size: 2.0rem; margin-bottom: 25px;}
.seriesSection h4 span{ background: url("/images/front/bgPoint6.png") 0 16px repeat-x; display: inline-block;}
.seriesSection dl{ border-top:1px solid #e8e8e8; }
.seriesSection dl:first-child{ border-top:none;}
.seriesSection dt{font-size: 1.8rem; font-weight: bold;  margin: 15px 0 13px;}
.seriesSection dd{  display: flex; margin-bottom: 13px;   }
.seriesSection dd:last-child{margin-bottom: 20px;}
.seriesSection dd span{font-size: 1.3rem; font-weight: bold; color: #fff; background: #333; border-radius: 10px;  width: 18px; height: 18px; margin-right: 18px; line-height: 1.8rem; text-align: center;   }
.seriesSection dd a{font-size: 1.5rem; color: #555; line-height: 1.8rem;}

.subViewSection .related .h3Tit{ border-bottom:2px solid #ebebeb; margin-bottom: 0;}
.subViewSection .related .listBox:last-child{ border-bottom: none;}
.subViewSection .related.listSection .listBox .txtBox { width: 67%;}

.companySection .companyBox { padding: 20px 0;}
.companySection .companyBox .companyInfo{ float: left; width: 200px; min-height: 80px; box-sizing: border-box; position: relative; }
.companySection .companyBox .company{ font-size: 1.5rem;}
.companySection .companyBox .companyNews{ float: left; font-size: 1.6rem; margin-left: 50px; width: 375px;}
.companySection .companyBox .companyNews li{ list-style:outside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.companyBox .companyInfo{ 
	--tw-shadow: 0 10px 13px 0px rgba(226, 232, 240, .8), 0 4px 6px -2px rgba(226, 232, 240, .4); 
	-moz-box-shadow: 0 10px 13px 0px #e2e8f0;
    -webkit-box-shadow: 0 10px 13px 0px #e2e8f0;
    -ms-box-shadow: 0 10px 13px 0px rgba(226, 232, 240, .8);
	box-shadow: 0 10px 13px 0px #e2e8f0;
    --tw-border-opacity: 1;border-color: rgba(248,250,252,var(--tw-border-opacity)); padding: 10px; }
.companyBox .companyInfo .code{ background: #777777; color: #fff; font-size: 1.4rem; padding: 2px 4px;  }
.companyBox .companyInfo p{ text-align: right; font-size: 1.7rem; }


/*loginSection*/
.loginSection{  padding: 100px 0 100px 0; background: #f3f4f8; min-height: 500px; }
.loginSection .loginBox{  width:460px;  margin: 0 auto;}
.loginSection .loginTit{ text-align: left; margin: 20px auto; text-align: center;}
.loginSection .loginTit h2{ opacity: 0.8; }
.loginSection .loginTit h3{ font-size: 14px; font-weight: 400; color: #606871;}
.loginAccount{ display: flex;}
.loginAccount ul{ display:flex; margin-left: auto; position: relative;}
.loginAccount li{ height:32px; width: 32px; line-height: 30px; display: block; background: #ddd; color: #999; border-radius: 16px; justify-content: center;  text-align: center; font-size: 13px; font-weight: 500; margin-left: 15px;  }
.loginAccount li:before{  height: 1px; width: 15px; display: block; content: ''; background: #ddd; position: absolute; top: 15px;  margin-left: -15px;}
.loginAccount li:first-child:before{ display: none;}
.loginAccount li.on{ background: #5636b3; color: #fff;}
.loginSection .loginForm{ margin: 0 auto; margin-bottom: 10px; background: #fff; padding: 40px 30px;  border: 1px solid #e8e9eb; border-radius: 6px; }
.loginSection .loginForm .bgRwh{ background: #fff; border-radius: 6px; padding: 20px; font-size: 15px; margin-top: 20px}
.loginSection .loginForm .bgRwh h5{ border: none !important;}
.loginSection .loginForm .loginFormTit{ font-size: 1.55rem;; padding-bottom: 20px; color: #555; border-bottom: 1px solid #ddd; font-weight: 500;}
.loginSection .loginForm .loginFormTit .bgSky{ padding: 15px; margin-top: 20px; border-radius: 6px; font-size: 14px;}
.loginSection .loginForm .loginFormTit .bgSky span{ display: block;  margin-bottom: 15px;}

.loginSection .loginForm .loginFormCont.bgRwh ul{ margin-top: 10px;}
.loginSection .loginForm .loginFormCont.bgRwh li{ background: url("/images/front/icoBulR.png") 0 10px no-repeat; padding-left: 5px; margin-bottom: 4px;}
.loginSection .loginForm li{ font-size: 1.4rem;}
.loginSection .loginForm .bgGrey{ padding: 20px; border-radius: 6px; margin-top: 20px; margin-bottom: 10px; }
.loginSection .loginForm .bgGrey p.tPoint{ font-weight: bold; margin-bottom: 10px;}
.loginSection .loginForm .bgGrey li{background: url("/images/front/icoBulR.png") 0 52% no-repeat; padding-left: 5px; font-size: 1.3rem !important;}


.loginSection .loginForm h4{ font-size: 2.3rem;  justify-content: space-between; align-items: baseline;}
.loginSection .loginForm h4 span img{ margin-right: 4px; width: 95px;}
.loginSection .loginForm h4 a{ display: flex; align-items: center;}
.loginSection .loginForm h5{ display: block; font-size: 15px; border-top:1px solid #e5e5e5; padding-top: 20px; margin-top: 20px;}
.loginSection .loginForm .inputBox{ position: relative; margin: 3px 0 7px;}
.loginSection .loginForm .inputBox ul{ display: flex;  justify-content:center; align-items: center; position: relative;}
.loginSection .loginForm .inputBox ul li{margin-left: 20px; }
.loginSection .loginForm .inputBox ul li:before{ height: 1px; width: 10px; display: block; content: ''; background: #ddd; position: absolute; top: 40px; margin-left: -15px;  }
.loginSection .loginForm .inputBox ul li:first-child{ margin-left: 0 !important;}
.loginSection .loginForm .inputBox ul li:first-child:before{ display: none;}
.loginSection .loginForm .inputBox input{height: 52px; width:100% ; border: 1px solid #ebebeb; box-sizing: border-box; border-radius: 6px; cursor: text; margin-top: 24px; line-height: 26px;  font-size: 1.5rem; padding: 10px 7px; }
.loginSection .loginForm .inputBox input[disabled]{ background:#e8eaef; border-color: #dcdfe5; }
.loginSection .loginForm .inputBox input:focus{ border: 1px solid #6b47d5;}

.loginSection .loginForm .inputBox select{height: 52px; width:100% ; min-width: 60px; border: 1px solid #ebebeb; box-sizing: border-box; border-radius: 6px; margin-top: 24px; font-size: 1.5rem;}
.loginSection .loginForm .inputBox.email select{min-width: 100px;}
.loginSection .loginForm .inputBox.email ul li{ margin-left: 10px;}
.loginSection .loginForm .inputBox.email ul li:before{ display: none;}

.loginForm .captchaImage li{ display:flex; justify-content:space-between; width: 100%;}
.loginForm .captchaImage li img{ width: 100px; height: 50px; margin-top: 23px; margin-right: 5px;}
.loginForm .captchaImage li input{ width: 100% !important;}
.loginForm .captchaImage li input.btB{ width: 80px !important; margin-left: 5px; }
.loginSection .loginForm .inputBox.captchaImage li:before{ display: none;}


.loginSection .loginForm .inputBox label{ position: absolute; top: 0; left: 0; font-size: 1.32rem; font-weight: 500; color: #555;}
.loginSection .loginForm .inputBox .tRed{ display: none;}
.loginSection .loginForm .inputBox.error .tRed,
.keepCheck.error .text.tRed{ display: block; font-size: 1.3rem; align-items: flex-start; margin: 5px 0; }
.loginSection .loginForm .inputBox.error input{ border-color:#e41111;}

.loginSection .loginForm .keepCheck{ margin-top: 15px; position: relative;}
.loginSection .loginForm .keepCheck button{ position: absolute; right: 0; top: 5px;}

.loginSection .loginForm .keepCheck .checkBasic_sub .checkStLabel{background: url("/images/front/icoDown.png") right 50% no-repeat; display: block; cursor: pointer; }
.loginSection .loginForm .keepCheck .checkBasic_sub.on .checkStLabel{background: url("/images/front/icoUp.png") right 50% no-repeat; display: block; cursor: pointer; }

.loginSection .loginForm .keepCheck .contentBox div{font-size: 1.3rem; color: #777; padding: 10px 0;}
.loginSection .loginForm .keepCheck .contentBox h3{font-size: 1.4rem; margin-bottom: 5px; }
.loginSection .loginForm .keepCheck .contentBox h4,
.loginSection .loginForm .keepCheck .contentBox h5{font-size: 1.4rem; margin: 5px 0; color: #777; }
.loginSection .loginForm .keepCheck .contentBox span,
.loginSection .loginForm .keepCheck .contentBox p{ font-size: 1.3rem; color: #777;}
.loginSection .loginForm .keepCheck .cautions{ font-size: 1.4rem; margin: 10px 0 0 26px;}

.loginSection .loginForm .scrollBox{ margin-top: 10px; background:#f8f8f8; border: 1px solid #ddd; border-radius: 10px; padding: 20px; overflow-y: scroll; height:150px; font-size: 1.3rem; color: #777;}
.loginSection .loginForm .loginBtn{ display: flex; margin: 25px 0 0 0;   }
.loginSection .loginForm .loginBtn a{display: flex; width: 100%;  min-height: 52px;  color: #fff; border-radius: 6px; text-align: center; justify-content:center; align-items: center; cursor: pointer;}
.loginSection .loginForm .loginBtn a.btLgrey{ background: #dcdfe5; color: #a6a6a6;}
.loginSection .loginForm .loginBtn a:nth-child(2){ margin-left: 10px;}
.loginSection .backBtn{  justify-content: center;}
.loginSection a.btnUnder{border-radius: 6px; text-decoration: underline; font-size: 1.3rem; font-weight: normal;}
.loginSection .loginForm .loginTxt{ display: flex; justify-content: center; font-size: 1.4rem; margin:20px 0;}
.loginSection .loginForm .loginTxt li:before{content: ''; display: block; width: 1px; height: 13px; background: #ddd; display: inline-block; margin: 0 20px; }
.loginSection .loginForm .loginTxt li:first-child:before{ display: none;}
.loginSection .loginForm .loginTxt li a{ color: #777;}
.loginSection .botTxt{ border-radius: 4px; padding: 15px 0; font-size: 1.5rem; }


.loginSection .loginForm.bgN{ background: none; padding: 0; border: none;}
.loginSection .loginForm.bgN h5{ padding-top: 10px; margin-top: 10px; border: none;}
.loginSection .loginForm.bgN h5:first-child{ border-top: 1px solid #e5e5e5; margin-top: 10px;}



.loginSection .loginForm .whOpt{ font-size: 15px; padding: 20px; border-radius: 6px; margin-top: 10px;}
.loginSection .loginForm .whOpt li{ display: flex; justify-content: space-between; margin-bottom: 5px; }
.loginSection .loginForm .whOpt li:last-child{ margin-bottom: 0;}
.loginSection .loginForm .btOpt{ margin-top: 10px;}
.loginSection .loginForm .btOpt li{margin-bottom: 10px;}
.loginSection .loginForm .btOpt li a.btWh{ display: flex;  justify-content: space-between; border-radius: 6px; padding: 20px; cursor: pointer; border:2px solid #fff; font-size: 1.6rem; }
.loginSection .loginForm .btOpt li a.btWh.on{ border: 3px solid #6b47d5; background: #f6f4fe; }
.loginSection .loginForm .btOpt li a.btWh.on b{color: #6b47d5;}
.loginSection .loginForm .explainBox{ margin-top: 10px ; padding-top: 10px; border-top: 1px solid #ddd; width: 100%; font-size: 1.4rem; color: #777;}
.loginSection .loginForm .explainBox b{ display: block; padding-bottom: 10px; }

/*member*/
/*.loginSection.member .loginForm > h4{ border-bottom: 2px solid #111; padding-bottom: 15px;}*/
.loginSection.member .loginForm h5{ border: 0;  padding-top:15px; margin-top: 0px;}



/*updateSection*/
.updateList{margin: 10px 0 0 -165px;  position: absolute; top: 30px; background: #fff; --tw-shadow: 0 10px 15px -3px rgba(226, 232, 240, .8), 0 4px 6px -2px rgba(226, 232, 240, .4); box-shadow: var(--tw-ring-offset-shadow, 0 0 #e2e8f0),var(--tw-ring-shadow, 0 0 #e2e8f0),var(--tw-shadow);--tw-border-opacity: 1;border-color: rgba(248,250,252,var(--tw-border-opacity)); padding: 20px; border: 1px solid #ddd; border-radius: 5px; width:300px; height:150px; overflow-y: scroll; z-index: 2; }
.updateBox{    border-left: 1px solid #606871; font-size: 1.35rem; min-height: 360px;  }
.updateBox dd{   margin: 0 15px 15px 15px;  padding-bottom: 7px;  border-bottom: 1px solid #ebebeb; }
.updateBox dt{ color: #606871; background: url("/images/front/icoupdate.png") left top no-repeat; margin-left: -5px;  padding:0 0 5px 20px; line-height: 16px; }
.updateBox dd a{ text-decoration: underline; }
.updateBox .nodata{ min-height: 130px;}
.updateBox .nodata p.ico{ float: inherit !important;}

.loginBox .updateBox .nodata{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; line-height: 190px;}


/*searchSection*/
.searchSection .searchBox{ width: 600px; margin: 0 auto; border: 3px solid #111; border-radius: 15px; position: relative; background: #fff;}
.searchSection .searchBox input{ width: 85%; border: 0; height: 45px; line-height: 26px; font-size: 1.45rem; padding:0 10px; border-radius: 15px;} 
.searchSection .searchBox input:focus{}
.searchSection .searchBox button{ position: absolute; right: 10px; top: 7px;}
.searchSection .searchTxt{ text-align: center; margin: 10px 0; font-size: 1.4rem;}

.totalSection{width: 1160px; margin: 0 auto; padding: 30px 0 50px 0;}
.totalSection .searchOptSection{ padding: 10px 20px; margin-bottom: 0;}
.indexSection .totalSection .searchSection{ flex-direction: column;}

/*totalSection*/
.totalSection{width: 1160px; margin: 0 auto; padding: 30px 0 50px 0;}
.totalSection .searchOptSection{ padding: 10px 20px; margin-bottom: 0;}
.searchOptSection .optM{ float: left; font-size: 1.4rem; margin-right: 30px;}
.searchOptSection .optLayer{ position: absolute; background: #fff; padding:15px 20px; border: 1px solid #ddd; margin:5px 0 0 -5px; z-index: 1;}

.searchOptSection .optLayer li{ margin-bottom: 5px;}
.searchOptSection .optLayer .calBox img.btn{ padding: 0; vertical-align: sub;} 
.searchOptSection .optLayer .calBox .inputSt{ width: 120px; margin:5px 5px 10px 5px; vertical-align: middle;  }

.totalSection .listSection{ margin-top: 10px;}
.datepick-month-header select{ padding: 0;}


/*prismTop*/
.topVisual { height: 150px; margin-bottom: 30px; position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#696969+0,393939+100 */
background: rgb(105,105,105); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(105,105,105,1) 0%, rgba(57,57,57,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(105,105,105,1) 0%,rgba(57,57,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(105,105,105,1) 0%,rgba(57,57,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#393939',GradientType=1 ); /* IE6-9 */
 }
.topVisual .topVisualBox{ width: 1160px; margin: 0 auto; padding: 20px 0 40px 0;  height: 90px; }
.topVisual .topVisualBox h2{  text-align: center;  padding-top: 5px;}
.topVisual .topVisualBox span{display: inline-block; color: #fff;  float: left; margin: 50px 0 0 10px;}
.topVisual .topVisualBox span em{color: #fff; border-top: 1px solid #fff; padding-top: 5px;}

.topVisual .topVisualBox .listBox{ position: absolute; left: 50%; transform:translate(-47%); margin-top: 3px;} 
.topVisual .topVisualBox .listBox .thumb{ border: none; border-radius: 5px;}
.topVisual .topVisualBox .listBox .thumb .thumbImg{ }
.topVisual .topVisualBox .listBox .txt{ float: left; padding: 10px 0 0 20px;}
.topVisual .topVisualBox .listBox .txt a:hover{ text-decoration: none;}
.topVisual .topVisualBox .listBox .txt a dt{ color: #fff; font-size: 3.6rem; font-weight: 600;}
.topVisual .topVisualBox .listBox .txt a dd{ color: #ccc; font-size: 1.4rem; font-weight: 600;}


.topVisual .topVisualBox .listBox.cfolistBox .thumb a{  display: block;   width: 88px; height: 110px; border-radius: 5px; overflow: hidden; position:relative;   }
.topVisual .topVisualBox .listBox.cfolistBox .thumb a:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 5px;   z-index: 1;  }
.topVisual .topVisualBox .listBox.cfolistBox .thumb .thumbImg{ border-radius: 6px; backface-visibility:hidden; object-fit: cover;  }


.topVisual .topVisualBox .listBox.cfolistBox .txt a dd{ font-size: 1.4rem;}

.topVisual .topVisualBox .listBox.logolistBox span.code{ margin: 0;}
.topVisual .topVisualBox .listBox.logolistBox .kospi{ background: #8f8f8f; color: #4a4a4b; margin: 0 5px; padding: 0 5px; font-size: 1.4rem;}
.topVisual .topVisualBox .listBox.logolistBox dt{ font-size: 3.4rem !important;}
.topVisual .topVisualBox .listBox.logolistBox .thumb a{ padding: 10px; width: 127px; height: 80px; background: #fff;}
.topVisual .topVisualBox .listBox.logolistBox .thumb a .thumbImgNo{width:147px; height: 100px; margin-top: -10px; margin-left: -10px;  }
/*.topVisual .topVisualBox .listBox.logolistBox .thumbImg{max-height: 100%; min-width: 132px; min-height: inherit;}*/
.prismSection .twoListBox .listBox .thumb { border-radius: 6px;}
.prismSection .twoListBox .listBox .thumb a{ padding: 10px; width: 147px; height: 100px;}
.prismSection .twoListBox .listBox .thumb .thumbImg{ object-fit: contain;}
.prismSection .twoListBox .listBox .txt { float: left;  }
.prismSection .twoListBox .listBox .txt a{height: 120px; line-height: 120px;  width: 300px; padding: 0 15px;  vertical-align: middle;  display: block; font-size: 1.4rem; font-weight: 500; }

.prismSection .twoListBox .h3Tit{ margin-bottom: 30px;}
.prismSection .searchSection{ margin-top: 70px !important;}



.cfosSection .searchCfoSection h3{ border-bottom: 0; margin:20px 0 10px 0; padding-bottom: 0;}
.cfosSection .twoListBox .h3Tit{ margin-bottom: 30px;}
.cfosSection .twoListBox .listBox .txt { float: left; height: 120px;   width: 320px; padding: 0 15px;  vertical-align: middle;  display: block; font-size: 1.8rem; font-weight: 600; }
.cfosSection .twoListBox .listBox .txt a{height: auto; line-height: inherit;}
.cfosSection .twoListBox .listBox .txt dt{ margin: 20px 0 0 0;}
.cfosSection .twoListBox .listBox .txt dd{font-size: 1.1rem; font-weight: 600; color: #6b47d5; }
/*.cfosSection .h3Tit{ border-bottom: 0; margin-bottom: 5px}*/
.cfosSection .twoListBox .listBox .thumb a{ padding: 0; }

.cfosSection .listBox .thumb{  border: none;}
.cfosSection .listBox .thumb a{  display: block;   width: 88px; height: 110px; border-radius: 5px; overflow: hidden; position:relative;   }
.cfosSection .listBox .thumb a:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 5px;   z-index: 1;  }
.cfosSection .listBox .thumb .thumbImg{ border-radius: 6px; backface-visibility:hidden; object-fit: cover;  }



.prismInSection { width: 1160px; margin: 70px auto 50px; position: relative;}
/*v20220512
.cfoInSection{ width: 100%;}
.cfoInSection .aboutCFO .h3Tit.bdn{ display: none;}
.cfoInSection .aboutCFO .aboutCFOSection{ background: #f3f3f5;  padding: 55px 0 35px 0; width: 100%; margin-bottom: 20px;}
.cfoInSection .aboutCFO .slideSection{ position: relative; margin: 0 auto;}
.cfoInSection .aboutCFO .slideSection .slideBox{ width: 800px;margin: 0 auto; background: #fff; padding: 40px 50px 50px 50px; border-radius: 10px; box-sizing: border-box; position: relative; box-shadow:4px 4px 8px 3px rgb(0 0 0 / 5%);-webkit-box-shadow:4px 4px 8px 3px rgb(0 0 0 / 5%); border: 1px solid #e8ebee; }
.cfoInSection .aboutCFO .slideSection .slideBox .right{ position: absolute; right: 20px; bottom:20px;}
.cfoInSection .aboutCFO .slideSection .slideBox .right .btn{ border-radius: 20px; }

.cfoInSection .aboutCFO .leftBox{width: 150px; position: relative; float: left; }
.cfoInSection .aboutCFO .leftBox .thumb a{  display: block;   width: 88px; height: 110px; border-radius: 5px; overflow: hidden; position:relative;   }
.cfoInSection .aboutCFO .leftBox .thumb a:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 5px;   z-index: 1;  }
.cfoInSection .aboutCFO .leftBox .thumb .thumbImg{ border-radius: 6px; backface-visibility:hidden; object-fit: cover;  }
.cfoInSection .aboutCFO .leftBox .name{ font-size: 1rem; line-height: 20px; margin-top: 10px; color: #555;}
.cfoInSection .aboutCFO .leftBox .name span{ display: block; font-size: 1.5rem; font-weight: 600; line-height: 25px; margin-bottom: 3px;}
.cfoInSection .aboutCFO .rightBox { float: right; width: 78%; font-size:1.1rem;   }
.cfoInSection .aboutCFO .rightBox span.tit{ display: inline-block;  width: 60px; font-weight: 600; padding-top: 2px;   }
.cfoInSection .aboutCFO .rightBox span.txt{ display: inline-block; box-sizing: border-box; padding-bottom: 30px;  vertical-align:top; width: 480px;}

.cfoInSection .aboutCFO .slideSection .slideNavi{ position: absolute; top: 37%; width: 100%;}
.cfoInSection .aboutCFO .slideSection .slideNavi button{ position: absolute;}
.cfoInSection .aboutCFO .slideSection .slideNavi button em{ color: #868e96; display: block;  font-size: 1.0rem; padding-bottom: 3px; width: 45px; text-align: center; margin-left: -7px; }
.cfoInSection .aboutCFO .slideSection .slideNavi button:last-child{ right: 25px; }
.cfoInSection .aboutCFO .slideSection .slideNavi button.off span { background-image: url("/images/front/btnSlideOff.png");}
.cfoInSection .aboutCFO .slideSection .slideNavi button.off em{ margin-left: 1px; }
*/
/*irInSection-ir모니터*/
.irInSection { width: 1160px; margin: 70px auto 50px; position: relative;}

.allNavi{ position: fixed; width: 100%; top: 58%; z-index: 1;}
.allNavi .slideNavi{ margin: 0 auto; width: 1320px;}
.allNavi .slideNavi button:last-child{ float: right;}
.allNavi .slideNavi button em{ color: #868e96; display: block;  font-size: 1.0rem; padding-bottom: 5px; width:60px; text-align: center; margin-left: -10px;  }
.allNavi .slideNavi button{width: 37px; padding: 0;}
.allNavi .slideNavi button:first-child span{ background: url("/images/front/btnSlide.png") 0 0 no-repeat; }
.allNavi .slideNavi button span{ background: url("/images/front/btnSlide.png") -37px 0 no-repeat; width: 37px; height: 37px; display: block;cursor: pointer;}
.allNavi .slideNavi button.off span { background-image: url("/images/front/btnSlideOff.png");}
.allNavi .slideNavi button.off em { color: #d6dbe2;}

/*corpInSection-거버넌*/
.corpInSection { width: 1160px; margin: 70px auto 50px; position: relative;}

.accSection button{ font-size: 1.2rem; font-weight: 600;}


.prismInSection .introduce{ overflow:visible; margin-top: -50px !important; width: 1160px; margin: 0 auto;}
.prismInSection .introduce .h3Tit{ border-bottom-width:1px; margin-bottom: 0; margin-top: 0;}
.prismInSection .introduce .lineTxt{ font-size: 1.7rem; line-height: 170%; border-top: none; font-weight: 400;}
.prismInSection .introduce .CommentLi{ margin-top: 15px; padding: 5px 20px 10px 20px; background:#f3f4f8; }
.prismInSection .introduce .CommentLi li{ border-bottom: 1px dashed #ccc; padding: 3px 0;  font-weight: 500; background: url("/images/front/icoComment.png") 0 10px no-repeat; padding-left: 15px; color: #0d4dad;}
.prismInSection .introduce .CommentLi li:last-child{ border-bottom: none;}
.prismInSection .introduce .CommentLi li div.areaSt{ }
.prismInSection .introduce .CommentLi li div.areaSt textarea{min-height: 1px;}
.prismInSection .introduce .CommentLi li div a{ font-size: 1.5rem; text-decoration: underline; margin: 0 3px; color: #606871; }
.prismInSection .introduce .CommentBox .btOptSection{ padding: 10px 0 0 0;}
.prismInSection .introduce .CommentBox .btOptSection a{ margin-right: 0;}
.prismInSection .introduce .btOptSection.tr{margin-bottom:-10px; }
.prismInSection .introduce .btOptSection a{margin:0 0 0 5px; vertical-align: top; }


.prismInSection .introduce .lineTxt.modifyTxt{ padding: 15px; margin-bottom:0; }

.areaSt{ border: 1px solid #999; border-bottom-color:#ccc; border-right-color:#ccc; background: #fff; padding: 2px 7px; }
.areaSt textarea{ width: 99.5%; height: 100%; border: 0; min-height: 80px; font-size: 1.5rem; line-height: 2.5rem;  }
.CommentBox{ background: #f4f4f4; padding: 15px; margin-bottom:20px; border-bottom: 1px solid #ccc;}

.CommentBox2{ padding: 15px 0;}
.CommentSt textarea{ width: 90%;  height: 50px; }
.CommentSt a{ float: right; display: block;}
.CommentSt a span{  display: block; padding: 18px 20px;  }

/*tabBox*/
.tabBox{ padding: 20px 0; width: 1160px; margin: 0 auto;}
.tabBox ul { display: table; table-layout: fixed; width: 100%;}
.tabBox ul { display: table; table-layout: fixed; width: 100%;}
.tabBox li{ display: table-cell; text-align: center; border: 1px solid #aaa; border-left: 0;background: #fff; }
.tabBox li:first-child{border-left: 1px solid #aaa; }
.tabBox li a{ display: block; padding: 10px; background: #fff;}
.tabBox li a:hover{ text-decoration: none;}
.tabBox li.on a{ background:#1864d7; color: #fff;border: 1px solid #1864d7; }

/*tabBox2*/
.tabBox2{border-bottom: 1px solid #ccc; height: 50px; display: block; background: #fff; }
.tabBox2 ul { display: table; table-layout: fixed; width: 1160px; margin: 0 auto;}
.tabBox2 li{ display: table-cell; text-align: center; background: #fff; position: relative; border-bottom: 1px solid #ccc;font-size: 1.9rem;  }
.tabBox2 li a{ display: block; padding: 10px; font-weight: 600; box-sizing: border-box; font-size: 1.9rem;  }
.tabBox2 li a:hover{text-decoration: none !important; opacity: 0.7;}
.tabBox2 li.on{ border-bottom: 2px solid #1864d7;  }
.tabBox2 li.on a{color:#1864d7;  }

.tabBox2 .nudgeBox{ position: absolute; z-index: 1;  top: -30px; left: -15px; font-size: 0.95rem; border: 2px solid #1864d7; background:#fff; padding: 5px; border-radius: 30px; width: 320px; text-align: center; font-weight: 600; }

/*tabBox3*/
.tabBox3{ padding-bottom: 10px; margin-top: 3px; display: flex; justify-content:space-between; align-items: end;}
.tabBox3 ul{ display: flex;}
.tabBox3 li{  text-align: center; border: 1px solid #ddd; border-left: 0; box-sizing: border-box; background: #fff; }
.tabBox3 li:first-child{border-left: 1px solid #ddd; }
.tabBox3 li a{ display: block; padding:2px 12px;  font-size: 1.4rem;}
.tabBox3 li.on{ border-color: #4f4177; background:#6b47d5; }
.tabBox3 li.on a{ color: #fff; }
.tabBox3 li a:hover{ text-decoration: none;}
.tabBox3 .data{ font-size: 1.3rem; margin-bottom: -8px;}

li.tabBox4{ border: none; display: flex; }
li.tabBox4 span a{ font-size: 1.5rem; padding: 2px 0; font-weight: 500;}
li.tabBox4 span a::before{ content: ''; display: block; width: 1px; height: 12px; background: #ddd; display: inline-block; margin: 0 7px; }
li.tabBox4 span:first-child a::before{ width: 0px; margin-left: 3px;}
li.tabBox4 span.on a{ color: #6b47d5;}

.searchCfoSection{ width: 1160px; margin: 0 auto;}
/*searchPlusSection*/
.searchPlusSection{  border: 1px solid #111; margin-bottom: 30px; }
.searchPlusSection ul{ display: table; table-layout: fixed; width: 100%;}
.searchPlusSection li { display: table-cell; }
.searchPlusSection > ul > li { padding: 20px 30px 30px 30px; border-left: 1px solid #c1c5d1; }
.searchPlusSection > ul > li:first-child{ border-left: 0;}
.searchPlusSection .searchPlusBox li { display:inherit; font-size: 1.45rem; padding:2px 0;  }
.searchPlusSection .searchPlusBox li strong{ display: inline-block; width: 80px; font-weight: 500; font-size: 1.45rem;}
.searchPlusSection .searchPlusBox .h4Tit{ margin-bottom: 15px; color: #111; border-bottom-color: #111; }

.searchPlusSection .btOptSection{ padding: 30px 0; background: #b3bbc4;}

/*searchOptSection*/
.searchOptSection{ background: #f3f4f8; padding:45px 10px 20px 30px; margin-bottom: 10px; border: 1px solid #e8e9eb; box-sizing: border-box; }
.searchOptSection .twoOptSection{  margin-right: 25px;}
.searchOptSection .twoOptSection ul{ display:flex; justify-content: space-between; flex-wrap: wrap;}
.searchOptSection .twoOptSection ul li{ margin: 7px 0; width: 46%; display:flex;  }
.searchOptSection .twoOptSection strong{  width: 90px; font-size: 1.3rem; }
.searchOptSection .twoOptSection strong em{font-weight: 400; font-size: 1rem;}
.searchOptSection .twoOptSection .inputSt.w90{ width: 86%; margin-right: 10px; }
.searchOptSection .twoOptSection .inputSt.w50{ width: 43% ; }
.searchOptSection .twoOptSection .va{ vertical-align: middle; line-height: 30px; height: 32px; margin: 0 10px;  }
.searchOptSection .btOptSection{ text-align: center; margin:0 auto; padding: 30px 0 20px 0;}
.searchOptSection .btOptSection a{ margin: 0 5px;}

.tabinBox .leftBox{ width: 50%; float: left;}
.tabinBox .rightBox{ height: 275px; float: left; margin-left: 40px; border: 1px solid #e5e5e5; width: 46.3%;}

.w50p{  width: 48.25%; box-sizing: border-box; float: left;  overflow: hidden;  }
.w30p{  width: 28.25%; box-sizing: border-box; float: left;  overflow: hidden;  }	/*JSJN*/
.w70p{  width: 68.25%; box-sizing: border-box; float: left;  overflow: hidden;  }	/*JSJN*/
/*.inBox{ margin-bottom: 20px;}*/
.inBox{ overflow: hidden;}
.inBox .h3Tit{ margin-bottom: 20px;    }

h4.h4Tit{font-size: 1.7rem;}
.inBox .h4Tit{  display: block; clear: both; font-size: 1.7rem;    }
.inBox .h4Tit span{ font-size: 1.7rem; letter-spacing: -1px; line-height: 1.8rem;}
.inBox .h4Tit .data{ margin-bottom: 0; margin-top: 15px !important; line-height: 2.3rem;}
.inBox .h4Tit .selcBox2{display: inline-block; margin-left: 10px;}
.inBox .h4Tit .selcBox{display: inline-block;}
.inBox .h4Tit .selcBox .selcSt{ font-size:1.5rem; margin-top: -5px; color: #555; }

.inBox .h5Tit .selcBox2{display: inline-block; margin-left: 10px;}
.inBox .h5Tit .data.center{ margin-left: 500px; float: inherit; }
.inBox .rightBox.w50p{  float: right; }
.inBox .rightBox.w70p{   float: right; margin-top: -25px; }/*JSJN*/

.chartBox{ width: 100%; overflow: hidden; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 10px; height: 280px; margin-bottom: 30px;}
.chartBox.w100p{ height: auto;}

.inBox .calBox{ float: left; margin:2px 10px 0 0;}
.inBox .calBox .inputSt{ width: 110px; height: 33px; box-sizing: border-box; vertical-align: inherit; }
.inBox .calBox img{ vertical-align: middle; padding: 5px 5px 5px 2px;}

/* relTxtBox 
.relTxtBox{ border: 1px solid #aaa; padding:15px 20px 20px 20px; margin-bottom: 30px;}
.relTxtBox .h3Tit{ border-bottom: none; }
.relTxtBox li{ list-style: inside; font-size: 1.1rem; color: #555; margin: 3px 0;}*/



/* relTxtBox */
.relTxtBox{ background:#f4f4f4; padding:15px 20px 20px 20px; margin-bottom: 30px;}
.relTxtBox .h3Tit{ background: url("/images/front/bgTit.png") 0 bottom repeat-x; display:inline-block;  line-height: 0.4;  margin: 10px 0; border-bottom: none; }
.relTxtBox li{ list-style: inside; font-size: 1.1rem;  margin: 3px 0;}


/*contentsList*/

.sidemenuBox { position: relative;  background: #fff;  box-shadow: 0 10px 15px 0 rgb(0 0 0 / 9%);  border: 1px solid #ededed; width: 240px;  position: fixed;  z-index: 11;  top: 0; left: 0; bottom: 0;  }
.sidemenuBox h2{font-size: 1.8rem; letter-spacing: -0.4px;  padding: 10px 15px 10px 15px; border-top: 1px solid #ebebeb; margin-top: 10px;}
.sidemenuBox .tit{  font-size: 1.6rem;  padding: 8px 10px;  color: #fff; background: rgb(105,105,105); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(105,105,105,1) 0%, rgba(57,57,57,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(105,105,105,1) 0%,rgba(57,57,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(105,105,105,1) 0%,rgba(57,57,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#393939',GradientType=1 ); /* IE6-9 */ 
 }
.sidemenuBox .tit .close{ position: absolute; left: 200px; top: 3px;}
.sidemenuBox .scrollBox{height: 95%; overflow-y: scroll; -ms-overflow-style:none;}
.sidemenuBox .scrollBox::-webkit-scrollbar{display:none;}
.sidemenuBox .scroll{ content: ''; overflow: hidden auto; box-sizing: border-box; margin-bottom: 10px;}
.sidemenuBox li{ font-size: 1.5rem; font-weight: 600; padding: 0 15px 8px 15px; line-height: 17px;}
.sidemenuBox li a:hover{color:#1864d7 !important;}
.sidemenuBox li .inli li{  padding-right: 0; padding-left: 8px; background: url("/images/front/icoBul.png") 0 6px  no-repeat;}
.sidemenuBox li .inli li a{ font-size: 1.4rem; color: #606871; font-weight: 400;} 
.sidemenuBox li .inli li:last-child{ padding-bottom: 5px;}

.sidemenuCBox{position: fixed;  z-index: 11;  top: 306px; left: 0; bottom: 0; }
.sidemenuCBox a{ font-size: 1.6rem;}
.sidemenuCBox .sidemenuCIn{width: 85px; height: 70px; padding: 20px 0;  background: #777; text-align: center; opacity: 0.8;}
.sidemenuCBox .sidemenuCIn a span{ color: #fff; display: block; padding-bottom: 8px; }
.sidemenuCBox .sidemenuCIn a:hover{ text-decoration: none;}

/*.sidemenuCBox .cfoYearBox{ background: url("/images/front/bgYear.png") 15px 0 repeat-y;}*/
.sidemenuCBox .cfoYearBox li{ padding:0 0 0 28px; background: url("/images/front/icodotLine.png") 10px 15px no-repeat;  }
.sidemenuCBox .cfoYearBox li:first-child{  padding-top: 15px; background-position: 10px 23px;  }
.sidemenuCBox .cfoYearBox li.on{ background-image: url("/images/front/icodotBl.png");}
.sidemenuCBox .cfoYearBox li.on a{ color:#6b47d5}
.sidemenuCBox .cfoYearBox li a{ font-size: 1.5rem;}

.MBox .cfoYearBox{ display: none;}

.timelineSection{ padding: 30px 0;}
#prism3{position: relative;}
#prism3 .data{ float: inherit; margin-left: 3px;}
#prism3 .remark{ position: absolute; right: 0; top: 10px; }
.timelineSection .timeTable{ border-top: none; }
.timelineSection .timeTable tr{ position: relative;  }
.timelineSection .timeTable tr .ico{ height: 13px; width: 13px;  background: url("/images/front/icodotBl.png") left top no-repeat; margin-left: -18px; background-size: 13px 13px; }
.timelineSection .timeTable tr td{ font-size: 1.4rem; padding: 10px 8px; text-align: left; letter-spacing: -0.1rem;}
.timelineSection .timeTable tr td:nth-child(1){  text-align: right; padding-right: 30px;  }
.timelineSection .timeTable tr td:nth-child(2){  border-left: 3px solid #6b47d5;  }
.timelineSection .timeTable tr.timeTit td{ font-weight: bold;}
.timelineSection .timeTable tr.timeTit td:nth-child(2){padding: 10px; }

.timelineSection .timeTable tr.spend{  background: #edf5ff;}

.timelineSection .timeTable tr.spend td:first-child,
.timelineSection .timeTable tr.inflow td:first-child{ background: #fff; }
.timelineSection .timeTable tr.inflow { background: #ecf8f5;}
.timelineSection .timeTable tr.inflow td:nth-child(3) {background: #ecf8f5;}


/*
.timelineSection{ padding: 30px 0;}
.timelineSection .timeTable{ border-top: none;}
.timelineSection .timeTable tr{ position: relative;}
.timelineSection .timeTable tr .ico{ height: 13px; width: 13px; position: absolute; top: 0; left: 313px; background: url("/images/front/icodotGrey.png") left top no-repeat; }
.timelineSection .timeTable tr td{ border: none; font-size: 1.1rem; padding: 10px; text-align: left;}
.timelineSection .timeTable tr td:nth-child(2){  border-left: 3px solid #1864d7;  }
.timelineSection .timeTable tr.timeTit td{font-weight: bold;}
.timelineSection .timeTable tr.timeTit td:first-child{ text-align: right; }
.timelineSection .timeTable tr.timeTit td:nth-child(2){ padding-left: 0px; border-left: none;}
.timelineSection .timeTable tr.spend{  background: #edf5ff;}
.timelineSection .timeTable tr.spend td:first-child,
.timelineSection .timeTable tr.inflow td:first-child{ background: #fff; }
.timelineSection .timeTable tr.inflow { background: #ecf8f5;}
.timelineSection .timeTable tr.inflow td:nth-child(2) { background: #ecf8f5;}*/


/*사이트맵*/
.mapSection{ width: 1160px; margin: 0 auto; padding: 50px 0 110px 0; text-align: center; }
.mapSection h2{ font-size: 3rem; border-bottom: 2px solid #111; padding-bottom: 20px;}
.mapSection .liBox{ text-align: left; border-bottom: 1px solid #e8e9eb; padding: 30px 20px;}
.mapSection .liBox:last-child{ border-bottom: none;}
.mapSection .liBox p{ font-size: 1.8rem; font-weight: 700; display: inline-block; width: 200px; float: left;}
.mapSection .liBox ul{display: flex; justify-content:space-around; width: 60%;  }
.mapSection .liBox li{ padding-top: 6px; }
.mapSection .liBox li a{ height: 30px; display: block; vertical-align: middle; font-size: 1.5rem; }

/*stit*/
.stit span,.stit span a{ color:#999999; font-weight: 600; font-size:1.5rem;  }
.stit span{margin-right: 4px;}
.stit span.gBg,.stit span.gBg a{  color: #6b47d5;   }

.subListSection .subtopSection .txtBox .stit{ font-size: 1rem;}

.listSection .listBox .txtBox .stit{font-size: 1rem; margin-bottom: 3px;}
.subMainSection .slide2Section .slideTxt .stit.subject{ height: auto; margin-bottom: auto; margin-top: auto; }
.swiperSection.CfoContainer1 .swiperNews .thumbImg{ object-fit: inherit; width: 570px; height: 380px;}
.swiperSection .swiperNews .txt .stit{ margin-bottom: 10px; color: #d8d9db; }
.swiperSection .swiperNews .txt .stit a{ color: #d8d9db;}
.swiperSection .swiperNews .txt .stit .gBg,.swiperSection .swiperNews .txt .stit .gBg a{ background: #737b83;}
.topSection .liBox .stit{ font-size: 1rem; margin-top: 10px; height: 23px; overflow: hidden; white-space: nowrap; min-width: 160px;}
.slideSection .slideTxt .stit.subject{margin-bottom: 0px;}
.slide2Section.bgGrey .slideBox .slideTxt .stit.subject{ margin-bottom: 10px;}



div.bubble{ position: absolute; background: url(/images/front/bg_bubble.png) 50% 0 no-repeat;    z-index: 1; }
div.bubble span{white-space:nowrap; font-size: 14px; color: #fff; background: #404659; display: block; border-radius: 3px; margin-top: 4px; padding: 5px 10px 7px 10px;}
div.bubble em{ color: #bedcfd;}
div.bubble.lnpp{ position: absolute; background: url(/images/front/bg_bubble_lnpp.png) 50% 0 no-repeat;    z-index: 1; }
div.bubble.lnpp span{white-space:nowrap; font-size: 14px; color: #fff; background: #014086; display: block; border-radius: 3px; margin-top: 5px; padding: 5px 10px 7px 10px;}
div.bubble.L_lnpp{ background-position: 7px 0; left: 3px !important;}



.viewTxtSection .editBox{ margin-bottom: 40px;}
.viewTxtSection .editBox .tit{font-weight: bold;background-color:#5674b9; color: #fff; padding: 0 7px; font-size: 1.7rem; line-height: 2.7rem; margin-bottom: 5px; }
.viewTxtSection .editBox .txt{color:#5674b9; font-size:1.7rem; line-height:2.7rem;}



/*dircSection -이사회*/
.dircSection{}
.dircSection .dircBox{ width: 23%; height: 300px; box-shadow:rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px; border: 1px solid #e8ebee; box-sizing: border-box; border-radius: 10px; padding:25px; position: relative; float: left; margin:0 2.5% 20px 0; }
.dircSection .dircBox:nth-child(4),.dircSection .dircBox:nth-child(9),.dircSection .dircBox:nth-child(13){ margin-right: 0}
.dircSection .dircBox dl{ text-align: center; height: 83px; margin-bottom: 10px; }
.dircSection .dircBox dt{ font-weight: 700; font-size: 2.7rem; }
.dircSection .dircBox dd{  background:#f3f3f5; color: #333; border-radius: 13px; width: 100%; font-size: 1rem; margin-top: 2px; max-height: 45px; line-height: 20px; overflow: hidden; padding: 3px; box-sizing: border-box; font-size: 1.5rem; }
/*.dircSection .dircBox dd{  background:#edf5ff; color: #6b47d5; border-radius: 10px; width: 100%; font-size: 1rem; }*/
.dircSection .dircBox li{font-size: 1.5rem; border-bottom: 1px solid #eee; padding: 12px 0 9px 0;}
.dircSection .dircBox li:last-child{ border-bottom: none;}
.dircSection .dircBox li b{ display: block;}
.dircSection .dircBox .moreBt{ position: absolute; right: 11px; bottom: 11px;}


.dircSection .dircBox.on{border:2px solid #6b47d5 ;}
.dircSection .dircBox.on dd{ background:#f3f0fd; color:#6b47d5 ;}

.dircCont{border-radius: 10px;  padding: 30px; background: #f3f3f5; margin-bottom: 30px; position: relative; }
.dircCont li.dircLi{ display: inline-block; width: 65%;}
.dircCont li.dircLi:first-child{ width: 34%;}
li.dircLi{ font-size: 1.5rem;  }
li.dircLi .tit{display: inline-block;  width: 60px; font-weight: 600; padding-top: 2px;}
li.dircLi .txt{display: inline-block; vertical-align:top;}


.dircSection.top .dircBox{border:2px solid #999; float: left; width: 40%; height: 294px; }
.dircSection.top .dircCont{ float: left; width: 56%; min-height: 255px; box-sizing: border-box; padding-bottom: 5px; }
.dircSection.top .dircCont li.dircLi{ width: auto; float: inherit; margin-bottom: 20px; display: inherit; margin-left: 120px; font-size: 1.5rem;}
.dircSection.top .dircCont li.dircLi .tit{ font-weight: bold;}
.dircSection.top .dircCont li.dircLi .txt li table td{ padding-bottom: 3px;}
.dircSection.top .dircCont li.dircLi .txt li table td:nth-child(1){ font-weight: 600; }
.dircSection.top .dircCont li.dircLi .txt .moreBox{ padding:5px 0 0 0; }
.dircSection.top .dircCont li.dircLi .txt .moreBox a{ text-align: center; margin: 0 auto;}
.dircSection.top .dircBox li b{ display: inline-block; margin-right: 5px;}
.dircSection.top .dircCont .thumb{   position: absolute;  top: 30px;   }
.dircSection.top .dircCont .thumb a{  display: block;   width: 88px; height: 110px; border-radius: 5px; overflow: hidden; position:relative;   }
.dircSection.top .dircCont .thumb a:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 5px;   z-index: 1;  }
.dircSection.top .dircCont .thumb .thumbImg{ border-radius: 6px; backface-visibility:hidden; object-fit: cover;  }
/*
.dircSection.top .dircBox{border:2px solid #999; float: left;}
.dircSection.top .dircCont{ float: left; width: 730px; min-height: 300px; box-sizing: border-box; padding-bottom: 5px; }
.dircSection.top .dircCont li.dircLi{ width: auto; float: inherit; margin-bottom: 30px; display: inherit; margin-left: 120px;}
.dircSection.top .dircCont .thumb{   position: absolute;  top: 30px;   }
.dircSection.top .dircCont .thumb a{  display: block;   width: 88px; height: 110px; border-radius: 5px; overflow: hidden; position:relative;   }
.dircSection.top .dircCont .thumb a:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;  border: 1px solid #ddd; content:""; border-radius: 5px;   z-index: 1;  }
.dircSection.top .dircCont .thumb .thumbImg{ border-radius: 6px; backface-visibility:hidden; object-fit: cover;  }

*/


.dircRoute{ display: flex; flex-wrap: nowrap; justify-content: space-around; position: relative; margin: 10px 0 20px 0; }
.dircRoute .dircLine{ position: absolute; top: 35px; height: 5px; width: 100%; border-radius: 3px; z-index: -1;
background: #000111; /* Old browsers */
background: -moz-linear-gradient(left,  #000111 0%, #0921b0 25%, #1864d7 60%, #3bbb9e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #000111 0%,#0921b0 25%,#1864d7 60%,#3bbb9e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #000111 0%,#0921b0 25%,#1864d7 60%,#3bbb9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000111', endColorstr='#3bbb9e',GradientType=1 ); /* IE6-9 */
}
.dircRoute .dircBox .tit{ font-weight: 600; font-size: 1.9rem; margin-bottom: 20px;}
.dircRoute .dircBox .txt{ padding-right: 15px;}
.dircRoute .dircBox{max-width: 25%}
.dircRoute .dircBox:nth-child(2){ background: url("/images/front/icoRouteBk.png") right 22px no-repeat;  flex-grow: 1; }
.dircRoute .dircBox:nth-child(3) { background: url("/images/front/icoRoutePp.png") right 22px no-repeat;  flex-grow: 1.1; padding-left: 20px;}
.dircRoute .dircBox:nth-child(4) { background: url("/images/front/icoRouteGn.png") right 22px no-repeat;  flex-grow: 1.1;  padding-left: 20px;}
.dircRoute .dircBox:nth-child(5) {  flex-grow: 1;  padding-left: 20px}
.dircRoute .dircBox:nth-child(3) .tit{ color: #0921b0;}
.dircRoute .dircBox:nth-child(4) .tit{color:#1864d7;}
.dircRoute .dircBox:nth-child(5) .tit{color:#3bbb9e;}
.dircRoute .dircBox .txt li{ list-style: inside; color: #777; font-size: 1.5rem; padding-bottom: 5px;}

.dircRoute.three .dircLine{ 
background: #000111; /* Old browsers */
background: -moz-linear-gradient(left,  #000111 0%, #1864d7 50%, #3bbb9e 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #000111 0%,#1864d7 50%,#3bbb9e 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #000111 0%,#1864d7 50%,#3bbb9e 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000111', endColorstr='#3bbb9e',GradientType=1 ); /* IE6-9 */
}
.dircRoute.three .dircBox{max-width: 33.3%}
.dircRoute.three .dircBox:nth-child(2) { background: url("/images/front/icoRouteBk.png") right 22px no-repeat; flex-grow: 0.9; }
.dircRoute.three .dircBox:nth-child(3) { background: url("/images/front/icoRouteGn.png") right 22px no-repeat; flex-grow: 0.9; padding-left: 30px;  }
.dircRoute.three .dircBox:nth-child(4) {   background: none; flex-grow: 0.5; padding-left: 30px}
.dircRoute.three .dircBox:nth-child(3) .tit{color:#1864d7;}
.dircRoute.three .dircBox:nth-child(4) .tit{color:#3bbb9e;}


.dircRoute.two .dircLine{ 
background: #000111; /* Old browsers */
background: -moz-linear-gradient(left, #1864d7 0%, #3bbb9e 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1864d7 0%,#3bbb9e 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1864d7 00%,#3bbb9e 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1864d7', endColorstr='#3bbb9e',GradientType=1 ); /* IE6-9 */
}
.dircRoute.two .dircBox{ max-width: 50%;}
.dircRoute.two .dircBox:nth-child(2) { background: url("/images/front/icoRouteGn.png") right 22px no-repeat; flex-grow: 0.9;  }
.dircRoute.two .dircBox:nth-child(3) {   background: none; flex-grow: 0.5; padding-left: 0px }
.dircRoute.two .dircBox:nth-child(2) .tit{color:#1864d7;}
.dircRoute.two .dircBox:nth-child(3) .tit{color:#3bbb9e;}


.accSection{ margin: 20px 0 30px 0;}
.accSection button{ border: 1px solid #ddd; border-radius: 10px; padding: 12px 20px 8px 20px; box-shadow:rgb(0 0 0 / 10%) 0px 6px 6px -3px, rgb(0 0 0 / 5%) 0px 4px 3px -2px; width: 100%; text-align: left; font-size: 1.6rem; margin-bottom: 15px; }
.accSection button .ico{ float: right; margin-top: -2px;}
.accSection button.on{ background: #866ad7; color: #fff; border-color: #734ede; margin-bottom: 0;}
.accSection button.on span{color: #fff;}
.accSection button span{ margin-left: 8px; }
.accSection .accCont{ background: #f3f3f5; padding: 20px 30px; margin-bottom: 15px; border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px;}
.accSection .accCont .tempTable{ margin-bottom: 0;}
.accSection .accCont .tempTable th{ background-color:#ececee ; border-color: #d3d3d3; padding: 5px 10px;}
.accSection .accCont .tempTable td{ background-color:#fff ; padding: 5px 10px; }
.accSection .accCont .tempTable tr:last-child td{ border-bottom-color: #d3d3d3;}


.relation{ margin: 10px 150px 0 150px; text-align: center;}
.relation li {width: 220px; padding: 5px 0 10px 0; font-size: 1.1rem;}
.relation li span{  height: 45px; display: block; text-align: center; background: #1864d7; color: #fff; border-radius: 25px; line-height: 45px; font-weight: 600;}
.relation li.per{ background: url("/images/front/arrow.png") 50% 50% no-repeat;}
.relation li.per p{  text-align: right; margin-right: 40px;  font-weight: 600;  }
.relation li:nth-child(3) span{ background: #d9eaff; color: #3d78c2;}
.relation li:nth-child(1) span{ background: #fff; color: #111; box-shadow:rgb(0 0 0 / 10%) 1px 5px 10px -3px, rgb(0 0 0 / 5%) 1px 4px 6px -2px; border: 1px solid #eee;}

/*
.relation{ margin: 10px 150px 0 150px; text-align: center;}
.relation li {width: 250px; padding: 5px 0 10px 0;}
.relation li span{  height: 50px; display: block; text-align: center; background: #1864d7; color: #fff; border-radius: 25px; line-height: 50px; font-weight: 600;}
.relation li.per{ background: url("/images/front/arrow.png") 50% 50% no-repeat;}
.relation li.per p{  text-align: right; margin-right: 40px;  font-weight: 600;  }
.relation li:nth-child(3) span{ background: #d9eaff; color: #3d78c2;}
.relation li:nth-child(1) span{ background: #fff; color: #111; box-shadow:rgb(0 0 0 / 10%) 1px 5px 10px -3px, rgb(0 0 0 / 5%) 1px 4px 6px -2px; border: 1px solid #eee;}*/


.relatedBox{ margin-bottom: 20px; background: url("/images/front/bgLine.png") 500px 0 repeat-y;}
.relatedBox .relTit{ width: 500px;}
.relatedBox .relTit li{ border-bottom: 1px solid #eee; display: flex; justify-content: space-between;  padding: 5px 10px 5px 0; }
.relatedBox .relTit li.onBg{ background: #606871; padding: 5px 10px; }
.relatedBox .relTit li.onBg a{  color: #fff;}
/*.relatedBox .relTit li.onBg span{background:#8d97a1; color: #fff; }*/
.relatedBox .relTit li a{ font-size: 1.6rem; font-weight: 500; width: 500px;  }
.relatedBox .relTit li span{ text-align: right; font-size: 1.4rem; color: #999; background:#f5f5f5; padding: 2px 10px; line-height: 19px; height: 20px; border-radius: 15px; margin-top: 1px;  }
.relatedBox .relLi{ padding-left: 40px; float: left; box-sizing: border-box; width: 500px; }
.relatedBox .relLi a{ font-size: 1.5rem; width: 100%; display: block; margin-bottom: 5px; text-decoration: underline; font-weight: 500; }


/* 내부위원회 */
/*.withinSection{ display: flex;  align-items: flex-start; justify-content: space-between;}
.withinSection .withinBox{  border: 1px solid #ddd; width: 205px;  }*/
.withinSection{ overflow: hidden; display: block;}
.withinSection .withinBox{  border: 1px solid #ddd; width: 18.04%; float: left; margin-left: 22px;  }
.withinSection .withinBox:first-child{ margin-left: 0;}
.withinSection .withinBox .withinTit{ background:#f8f8f8; text-align: center; padding: 10px 20px 10px 20px; font-size: 1rem; position: relative; height: 110px;  display: table-cell;  vertical-align: middle;  width: 200px;}
.withinSection .withinBox .withinTit a{ display: block; line-height: 1.7rem; font-size: 1.5rem;}
.withinSection .withinBox .withinTit b{ display: block; font-size: 1.8rem;line-height: 24px; padding-bottom: 3px;}
.withinSection .withinBox .withinTit .moreBt{ position: absolute; bottom: -14px; left: 40%;}

.withinSection .withinBox .withinIn{ padding: 20px 15px; font-size: 1.5rem; letter-spacing: -0.3px; min-height: 280px; }
.withinSection .withinBox .withinIn b{ display: block; padding-bottom: 3px;}
.withinSection .withinBox .withinIn .withinTxt{ border-top:1px solid #eee; padding-top: 8px; margin-top: 5px; }
.withinSection .withinBox .withinIn p{color: #777; letter-spacing: -0.7px}
.withinSection .withinBox .withinIn li{color: #777;letter-spacing: -1px;}
.withinSection .withinBox .withinIn li:before{ content:""; background: url("/images/front/icoBulR.png") left 50% no-repeat; width: 2px; height: 12px; display: inline-block; padding-right: 5px}


/*추가
.IrContainer .tempTable{ margin-bottom: 0;}
.IrContainer .h3Tit{ margin-top: 0;}
.IrContainer .h3Tit:first-child{ margin-top: 10px;}
.IrContainer .infoTxtBox{ margin-bottom: 0; margin-top: 30px; float: left; width: 100%; }
.IrContainer .chartBox{ margin-bottom: 0;}
*/


/*공지사항*/
.boardSection{ width: 1160px; margin: 0 auto 50px;}
.boardSection h3{ text-align: center; font-size: 3.4rem; padding:40px 0;}

.boardSection .searchSection{ width: 100%; background: #f3f3f5; border-radius: 10px; padding: 30px; margin: 0 auto 20px; box-sizing: border-box;}
.boardSection .searchSection p{ text-align: center; padding-top: 10px; font-size: 1.6rem;}

.boardSection .boardList li{border-bottom: 1px solid #ddd;  }
.boardSection .boardList li a{ display: flex; justify-content: space-between; padding: 25px 0  }
.boardSection .boardList li div{}
.boardSection .boardList li div:last-child{ margin-right: 5px;}
.boardSection div .sbj{ font-size: 2.0rem;display: block; margin-bottom: 5px; font-weight: 500; } 
.boardSection div .date{ font-size: 1.4rem;display: block; color: #999; } 

.boardSection .boardHead{ justify-content: space-between; padding: 20px 10px; border-top: 2px solid #111; border-bottom: 1px solid #ddd;}
.boardSection .boardHead h3{font-size: 2rem; font-weight: 500;}
.boardSection .boardCon { padding: 0 0 20px; font-size: 1.5rem; }
.boardSection .boardCon .txtBox{ padding: 30px 10px; color: #666;}
.boardSection .boardCon .fileBox { background: #f3f3f5; padding: 20px; margin-top: 20px; display: flex; }
.boardSection .boardCon .fileBox .ico{ background-size: 18px 18px; height: 18px; width: 23px; vertical-align: middle;}
.boardSection .boardCon .fileBox span{width: 125px;}
.boardSection .boardCon .fileBox a{ color: #008de2; text-decoration: underline;}
.boardSection .boardCon .updown li {border-bottom: 1px solid #ddd;}
.boardSection .boardCon .updown li:first-child {border-top: 1px solid #111;}
.boardSection .boardCon .updown li:last-child {border-bottom: 1px solid #111;}
.boardSection .boardCon .updown li a{ display: flex; justify-content: flex-start; padding:15px 10px; font-weight: 500;}
.boardSection .boardCon .updown li a:hover{ text-decoration: none;}
.boardSection .boardCon .updown li div:first-child{ width: 80px;  color: #8f8f8f; }
.boardSection .boardCon .updown li div:first-child .ico{ margin-right: 5px;}
.boardSection .boardFot{ text-align: right;}
.boardSection .boardFot .btB{ border-radius: 3px;}

/* introduceNew(aboutCFO개편)pc */

.cfoBg{background-color: #f9fbfc;}

.introduceNew{margin-top: 50px;}

.cfoNewsImg{display: flex;
    margin-bottom: 50px;     
    box-shadow: -10px 12px 14px #e5e5e5;
    margin: 5px 5px 50px 10px;
    border-radius: 10px;
				height: 180px;
				background-color: #fff;				
			}


.cfoNewsImg img{width: 280px;height: 180px;border-radius: 10px;object-fit: cover;border-top-right-radius: 0;border-bottom-right-radius: 0;}

.cfoNewsImgText{font-size: 1.6rem;line-height: 1.6;margin: 25px 25px 0;}
.cfoNewsImgText p:nth-of-type(1) > a {        
        font-size:1.5rem;
								font-weight: 600;								    
        color:#6b47d5;
								display: flex;
    align-items: center;
    }
.cfoNewsImgText p:nth-of-type(1) > a span {        
        font-size:1rem;
								font-weight: 600;								    
        background-color:#6b47d5;
								color:#fff;
								padding: 1px 4px 2px;
								border-radius: 4px;	
								margin-left: 5px;						
    }

.cfoNewsImgText p:nth-of-type(2) > a {        
        font-size: 22px;
								font-weight: 600;								    
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
.cfoNewsImgText p:nth-of-type(3) a {        
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.6;
								margin-top: 10px;
    }

.cfoNewsText{margin-top: 30px; padding-bottom: 30px;border-bottom: 1px solid #ebebeb;}

.cfoNewsText .tit{font-size: 2rem;font-weight: bold;margin:5px 0 7px;}

.cfoNewsText .txt{font-size: 1.5rem;margin-bottom: 7px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}

.cfoNewsText .date {
    color: #afb7c2;
    font-size: 1.2rem;
    line-height: 15px;
				margin-top: 10px;
}
.introduceNew .cfosListSection{margin-top: 50px;padding-bottom: 0;}
.introduceNew .cfosListSection:last-of-type{margin-bottom: 50px;}

.introduceNew .moreBox{width: 22px;margin: 10px auto 0;}

.introduceNew .cfosListSection ul{gap:30px 45px;}
.introduceNew .cfosListSection li a {position: relative;}

.schoolBox li small{position: absolute;right: 0px; z-index: 500;padding: 1px 5px 3px;font-size: 11px;background-color: #6b47d5;color:#fff;border-radius: 5px;}

/* 뉴스메인 광고배너추가 */

.newsmain_ad_banner_wrap{width: 1160px;margin: 30px auto 30px;}
.newsmain_ad_banner a img{width: 100%;object-fit: contain;height: 150px;}

/* 뉴스상세 광고배너추가 */

.newspg_ad_banner_wrap{width: 290px;margin-top: 30px;}
.newspg_ad_banner a img{width: 100%;object-fit: contain;height: 70px;}

/* 테블릿 가로 해상도 */
@media all and (max-width:981px) {
	.footerBox{width: 100%;margin: 0 auto; display:inherit; padding: 0;}
	.footerBox .footerMenu { width: 100%;border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background: #fff; padding: 10px 0; }
	.footerBox .footerMenu ul{ display: flex; justify-content:center; flex-wrap: nowrap;}
	.footerBox .footerMenu ul li{ padding: 0; font-size: 1.12rem; letter-spacing: -1px; }
	.footerBox .footerMenu ul li::before{ content: ''; display: block; width: 1px; height: 10px; background: #ddd; display: inline-block; margin: 0 5px 0 6px; }
	.footerBox .footerMenu ul li:first-child::before{ display: none;}
	.footerBox .addressBox p{ display: none;}
	.footerBox .copyright{ font-size: 13px; padding: 20px; text-align: center;}
	
	.loginSection{ padding: 20px 0; margin: -20px;}
	.loginSection .loginBox{ width: 90%;}
	.loginSection .botTxt{ font-size: 1.3rem;}
	.prismInSection{ width: 100%;}
	.prismInSection .inBox{ margin: 2.0rem;}
	.inBox .mgb30{ margin-bottom: 0 !important;}
	.inBox .inMgBox{ margin-bottom: 30px; overflow: hidden;}
	.prismInSection .introduce{ width: 100%}
	.searchOptSection .twoOptSection{ width: 100%;}
	.searchCfoSection{}
	.w50p{ width: 100%;}
	.w30p{ width: 100%;} /*JSJN*/
	.w70p{ width: 100%;} /*JSJN*/

	.headerBox .headBox{ width: 100%; padding: 20px 20px; box-sizing: border-box;height: 50px;}
	.headerBox .headBox h1{ margin-right: 0px;}
	.headerBox .headBox nav{ width: 100%;}
	.headerBox .headBox ul.gnbBox{ position: absolute; top: 68px; left: 0; right: 0; justify-content: center; align-items: center; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
	.headerBox .headBox ul.gnbBox > li{ margin: 0 5%;}
	.headerBox .headBox ul.gnbBox > li a{ margin: 0; padding: 5.7px 0; font-size: 2.0rem;}
	.headerBox .headBox .rightBox{ margin-top: 0;}
	.headerBox .headBox ul.gnbBox .subM ul{ width: 100%;}
	.headerBox .headBox ul.gnbBox .subM li:first-child{ margin-left: 20px;}
	.headBox .rightBox .pClose{ top: 0; right: 20px;}
	
	.headerBox .searchSection .searchBox{ width: 90%;}
	.headerBox .searchWrap{ top:94px; padding: 20px 0 20px; box-sizing: border-box; }
	.headerBox .headBox .loginBox{ margin-top: 10px;}
	
	.indexSection .navSection .searchSection{ margin-top: 25px;}
	.indexSection .navSection .navBox .navDep1{ font-size: 1.8rem; font-weight: 600; margin: 10px 0; padding-bottom: 8px; border-bottom: 1px solid #111;}
	.indexSection .navSection .navBox ul{ display: flex; justify-content:space-between; flex-wrap: wrap;}
	.indexSection .navSection .navBox ul li{ width: 50%; margin-bottom: 15px;}
	.indexSection .navSection .navBox ul li a{ font-size: 1.4rem; color: #333;}
	.mainBtSection{ display: flex; justify-content:space-between; }
	.mainBtSection a{ width: 47%; display: block; text-align: center; }
	
	.mainBtSection span{ display: block; border-radius: 25px; }
	.searchSection .searchBox{ width: 98%;}
	
	.indexSection{ padding: 20px; box-sizing: border-box;}
	.indexSection .searchSection{ margin-bottom: 25px; width: 100%;}
	.indexSection .searchSection form{ width: 100%; }
    
    
    
    
	.maintopSection{ flex-direction:column; width: 100%; }
	.maintopSection .maintopNews.topCenter{ margin: 0;}
	.maintopSection .maintopNews.topCenter strong{top: inherit; bottom: -15px;}
	.maintopSection .maintopNews.topCenter{box-sizing: border-box; margin-bottom: 30px;}
	.maintopSection .maintopNews.topCenter h2{ top:inherit; bottom: 20px;}
	.maintopSection .maintopNews.topCenter h2 .tit a{ font-size:3rem; line-height: 3.8rem; }
	.maintopSection .maintopNews.topCenter h2 .stit{max-height: 50px; padding-bottom: 0;}
	.maintopSection .maintopNews.topCenter h2 .stit a.tPoint{display: -webkit-box;-webkit-box-orient: vertical;/* adjust lines shown   */-webkit-line-clamp: 1;overflow: hidden; /*  ie  */ text-overflow: ellipsis; /*  ie  */  word-break:break-word;}
	.maintopSection .maintopNews.topCenter .thumb{ width: 100%; height: 100%;}
	.maintopSection .maintopNews:first-child,.maintopSection .maintopNews:nth-child(3){ display: none;}
	.maintopSection .maintopList{ display:flex; justify-content: space-between; padding: 10px 0;}
	.maintopSection .maintopList .thumb img{ border-radius: 15px; overflow: hidden; width: 132px;}
	.maintopSection .maintopList .tit a{ font-size: 1.8rem;}
	.maintopSection .maintopList h2{ box-sizing: border-box; width: 58%;}
	.maintopSection .maintopList span{display: -webkit-box;-webkit-box-orient: vertical;/* adjust lines shown   */-webkit-line-clamp: 1;overflow: hidden; /*  ie  */ text-overflow: ellipsis; /*  ie  */  word-break:break-word;}
	.mainForm{ width: 100%; flex-direction:column; margin:30px auto 0; }
    .mainForm .archive{ width: 100%; padding-bottom: 25px; }
    .mainForm .archiveBox{ display: block;  }
    .mainForm .archiveBox .thumb{ margin-right: 0;}
    .mainForm .archiveBox .thumb a{ width: 100%; border-radius: 20px 20px 0 0;}
    .mainForm .archiveBox p.tit{ text-align: center; margin-bottom: 10px;}
    
	.mainForm .todayBox{ width: 100%;}
	.mainForm .todayPrism{ margin-bottom: 30px; width: 100%; }
	.mainForm .todayPrism .todayBox{height: auto; padding: 50px 30px 20px 30px;}
	.mainForm .todayPrism .todayBox .company dl{ display: flex; align-items: baseline;}
	.mainForm .todayPrism .todayBox .company dl dt{ margin-right: 5px;}
	.mainForm .todayPrism .todayBox .todayWrap{ display: block;}
	.mainForm .todayPrism .todayBox .todayWrap div ul{ flex-wrap: wrap; justify-content:space-between; margin-top: 10px;}
	.mainForm .todayPrism .todayBox .todayWrap div ul li{ margin-bottom: 10px; width: 40%; margin-left: 0;}
	.mainForm .todayCFO{ margin-bottom: 10px; width: 100%; margin-left: 0;}
	.mainForm .todayCFO .todayBox dl { width: 64%;}
    
    
	.newsmainSection{ width: 100%;}
	.newsmainSection .topNewsSection{ display: block; margin-top: -23px;}
	
	.newsmainSection .topNewsSection .thumb{ display: block; margin-left: -20px; margin-right: -20px;}
	.newsmainSection .topNewsSection .thumb img{ width: 100%; height: 100%; margin-right: 0;}
	.newsmainSection .topNewsSection .topTxtSection{ width: 100%; border-left: 0; padding-left: 0; margin-top: 10px;}
	.newsmainSection .topNewsSection .topTxtSection li{ }
	.newsmainSection .topNewsSection .topTxtSection li:nth-child(2),
	.newsmainSection .topNewsSection .topTxtSection li:nth-child(3){ }
	
	.newsmainSection .topListSection{ padding-bottom: 15px;}
	.newsmainSection .topListSection ul{ display: inherit;}
	.newsmainSection .topNewsSection  .tit a{font-size: 2.4rem; line-height: 3.4rem; font-weight: bold;}
	.newsmainSection .topNewsSection  .subtit a{-webkit-line-clamp:2;}
	.newsmainSection .topListSection{ margin-top: 30px;}
	.newsmainSection .topListSection ul li{ width: 100%; display: flex;  justify-content:space-between; margin-bottom: 20px;}
	.newsmainSection .topListSection ul li .tit a{ -webkit-line-clamp:2;}
	.newsmainSection .topListSection ul li .thumb img{ width: 132px; height: 89px;}
	.newsmainSection .topListSection ul li .thumb{order: 2; margin-left: 20px;}
	.newsmainSection .topListSection ul li h2{order:1; margin-top: -5px;}
	.newsmainSection .topListSection ul li h2 .stit{ margin-top: 0;}
	.mainListSection{ margin: 20px 0 10px 0;}
	.mainListSection li{ width: 100%;  padding:0; border-bottom: none; margin-bottom: 20px;}
	.mainListSection li h2{ margin-left: 15px;}
	.mainListSection li h2 .date{ display: none;}
	.mainListSection li .thumb img,.listSection .listBox .thumb img{ width: 110px !important; height: 74px !important;}
	.mainTxtSection ul li{ width: 100%;}
	.mainTxtSection ul li .tit{ height: inherit; }
	.mainTxtSection ul li .date{ bottom: 10px;}
	
	
	
	.cfosSection{ width: 100%;}
	.cfosListSection{ border-bottom: none; padding-bottom: 30px;}
	.cfosListSection ul li{ margin: 0 19px 20px 19px; width: 25%; max-width: inherit;}
	.cfoInSection .aboutCFOSection .rightBox { margin: 10px 0;}
	.cfoInSection .aboutCFOSection .rightBox li:first-child .tit{ width: 35%;}
	.cfoInSection .aboutCFOSection .right{ bottom: 20px; right: 20px;}
    .cfoInSection .aboutCFOSection { display:inherit; }

	.cfoInSection .aboutCFOSection li{ flex-wrap: wrap;}
	.cfoInSection .aboutCFOSection li .tit{ width: 100%;}
	.cfoInSection .aboutCFOSection li .txt td.date{ font-size: 1.3rem; min-width: max-content; width:18% !important; }
    .cfoInSection .introduce .btOptSection .layerPop{ width: 340px;} 
	/*JSJN .pagenation{ display: none;}
	.moreMBox{ display:inherit !important;}
	.moreMBox .moreMBt{ margin: 0 20px; display: block; background: #ede9f7; border: 1px solid #cfc4f0; padding: 10px; border-radius: 20px; text-align: center; font-size: 1.4rem;}*/
	.h3Tit{font-size: 2.4rem; padding-bottom: 0;}
	.prismNSection .h3Tit{ padding-bottom: 5px;}
	.h5Tit .selcBox .selcSt, .h6Tit .selcBox .selcSt{ font-size: 1.3rem; padding: 0;}
	.h5Tit .selcBox, .h6Tit .selcBox{ padding-bottom: 0 !important; margin-bottom: 0 !important;}
	
	.cfoOptSection.searchOptSection{ width: 100%; margin-top: 20px;}
	.searchOptSection{ padding:40px 20px 20px 20px; }
	.searchOptSection .twoOptSection ul li{ width: 100%;}
	.searchOptSection .twoOptSection .va{ margin: 0 5px;}
	.searchOptSection .twoOptSection .inputSt.w50 { width: 42%}
	.searchOptSection .twoOptSection .inputSt.w90{ width: 70%;}
	.searchOptSection .btOptSection a{ margin: 0 3px;}
	.searchOptSection .btOptSection .btB{ padding: 10px 12px;}
	
	.updateSection .updateBox div.liBox:last-child dd{ border-bottom: none; }
	.updateSection .moreMBox{ margin: 20px 0;}
	
	.subListSection{width: 100%;}
	.subListSection .subtopSection .thumb,.subListSection .subtopSection .thumb img{width: 100%; height: 100%;}
	.subListSection .subtopSection .txtBox{ width: 100%; padding-left: 0; margin-top: 10px;}
	.subListSection .subtopSection .txtBox .tit{ font-size: 2.4rem; line-height: 3.4rem; max-height: none; margin: 10px 0;}
	
	.subViewSection{width: 100%; padding-bottom: 20px;}
	.subViewSection .viewTopSection .tit{ font-size: 2.8rem; line-height: 3.8rem;}
	.subViewSection .viewTopSection .viewUserBox ul{ display: none;}
	.subViewSection .viewTxtSection .txt img{ height: 100%;}
	.subViewSection .viewTxtSection .reference{ font-size: 1.4rem;}
	
	
	.companySection .companyBox .companyInfo{ width: 100%; float: none; display: flex; align-items: flex-start; min-height: inherit; margin:5px 5px 15px; }
	.companyBox .companyInfo p{ text-align: left; padding-left: 7px; }
	.companySection .companyBox .companyNews{ margin-left: 0;}
	.companySection .companyBox .companyNews li{ padding-bottom: 5px;}
	.listBox .thumb a{ width: 110px; height: 74px;}
	.listSection .listBox .thumb{  margin-bottom: 20px; width: 110px; height: 74px;}
	.listSection .listBox .txtBox{ width: 100%;}
	.listSection .listBox .date{ font-size: 1.2rem;}
	
	.listSection .listBox.noThumb .txtBox{ width: 100%;}
	
	.totalSection{ width: 100%;}
	.mapSection{width: 100%;}
	.mapSection .liBox p{ float: inherit;}
	.mapSection .liBox ul{ width: 100%; justify-content: space-between;}
	
     .totalSection .searchOptSection .optM:nth-child(2) .optLayer{ width: 200px; }
	.prismListSection{ border-bottom: none;}
	.prismListSection > ul{grid-template-columns:47% 47%; grid-gap: 0 40px;}
	.prismListSection ul li.prismListBox div p.name{ width: auto;}
	.prismListSection ul li.prismListBox .thumb{ height:65px; padding-bottom: 0;  }
	.tempTable table thead tr th,
	.tempTable table tbody tr td,
	.tempTable table tbody tr th,
	.tempTable table tfoot tr th,
	.tempTable table tfoot tr td{ font-size: 1.25rem; padding: 6px 5px;}
	
	.timelineSection .timeTable tr td{ font-size: 1.3rem;}
	
	.legalSection{ width: 100%;}
	.legalSection .legalTab{ padding-top: 30px;}
	.legalSection .legalTab ul li{ margin: 0 5px;}
	.legalSection .legalTab ul li a{ padding: 7px 10px; font-size: 1.2rem; }
	
	.leftSection{ position: inherit !important;}
	.leftSection .sideBox{ width: 100%; box-shadow:0 0 ; border: none; margin-right: 0; padding: 20px 0 3px 0;  border-radius: 10px; background: #a590e3; }
	.leftSection .cfoYearBox{ display: none;}
	.leftSection .sideBox div.company{   border-radius: 20px; padding: 20px; margin:0 20px 20px 20px; background: #fff;}
	.leftSection .sideBox div.company dl{ display: flex; align-items: baseline; flex-wrap: wrap; justify-content: center;}
	.leftSection .sideBox div.company dl dt.dtthumb{ flex-grow: 4; margin: 0 auto 5px; }
	.leftSection .sideBox div.company dl dt.dtthumb img{ width: 50%; height: auto; max-height: 80px;}
	.leftSection .sideBox div.company dl dt{ margin-right: 5px; width: 100%; text-align: center; }
	.leftSection .sideBox div.company dl dd{ }
	
	.leftSection .sideBox .cfoThumb{ margin: 0 auto !important;}
	
	.leftSection .sideBox ul{ display: flex; justify-content: center; align-items: baseline;  margin: 10px 0; ; border-radius: 5px;}
	.leftSection .sideBox ul li { margin-bottom: 0;}
	.leftSection .sideBox ul li a::before{ content: ''; display: block; width: 1px; height: 12px; background: #b8bacd; display: inline-block; margin: 0 7px 0 0px; }
	.leftSection .sideBox ul li:first-child a::before{ display: none;}
	.leftSection .sideBox ul li a{ width: 100%; text-align: center; display: block; font-size: 1.4rem; color: #fff; font-weight: 500; padding: 3px 7px; }
	.leftSection .sideBox ul li a:hover{color: #fff; }
	.leftSection .sideBox ul li.on a{ background: #6b47d5;}
	.leftSection .sideBox ul li.on a::before{ display: none;}
    
    .MBox{margin: 10px 3px; box-shadow: 0px 3px 13px #ddd; padding: 30px 0 20px 0; box-sizing: border-box; border-radius: 10px; }
    .MBox .cfoYearBox{ display: flex; flex-wrap: wrap; justify-content:space-between;  background: url("/images/front/bgYearM.png") 0 5px repeat-x;}
    .MBox .cfoYearBox ul{display: flex; flex-wrap: nowrap; justify-content:space-around; width: 90%;}
    .MBox .cfoYearBox li{ font-size: 1.4rem; background: url("/images/front/icodotGrey.png") center 0 no-repeat;}
    .MBox .cfoYearBox li a{ display: block; padding: 15px 15px 0 15px;}
    .MBox .cfoYearBox li.on{ background-image: url("/images/front/icodotBl.png");}
    .MBox .cfoYearBox li.on a{ color: #6b47d5;}
    .MBox .cfoYearBox .NPrev,
    .MBox .cfoYearBox .NNext{ margin-top: -15px; display: none;}

    .MBox .cfoYearBox .swiper-container{display: flex; flex-wrap: nowrap; justify-content:space-around; width: 90%; padding-bottom: 10px;}
    .MBox .cfoYearBox .swiper-slide{ font-size: 1.5rem; background: url("/images/front/icodotGrey.png") center 0 no-repeat; background-size: 14px 14px; text-align: center;}
    .MBox .cfoYearBox .swiper-slide a{ display: block; padding: 15px;}
    .MBox .cfoYearBox .swiper-slide.on{ background-image: url("/images/front/icodotBl.png");}
    .MBox .cfoYearBox .swiper-slide.on a{ color: #6b47d5;}
    .MBox .cfoYearBox .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ top: 43px;}
    .MBox .cfoYearBox .swiper-pagination-bullet-active{ background: #6b47d5;}
	
	.rightInSection{ margin-left: 0;}
	.rightInSection .rightBox{margin-top: -40px;}
	.rightInSection .rightBox li{ font-size: 1.4rem;}
	
	.prismNSection{ width: 100%; display: inherit;}
	.prismNSection .h3Box{ display: flex; align-items: center; justify-content:space-between; font-size: 2.4rem; margin-top: 30px;}
	.prismNSection .h3Box h3{flex-grow: 4; width: 60%; font-size: 2.4rem;}
	.prismNSection .h3Box .listTabBox{ width: 100%; display: flex; justify-content: flex-start;}
	.prismNSection .h3Box .listTabBox ul{ margin: 5px 0 0 ; justify-content: flex-start;}
	.prismNSection .h3Box .listTabBox ul li{ margin:0 7px 5px 0; font-size: 1.3rem; }
	
	.prismNSection .h3Box .listTabBox ul li.on a{ }
	
	
	.cfoThumb{margin: 0 auto; text-align: center;}
	
	
	.CommentSt textarea{ width: 75%;}
	.CommentBox .btM{ padding: 5px 10px; border-radius: 3px; font-size: 1.4rem;}
	
	.searchPlusSection{ margin-bottom: 10px;}
	.searchPlusSection > ul > li{ padding: 10px;}
	.searchPlusSection .btOptSection{ padding: 10px 0; }
	
	.dircSection.top .dircBox{ float: inherit; width: 100%; height: inherit;}
	.dircSection.top .dircCont{ float: inherit; width: 100%}
	.dircSection .dircBox dl{ height:53px; }
	.dircSection .dircBox dt{ font-size: 2.2rem;}
	.dircSection .dircBox li{ font-size: 1.4rem;}
	.dircSection.top .dircCont .thumb{ right: 20px; top: 20px;}
	.dircSection.top .dircCont ul li.dircLi:first-child{ margin-top: 50px;}
	.dircSection.top .dircCont li.dircLi{ margin-left: 0; font-size: 1.4rem;}
	.dircSection .dircBox{ width: 100%; height: inherit;}
	
	.dircSection li.dircLi{font-size: 1.4rem;}
	.dircCont li.dircLi{ width: 100%;}
	.dircCont li.dircLi:first-child{ width: 100%;}
	.dircSection li.dircLi .tit{ display: block;}
	.dircSection li.dircLi .txt table tr td:first-child{ width: 140px !important; }
	
	.relatedBox .relTit{ width: 100%;}
	.relatedBox .relLi{ padding-left: 0; width: 100%; margin-top: 10px;}
	
	
	.withinSection table tbody tr td{ display:flex; align-items: flex-start; justify-content:space-between; flex-wrap: wrap;}
	.withinSection .withinBox{ width: 46%; margin:0 0 12px 0; }
	
	.relation{ margin: 10px 20% 0 20%;}
	.selcBox2 .selcSt{ padding: 3px 3px 3px 1px; font-size: 1.4rem;}
	
	.timelineSection .timeTable tr td:nth-child(1){ padding-right: 10px;}
	.timelineSection .timeTable tr .ico{ margin-left:-8px; }
	.timelineSection .timeTable tr td{ padding: 5px 0 5px 0;}
	
	.inBox .h5Tit .selcBox2{ margin-left: 5px;}
	
	/*문패어깨 클릭시리스트*/
	.stittopSection{ background:#f3f3f5; padding: 30px; border-radius: 20px; }
	.stittopSection .tit{ font-size: 2.4rem; font-weight: bold; line-height: 3.4rem; margin-top: 5px; }
	.stittopSection .stittop{ display: grid; grid-template-columns:110px auto; grid-gap:0 20px; margin: 6px 0 11px; }
	.stittopSection .stittop .thumb{  border: 1px solid #ddd;  box-sizing: border-box;  overflow: hidden; height: 100%;}
	.stittopSection .stittop .thumb a{ display: block; width:110px; height: 74px; background: #fff; overflow: hidden; }
	.stittopSection .stittop  .thumb a:hover{ opacity: 1;}
	.stittopSection .stittop .txt{ margin-top: 5px;}
	.stittopSection .stittop .txt a{ color: #666; font-size: 1.5rem; line-height: 2.3rem;  -webkit-line-clamp:3;}


	.stittopSection ul li:before{display:block; content: ''; background: url("/images/front/icoRe.png") 0 7px no-repeat !important; width: 12px; height: 15px; float: left;  }
	.stittopSection ul li a{ font-size: 1.6rem; font-weight: 500; margin-bottom: 3px; }
    
    .subindexSection{ width: 100%;}
	
    .shortitleSection .shortitleWrap{ width: 100%; }
	.shortitleSection .shortitleWrap:first-child{ margin-bottom: 20px;}
    .shortitleSection .shortitleBox{  padding: 30px 20px 20px; }
	.shortitleSection .shortitleBox h2{ left: 20px;}
    .shortitleSection .shortitleBox:first-child div.shortListBox .thumb{ display: none;}
    .shortitleSection .shortitleBox:first-child div.shortListBox ul{ width: 100%;}
   
    .shortitleSection .shortitleBox div.shortListBox ul{ width: 60%;}
    .shortitleSection .shortitleBox div.shortListBox ul li{ padding: 3px 0;}
    .shortitleSection .shortitleBox div.shortListBox ul li:first-child{ padding-top: 0;}
    .shortitleSection .shortitleBox div.shortListBox .thumb img{ width: 110px; height: 74px; margin-top: 4px;}
    
    
    .shortxtSection .shortxtBox{ margin-top: 30px;}
    
    .datelistSection{ flex-wrap: wrap; padding-top: 20px;}
    .datelistSection h3{ margin-bottom: 20px; }
    
    .boardSection{ width: 100%;}
    .boardSection h3{padding-bottom: 20px;}
    .boardSection .boardHead{ flex-direction: column;}

    .boardSection .boardList li div:last-child{ }
    
    .archivelistSection ul{ display: block;}
    .archivelistSection ul li{ width: 100%;}
    
    .marketContent .marketviewIn{ display: block; margin:80px 0 20px 0; padding: 0 20px;} 
    .marketContent .marketviewIn .imgBox{ width: auto; height: 85px; margin: -40px auto 0; text-align: center;} 
    .marketContent .marketviewIn .imgBox .thumb{ text-align: center; margin: 0 auto; top: -60px;}
    .marketContent .marketviewIn .imgBox p.name{ margin-top: -60px;}
    .marketContent .marketviewIn .txtBox{ margin: 20px 0;}
	.shortListSection{ width: 100%; margin-top: 0;}
.rightInSection .h3Box .rightBox li{ font-size: 1.1rem;}


    
/* introduceNew(aboutCFO개편) */

.introduceNew{margin-top: 50px;}

.cfoNewsImg{
	display: flex;   
    box-shadow: 0px 0px 14px #ddd;
    margin: 10px 10px 50px 10px;
    border-radius: 10px;
			}

.cfoNewsImg img{width: 280px;height: 180px;border-radius: 10px;object-fit: cover;}

.cfoNewsImgText{font-size: 1.6rem;line-height: 1.6;}

.cfoNewsText{margin-top: 30px; padding-bottom: 30px;border-bottom: 1px solid #ebebeb;}

.cfoNewsText .tit{font-size: 2rem;font-weight: bold;margin-bottom: 7px;}

.cfoNewsText .txt {
font-size: 1.5rem;
margin-bottom: 7px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

.cfoNewsText .date {
    color: #afb7c2;
    font-size: 1.2rem;
    line-height: 15px;
}

.introduceNew .cfosListSection{margin-top: 50px;padding: 0;}
.prismNew {
    margin: 50px 0;
}

.prismNew > ul {
    display: grid;
    grid-template-columns: 47% 47%;
    grid-gap: 0 40px;
				padding: 0 20px;
}

.introduceNew .cfosListSection ul{gap:30px 20px;justify-content: center;}

.cfosListSection ul{gap:0 30px;justify-content: center;}
.newspg_ad_banner_wrap{display: none;}
.newsmain_ad_banner_wrap{display: none;}


}

@media (max-width: 758px){
	
	.prismListSection ul li.prismListBox{ width: 100%; height: 130px;}
	.cfosListSection ul li{ width: 38%;}
	.cfoInSection .aboutCFOSection li .txt td.date{ width: 35% !important;}
	.prismListSection > ul{grid-template-columns:auto; grid-gap: inherit;}
	

	/* introduceNew(aboutCFO개편) */

.introduceNew{margin-top: 50px;}

.cfoNewsImg{display: flex;
    margin-bottom: 50px;    
    box-shadow: 0px -10px 14px #ddd;
    margin: 10px 10px 50px 10px;
    border-radius: 10px;}

.cfoNewsImg img{width: 280px;height: 180px;border-radius: 10px;border-top-right-radius: 0;border-bottom-right-radius: 0;object-fit: cover;}

.cfoNewsImgText{font-size: 1.6rem;line-height: 1.6;}

.cfoNewsText{margin-top: 30px; padding-bottom: 30px;border-bottom: 1px solid #ebebeb;}

.cfoNewsText .tit{font-size: 2rem;font-weight: bold;margin-bottom: 7px;}

.cfoNewsText .txt{font-size: 1.5rem;margin-bottom: 7px;}

.cfoNewsText .date {
    color: #afb7c2;
    font-size: 1.2rem;
    line-height: 15px;
}

.introduceNew .cfosListSection{margin-top: 50px;padding: 0;}
.prismNew {
    margin: 50px 0;
}

.prismNew > ul {
    display: grid;
    grid-template-columns: 47% 47%;
    grid-gap: 0 40px;
				padding: 0 20px;
}
.cfosListSection ul{gap:0;justify-content: center;}	

.newspg_ad_banner_wrap{display: none;}
.newsmain_ad_banner_wrap{display: none;}


}






@media (max-width: 700px){
	.subViewSection .viewTxtSection .txt figcaption{ width: 100% !important; text-align: left;}


/* introduceNew(aboutCFO개편) */

.introduceNew{margin-top: 50px;}

.cfoNewsImg{display: flex;
	flex-direction: column;
    margin-bottom: 50px;    
    box-shadow: 0px 10px 14px #ddd;
    margin: 10px 10px 50px 10px;
    border-radius: 10px;
			height: 360px;
			}

.cfoNewsImg img{width: 100%;height: 180px;border-radius: 10px;object-fit: cover;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.cfoNewsImgText{font-size: 1.6rem;line-height: 1.6;}

.cfoNewsText{margin-top: 30px; padding-bottom: 30px;border-bottom: 1px solid #ebebeb;}

.cfoNewsText .tit{font-size: 2rem;font-weight: bold;margin-bottom: 7px;}

.cfoNewsText .txt{font-size: 1.5rem;margin-bottom: 7px;}

.cfoNewsText .date {
    color: #afb7c2;
    font-size: 1.2rem;
    line-height: 15px;
}

.introduceNew .cfosListSection{margin-top: 50px;padding: 0;}
.prismNew {
    margin: 50px 0;
}

.prismNew > ul {
    display: grid;
    grid-template-columns: 47% 47%;
    grid-gap: 0 40px;
				padding: 0 20px;

}
.introduceNew .cfosListSection ul{gap:30px 0;justify-content: center;}
.footerBox .footerMenu ul{flex-wrap: wrap;}




/*20240104 더보기수정 추가스타일*/
.rightBox_bt{	
    width: 100%; 
    cursor: pointer;
}

.rightBox_bt p{background: url(/images/front/icoDU.png) 0 bottom no-repeat;
    width: 22px;
    height: 12px;
	position: relative;    
    left: 50%;
    transform: translate(50%,50%);	
}

.rightBox_bt a{	
   color: #fff;  
	display: block;
	text-indent: -9999px;
}
.cfosListSection ul{gap:0;justify-content: center;}



.newspg_ad_banner{display: none;}
.newsmain_ad_banner{display: none;}










}