@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500&display=swap');
body, ul, li, p, a, div {list-style-type: none;padding:0px;margin:0px;font-family: 'Noto Sans KR';}
a {text-decoration: none;}
a :hover{text-decoration: none;}
a :visited{text-decoration: none;}
#wrap {position: relative;width: 100%;}
body{background-color: #f2f2f2;}
.newsUL {display:flex;justify-content:space-between;padding:0px;height:100%}

#leftSide{width: 400px;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);background-color: #ffffff;position: fixed;padding-bottom: 300px;height:100%}
#mleftSide{display: none;}

.bgleftSide{flex-basis: 400px;}
.ContentsCenter{display: flex;padding: 0px;margin: 0px;flex-basis: 860px;flex-direction: column;}
#contentsImg{max-width:100%;}

.leftLogo{display: flex;justify-content: center;align-items: center;height: 200px;}
.leftLogo img{height: 200px;}

.m_nav{display: none;}
.m_bottom{display: none;}
#newsIndex {max-height: 500px;overflow-y: auto;}
#newsIndex {font-size: 1em;padding: 0px;margin: 0px;}
#newsIndex .pageLists {display:flex;flex-basis: 400px;flex-direction: column;}
#newsIndex .pageItem {height:46px;margin: 0px;padding:0px 50px;color: #333333;display: flex;justify-content: space-between;align-items: center;}
#newsIndex .pageItem:hover{background-color: #F26020;color: white;}
#newsIndex .pageText {font-size: 16px;}
#newsIndex .pageArrow {display: block;height:13px}


.centerUL{display:flex;justify-content:center;align-items: flex-start;}

#p_page{width:48px;height:48px;}
#n_page{width:48px;height:48px;}
#newsContents {flex-basis:720px;padding: 0px 20px;display: flex;}
#newsContents .titleList {display: flex;flex-wrap: wrap;flex-basis:100%;justify-content: center;padding: 0px 2px;align-items: center;background-color: white;}
#newsContents .titleImg {padding:0px;flex-basis: 100%;display: flex;justify-content: center;align-items: center;}
#newsContents .titleImg img {display: block;}
#newsContents .titleImg hr {flex-basis: 100%;height:2px;background-color: #0d2e8a;margin:20px;margin-bottom: 100px;}


#newsContents .titleItem {padding:10px 0px;flex-basis: 48%;display: flex;align-items: center;flex-direction: column;}
#newsContents .titleItem img {display: block;}




.rightUL{display: flex;flex-direction: column;margin-top: 40px;margin-right: 60px;position: relative;}
.subBtn{height: 60px;width:280px;background-color: white;border: 1px solid;border-color:#333333;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.subBtn img{padding-right: 10px;display: block;}
.subBtn p{color:#333333;font-size:18px}
.snsBtn{height: 73px;width:250px;display: flex;flex-direction: row;justify-content: space-between;padding:15px}
.snsBtn img{height:48px;width:48px;display: block;}
.prevBtn{height: 60px;width:280px;background-color: white;border: 1px solid;border-color:#333333;display: flex;justify-content: center;align-items: center;}
.prevBtn img{padding-left: 10px;display: block;}
.prevBtn p{color:#333333;font-size:18px}

.pbtn{position: absolute;top:400px;}
.nbtn{position: absolute;top:400px;}


.newsULM {display:none;}
.sns_bottom {display:none;}
.topNav {display: none;}


#newsContents #snsboard2 {display:flex;flex-basis: 100%;justify-content: flex-start;flex-direction: column;}
#newsContents #snsboard2 .bgimg{padding: 0px;margin: 0px;display: block;object-fit: cover;}
#newsContents #snsboard2 .t_sns{flex: 0 1 0;padding: 0px;margin: 0px;max-height:264px;}
#newsContents #snsboard2 #c_sns{flex: 0 1 auto; display:flex;flex-wrap: wrap;flex-direction: row;justify-content:center;min-height: 10px;max-height:416px;align-content: flex-start;}
#newsContents #snsboard2 #c_sns ul{display: flex;flex-basis: 100%;}
#newsContents #snsboard2 #c_sns div{flex-basis: auto;display:flex; padding: 0px;margin: 0px;justify-content: space-between;}
#newsContents #snsboard2 #c_sns div div{padding: 0px;margin: 0px;display: block;}
#newsContents #snsboard2 .b_sns{flex: 1 1 auto;padding: 0px;margin: 0px;}


@media all and (max-width: 1450px) {
    .rightSide{display: none;}
}

/********************* Mobile *********************/
@media all and (max-width: 1023px) {

  .newsUL {margin-bottom: 50px;margin-top: 50px;justify-content: center;background-color:#ffffff;position: fixed;}
  #leftSide{display: none;}
  .bgleftSide{display: none;}

  #newsContents {padding: 0px;}
  #contentsImg{max-width:100%;}
  #newsContents .titleImg img {max-width:100%;}
  #newsContents .titleItem img {max-width:100%;}


  .topNav {width:100%;display:flex;justify-content: space-between;background-color: #ffffff;height:50px;position: fixed;}
  .topNav .topleft{display: flex;justify-content: center; align-items: center;width: 30px;}
  .topNav .toplogo{display: flex;justify-content: center; align-items: center;}
  .topNav .toplogo img{display: block;max-height:50px;}
  .topNav .topright{display: flex;justify-content: center; align-items: center;width: 30px;}
  .topNav .topright img{display: block;max-height:18px;}


  #mleftSide{width:75%; top:0px;right:0px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);background-color: #ffffff;position: fixed;padding-bottom: 300px;z-index:999;}

  #mleftSide .leftUL{width:100%}
  #mleftSide .leftLogo {display: none;}
  #mleftSide .m_nav {display: flex;justify-content: space-between;padding:5px;align-items: center;}
  #mleftSide .m_nav p{padding-left: 20px;display: flex;align-items: center;}
  #mleftSide .m_nav p img{max-width:20px;padding:4px 5px;display: block;}
  #mleftSide .m_bottom{display: flex;flex-direction: column;align-items: center;padding: 36px 0px;}
  #mleftSide .m_bottom p{padding:7px; width:208px;height:22px;border:1px solid; border-color: #333333;margin: 2px 0px;text-align: center;font-size:0.8em;color:#333333;}
  #mleftSide .m_bottom p img{max-width: 12px;}

  #mnewsIndex {max-height: 350px;overflow-y: auto;}
  #mnewsIndex .pageLists {display:flex;flex-direction: column;padding: 10px 0px;}
  #mnewsIndex .pageItem {height:30px;margin: 0px;padding:0px 30px;color: #333333;display: flex;justify-content: space-between;align-items: center;}
  #mnewsIndex .pageItem:hover{background-color: #ffffff;color: #333333;font-weight: bold;}
  #mnewsIndex .pageText {font-size: 1.1em;}
  #mnewsIndex .pageArrow {display: block;height:13px}


  #newsContents #snsboard2 .bgimg{max-width:100%;object-fit: cover;}
  #newsContents #snsboard2 #c_sns img{max-width: 100%;object-fit: cover;}

  #p_pageM{flex-basis:50%;display: flex;justify-content: flex-start;align-items: center;}
  #n_pageM{flex-basis:50%;display: flex;justify-content: flex-end;align-items: center;}

  .newsULM {display:flex;justify-content:space-between;padding:0px;text-align: center;position: fixed;top:50%;height:50px;width:100%}
  .newsULM img{max-width: 80px;display: block;  opacity:0.5;}
  #p_page{display: none;}
  #n_page{display: none;}

  .sns_bottom {display:flex;justify-content:space-between;background-color:#ffffff; padding:0px;text-align: center;position: fixed;bottom:0px;height:85px;width:100%;}
  .sns_bottom li{display: flex;align-items: center; height:100%;margin: 5px;align-items: center;}
  .sns_bottom img{max-width: 100%;display: block;}

}
/********************* Mobile *********************/