﻿


.no-scroll {
  -ms-overflow-style: none; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
}
.no-scroll::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.mainTop section > ul li:first-of-type p, .colorMi{color:#0056aa;}
.mainTop section > ul li:nth-of-type(2) p, .colorCh{color:#078C8C;}
.mainTop section > ul li:nth-of-type(3) p, .colorCk{color:#699B1C;}
.mainTop section > ul li:nth-of-type(4) p, .colorYj{color:#177495;}
.mainTop section > ul li:nth-of-type(5) p, .colorMj{color:#471293;}
.mainTop section > ul li:nth-of-type(6) p, .colorSd{color:#D53209;}
.mainTop section > ul li:nth-of-type(7) p{color:#804106;}




/*1007 배너추가*/

.bannerBox {max-width: 1280px; width: 100%; overflow: hidden; margin: 32px auto 24px;}

.bannerArea {position: relative; width: calc(100% - 40px); margin: 0 auto;}

.bannerAreaIn {width: 85%; overflow: hidden;}
.bxsliderBN {display: flex; width: max-content; transition: transform 1s ease;}
.bxsliderBN li {margin-right: 18px;}
.bxsliderBN li a {border: 1px solid #ccc; width: 195px; height: 64px; text-align: center;}
.bxsliderBN li a img {height: 100%;}
.bannerControl {position: absolute; top: 0; right: 0; display: flex; justify-content: space-between; border: 1px solid #ccc; height: 64px; background:#fafafa; align-items: center; z-index: 0;}
.bannerControl button {position:relative; background:#fafafa; color: white; border: none; padding: 10px; cursor: pointer; overflow: hidden; z-index: 10;}






@media all and (max-width:860px) {   
     
    .mainTop{padding:70px 0;}
    .mainTop section h3{color:#0074e5; font-size:18px; line-height:120%; margin-bottom:30px; text-align:center;}
    .mainTop section h3 span{font-size:38px; line-height:140%;  font-weight:bold; display:block; margin-top:12px;} 

    .mainSearchBar > div{width:100%; border:1px solid #0074e5; border-radius:10px; padding:62px 7px 7px 7px; box-sizing:border-box; height:118px; position:relative; margin-bottom:12px;}
    .mainSearchBar > div > span{width:calc(100% - 14px); background:#ebf5ff; border-radius:8px; box-sizing:border-box; height:48px; position:absolute; left:7px; top:7px; padding:14px 0 14px 0px; text-align:center;}
    .mainSearchBar > div > span input{margin:0 6px 2px 0; height:20px;}
    .mainSearchBar > div > span label:first-of-type{margin-right:40px;}
    .mainSearchBar > div > input{width:100%; border:none; vertical-align:middle; box-sizing:border-box; height:48px; line-height:48px;}
    .mainSearchBar > button{width:100%; background:#0074e5; color:#fff; border-radius:10px; font-size:17px; text-align:center; line-height:50px; margin-bottom:24px;}
    
    .popular {position:relative; padding-top:48px;}
    .popular dt{font-size:17px;  padding:12px 0px; width:115px; position:absolute; top:0px; left:10px;}
    .popular dd{float:left; font-size:17px; margin:4px 12px 4px 0; padding:12px 20px; border-radius:50px; background:#F8F8F8;}
    .popular dd a:before{content:'#';}

    .mainTop section > ul{margin-top:40px;}
    .mainTop section > ul li{float:left; width:50%; text-align:center; margin-top:24px;}
    .mainTop section > ul li p{font-size:17px; line-height:150%; font-weight:bold; margin-top:8px;}
    .mainTop section > ul li p span{font-weight:normal; display:block; }
    /*상단*/

    .mainMid{background:#F8F8F8;}
    .mainMid > section, .mainBot > section{padding:70px 0;}
    .mainMid > section > h3, .mainBot > section > h3{font-weight:bold; font-size:21px; margin-bottom:32px;}
    .no-scroll{width:100%; overflow-x:scroll; margin-bottom:24px;}

    .main_tab_B{background:#fff; height:68px; border-radius:10px; padding:10px 16px; box-sizing:border-box; min-width:1280px;}
    .main_tab_B > li{float:left; }
    .main_tab_B > li > a{font-size:18px; padding:0 24px; border-radius:8px; line-height:48px;}
    .main_tab_B > li.active > a{background:#0074e5; color:#fff; font-weight:bold;}
    .notiConBox > div > ul > li a{background:#fff; border-radius:10px; box-sizing:border-box; padding:24px;}
    .notiConBox > div > ul > li.listN{background:#fff; border-radius:10px; box-sizing:border-box; text-align:center;}
    .notiConBox > div > a{margin-top:40px; font-weight:bold; display:inline-block;}    
    .mainListB > li{margin-bottom:24px;}
    .mainListB > li a span:first-of-type{font-weight:bold; margin-bottom:20px; display:block;}
    .mainListB > li a h4{font-weight:bold; font-size:19px; line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 56px; margin-bottom:32px;}
    .mainListB > li a span:last-of-type{font-size:14px;}
    .mainListB> li.listN{background:#fff; border-radius:10px; box-sizing:border-box; text-align:center; height:230px; padding:100px 24px;}
    /*공지*/

    .calendarArea > div:first-of-type{text-align:center; margin-bottom:40px;}
    .calendarBox{background:#fff; border-radius:10px; box-sizing:border-box; text-align:center; padding:46px 0 0px 0; margin-bottom:20px; height:402px; box-shadow:rgba(0, 0, 0, 0.1) 2px 2px 8px;}
    .monthM > *{display:inline-block;}
    .monthM > b{font-size:24px; padding:0 36px;}
    .monthD{ width:94%; margin: 32px auto 0 auto;}
    .monthD table tr > *:first-of-type{color:#CD0404;}
    .monthD table tr > *:last-of-type{color:#0056aa;}
    .monthD table tr a{line-height:36px; display:inline-block; box-sizing:border-box; margin:2px 0; width:36px; text-align:center; vertical-align:middle;}
    .monthD table th{line-height:46px;}
    .activeWeek{background:#EBF5FF; border-radius:10px; overflow:hidden;}
    .monthD td:first-of-type{border-radius:10px 0 0 10px; overflow:hidden;}
    .monthD td:last-of-type{border-radius:0 10px 10px 0; overflow:hidden;}
    .mainMToday{border:1px solid #00407F; color:#00407F; border-radius:10px; overflow:hidden;}
    .mainMToday.mainMactive{ background:#00407F; color:#fff; font-weight:bold; border-radius:10px; overflow:hidden;  box-shadow:rgba(13, 27, 132, 0.1) 2px 2px 4px;}
    .mainMactive{ background:#00407F; color:#fff; font-weight:bold; border-radius:10px; overflow:hidden;  box-shadow:rgba(13, 27, 132, 0.1) 2px 2px 4px;}

    .calendarText > div{box-sizing:border-box; padding:16px;}
    .calendarText > div:first-of-type h4{font-size:30px; font-weight:bold; line-height:150%; margin-bottom:10px;}
    .calendarText > div:first-of-type span{font-size:21px; line-height:150%; display:inline-block; margin:0 32px 4px 0;}
    .calendarText > div:last-of-type {border-top:1px solid #ddd; padding-top:20px; }
    .calendarText > div:last-of-type h4{font-size:19px; font-weight:bold; line-height:150%; margin-bottom:10px;}
    .calendarText > div:last-of-type ul li{position:relative; padding-left:140px; color:#555;}
    .calendarText > div:last-of-type ul li b{line-height:40px; display:inline-block; font-weight:bold; position:absolute; top:0; left:0; width:140px;}
    .calendarText > div:last-of-type ul li span{line-height:40px; display:inline-block; display:inline-block; margin:0 10px}
    .calendarText > p{line-height:24px; border-radius:4px; padding:8px 18px; background:#f0f0f0; box-sizing:border-box; margin-top:8px;}
    /*휴관일*/

    .mainBot{background:#ebf5ff;} 
    .main_etab_nav{margin-bottom:24px;}
    .mainListP > li{margin-bottom:24px;}
    .mainListP > li a span:first-child{border-radius:4px; padding:8px 12px; font-weight:bold; font-size:14px; display:inline-block; margin-bottom:12px;} 
    .mainListP > li.mainPon a span:first-child{background:#FFF0F8; color:#CC1076;}
    .mainListP > li.mainPoff a span:first-child{background:#E4E4E4; color:#2D2D2D;}
    .mainListP > li a h4{font-weight:bold; font-size:19px; line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 56px; margin-bottom:24px;}
    .mainListP > li a > ul li{margin-top:12px; }
    .mainListP > li a > ul li b{font-weight:bold; line-height:150%;}
    .mainListP > li a > ul li p{line-height:150%;}
    .mainListP > li.mainPoff a > ul li{color:#717171;}
    .mainListP > li.listN{height:310px; line-height: 310px;}/*1017수정*/
    /*프로그램*/


    
  /* 0909 인기검색어 변경 */
  .popular_wrap {display: block; vertical-align: middle;}
  .popular_wrap>p {font-weight: bold; text-align: center; background: #f8f8f8; padding: 12px 0; border-radius: 8px;grid-column: 1 / span 2;}
  .popular_wrap .navi{text-align: center; line-height: 44px;}
  .popular .none{display:none}
  .popular {width: 100%;}
  .popular { padding:0; height:40px; overflow:hidden; background:#fff;  float:left;}
  .popular {margin: 10px 12px;}
  .popular ul, .popular li {margin:0; padding:0; list-style:none;}
  .popular li a {display:block; height:40px; line-height:40px; color:#555; text-decoration:none; font-size: 17px;   overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all; }
  .popular li span::after {content: '위 -';}

  .navi img {width: 40px;}
  .popular_wrap .pause {margin: 0 6px;}
  
  /* 0909 메인 탭 화살표 수정 */
  .maxBox {position: relative;}
  button.scroll-btn {position: absolute; top:134px;border: 1px solid #333;
    border-radius: 6px;
    padding: 11px 5px 13px 5px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px; background: #fff;
}
  .maxBox button.left {left: 0;}
  .maxBox button.right {right: 0;}




         
}
/*mobile*/
@media all and (min-width:861px) and (max-width:1299px) { 
    
    .mainTop{padding:70px 0;}
    .mainTop section{max-width:930px; margin: auto;}
    .mainTop section h3{color:#0074e5; font-size:24px; line-height:150%; margin-bottom:30px;}
    .mainTop section h3 span{font-size:50px; font-weight:bold; display:block; margin-top:12px;} 

    .mainSearchBar > div{float:left; width:calc(100% - 110px); border:1px solid #0074e5; border-radius:10px; padding:7px 7px 7px 272px; box-sizing:border-box; height:64px; position:relative; margin-bottom:24px;}
    .mainSearchBar > div > span{width:260px; background:#ebf5ff; border-radius:8px; box-sizing:border-box; height:48px; position:absolute; left:7px; top:7px; padding:14px 0 14px 30px; }
    .mainSearchBar > div > span input{margin:0 6px 2px 0; height:20px;}
    .mainSearchBar > div > span label:first-of-type{margin-right:40px;}
    .mainSearchBar > div > input{width:100%; border:none; vertical-align:middle; box-sizing:border-box; height:48px; line-height:48px;}

    .mainSearchBar > button{float:left; width:100px; margin-left:10px; background:#0074e5; color:#fff; border-radius:10px; font-size:17px; text-align:center; line-height:64px;}
    
    .popular {position:relative; padding-left:115px;}
    .popular dt{font-size:17px;  padding:12px 0px; width:115px; position:absolute; top:2px; left:0;}
    .popular dd{float:left; font-size:17px; margin:2px 0 2px 12px; padding:12px 20px; border-radius:50px; background:#F8F8F8;}
    .popular dd a:before{content:'#';}

    .mainTop section > ul{margin:70px 0;}
    .mainTop section > ul li{float:left; width:14.28%; text-align:center;}
    .mainTop section > ul li p{font-size:17px; line-height:150%; font-weight:bold; margin-top:8px;}
    .mainTop section > ul li p span{font-weight:normal; display:block; }
    /*상단*/
    .no-scroll{width:100%; overflow-x:scroll; position: relative; margin-bottom:24px;}
      /* 0909 메인 탭 화살표 수정 */
  .maxBox {position: relative;}
  button.scroll-btn {position: absolute; top:134px;border: 1px solid #333;
    border-radius: 6px;
    padding: 11px 5px 13px 5px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px; background: #fff;
}
  .maxBox button.left {left: 0; z-index: 99;}
  .maxBox button.right {right: 0;}
    .mainMid{background:#F8F8F8;}
    .mainMid > section, .mainBot > section{padding:70px 0;}
    .mainMid > section > h3, .mainBot > section > h3{font-weight:bold; font-size:21px; margin-bottom:32px;}
    .main_tab_B{background:#fff; height:68px; border-radius:10px; padding:10px 16px; box-sizing:border-box; min-width: 1280px;}
    .main_tab_B > li{float:left;}
    .main_tab_B > li > a{font-size:18px; padding:0 24px; border-radius:8px; line-height:48px;}
    .main_tab_B > li.active > a{background:#0074e5; color:#fff; font-weight:bold;}
    .notiConBox > div > ul > li{float:left;}
    .notiConBox > div > ul > li:first-of-type{margin-left:0;}
    .notiConBox > div > ul > li a{background:#fff; border-radius:10px; box-sizing:border-box; padding:24px;}
    .notiConBox > div > ul > li.listN{background:#fff; border-radius:10px; box-sizing:border-box; text-align:center;}
    .notiConBox > div > a{margin-top:20px; font-weight:bold; display:inline-block;}
    
    .main_tab_nav{margin-bottom:24px;}
    .mainListB > li{width:31%; margin-left:3.5%; margin-bottom:24px;}
    .mainListB > li:nth-of-type(4){ margin-left:0%;}
    .mainListB > li a span:first-of-type{font-weight:bold; margin-bottom:20px; display:block;}
    .mainListB > li a h4{font-weight:bold; font-size:19px; line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; height: 84px; margin-bottom:46px;}
    .mainListB > li a span:last-of-type{font-size:14px;}
    .mainListB> li.listN{background:#fff; border-radius:10px; box-sizing:border-box; text-align:center; height:230px; padding:100px 24px;}
    /*공지*/

    .calendarArea > div:first-of-type{text-align:center; margin-bottom:40px;}

    .calendarBox{background:#fff; border-radius:10px; box-sizing:border-box; text-align:center; padding:46px 0 0px 0; margin-bottom:20px; height:402px; box-shadow:rgba(0, 0, 0, 0.1) 2px 2px 8px;}
    .monthM > *{display:inline-block;}
    .monthM > b{font-size:24px; padding:0 36px;}
    .monthD{ width:460px; margin: 32px auto 0 auto;}
    .monthD table tr > *:first-of-type{color:#CD0404;}
    .monthD table tr > *:last-of-type{color:#0056aa;}
    .monthD table tr a{line-height:36px; display:inline-block; box-sizing:border-box; margin:2px 0; width:36px; text-align:center; vertical-align:middle;}
    .monthD table th{line-height:46px;}
    .activeWeek{background:#EBF5FF; border-radius:10px; overflow:hidden;}
    .monthD td:first-of-type{border-radius:10px 0 0 10px; overflow:hidden;}
    .monthD td:last-of-type{border-radius:0 10px 10px 0; overflow:hidden;}
    .mainMToday{border:1px solid #00407F; color:#00407F; border-radius:10px; overflow:hidden;}
    .mainMToday.mainMactive{ background:#00407F; color:#fff; font-weight:bold; border-radius:10px; overflow:hidden;  box-shadow:rgba(13, 27, 132, 0.1) 2px 2px 4px;}
    .mainMactive{ background:#00407F; color:#fff; font-weight:bold; border-radius:10px; overflow:hidden;  box-shadow:rgba(13, 27, 132, 0.1) 2px 2px 4px;}

    .calendarText > div{box-sizing:border-box; padding:16px;}
    .calendarText > div:first-of-type h4{font-size:30px; font-weight:bold; line-height:150%; margin-bottom:10px;}
    .calendarText > div:first-of-type span{font-size:21px; line-height:150%; display:inline-block; margin:0 32px 4px 0;}
    .calendarText > div:last-of-type {border-top:1px solid #ddd; padding-top:20px; }
    .calendarText > div:last-of-type h4{font-size:19px; font-weight:bold; line-height:150%; margin-bottom:10px;}
    .calendarText > div:last-of-type ul li{position:relative; padding-left:150px; color:#555;}
    .calendarText > div:last-of-type ul li b{line-height:40px; display:inline-block; font-weight:bold; position:absolute; top:0; left:0; width:150px;}
    .calendarText > div:last-of-type ul li span{line-height:40px; display:inline-block; display:inline-block; margin:0 10px}
    .calendarText > p{line-height:40px; border-radius:4px; padding:0 24px; background:#f0f0f0; box-sizing:border-box; margin-top:8px;}
    /*휴관일*/

    .mainBot{background:#ebf5ff;} 
    .main_etab_nav{margin-bottom:24px;}
    .mainListP > li{width:48%; margin-left:4%; margin-bottom:24px;}
    .mainListP > li:nth-of-type(3){margin-left:0%; }
    .mainListP > li a span:first-child{border-radius:4px; padding:8px 12px; font-weight:bold; font-size:14px; display:inline-block; margin-bottom:12px;} 
    .mainListP > li.mainPon a span:first-child{background:#FFF0F8; color:#CC1076;}
    .mainListP > li.mainPoff a span:first-child{background:#E4E4E4; color:#2D2D2D;}
    .mainListP > li a h4{font-weight:bold; font-size:19px; line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 56px; margin-bottom:24px;}
    .mainListP > li a > ul li{margin-top:12px; }
    .mainListP > li a > ul li b{font-weight:bold; line-height:150%;}
    .mainListP > li a > ul li p{line-height:150%;}
    .mainListP > li.mainPoff a > ul li{color:#717171;}
    .mainListP > li.listN{height:284px; line-height: 284px;}/*1017수정*/
    /*프로그램*/



    

  /* 0909 인기검색어 변경 */
  .popular_wrap {display: grid; grid-template-columns: 4fr 1.5fr; grid-template-rows: 1fr 1fr; gap: 10px; vertical-align: middle;}
  .popular_wrap>p {font-weight: bold; text-align: center; background: #f8f8f8; padding: 12px 0; border-radius: 8px;grid-column: 1 / span 2;}
  .popular_wrap .navi{text-align: right; line-height: 44px;}
  .popular .none{display:none}
  #ticker{float:left;}
  .popular { padding:0; height:24px; overflow:hidden; background:#fff;  float:left;}
  .popular {margin: 10px 12px;}
  .popular ul, .popular li {margin:0; padding:0; list-style:none;}
  .popular li a {display:block; height:24px; line-height:20px; color:#555; text-decoration:none;}
  .popular li span::after {content: '위 -';}

  .navi img {width: 24px;}
  .popular_wrap  .pause {margin: 0 12px;}



 


  /*1007 배너추가*/
  .bannerAreaIn {width: 82%;}
  



}
/*tablet*/
@media all and (min-width:1300px) {  
    .mainTop{padding:70px 0;}
    .mainTop section{width:930px; margin: auto;}
    .mainTop section h3{color:#0074e5; font-size:24px; line-height:150%; margin-bottom:30px;}
    .mainTop section h3 span{font-size:50px; font-weight:bold; display:block; margin-top:12px;} 

    .mainSearchBar > div{float:left; width:820px; border:1px solid #0074e5; border-radius:10px; padding:7px 7px 7px 272px; box-sizing:border-box; height:64px; position:relative; margin-bottom:24px;}
    .mainSearchBar > div > span{width:260px; background:#ebf5ff; border-radius:8px; box-sizing:border-box; height:48px; position:absolute; left:7px; top:7px; padding:14px 0 14px 30px; }
    .mainSearchBar > div > span input{margin:0 6px 2px 0; height:20px;}
    .mainSearchBar > div > span label:first-of-type{margin-right:40px;}
    .mainSearchBar > div > input{width:100%; border:none; vertical-align:middle; box-sizing:border-box; height:48px; line-height:48px;}

    .mainSearchBar > button{float:left; width:100px; margin-left:10px; background:#0074e5; color:#fff; border-radius:10px; font-size:17px; text-align:center; line-height:64px;}

    .popular {position:relative; padding-left:115px;}
    .popular dt{font-size:17px;  padding:12px 0px; width:115px; position:absolute; top:2px; left:0;}
    .popular dd{float:left; font-size:17px; margin:2px 0 2px 12px; padding:12px 20px; border-radius:50px; background:#F8F8F8;}
    .popular dd a:before{content:'#';}

    .mainTop section > ul{margin:70px 0;}
    .mainTop section > ul li{float:left; width:14.28%; text-align:center;}
    .mainTop section > ul li p{font-size:17px; line-height:150%; font-weight:bold; margin-top:8px;}
    .mainTop section > ul li p span{font-weight:normal; display:block; }
    /*상단*/

    .mainMid{background:#F8F8F8;}
    .mainMid > section, .mainBot > section{padding:70px 0;}
    .mainMid > section > h3, .mainBot > section > h3{font-weight:bold; font-size:21px; margin-bottom:32px;}
    .main_tab_B{background:#fff; height:68px; border-radius:10px; padding:10px 16px; box-sizing:border-box;}
    .main_tab_B > li{float:left;}
    .main_tab_B > li > a{font-size:18px; padding:0 24px; border-radius:8px; line-height:48px;}
    .main_tab_B > li.active > a{background:#0074e5; color:#fff; font-weight:bold;}
    .notiConBox > div{width:100%;}
    .notiConBox > div > ul > li{float:left;}
    .notiConBox > div > ul > li:first-of-type{margin-left:0;}
    .notiConBox > div > ul > li a{background:#fff; border-radius:10px; box-sizing:border-box; padding:24px;}
    .notiConBox > div > ul > li.listN{background:#fff; border-radius:10px; box-sizing:border-box; text-align:center;}
    .notiConBox > div > a{margin-top:40px; font-weight:bold; display:inline-block;}
    
    .main_tab_nav{margin-bottom:24px;}
    .mainListB > li{width:15%; margin-left:2%;}
    .mainListB > li a span:first-of-type{font-weight:bold; margin-bottom:20px; display:block;}
    .mainListB > li a h4{font-weight:bold; font-size:19px; line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; height: 84px; margin-bottom:46px;}
    .mainListB > li a span:last-of-type{font-size:14px;}
    .mainListB> li.listN{background:#fff; border-radius:10px; box-sizing:border-box; text-align:center; height:230px; padding:100px 24px;}
    /*공지*/

    .calendarArea > div{float:left;}
    .calendarArea > div:first-of-type{width:530px; text-align:center;}
    .calendarArea > div:last-of-type{margin-left:90px; width:calc(100% - 620px); }

    .calendarBox{background:#fff; border-radius:10px; box-sizing:border-box; text-align:center; padding:46px 0 0px 0; margin-bottom:20px; height:402px; box-shadow:rgba(0, 0, 0, 0.1) 2px 2px 8px;}
    .monthM > *{display:inline-block;}
    .monthM > b{font-size:24px; padding:0 36px;}
    .monthD{ width:460px; margin: 32px auto 0 auto;}
    .monthD table tr > *:first-of-type{color:#CD0404;}
    .monthD table tr > *:last-of-type{color:#0056aa;}
    .monthD table tr a{line-height:36px; display:inline-block; box-sizing:border-box; margin:2px 0; width:36px; text-align:center; vertical-align:middle;}
    .monthD table th{line-height:46px;}
    .activeWeek{background:#EBF5FF; border-radius:10px; overflow:hidden;}
    .monthD td:first-of-type{border-radius:10px 0 0 10px; overflow:hidden;}
    .monthD td:last-of-type{border-radius:0 10px 10px 0; overflow:hidden;}
    .mainMToday{border:1px solid #00407F; color:#00407F; border-radius:10px; overflow:hidden;}
    .mainMToday.mainMactive{ background:#00407F; color:#fff; font-weight:bold; border-radius:10px; overflow:hidden;  box-shadow:rgba(13, 27, 132, 0.1) 2px 2px 4px;}
    .mainMactive{ background:#00407F; color:#fff; font-weight:bold; border-radius:10px; overflow:hidden;  box-shadow:rgba(13, 27, 132, 0.1) 2px 2px 4px;}

    .calendarText > div{box-sizing:border-box; padding:16px;}
    .calendarText > div:first-of-type h4{font-size:30px; font-weight:bold; line-height:150%; margin-bottom:10px;}
    .calendarText > div:first-of-type span{font-size:21px; line-height:150%; display:inline-block; margin:0 32px 4px 0;}
    .calendarText > div:last-of-type {border-top:1px solid #ddd; padding-top:20px; }
    .calendarText > div:last-of-type h4{font-size:19px; font-weight:bold; line-height:150%; margin-bottom:10px;}
    .calendarText > div:last-of-type ul li{position:relative; padding-left:150px; color:#555;}
    .calendarText > div:last-of-type ul li b{line-height:40px; display:inline-block; font-weight:bold; position:absolute; top:0; left:0; width:150px;}
    .calendarText > div:last-of-type ul li span{line-height:40px; display:inline-block; display:inline-block; margin:0 10px}
    .calendarText > p{line-height:40px; border-radius:4px; padding:0 24px; background:#f0f0f0; box-sizing:border-box; margin-top:8px;}

    /*1008 휴일경우 추가*/
    .holiday {color: #CD0404; border: 1px solid #CD0404;}
    /*휴관일*/

    .mainBot{background:#ebf5ff;} 
    .main_etab_nav{margin-bottom:24px;}
    .mainListP > li{width:23%; margin-left:2.66%; }
    .mainListP > li a span:first-child{border-radius:4px; padding:8px 12px; font-weight:bold; font-size:14px; display:inline-block; margin-bottom:12px;} 
    .mainListP > li.mainPon a span:first-child{background:#FFF0F8; color:#CC1076;}
    .mainListP > li.mainPoff a span:first-child{background:#E4E4E4; color:#2D2D2D;}
    .mainListP > li a h4{font-weight:bold; font-size:19px; line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 56px; margin-bottom:24px;}
    .mainListP > li a > ul li{margin-top:12px; }
    .mainListP > li a > ul li b{font-weight:bold; line-height:150%;}
    .mainListP > li a > ul li p{line-height:150%;}
    .mainListP > li.mainPoff a > ul li{color:#717171;}
    .mainListP > li.listN{height:310px; line-height: 310px;}/*1017수정*/
    /*프로그램*/


    

  /* 0909 인기검색어 변경 */
  .popular_wrap {display: grid; grid-template-columns: 1.6fr 3fr 1fr; vertical-align: middle;}
  .popular_wrap>p {font-weight: bold; text-align: center; background: #f8f8f8; padding: 12px 0; border-radius: 8px;}
  .popular_wrap .navi{text-align: right; line-height: 44px;}
  .popular .none{display:none}
  #ticker{float:left;}
  .popular { padding:0; height:24px; overflow:hidden; background:#fff;  float:left;}
  .popular {margin: 10px 12px;}
  .popular ul, .popular li {margin:0; padding:0; list-style:none;}
  .popular li a {display:block; height:24px; line-height:20px; color:#555; text-decoration:none;}
  .popular li span::after {content: '위 -';}

  .navi img {width: 24px;}
  .popular_wrap .pause {margin: 0 6px;}



    /* 0909 메인 탭 화살표 수정 */
    button.scroll-btn {display: none;}





}
/*pc*/


