@charset "UTF-8";
/* Layout */
@import url('../com/common.css');
@import url('../com/slick.min.css');
@import url('../com/slick-theme.css');
@import url('../com/jquery.mCustomScrollbar.min.css');


#container{width:100%;background-color:#eff3f6;padding:20px 0 50px;position:relative;z-index:0;}
#container::before{content:'';width:100%;height:390px;position:absolute;left:0;bottom:0;z-index:-1;
background:#138ec7;
background-image:linear-gradient(to right, #0aa68d, #5c6dc5);
background-image:-webkit-linear-gradient(to right, #0aa68d, #5c6dc5);
background-image:-moz-linear-gradient(to right, #0aa68d, #5c6dc5);
background-image:-o-linear-gradient(to right, #0aa68d, #5c6dc5);
}
#container::after{content:'';;width:100%;height:580px;position:absolute;left:0;bottom:0;z-index:-1;background:url('../../../../images/egovframework/rte/com/pattern-main.png');}
.wrap-container{max-width:1250px;margin:0 auto;}

/* 알려드립니다 */
.main-spot{height:35px;border-radius:5px;border:1px solid #c1c3cb;overflow:hidden;}
.main-spot dt{float:left;width:120px;height:33px;border-right:1px solid #c1c3cb;box-sizing:border-box;background-color:#fff;padding-left:20px;font-size:15px;line-height:33px;font-weight:500; color:#0b79a9; /*#0c8ac5;*/ letter-spacing:-0.075em;}
.main-spot dd{float:left;width:calc(100% - 120px);padding:0 20px;background-color:#f0f7ff;}
.main-spot dd span{display:inline-block;vertical-align:top;font-family:'Atomy', sans-serif;font-size:15px;line-height:33px;font-weight:400;color:#555;letter-spacing:0;padding-left:15px;position:relative;max-width:calc(100% - 83px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-spot dd span::before{content:'';width:4px;height:4px;background-color:#0c8ac5;position:absolute;left:0;top:15px;}
.main-spot dd a.view-spot{display:inline-block;vertical-align:top;font-family:'Atomy', sans-serif;font-size:15px;line-height:33px;font-weight:400;color:#0068b7;letter-spacing:0;text-decoration:underline;margin-left:15px;}
/* 회의일정 */
.main-meeting{height:40px;border-radius:5px;overflow:hidden;}
.main-meeting dt{float:left;width:220px;height:40px;box-sizing:border-box;background-color:#fff;padding-left:20px;font-size:15px;line-height:40px;font-weight:500; color:#2F7DA0; /*#0c8ac5;*/ letter-spacing:-0.075em;}
.main-meeting dd{float:left;width:calc(100% - 220px);padding:0 20px;background-color:#f0f7ff;position:relative;}
.main-meeting dd > .view-sjb{display:inline-block;vertical-align:top;font-family:'Atomy', sans-serif;font-size:15px;line-height:40px;font-weight:400;color:#555;letter-spacing:0;padding-left:15px;position:relative;width:calc(100% - 180px);}
.main-meeting dd > .view-sjb a{display:inline-block;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-meeting dd > .view-sjb a::before{content:'';width:4px;height:4px;background-color:#0c8ac5;position:absolute;left:0;top:18px;}
.main-meeting dd > .view-sjb > span{margin-top:12px;margin-left:10px;width:15px;height:15px;border-radius:50%;background-color:#0c8ac5;display:inline-block;vertical-align:top;position:relative;font-size:0;line-height:0;}
.main-meeting dd > .view-sjb > span::before{content:'N';width:100%;height:100%;text-align:center;font-family: 'Spoqa Han Sans', sans-serif;font-size:9px;line-height:15px;color:#fff;position:absolute;left:0;top:0;}
.main-meeting dd > .view-other{position:absolute;right:20px;top:0;}
.main-meeting dd > .view-other em{float:left;font-family:'Atomy', sans-serif;font-size:15px;line-height:40px;font-weight:400;color:#6e6e6f;font-style:normal;letter-spacing:0;margin-right:7px;}
.main-meeting dd > .view-other .button-sjb{float:left;font-size:0;line-height:0;margin-top:10px;margin-right:17px;}
.main-meeting dd > .view-other .button-sjb li{display:inline-block;width:19px;height:19px;border:1px solid #c2c4cc;background-color:#fff;box-sizing:border-box;margin-right:3px;margin-left:2px;position:relative;}
.main-meeting dd > .view-other .button-sjb li::before{content:'';width:5px;height:9px;background:url('../../../../images/egovframework/rte/com/btn-sbj.png') no-repeat;position:absolute;left:6px;top:5px;}
.main-meeting dd > .view-other .button-sjb li:first-child::before{background-position:0 0;}
.main-meeting dd > .view-other .button-sjb li:last-child::before{background-position:-5px 0;}
.main-meeting dd > .view-other .button-sjb li.none:first-child::before{background-position:0 -9px;}
.main-meeting dd > .view-other .button-sjb li.none:last-child::before{background-position:-5px -9px;}
.main-meeting dd > .view-other .button-sjb li a{display:block;height:100%;}
.main-meeting dd > .view-other a.view-spot{float:left;font-family:'Atomy', sans-serif;font-size:15px;line-height:40px;font-weight:400;color:#0068b7;letter-spacing:0;text-decoration:underline;margin-left:15px;}



.rowgroup::after{display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.rowgroup1{margin-top:20px;margin-bottom:40px;position:relative;z-index:0;}
.rowgroup1 .row-left{float:left;width:932px;margin-right:20px;position:relative;}

/* 상단 팝업존 */
.wrap-visual .popup-zone{float:left;width:295px;height:320px;margin-right:20px;border-radius:5px;border:1px solid #c2c4cc;box-sizing:border-box;overflow:hidden;position:relative;}
.popup-zone .popup-button{width:80px;height:30px;border-radius:15px;padding:0 5px;box-sizing:border-box;position:absolute;right:35px;bottom:19px;background-color:rgba(0,0,0,.4);}
.popup-zone .popup-button button{background:url('../../../../images/egovframework/rte/com/ico-play02.png') no-repeat;border:none;outline:none;width:10px;height:12px;float:left;margin:9px 6px 0 7px;}
.popup-zone .popup-button button span{font-size:0;line-height:0;}
.popup-zone .popup-button .prev{background-position:0 0;}
.popup-zone .popup-button .pause{background-position:-20px 0;margin-right:7px;margin-left:7px;}
.popup-zone .popup-button .play{display:none;background-position:-30px 0;margin-right:7px;margin-left:7px;}
.popup-zone .popup-button .next{background-position:-10px 0;}
.popup-zone .popup-button button:focus-visible{border: #000;border-style:solid; border-width:2px;}
.wrap-visual .popup-zone a:focus-visible > img{border-radius:5px;border:3px solid #000;}
/* 상단 배너존 */
.wrap-visual .banner-zone{float:right;width:614px;height:320px;border-radius:5px;border:1px solid #c2c4cc;box-sizing:border-box;overflow:hidden;position:relative;}
.banner-zone .visual-button{width:120px;height:30px;border-radius:15px;padding:0 15px;box-sizing:border-box;position:absolute;right:35px;bottom:19px;background-color:rgba(0,0,0,.4);}
.banner-zone .visual-button button{background:url('../../../../images/egovframework/rte/com/ico-play02.png') no-repeat;border:none;outline:none;width:10px;height:12px;float:left;margin:9px 4px 0;}
.banner-zone .visual-button button span{font-size:0;line-height:0;}
.banner-zone .visual-button .prev{background-position:0 0;}
.banner-zone .visual-button .pause{background-position:-20px 0;}
.banner-zone .visual-button .play{display:none;background-position:-30px 0;}
.banner-zone .visual-button .next{background-position:-10px 0;}
.banner-zone .visual-button .slick-counter{float:right;font-family:'Atomy', sans-serif;font-size:15px;line-height:30px;letter-spacing:0;color:#fff;}
.banner-zone .visual-button button:focus-visible{border: #000;border-style:solid; border-width:2px;}
.wrap-visual .banner-zone a:focus-visible > img{border-radius:5px;border:3px solid #000;}

/* 지정의료기관 찾기 */
.find-medical{float: left;width: 298px;background-color:#fff;border-radius:5px;border:1px solid #0A7DB2 /*#c2c4cc*/ ;box-sizing:border-box;padding:20px 25px 14px;}
.select-medi{right:0;top:0;}
.select-medi select{width:100%;height:40px;display:inline-block; border-color:#2F7DA0; /*#0c8ac5;*/ background:#fff url('../../../../images/egovframework/rte/com/bbs-select02.jpg') no-repeat right top;position:relative;padding-right:40px;padding-left: 10px;font-family:'Atomy', sans-serif;font-size:15px;line-height:38px; color:#2F7DA0; /*#0c8ac5;*/ letter-spacing:-0.075em;}
.select-medi select:focus{border:solid 3px;}
.find-row{border-top:1px solid #c2c4cc;font-size:0;line-height:0;}
/* .find-row select{width:160px;height:40px;margin:10px;display:inline-block;background:#fff url('../../../../images/egovframework/rte/com/bbs-select.jpg') no-repeat right top;position:relative;padding-right:40px;font-family:'Atomy', sans-serif;font-size:13px;line-height:38px;letter-spacing:-0.075em;} */
.find-row select{width:160px;height:35px;margin:5px;display:inline-block;background:#fff url('../../../../images/egovframework/rte/com/bbs-select.jpg') no-repeat right top;position:relative;padding-right:40px;font-family:'Atomy', sans-serif;font-size:13px;line-height:18px;letter-spacing:-0.075em;}

.find-row select:focus{border:solid 3px;}
.find-row input.sch-text{width:170px;height:40px;line-height:38px;background-color:#f4f6f8;border:1px solid #c2c4cc;margin:5px;padding-left:10px;font-family:'Atomy', sans-serif;font-size:15px;line-height:38px;letter-spacing:-0.075em;}
.find-row input.sch-text::placeholder{color:#7a7575; /*color:#ccc;*/ font-weight:400;}
.find-row input.sch-btn{width:auto;height:40px;padding:0 15px; background-color:#0070E0; /*#0c8ac5;*/ color:#fff; border:3px; border-color:#0070E0; border-style:solid;border-width:3px;border:#fff;font-size:15px;line-height:38px;}
.find-row input.sch-btn:focus-visible{border:#000;border-style:solid;border-width:3px;padding: 0 12px; /*background-color:#f0f7ff;*/ /*color:#0c8ac5;*/}

/* 예방접종별 정보 */
.rowgroup1 .row-right{float:left;width:298px;padding:29px 19px 19px;background-color:#f0f7ff;border-radius:5px;border:1px solid #c2c4cc;box-sizing:border-box;}
.row-right h2.right-info{font-family: 'Spoqa Han Sans', sans-serif;font-size:24px;line-height:70px;text-align:center;font-weight:500;color:#0b79a9;letter-spacing:-0.075em;position:relative;}
.row-right h2.right-info::before{content:'';width:40px;height:2px;background-color:#0b79a9;position:absolute;left:calc(50% - 20px);top:0;}
.row-right .list-info{background-color:#fff;border-radius:5px;padding:20px;}
.row-right .list-info ul{margin-bottom:1px;}
.row-right .list-info ul li{float:left;width:50%;border-bottom:1px solid #e9ebf5;font-size:15px;line-height:29px;font-weight:300;letter-spacing:-0.085em;}
.row-right .list-info ul li.long{width:100%;}
.row-right .list-info ul li.last{border-bottom:none;}
.row-right .list-info ul li a{display:block;color:#555;padding:0 10px;}
.row-right .list-info ul li a:hover{color:#0b79a9;background-color:#f0f7ff;}
/* 예방접종 관련 서비스 */
.rowgroup2{margin: 10px -10px -10px;}
.service-banner{float:left;width:calc((100% - 80px)/4); margin:10px; border-radius:10px; overflow:hidden; border:2px solid #A56601; /*#ff9d00;*/ background-color:#fff;}
.service-banner > a{display:block;padding:18px;height:100%;}
.service-banner > a > span{font-size:15px; line-height:1em; font-weight:500; color:#A56601; /*#ff9d00;*/ letter-spacing:.-0.075em;}
.service-banner > a > h3{font-family: 'Spoqa Han Sans', sans-serif;font-size:24px;line-height:1em;font-weight:500;letter-spacing:-0.075em;margin-top:8px;margin-bottom:10px;padding-bottom:15px;border-bottom:1px solid #e0e1e5;word-break:keep-all;}
.service-banner > a > p{font-size:15px;line-height:21px;font-weight:300;letter-spacing:-0.075em;word-break:keep-all;}
.service-banner.banner02{border-color:#02836D; /*#04a48a;*/}
.service-banner.banner02 > a > span{color:#02836D; /*#04a48a;*/}
.service-banner.banner03{border-color:#0A7DB2; /*#0c8ac5;*/}
.service-banner.banner03 > a > span{color:#0A7DB2; /*#0c8ac5;*/}
.service-banner.banner04{border-color:#D54407; /*#eb6100;*/}
.service-banner.banner04 > a > span{color:#D54407; /*#eb6100;*/}
.service-banner a:focus{border-style: solid;background-color:#f0f7ff;}
.main-title{position:relative;}
.main-title > span{font-size:15px;line-height:1em; font-weight:500; color:#2F7DA0; /*#0c8ac5;*/ letter-spacing:-0.075em;}
.main-title > h3{font-family: 'Spoqa Han Sans', sans-serif;font-size:18px;line-height:1em;font-weight:500;letter-spacing:-0.075em;margin-bottom:15px;}

/* 주요서비스 */
#mobile-hidden{display:none;}
.rowgroup3{margin-top:40px;background-color:#fff;border-radius:5px;border:1px solid #c2c4cc;box-sizing:border-box;padding:19px 39px 39px;}

.service-link li{float:left;width:calc((100% + 3px)/4);height:50px;margin-left:-1px;margin-top:-1px;border:1px solid #c2c4cc;text-align:center;font-size:15px;line-height:48px;letter-spacing:-0.075em;}
.service-link li:nth-child(4n+1){margin-left:0;}
.service-link li a{display:block;color:#555;background-color:#fff;}
.service-link li:hover{border-right:none;position:relative;font-size:15px;font-weight:500;}
.service-link li:hover::before{content:'';width:14px;height:14px;background:url('../../../../images/egovframework/rte/com/ico-board.png') no-repeat -30px 0;position:absolute;right:24px;top:15px;z-index:1;}
.service-link li:hover a{background-color:blue;border-radius:4px;width:calc(100% + 1px);height:calc(100% + 2px);position:absolute;left:-1px;top:-1px;color:#fff;background-color:#0c8ac5;box-shadow:0 1px 5px rgba(0,0,0,.23);}
/* 게시판 set */
.rowgroup4{margin-top:20px;margin-bottom:10px;}
.wrap-bbs{margin:-10px;}
.box-bbs{float:left;width:calc((100% - 60px)/3);height:260px;margin:10px;background-color:#f0f7ff;border-radius:5px;overflow:hidden;}
.bbs-header{background-color:#fff;height:40px;padding:10px 20px 0  25px;}
.bbs-header h3{float:left;font-family: 'Spoqa Han Sans', sans-serif;font-size:15px;line-height:22px;font-weight:500; color:#2F7DA0; /*#0c8ac5;*/ letter-spacing:-0.075em;}
.bbs-header .more{float:right;font-size:0;line-height:0;width:19px;height:19px;background-color:#fff;border:1px solid #c2c4cc;box-sizing:border-box;display:block;margin-top:1px;position:relative;}
.bbs-header .more::before{content:'';width:1px;height:11px;background-color:#737373;position:absolute;left:8px;top:3px;}
.bbs-header .more::after{content:'';width:11px;height:1px;background-color:#737373;position:absolute;left:3px;top:8px;}
.box-pr .bbs-header{position:relative;}
.box-pr .bbs-header h3{float:none;position:absolute;left:25px;top:10px;}
.bbs-header .bbs-menu{position:relative;padding-left:60px;}
.bbs-header .bbs-menu > li{float:left;font-size:15px;line-height:22px;letter-spacing:-0.075em;color:#999;}
.bbs-header .bbs-menu > li > a{color:#737373; /*#999;*/ padding:0 6px;position:relative;}
.bbs-header .bbs-menu > li > a::before{content:'';width:1px;height:15px;background-color:#999;position:absolute;left:0;top:4px;}
.bbs-header .bbs-menu > li:first-child > a::before{display:none;}
.bbs-header .bbs-menu > li.active > a, .bbs-header .bbs-menu  > li:hover > a{color:#000;}
.bbs-body .more{float:right;font-size:0;line-height:0;width:19px;height:19px;background-color:#fff;border:1px solid #c2c4cc;box-sizing:border-box;display:block;margin-top:1px;position:relative;margin-top: -235px; margin-right:-25px;}
.bbs-body .more::before{content:'';width:1px;height:11px;background-color:#737373;position:absolute;left:8px;top:3px;}
.bbs-body .more::after{content:'';width:11px;height:1px;background-color:#737373;position:absolute;left:3px;top:8px;}

.bbs-body{padding:28px 40px 12px;}
.bbs-photo{position:absolute;left:0;top:0;width:100%;margin-top:50px;}
.list-bbs{position:relative;padding-left:15px;height:40px;font-size:0;line-height:0;margin-bottom:20px;}
.list-bbs::before{content:'';width:4px;height:4px;background-color:#0c8ac5;position:absolute;left:0;top:7px;}
.list-bbs > a{max-width:calc(100% - 30px);display:inline-block;vertical-align:top;font-family:'Atomy', sans-serif;font-size:15px;line-height:20px;font-weight:400;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-bbs > span{margin-top:2px;margin-left:10px;width:15px;height:15px;border-radius:50%;background-color:#0c8ac5;display:inline-block;vertical-align:top;position:relative;}
.list-bbs > span::before{content:'N';width:100%;height:100%;text-align:center;font-family: 'Spoqa Han Sans', sans-serif;font-size:9px;line-height:15px;color:#fff;position:absolute;left:0;top:0;}
.list-bbs > p{font-family:'Atomy', sans-serif;font-size:13px;line-height:20px;font-weight:300;color:#676767;}

.list-photo{float:left;width:calc(50% - 5px);}
.list-photo:first-child{margin-right:10px;}
.bbs-header .bbs-menu .list-photo > a{display:block;background-color:#fff;border-radius:8px;border:1px solid #c2c4cc;padding:19px;}
.tit-photo{font-family:'Atomy', sans-serif;font-size:15px;line-height:1em;width:100%;height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px;}
.img-photo{width:100%;height:90px;background-color:#f0f7ff;padding:5px;}
.img-photo > span{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;}
.info-photo{margin-top:5px;overflow:hidden;}
.info-photo li{float:left;font-family:'Atomy', sans-serif;font-size:13px;font-weight:300;color:#6e6e6f;letter-spacing:0;}
.info-photo li.name{margin-right:10px;position:relative;letter-spacing:-0.075em;}
.info-photo li.name::before{content:'';width:1px;height:13px;background-color:#b3b5b8;position:absolute;right:-6px;top:6px;}


/* 1249px 이하 반응형 */
@media screen and (max-width:1266px){
  .wrap-container{max-width:929px;position:relative;}
  .rowgroup1 .row-left{float:none;width:100%;}
  .rowgroup1 .row-right{float:right;width:calc(50% - 20px); position:absolute;top:344px;left:485px;}
  .wrap-visual .banner-zone{width:calc(100% - 315px);margin-right:0;}
  .find-medical{position:relative;width: 100%;padding:25px 37px 35px;margin-top:20px; }
  .find-row select:first-child{margin-left:0;}
  .select-medi select {width:87%;}
  .find-row {border-top: 0px;}
  .service-banner{height:190px;margin:0;}
  .banner01 {margin-left:10px;}
  .banner01, .banner02{margin-bottom:20px;}
  .banner01, .banner02, .banner03{margin-right:20px;}
  .service-banner > a > p br{display:none;}
  .info-photo li.name{display:none;}
  .info-photo li.date{width:100%;text-align:center;}
  .rowgroup1{margin-bottom:20px;}
  .rowgroup3{margin-top:20px;}
  .rowgroup3{padding:20px;}
  .list-photo > a{padding:10px;}
  .bbs-body{padding-right:20px;padding-left:20px;}
  .bbs-body .more{margin-right:0px;}
  #container::before, #container::after{height:380px;}
}

@media screen and (max-width:960px){
  .wrap-container{padding-right:20px;padding-left:20px;}
  .rowgroup2{right:20px;}
  .wrap-visual .banner-zone{float:none;width:100%;height:auto;margin-bottom:10px;}
  .banner-zone .list-banner img{width:100%;}
  .wrap-visual .popup-zone {margin-bottom: 15px;}
  .find-medical{padding:20px;height:320px;position:absolute;right:0;bottom:0;width:calc(100% - 315px);margin:0;top:0px;}
  .select-medi{position:relative;text-align:right;}
  .select-medi select{width:300px;}
  .find-row input.sch-text{width:200px;margin:5px;}
   .find-row select{width:calc(50% - 5px);}
  .find-row select:nth-child(2){margin-right:0;}
  .find-row select.posiv{display:block;width:100%;margin-left:0;}
  .find-row input.sch-text{width:calc(100% - 65px);margin-left:0;}
  .rowgroup1 .row-right{width:100%;float:none;margin-top:20px;margin-left:0;position:sticky;}
  .rowgroup2{position:relative;left:0;top:0;width:calc(100% + 20px);margin:15px -10px -10px;}
  .banner01, .banner02{margin-bottom:0;}
  .banner01, .banner03{margin-right:0;}
  .service-banner{width:calc((100% - 80px)/4);height:200px;margin:10px;}
  .service-banner > a{padding:15px;}
  .rowgroup1 .row-right{padding:20px;}
  .wrap-bbs{margin:0;}
  .box-bbs{float:none;width:100%;margin:0;margin-bottom:20px;}
  .box-bbs:last-child{margin-bottom:0;}
  .info-photo li.name{display:block;}
  .info-photo li.date{width:auto;text-align:left;}
  .box-pr{height:360px;}
  .img-photo{height:190px;}
  #container::before, #container::after{height:1030px;}
}
@media screen and (max-width:820px){
  .service-banner{width:calc((100% - 40px)/2);height:180px;}
  .service-link li{width:calc((100% + 1px)/2);}
  .service-link li:nth-child(2n+1){margin-left:0;}
  .service-link li:hover::before{display:none;}
}
@media screen and (max-width:800px){
  .select-medi select{width:100%;}
  .find-row select{width:calc(50% - 5px);}
  .find-row select:nth-child(2){margin-right:0;}
  .find-row select.posiv{display:block;width:100%;margin-left:0;}
}
@media screen and (max-width:720px){
  .popup-zone{display:none;}
  .wrap-visual .popup-zone{float:none;width:100%;height:auto;margin-bottom:20px;}
  .list-popup img{width:100%;}
  .find-medical{position:relative;width: 100%;}
  .popup-zone .popup-button{right:10px;bottom:10px;}
  .banner-zone .visual-button{right:10px;bottom:10px;}
  .box-pr{height:300px;}
  .img-photo{height:130px;}
  .main-meeting dt{display:none;}
  .main-meeting dd{width:100%;padding:0 10px;}
  .main-meeting dd > .view-sjb{font-size:13px;width:calc(100% - 150px);padding-left:10px;}
  .main-meeting dd > .view-sjb a{max-width:calc(100% - 30px);}
  .main-meeting dd > .view-other .button-sjb{margin-right:0;}
  .main-meeting dd > .view-other a.view-spot{margin-left:5px;font-size:13px;}
  .main-meeting dd > .view-sjb > span{margin-left:5px;}
  /* 720에서 팝업존 숨김 처리 - 박윤경SSN */
  #popup-main {display:none;}
  #mobile-hidden {display:inline;}
  #container::before, #container::after{height:970px;}
}
@media screen and (max-width:480px){
  .service-link li{width:100%;margin-left:0;}
  .row-right h2.right-info, .service-banner > a > h3, .main-title > h3{font-size:20px;}
  .row-right h2.right-info{line-height:60px;}
  .box-bbs.box-pr{height:260px;}
  .img-photo{height:90px;}
  .main-spot dt{display:none;}
  .main-spot dd{width:100%;padding:0 10px;}
  .main-spot dd span{padding-left:10px;max-width:calc(100% - 64px);font-size:13px;}
  .main-spot dd a.view-spot{margin-left:5px;font-size:13px;}
  #container::before, #container::after{height:930px;}
}
@media screen and (max-width:380px){
  .rowgroup2{margin:0;width:100%;}
  .service-banner{width:100%;height:auto;margin:0;margin-bottom:20px;}
  .service-banner > a{padding-bottom:20px;}
  .list-photo{float:none;width:100%;}
  .list-photo:first-child{margin-right:0;}
  .box-bbs{height:auto;}
  .box-bbs.box-pr{height:460px;}
  .list-photo:first-child{margin-bottom:10px;}
  #container::before, #container::after{height:1130px;}
}
@media screen and (max-width:360px){
  .row-right .list-info ul li{float:none;width:100%;}
  .row-right .list-info ul li.last.last-second{border-bottom:1px solid #e9ebf5;}
  .row-right .list-info{padding:10px;}
  .select-medi select{padding-left:7px;font-size:13px;}
  .find-row select{padding-left:7px;}
  .find-row input.sch-text{font-size:13px;padding-left:7px;}
  .main-meeting{height:70px;background-color:#f0f7ff;}
  .main-meeting dd{height:100%;}
  .main-meeting dd > .view-sjb{width:100%;}
  .main-meeting dd > .view-other{top:auto;bottom:0;}
  #container::before, #container::after{height:1160px;}
}
@media screen and (max-width:320px){
  .box-bbs.box-pr{height:495px;}
  .box-pr .bbs-header{height:75px;}
  .bbs-header .bbs-menu{padding-left:0;margin-top:25px;margin-left:-6px;}
  #container::before, #container::after{height:1200px;}
}

/* 2021-06-03 키보드 포커스 */
.row-right .list-info ul li a:focus{color:#0b79a9;background-color:#f0f7ff;}
/* .find-row input.sch-btn:focus{background-color:#0686da} */
.service-link li a:focus{background-color:blue;background-color:#0c8ac5;color:#fff;}
.bbs-header .more:focus{background-color:#f0f7ff;}
.main-meeting dd > .view-other a.view-spot:focus{color:#eb6100;}
.list-bbs > a:focus{color:#0c8ac5;}
.bbs-header .bbs-menu > li > a:focus{color:#000;}

.select-medi select:focus{background-color:#f0f7ff;}
.select-medi select:focus::-ms-value {background-color:#f0f7ff;color:#0c8ac5;}
.find-row select:focus{background-color:#f8f9fb;}
.find-row select:focus::-ms-value {background-color:#f8f9fb;color:#555;}
.find-row input.sch-text:focus{background-color:#fff;}

.layer-chk{width:560px;background-color:#fff;border:1px solid #cbcdd0;box-sizing:border-box;position:absolute;left:calc(50% - 280px);top:100px;z-index:100;}
.layer-chk .layer-head{background-color:#eff3f6;padding-left:30px;position:relative;}
.layer-chk .layer-head h3{font-size:17px;line-height:56px;font-weight:500;color:#444;letter-spacing:-0.075em;margin:0 50px 0 0;padding:0;}
.layer-chk .layer-head h3::before{display:none;}
.layer-chk .layer-head h3{font-family: 'Spoqa Han Sans', sans-serif;position:relative;}
.layer-chk .layer-head .close-layer{position:absolute;font-size:0;line-height:0;background:url('../../../../images/egovframework/rte/com/ico-close.png') no-repeat;right:30px;top:22px;width:13px;height:13px;cursor:pointer;}
.layer-chk .layer-body{padding:40px 30px;}
.layer-chk .layer-body p{font-size:16px;line-height:25px;color:#666;letter-spacing:-0.075em;}
.layer-chk .layer-choice{height:255px;top:0;}
.layer-chk .layer-title{text-align:center; font-size:22px; line-height:28px; letter-spacing:-0.02em; font-weight:600; word-break:keep-all;}
/* .layer-chk .layer-head p{position:absolute;font-size:0;line-height:0;right:60px;top:18px;cursor:pointer;} */
.layer-chk .showToday{margin:0 20px 20px 0; text-align: right;}
.layer-chk .showToday input{cursor:pointer;}
.layer-chk .showToday label{cursor:pointer;}
@media screen and (max-width:600px){
  .layer-chk{width:100% !important;height:auto !important;left:0 !important;}
}