@charset "utf-8";



/*2021.04.02 메인 이미지슬라이드 변경*/
@-webkit-keyframes play-state{
  from{
    width:0px;
  }
  to{
    width: 100%;
  }
}
@-webkit-keyframes play-state1{
  from{
    width:0px;
  }
  to{
    width: 100%;
  }
}
@-webkit-keyframes play-state2{
  from{
    width:0px;
  }
  to{
    width: 100%;
  }
}

@-webkit-keyframes play-state3{
  from{
    width:0px;
  }
  to{
    width: 100%;
  }
}


[id^="layerPopup"] { /*left: 50%!important;*/ max-width:100%; }
[id^="layerPopup"]::after { content:""; display:block; position:fixed; left:0; top:0; right:0; bottom:0; /*background-color:rgba(0,0,0,.6);*/ }
[id^="layerPopup"] .layer_popup_wrap { position: relative; transform:translateX(-50%); z-index: 2; padding: 0 .5rem }
[id^="layerPopup"] .popup_con { max-width: 100%; height:auto!important }
[id^="layerPopup"] .close { color:#fff; font-size:.8rem; /*margin-top: .3rem;*/ padding:0.5rem; text-align:right; background:#444; }
[id^="layerPopup"] .close > span {margin-right: 1rem }
[id^="layerPopup"] .close span input{ margin-right:.3rem }
/*
[id^="layerPopup"] .close { position: absolute; z-index: 2; right: 0; top: -2.2rem; }
[id^="layerPopup"] .close .xi-close-thin { color:#fff; font-size: 2rem }
*/
.clip {overflow: hidden; width: 1px; height: 1px; margin:-1px; position:absolute;  clip: rect(0, 0, 0, 0);}

header nav { border-bottom:none;}
main:after,
.col2 { padding: .5rem 0 1.25rem;}
.col2:after { content: ""; display: block; clear: both;}
.col2 > *:first-child { float: left; width: 780px;}
.col2 > *:last-child { float: right; width: 382px;}
.hide { position:absolute; left:-5000%;}

/* 상단비주얼 - 이미지 */
.main_visual { padding: 0 0 6rem; background: #f5f6fa;}
.main_visual > div{ margin:0 auto; width:1180px; position: relative }
.main_visual > div:after { content: ""; display: block; clear: both;}
.main_visual .bx-controls-direction { display: none;}
.main_visual .ad_wrap { width: 100%; overflow: hidden }
.main_visual .ad { padding: 1.2rem 0 0; margin:0 -.5rem;}
.main_visual .ad li { float:left; padding:0 .5rem 1rem; /*line-height: 2.9rem;*/}
.main_visual .ad li.w20 { width:calc(20% - 1rem);}
.main_visual .ad li.w25 { width:calc(25% - 1rem);}
.main_visual .ad li.w33 { width:calc(33.33% - 1rem);}
.main_visual .ad li.w50 { width:calc(50% - 1rem);}
.main_visual .ad li.w100 { width:calc(100% - 1rem);}
.main_visual .ad li a { overflow:hidden; display: block; background: #fff; font-size: .9rem; text-align: center; border-bottom:2px solid; /*text-overflow:ellipsis; white-space: nowrap; overflow:hidden;*/ }
.main_visual .ad li a span { display:block; /*height:180px;*/ overflow:hidden;} /* 서브비주얼 3개일때  height:180px; 서브비주얼 4개일때 height 삭제   */
.main_visual .ad li a:hover img{ transform:scale(1.1); }
.main_visual .ad li a img { width:100%; display:block; transition:all .3s;}
.main_visual .ad li:nth-child(1) a { border-bottom-color: #00b997;}
.main_visual .ad li:nth-child(2) a { border-bottom-color: #00a8c2;}
.main_visual .ad li:nth-child(3) a { border-bottom-color: #495667;}
.main_visual .ad li:nth-child(4) a { border-bottom-color: #8c6238;}
.main_visual .ad li:nth-child(5) a { border-bottom-color: #4a75b9;}
.main_visual .ad li:nth-child(6) a { border-bottom-color: #c24ea8;}
.main_visual .ad li:nth-child(7) a { border-bottom-color: #21a089;}
.main_visual .ad li:nth-child(8) a { border-bottom-color: #4a75b9;}
.main_visual .ad li a em {display: block; margin: 1rem 0; font-size:0.8rem;}

.main_visual .top_visual .pc {display:block;}
/*.main_visual .top_visual .pc a{float: left; display: block; width: 50%; box-sizing: border-box;}
.main_visual .top_visual .pc a img{width: 100%;}
.main_visual .top_visual .pc:after{content:""; display: block; clear: both;} */
.main_visual .top_visual .mob {display:none;}
.main_visual .top_visual .mob a{display: block;}


.bx-controls-auto-item.show:first-child,
.bx-controls-auto-item.show,
.bx-controls-auto-item { display:inline-block;}
.bx-controls-auto-item:first-child,
.bx-controls-auto-item.hide { display:none;}

/* 2019-09-30 추가  : 상단비주얼 - 텍스트  */
.main_visual .bookmark {position: relative;}
.main_visual .bookmark ul::after {content: ''; display: block; clear: both;}
.main_visual .bookmark ul > li {float: left; width:25%; }
.main_visual .bookmark ul > li > a {display: block; text-align: center; color: #fff; font-size: .85rem; padding: .75rem; }
.main_visual .bookmark ul > li:nth-child(1) {background: #32ae98;}
.main_visual .bookmark ul > li:nth-child(2) {background: #12937c;}
.main_visual .bookmark ul > li:nth-child(3) {background: #136686;}
.main_visual .bookmark ul > li:nth-child(4) {background: #136686;}
.mobile_br {display: none;}


/*  자주찾는 서비스 */
.quick_link { position: relative; margin-top:-5rem; padding: 0 1.3rem 0 11rem; background: #fff;}
.quick_link h2 { position: absolute; left: 0; top:1.75rem; width: 12.5rem; text-align: center;}
.quick_link ul { display: table; width: 100%; text-align:center; height: 10rem;}
.quick_link li { display: table-cell; width:16.6%; vertical-align: middle;}
.quick_link li a { display: block;font-size: .75em; color:#555; letter-spacing: -1px; position: relative; }
.quick_link li a:hover { color:#043763;}
.quick_link li a::before { content: ""; display:block; margin: 0 auto .5rem;width: 70px; height: 70px; background: url(../img/main/icon1.png) no-repeat center center; padding: 3px; transition: .5s all;}
.quick_link .ico1 a:before { background-image:url(../img/main/icon1.png);}
.quick_link .ico2 a:before { background-image:url(../img/main/icon2.png);}
.quick_link .ico3 a:before { background-image:url(../img/main/icon3.png); background-position: left 9px center;}
.quick_link .ico4 a:before { background-image:url(../img/main/icon4.png);}
.quick_link .ico5 a:before { background-image:url(../img/main/icon5.png);}
.quick_link .ico6 a:before { background-image:url(../img/main/icon6.png); background-position: left 12px center;}
.quick_link .ico1 a:hover:before,.quick_link .ico1 a:focus:before {position: relative; border-radius: 180px; padding: 3px; transform: translateY(-5%); transition: .5s all;}
.quick_link .ico2 a:hover:before,.quick_link .ico2 a:focus:before { border-radius: 180px; padding: 3px; transform: translateY(-5%); transition: .5s all;}
.quick_link .ico3 a:hover:before,.quick_link .ico3 a:focus:before { border-radius: 180px; padding: 3px; transform: translateY(-5%); transition: .5s all;}
.quick_link .ico4 a:hover:before,.quick_link .ico4 a:focus:before { border-radius: 180px; padding: 3px; transform: translateY(-5%); transition: .5s all;}
.quick_link .ico5 a:hover:before,.quick_link .ico5 a:focus:before { border-radius: 180px; padding: 3px; transform: translateY(-5%); transition: .5s all;}
.quick_link .ico6 a:hover:before,.quick_link .ico6 a:focus:before { border-radius: 180px; padding: 3px; transform: translateY(-5%); transition: .5s all;}
.quick_link li a:after{content:""; transform:scaleX(0); transition:all 0.5s; height:2px; background:#21a089; position:absolute; left:50%; margin-left:-30px; bottom:25px; width:60px; opacity: 0;}
.quick_link li a:hover:after, .quick_link li a:focus:after{content:""; transform:scaleX(1); transition:all 0.5s; bottom:30px; opacity: 1;}
.quick_link > a { position: absolute; right:2rem; top:50%; transform: translateY(-50%);color:#888; font-size: .75rem;}
.quick_link > a:after { content: "\e90b"; display: inline-block; margin: 0 0 0 .35rem; width: 32px; height: 32px; text-align: center; line-height: 32px; background: #f5f6fa;font-family:'xeicon'; font-size: .85rem;border-radius: 100%}
.quick_link .more{display:none;}

/* News
.news { position:relative; padding:0 1.7rem .85rem; height:262px; border:1px solid #e1e6eb; box-sizing:border-box; background: #fff;}
.news .tabs > ul { border-bottom: 1px solid #e1e6eb;}
.news .tabs > ul li { float:left; padding:0 .8rem;}
.news .tabs > ul li:first-child { padding-left:0;}
.news .tabs > ul li:last-child { padding-right:0;}
.news .tabs > ul li a { display:block; position:relative; height:3.05rem; line-height:3.05rem; font-size:.8em; font-weight:bold; color:#343639;}
.news .tabs > ul li a:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#21a089; transform:scaleX(0); transition:all 0.5s;}
.news .tabs > ul li.on a { color:#21a089;}
.news .tabs > ul li.on a:after,
.news .tabs > ul li a:hover:after { background:#21a089; transform:scaleX(1);}
.news .tab_con { padding: 1.75rem 0 0;}
.news .tab_con > a { float: left; width: 50%;}
.news .tab_con > a h2 {font-size: 19px; color:#333; line-height: 100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .tab_con > a p { padding: .8rem 0 0; font-size:.7rem; line-height:1.1rem; color:#555; letter-spacing: -1px;}
.news .tab_con > a > span {font-size: .7rem; color:#81868e; line-height: 100%; letter-spacing: -1px; position:absolute; left:1.7rem; bottom:1.8rem;}
.news .tab_con ul { float:left; width: 50%; margin-top:-6px; padding: 0 0 0 1.5rem; box-sizing: border-box;}
.news .tab_con li { position: relative;padding: 0 0 0 .45rem;}
.news .tab_con li:before { content: ""; position: absolute; left: 0; top: .75rem; width: 3px; height: 3px; background: #444; border-radius: 100%;}
.news .tab_con li a { overflow: hidden; display: block; width: 100%;line-height: 1.75rem; font-size:.75em; color:#333; letter-spacing: -1px; text-overflow: ellipsis; white-space: nowrap;}
.news .tab_con > .more { position:absolute; right:1.7rem; top:1.1rem; font-size:14px; color:#aaa; letter-spacing: -1px; width:auto; }
.news .tab_con > .more:after { content: "\e9c5"; font-size:.7rem; color:#aaa; transition:all 0.8s; transform:rotate(0deg); font-family: 'xeicon';}
.news .tab_con > .more:hover:after { transform:rotate(360deg);}
.news .tab_con .xi-new { color: #21a089; font-size: .9rem; display: inline-block; }
.news .tab_con .xi-new .sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
*/

/* News */
.news { position:relative; padding:0 1.7rem .85rem; height:262px; border:1px solid #e1e6eb; box-sizing:border-box; background: #fff;}
.news .tabs > ul { border-bottom: 1px solid #e1e6eb;}
.news .tabs > ul li { float:left; padding:0 .8rem;}
.news .tabs > ul li:first-child { padding-left:0;}
.news .tabs > ul li:last-child { padding-right:0;}
.news .tabs > ul li a { display:block; position:relative; height:3.05rem; line-height:3.05rem; font-size:.8em; font-weight:bold; color:#343639;}
.news .tabs > ul li a:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#21a089; transform:scaleX(0); transition:all 0.5s;}
.news .tabs > ul li.on a { color:#21a089;}
.news .tabs > ul li.on a:after,
.news .tabs > ul li a:hover:after { background:#21a089; transform:scaleX(1);}
.news .tab_con { padding: 1.75rem 0 0;}
.news .tab_con > a { float: left; width: 50%;}
.news .tab_con > a h2 {font-size: 21px;color:#333;max-width: 100%;line-height: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .tab_con > a p { padding: .8rem 0 0; font-size:.7rem; line-height:1.1rem; color:#555; letter-spacing: -1px;}
.news .tab_con > a > span {font-size: .7rem; color:#81868e; line-height: 100%; letter-spacing: -1px; position:absolute; left:1.7rem; bottom:1.8rem;}
.news .tab_con ul { float:left; width: 50%; margin-top:-6px; padding: 0 0 0 1.5rem; box-sizing: border-box;}
.news .tab_con li {position: relative;padding: 0 0 0 .45rem;}
.news .tab_con li:before { content: ""; position: absolute; left: 0; top: .75rem; width: 3px; height: 3px; background: #444; border-radius: 100%;}
.news .tab_con .ellipsis {line-height: 1.75rem;font-size:.75em;color:#333;width: auto;letter-spacing: -1px;/* overflow: hidden; */display: inline-block;vertical-align:middle;overflow: hidden;text-align: left;max-width: 88%;text-overflow: ellipsis;white-space: nowrap;}
.news .tab_con .emphasis {color:#333;width: auto;letter-spacing: -1px; display: inline-block;vertical-align:middle;overflow: hidden;max-width: 93%;text-overflow: ellipsis;white-space: nowrap;}
.news .tab_con > .more { position:absolute; right:1.7rem; top:1.1rem; font-size:14px; color:#aaa; letter-spacing: -1px; width:auto; }
.news .tab_con > .more:after { content: "\e9c5"; font-size:.7rem; color:#aaa; transition:all 0.8s; transform:rotate(0deg); font-family: 'xeicon';}
.news .tab_con > .more:hover:after { transform:rotate(360deg);}
.news .tab_con .xi-new {color: #21a089;font-size: .9rem;display: inline-block;margin-left: .2rem;/* margin-top: .1rem; */}
.news .tab_con .xi-new .sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }

/* 20200709추가_News(접근성) */
.news { position:relative; padding:0 1.7rem .85rem; height:262px; border:1px solid #e1e6eb; box-sizing:border-box; background: #fff;}
.news .tabs2{height:230px;}
.news .tabs2 > ul { border-bottom: 1px solid #e1e6eb;}
.news .tabs2 > ul:after{content:"";display:block;clear:both}
.news .tabs2 > ul > li { float:left; padding:0 .8rem;}
.news .tabs2 > ul > li:first-child { padding-left:0;}
.news .tabs2 > ul > li:last-child { padding-right:0;}
.news .tabs2 > ul > li > a { display:block; position:relative; height:3.05rem; line-height:3.05rem; font-size:.8em; font-weight:bold; color:#343639; min-width: 24px;}
.news .tabs2 > ul > li > a:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#21a089; transform:scaleX(0); transition:all 0.5s;}
.news .tabs2 > ul > li.on > a { color:#21a089;}
.news .tabs2 > ul > li.on > a:after,
.news .tabs2 > ul > li > a:hover:after { background:#21a089; transform:scaleX(1);}
.news .tabs2 > ul > li:first-child .tab_con{display:block}
.news .tabs2 .tab_con {position:absolute;left:0;right: 0;/* top: 4.85rem; */padding: 1.75rem 1.7rem 0;display: none; min-height: 135px;}
.news .tabs2 .tab_con > a { float: left; width: 50%;}
.news .tabs2 .tab_con > a h2 {font-size: 21px;color:#333;max-width: 100%;line-height: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .tabs2 .tab_con > a p { padding: .8rem 0 0; font-size:.7rem; line-height:1.1rem; color:#555; letter-spacing: -1px;}
.news .tabs2 .tab_con > a > span {font-size: .7rem;color:#81868e;line-height: 100%;letter-spacing: -1px;position:absolute;left:1.7rem;bottom: .35rem;}
.news .tabs2 .tab_con ul { float:left; width: 50%; margin-top:-6px; padding: 0 0 0 1.5rem; box-sizing: border-box;}
.news .tabs2 .tab_con li {position: relative;padding: 0 0 0 .45rem;}
.news .tabs2 .tab_con li:before { content: ""; position: absolute; left: 0; top: .75rem; width: 3px; height: 3px; background: #444; border-radius: 100%;}
.news .tabs2 .tab_con .ellipsis {line-height: 1.75rem;font-size:.75em;color:#333;width: auto;letter-spacing: -1px;/* overflow: hidden; */display: inline-block;vertical-align:middle;overflow: hidden;text-align: left;max-width: 88%;text-overflow: ellipsis;white-space: nowrap;}
.news .tabs2 .tab_con .emphasis {color:#333;width: auto;letter-spacing: -1px; display: inline-block;vertical-align:middle;overflow: hidden;max-width: 93%;text-overflow: ellipsis;white-space: nowrap;}
.news .tabs2 .tab_con > .more {position:absolute;right:1.7rem;top: -1.95rem;font-size:14px;color:#aaa;letter-spacing: -1px;width:auto; color:#767676;  }
.news .tabs2 .tab_con > .more:after { content: "\e9c5"; font-size:.7rem; color:#aaa; transition:all 0.8s; transform:rotate(0deg); font-family: 'xeicon'; color:#767676; position: absolute; transition:transform 1s; 
    right: -16px;
    top: 4px; }
.news .tabs2 .tab_con > .more:hover:after,.news .tabs2 .tab_con > .more:focus:after,.news .tabs2 .tab_con > .more:active:after { transform:rotate(360deg);}
.news .tabs2 .tab_con .xi-new {color: #21a089;font-size: .9rem;display: inline-block;margin-left: .2rem;/* margin-top: .1rem; */}
.news .tabs2 .tab_con .xi-new .sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }

/* 감염병정보탭 */
.info_box {border: 1px solid #e1e6eb; background: #fff;}
.info_box .tabs > ul { border-bottom: 1px solid #e1e6eb;}
.info_box .tabs > ul li {float: left; width: 33.3%; border-left: 1px solid #e1e6eb; box-sizing: border-box;}
.info_box .tabs > ul li:first-child { width: 33.4%; border-left: none;}
.info_box .tabs > ul li a {display: block; position: relative; height: 2.15rem; background: #f5f6fa; line-height: 2.15rem; text-align: center; font-size: .8em;}
.info_box .tabs > ul li.on a { background: #fff; color:#043763;}
.info_box .tabs > ul li.on a:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #fff;}
.info_box .tabs > ul li.on a:after { content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; background: #043763;}
.info_box .tabs > div { background: #fff;}
.info_box .tab_con { height: 216px; padding: 1.25rem 1rem; box-sizing: border-box;}
.info_box .list:after { content: ""; display: block; clear: both;}
.info_box .list li{ float: left; padding: 0 4px 4px 0;}
.info_box .list li:nth-child(7n) { padding-right: 0;}
.info_box .list a { display:block; width: 42px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color:#66768c; border:1px solid #e1e6eb; background: #f5f6fa; box-sizing: border-box;}
.info_box .list a:hover,.info_box .list a:focus { background: #21a089; color:#fff; border-color: #21a089; }
.info_box .tag { padding: 25px 0 0;font-size: 0px;}
.info_box .tag a { display: inline-block; margin: 0 4px 5px 0;padding: 0 12px; height:28px; line-height:28px; font-size: 13px; color:#666; border: 1px solid #e1e6eb; border-radius:28px; letter-spacing: -1px;}
.info_box .tag a.more { background: #f5f6fa;}
.info_box .tag a.more:after { content:"\e914"; font-family: 'xeicon';}
.info_box .health li { float: left; width: 33.3%;}
.info_box .health li a { display: table; width: 100%; height: 4.15rem;}
.info_box .health li a span { display: table-cell; vertical-align: middle; text-align: center; color:#66768c; font-size: .75rem; line-height: 100%;}
.info_box .health li a span:before { content: ""; display: block; margin: 0 auto .35rem; width: 1.5rem; height: 1.5rem; background: url(../img/main/ico_health.png) no-repeat}
.info_box .health li.ico1 a span:before { background-position: 0 bottom;}
.info_box .health li.ico2 a span:before { background-position: -1.5rem bottom;}
.info_box .health li.ico3 a span:before { background-position: -3rem bottom;}
.info_box .health li.ico4 a span:before { background-position: -4.5rem bottom;}
.info_box .health li.ico5 a span:before { background-position: -6rem bottom;}
.info_box .health li.ico6 a span:before { background-position: -7.5rem bottom;}
.info_box .health li.ico1 a:hover span:before { background-position: 0 top;}
.info_box .health li.ico2 a:hover span:before { background-position: -1.5rem top;}
.info_box .health li.ico3 a:hover span:before { background-position: -3rem top;}
.info_box .health li.ico4 a:hover span:before { background-position: -4.5rem top;}
.info_box .health li.ico5 a:hover span:before { background-position: -6rem top;}
.info_box .health li.ico6 a:hover span:before { background-position: -7.5rem top;}
.info_box .critical:after { content: ""; display: block; clear: both;}
.info_box .critical > li { float: left; padding: 0 .25rem .3rem 0;}
.info_box .critical > li a { display: block; width: 5.5rem; height: 2.3rem; line-height: 2.3rem; text-align: center; font-size:.7rem; letter-spacing:-1px; color:#66768c; border:1px solid #e1e6eb; border-radius: 3px; box-sizing: border-box;}
.info_box .critical > li a:hover,.info_box .critical > li a:focus,.info_box .critical > li a:active { border-color:#21a089; color:#21a089;}
.info_box .critical > li:nth-child(3n) { padding-right: 0;}
/*.info_box .critical > li:last-child a { background: #f5f6fa;}*/
.info_box .critical > li:nth-last-child(1),
.info_box .critical > li:nth-last-child(2),
.info_box .critical > li:nth-last-child(3) { padding-bottom: 0;}

/* 20200709추가_감염병정보탭(접근성) */
.info_box {position:relative;border: 1px solid #e1e6eb;background: #fff;}
.info_box .tabs2{height:260px}
.info_box .tabs2 > ul {border-bottom: 1px solid #e1e6eb;}
.info_box .tabs2 > ul:after{content:"";display:block;clear:both}
.info_box .tabs2 > ul > li {float: left;width: 33.3%;border-left: 1px solid #e1e6eb;box-sizing: border-box;}
.info_box .tabs2 > ul > li:first-child {width: 33.4%;border-left: none;}
.info_box .tabs2 > ul > li > a{display: block; position: relative; height: 2.15rem; background: #f5f6fa; line-height: 2.15rem; text-align: center; font-size: .8em;}
.info_box .tabs2 > ul > li.on > a{background:#fff;color:#043763}
.info_box .tabs2 > ul > li.on > a:before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#fff}
.info_box .tabs2 > ul > li.on > a:after{content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;background:#043763}
.info_box .tabs2 > ul > li > .tab_con{display:none;position:absolute;top:44px;left:0;right:0}

/* 슬라이드3개 */
.slide_zone:after { content: ""; display: block; clear: both;}
.slide_zone article { float:left; position:relative; margin:0 .75rem 0 0; width:383px; height:260px; overflow:hidden;}
.slide_zone article:last-child { margin:0;}
.slide_zone article img {width: 100%;min-height: 13rem;}
.slide_zone .swipe a { overflow: hidden; height: 0; display: block; padding-bottom: 68%;}
.slide_zone article h3 { position:absolute; left:0; top:0; z-index:10; width:100%; height:34px; line-height:34px; background:rgba(0,0,0,0.3); font-size:14px; color:#fff; font-weight:normal; text-indent: .7rem;}
.slide_zone article .more { position: absolute; right: 7px; top:7px; z-index: 10; font-size:0;width:20px; height:20px; border:1px solid #a7b1c1; background-color:#fff; box-sizing:border-box; text-align: center;}
.slide_zone article .more:before {}
/*.slide_zone article.nomore .bx-controls { right:7px;}*/
.slide_zone article .bx-controls { position:absolute; right:30px; top:7px; z-index:10; font-size:0; width:60px; padding:0 20px; box-sizing:border-box;}
.slide_zone article .bx-controls > * { display:inline-block;}
.slide_zone article .bx-controls a { overflow:hidden; display:inline-block; width:20px; height:20px; border:1px solid #a7b1c1; background-color:#fff; box-sizing:border-box;}
.slide_zone article .bx-pager { font-size:14px; color:#fff; position:absolute; left:-100%; top:0; width:50px; text-align:right }
.slide_zone article .slider2 .bx-pager { left:-80% }
.slide_zone article .bx-stop { font-size: 0;}
.slide_zone article .bx-start { background:#000}
.slide_zone article .bx-prev,
.slide_zone article .bx-next { position:absolute; top:0; text-align:center;}
.slide_zone article .more:before,
.slide_zone article .bx-start:before,
.slide_zone article .bx-stop:before,
.slide_zone article .bx-prev:before,
.slide_zone article .bx-next:before { font-size:17px; color:#64676c; font-family:"xeicon"}
.slide_zone article .bx-prev { left:0;}
.slide_zone article .bx-next { right:0;}
.slide_zone article .more:before{ content: "\e914";}
.slide_zone article .bx-start:before{ content: "\ea3e";}
.slide_zone article .bx-stop:before{ content: "\ea3b";}
.slide_zone article .bx-prev:before{ content:"\e93c";}
.slide_zone article .bx-next:before{ content:"\e93f";}


/*코로나 배너 2022-08-08*/
.covid_banner *{box-sizing: border-box; vertical-align: middle;}
.covid_banner {margin-top: 17px; }
.covid_banner ul{width: 100%; display: flex; border:2px solid #20a089; background: #fff;}
.covid_banner ul:after{content:""; display: block; clear: both;}
.covid_banner ul li{width: 19%; display: table; position: relative; }
.covid_banner ul li:nth-child(1),.covid_banner ul li:nth-child(4){width: 21.5%;}
.covid_banner ul li:nth-child(1) a span{ line-height: 100%;}
.covid_banner ul li a{display: table-cell; vertical-align:middle; text-align: center; padding:8px 15px; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(0,0,0,0.2);}
.covid_banner ul li:first-child a{border-left:0px;}
.covid_banner ul li:first-child a span,.covid_banner ul li:nth-child(4) a span{color:#000; font-size: 14px; padding-top:8px;}
.covid_banner ul li:first-child a em{color:#767676; display: inline-block;  margin-left: 4px; }
.covid_banner ul li a:hover span:before,.covid_banner ul li a:focus  span:before,.covid_banner ul li a:active span:before{transform:rotate(360deg);}
.covid_banner ul li a span{display:inline-block; position: relative; margin:0 auto; min-height:60px; padding-top:17px;  letter-spacing:-1px; font-size: 16px; text-align: left; padding-left: 55px;}
.covid_banner ul li a.cov04 span{padding-top:9px;}
.covid_banner ul li a.cov05 span{line-height: 120%; padding-top:12px;}
.covid_banner ul li a span:before{content:""; display: block; transition:all 1s; position: absolute; left:0px; top:50%; margin-top:-22px; width: 44px;  height: 44px;}
.covid_banner ul li a.cov01 span:before{background: url(../img/main/cov_icon1.jpg) no-repeat center center;}
.covid_banner ul li a.cov02 span:before{background: url(../img/main/cov_icon2.jpg) no-repeat center center;}
.covid_banner ul li a.cov03 span:before{background: url(../img/main/cov_icon3.jpg) no-repeat center center;}
.covid_banner ul li a.cov04 span:before{background: url(../img/main/cov_icon4.jpg) no-repeat center center;}
.covid_banner ul li a.cov05 span:before{background: url(../img/main/cov_icon5.jpg) no-repeat center center;}
.covid_banner ul li a em{display: block; font-size: 12px; color:#767676; }
.covid_banner ul li a br{ }

/*코로나 배너 2022-08-08 이전*/
.covid_banner_o *{box-sizing: border-box; vertical-align: middle;}
.covid_banner_o {margin-top: 17px; }
.covid_banner_o ul{width: 100%; display: block; border:2px solid #20a089; background: #fff;}
.covid_banner_o ul:after{content:""; display: block; clear: both;}
.covid_banner_o ul li{float: left; width: 25%; display: table; position: relative; }
.covid_banner_o ul li a{display: table-cell; vertical-align:middle; text-align: center; padding:8px 15px; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(0,0,0,0.2);}
.covid_banner_o ul li:first-child a{border-left:0px;}
.covid_banner_o ul li:first-child a span{color:#000; font-size: 14px; padding-top:8px;}
.covid_banner_o ul li:first-child a em{color:#767676; display: inline-block;  margin-left: 4px; }
.covid_banner_o ul li a:hover span:before,.covid_banner_o ul li a:focus  span:before,.covid_banner_o ul li a:active span:before{transform:rotate(360deg);}
.covid_banner_o ul li a span{display:inline-block; position: relative; margin:0 auto; min-height:60px; padding-top:17px;  letter-spacing:-1px; font-size: 16px; text-align: left; padding-left: 55px;}
.covid_banner_o ul li a.cov04 span{padding-top:9px;}
.covid_banner_o ul li a span:before{content:""; display: block; transition:all 1s; position: absolute; left:0px; top:50%; margin-top:-22px; width: 44px;  height: 44px;}
.covid_banner_o ul li a.cov01 span:before{background: url(../img/main/cov_icon1.jpg) no-repeat center center;}
.covid_banner_o ul li a.cov02 span:before{background: url(../img/main/cov_icon2.jpg) no-repeat center center;}
.covid_banner_o ul li a.cov03 span:before{background: url(../img/main/cov_icon3.jpg) no-repeat center center;}
.covid_banner_o ul li a.cov04 span:before{background: url(../img/main/cov_icon4.jpg) no-repeat center center;}
.covid_banner_o ul li a em{display: block; font-size: 12px; color:#767676; }
.covid_banner_o ul li a br{ }

/* sns소식 */
.sns_box { position:relative; padding: 2.5rem 0 0; height:21.1rem; box-sizing:border-box; background:#fff;}
.sns_box:after { content: ""; position: absolute; left:11rem; top:4.75rem;  width: calc(100% - 17.5rem); height: 1px; background: linear-gradient(to right, #4a75b9, #21a089);}
.sns_box h2 { padding: 0 0 2rem;}
.sns_box .tabs { position: relative; padding: 0 0 0 11rem;}
.sns_box .tabs > ul { position: absolute; left: 0; top: 0;}
.sns_box li { padding:0 0 .6rem 0;}
.sns_box li a { display: block; width:8.9rem; height:2.15rem; line-height: 2.15rem; font-size: .7em; color:#333; border: 1px solid #e1e6eb; text-indent: .65rem;}
.sns_box li a:before { content: ""; display:inline-block; margin: 0 .5rem 0 0;width:1.55rem; height:1.55rem; background:no-repeat 0 0 / contain; vertical-align: middle;}
.sns_box li.ico1 a:before { background-image:url(../img/main/ico_sns1_on.png);}
.sns_box li.ico2 a:before { background-image:url(../img/main/ico_sns2_on.png);}
.sns_box li.ico3 a:before { background-image:url(../img/main/ico_sns3_on.png);}
.sns_box li.ico4 a:before { background-image:url(../img/main/ico_sns4_on.png);}
.sns_box li.on a { border:1px solid; border-image: linear-gradient(to right, #4a75b9, #21a089) 30%; border-color:#21a089; border-bottom-width:2px }
.sns_box li.ico1.on a:before { background-image:url(../img/main/ico_sns1_on.png);}
.sns_box li.ico2.on a:before { background-image:url(../img/main/ico_sns2_on.png);}
.sns_box li.ico3.on a:before { background-image:url(../img/main/ico_sns3_on.png);}
.sns_box li.ico4.on a:before { background-image:url(../img/main/ico_sns4_on.png);}
.sns_box .tab_con { height: 11rem; display:block; position:absolute; z-index:-1; visibility:hidden !important;}
.sns_box .tab_con.on { display:block; position:relative; z-index:10; background:#fff; visibility:visible !important;}
.sns_box .tab_con a { display: block;}
.sns_box .tab_con h3 { padding:0 0 .65rem; font-size:.85em; color:#343639; line-height:1.2rem; font-weight: normal; letter-spacing: -1.5px;}
.sns_box .tab_con span { font-size: .7em; color:#888; line-height: 100%;}
.sns_box .tab_con p { padding: 1.25rem 0 0;font-size:.75em; line-height:1.2rem;  letter-spacing: -1px; color:#888; font-weight: 100; height:100px; overflow:hidden }
.sns_box .tab_con .sns > div {  }
.sns_box .control { position: absolute; right: 0; top: 3.75rem;}
.sns_box .control a { display: inline-block; width: 2.1rem; height: 2.1rem; border:1px solid #e1e6eb; box-sizing: border-box; color:#525252; font-size: 0; text-align:center; line-height: 2rem;}
.sns_box .control a:hover { background: #0f9ca6; border-color: #0f9ca6; color:#fff;}
.sns_box .control a:first-child:before { content: "\e908"; font-family: 'xeicon'; font-size: 1rem;}
.sns_box .control a:last-child:before { content: "\e90b"; font-family: 'xeicon';font-size: 1rem;}
.sns_box .bx-controls { display: none;}
.sns_box .youtube div { overflow:hidden; width:100%;}
.sns_box .youtube div img {width:100%;}
.sns_box .youtube h3 { padding:.75rem 0 .5rem; font-size:.75rem; color:#333; line-height:1.1rem;}
.sns_box .youtube span { font-size:.65rem; color:#555; line-height:100%;}
.sns_box .bx-viewport::after{content:"";display:block;width:50px;height:100%;background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);position:absolute;right:0;top:0;}
/* 보고용css
.sns_box .tab_con.no2,
.sns_box .tab_con.no3,
.sns_box .tab_con.no4 { height:11rem;}
.sns_box .tab_con.no2 .bx-wrapper,
.sns_box .tab_con.no2 .bx-viewport,
.sns_box .tab_con.no2 .sns.no2,
.sns_box .tab_con.no3 .bx-wrapper,
.sns_box .tab_con.no3 .bx-viewport,
.sns_box .tab_con.no3 .sns.no3,
.sns_box .tab_con.no4 .bx-wrapper,
.sns_box .tab_con.no4 .bx-viewport,
.sns_box .tab_con.no4 .sns.no4 { height:11rem !important;}
.sns_box .tab_con.no2 .sns.no2 > div,
.sns_box .tab_con.no3 .sns.no3 > div,
.sns_box .tab_con.no4 .sns.no4 > div { width:200px !important;}
보고용css */

/* 20201103_추가 만성질환 건강통계 */
.statistics_link{max-height:10.2rem;overflow:hidden;position:relative;padding:2.1rem 4.25rem 2.1rem 11rem;background:#fff}
.statistics_link h2{position:absolute;left:3.45rem;top:2.3rem;width:125px;height:92px;background:url(../img/main/h2_stat.png) no-repeat}
.statistics_link .stat_slide{overflow:hidden}
.statistics_link .stat_slide ul:after{content:"";display:block;clear:both}
.statistics_link .stat_slide ul li{float:left}
.statistics_link .stat_slide ul li ul li{width:16.665%;padding:0 0.3rem;box-sizing:border-box}
.statistics_link .stat_slide ul li ul li a strong{display:block;text-align:center;font-size:0.75rem;line-height:1rem;font-weight:normal;color:#555;letter-spacing:-0.05rem}
.statistics_link .stat_slide ul li ul li a:hover strong{color:#043763;font-weight:600}
.statistics_link .stat_slide .bx-wrapper{position:static !important;}
.statistics_link .stat_slide .bx-wrapper .bx-viewport{position:static}
.statistics_link .stat_slide .bx-wrapper .bx-controls{position:absolute;right:0;top:3.55rem}
.statistics_link .stat_slide .bx-wrapper .bx-controls:after{content:"";display:block;clear:both}
.statistics_link .stat_slide .bx-wrapper .bx-controls a{margin-left:0.5rem;float:left;display:block;width:1.6rem;height:1.6rem;line-height:1.6rem;background:#f5f6fa;border-radius:50%;color:#888;text-align:center;}
.statistics_link .stat_slide .bx-wrapper .bx-controls a:first-child{margin-left:0}
.statistics_link .stat_slide .bx-wrapper .bx-controls a:hover{color:#fff;background:#32ae98}
.statistics_link .stat_slide .bx-wrapper .bx-controls a:before{font-family:"xeicon";font-size:0.9rem}
.statistics_link .stat_slide .bx-wrapper .bx-controls a.bx-prev:before{content:"\e906"}
.statistics_link .stat_slide .bx-wrapper .bx-controls a.bx-next:before{content:"\e907"}
.statistics_link .stat_slide ul li ul li a:before{content:"";display:block;width:70px;height:70px;margin:0 auto .5rem;background:url(../img/main/icon_stat_sprite.png)}
.statistics_link .stat_slide ul li ul li.ico1 a:before{background-position:0 0}
.statistics_link .stat_slide ul li ul li.ico2 a:before{background-position:-80px 0}
.statistics_link .stat_slide ul li ul li.ico3 a:before{background-position:-160px 0}
.statistics_link .stat_slide ul li ul li.ico4 a:before{background-position:-240px 0}
.statistics_link .stat_slide ul li ul li.ico5 a:before{background-position:-320px 0}
.statistics_link .stat_slide ul li ul li.ico6 a:before{background-position:-400px 0}
.statistics_link .stat_slide ul li ul li.ico7 a:before{background-position:-480px 0}
.statistics_link .stat_slide ul li ul li.ico8 a:before{background-position:-560px 0}
.statistics_link .stat_slide ul li ul li.ico9 a:before{background-position:-560px 0}
.statistics_link .stat_slide ul li ul li.ico10 a:before{background-position:-640px 0}
.statistics_link .stat_slide ul li ul li.ico11 a:before{background-position:-640px 0}
.statistics_link .stat_slide ul li ul li.ico12 a:before{background-position:-720px 0}
.statistics_link .stat_slide ul li ul li.ico13 a:before{background-position:-800px 0}
.statistics_link .stat_slide ul li ul li.ico14 a:before{background-position:-880px 0}
.statistics_link .stat_slide ul li ul li.ico15 a:before{background-position:-960px 0}
.statistics_link .stat_slide ul li ul li.ico16 a:before{background-position:-1040px 0}
.statistics_link .stat_slide ul li ul li.ico17 a:before{background-position:-1120px 0}
.statistics_link .stat_slide ul li ul li.ico18 a:before{background-position:-1120px 0}
.statistics_link .stat_slide ul li ul li.ico19 a:before{background-position:-640px 0}
.statistics_link .stat_slide ul li ul li.ico20 a:before{background-position:-1200px 0}
.statistics_link .stat_slide ul li ul li.ico21 a:before{background-position:-1280px 0}
.statistics_link .stat_slide ul li ul li.ico22 a:before{background-position:-1360px 0}
.statistics_link .stat_slide ul li ul li.ico23 a:before{background-position:-1440px 0}
.statistics_link .stat_slide ul li ul li.ico24 a:before{background-position:-1520px 0}
.statistics_link .stat_slide ul li ul li.ico25 a:before{background-position:-1600px 0}
.statistics_link .stat_slide ul li ul li.ico26 a:before{background-position:-1600px 0}
.statistics_link .stat_slide ul li ul li.ico27 a:before{background-position:-1680px 0}
.statistics_link .stat_slide ul li ul li.ico28 a:before{background-position:-1760px 0}
.statistics_link .stat_slide ul li ul li.ico29 a:before{background-position:-1840px 0}
.statistics_link .stat_slide ul li ul li.ico30 a:before{background-position:-1920px 0}
.statistics_link .stat_slide ul li ul li.ico31 a:before{background-position:-2000px 0}
.statistics_link .stat_slide ul li ul li.ico32 a:before{background-position:-2080px 0}
.statistics_link .stat_slide ul li ul li.ico33 a:before{background-position:-2160px 0}
.statistics_link .stat_slide ul li ul li.ico34 a:before{background-position:-2240px 0}
.statistics_link .stat_slide ul li ul li.ico35 a:before{background-position:-2320px 0}
.statistics_link .stat_slide ul li ul li.ico36 a:before{background-position:-2400px 0}
.statistics_link .stat_slide ul li ul li.ico37 a:before{background-position:-2480px 0}
.statistics_link .stat_slide ul li ul li.ico38 a:before{background-position:-2560px 0}
.statistics_link .stat_slide ul li ul li.ico39 a:before{background-position:-2640px 0}
.statistics_link .stat_slide ul li ul li.ico40 a:before{background-position:-2560px 0}
.statistics_link .stat_slide ul li ul li.ico41 a:before{background-position:-1280px 0}
.statistics_link .stat_slide ul li ul li.ico42 a:before{background-position:-1280px 0}
.statistics_link .stat_slide ul li ul li.ico43 a:before{background-position:-2560px 0}
.statistics_link .stat_slide ul li ul li.ico44 a:before{background-position:-2720px 0}
.statistics_link .stat_slide ul li ul li.ico45 a:before{background-position:-2720px 0}
.statistics_link .stat_slide ul li ul li.ico46 a:before{background-position:-2720px 0}

.statistics_link .stat_slide ul li ul li.ico1 a:hover:before,.statistics_link .stat_slide ul li ul li.ico1 a:focus:before{background-position:0 bottom}
.statistics_link .stat_slide ul li ul li.ico2 a:hover:before,.statistics_link .stat_slide ul li ul li.ico2 a:focus:before{background-position:-80px bottom}
.statistics_link .stat_slide ul li ul li.ico3 a:hover:before,.statistics_link .stat_slide ul li ul li.ico3 a:focus:before{background-position:-160px bottom}
.statistics_link .stat_slide ul li ul li.ico4 a:hover:before,.statistics_link .stat_slide ul li ul li.ico4 a:focus:before{background-position:-240px bottom}
.statistics_link .stat_slide ul li ul li.ico5 a:hover:before,.statistics_link .stat_slide ul li ul li.ico5 a:focus:before{background-position:-320px bottom}
.statistics_link .stat_slide ul li ul li.ico6 a:hover:before,.statistics_link .stat_slide ul li ul li.ico6 a:focus:before{background-position:-400px bottom}
.statistics_link .stat_slide ul li ul li.ico7 a:hover:before,.statistics_link .stat_slide ul li ul li.ico7 a:focus:before{background-position:-480px bottom}
.statistics_link .stat_slide ul li ul li.ico8 a:hover:before,.statistics_link .stat_slide ul li ul li.ico8 a:focus:before{background-position:-560px bottom}
.statistics_link .stat_slide ul li ul li.ico9 a:hover:before,.statistics_link .stat_slide ul li ul li.ico9 a:focus:before{background-position:-560px bottom}
.statistics_link .stat_slide ul li ul li.ico10 a:hover:before,.statistics_link .stat_slide ul li ul li.ico10 a:focus:before{background-position:-640px bottom}
.statistics_link .stat_slide ul li ul li.ico11 a:hover:before,.statistics_link .stat_slide ul li ul li.ico11 a:focus:before{background-position:-640px bottom}
.statistics_link .stat_slide ul li ul li.ico12 a:hover:before,.statistics_link .stat_slide ul li ul li.ico12 a:focus:before{background-position:-720px bottom}
.statistics_link .stat_slide ul li ul li.ico13 a:hover:before,.statistics_link .stat_slide ul li ul li.ico13 a:focus:before{background-position:-800px bottom}
.statistics_link .stat_slide ul li ul li.ico14 a:hover:before,.statistics_link .stat_slide ul li ul li.ico14 a:focus:before{background-position:-880px bottom}
.statistics_link .stat_slide ul li ul li.ico15 a:hover:before,.statistics_link .stat_slide ul li ul li.ico15 a:focus:before{background-position:-960px bottom}
.statistics_link .stat_slide ul li ul li.ico16 a:hover:before,.statistics_link .stat_slide ul li ul li.ico16 a:focus:before{background-position:-1040px bottom}
.statistics_link .stat_slide ul li ul li.ico17 a:hover:before,.statistics_link .stat_slide ul li ul li.ico17 a:focus:before{background-position:-1120px bottom}
.statistics_link .stat_slide ul li ul li.ico18 a:hover:before,.statistics_link .stat_slide ul li ul li.ico18 a:focus:before{background-position:-1120px bottom}
.statistics_link .stat_slide ul li ul li.ico19 a:hover:before,.statistics_link .stat_slide ul li ul li.ico19 a:focus:before{background-position:-640px bottom}
.statistics_link .stat_slide ul li ul li.ico20 a:hover:before,.statistics_link .stat_slide ul li ul li.ico20 a:focus:before{background-position:-1200px bottom}
.statistics_link .stat_slide ul li ul li.ico21 a:hover:before,.statistics_link .stat_slide ul li ul li.ico21 a:focus:before{background-position:-1280px bottom}
.statistics_link .stat_slide ul li ul li.ico22 a:hover:before,.statistics_link .stat_slide ul li ul li.ico23 a:focus:before{background-position:-1360px bottom}
.statistics_link .stat_slide ul li ul li.ico23 a:hover:before,.statistics_link .stat_slide ul li ul li.ico24 a:focus:before{background-position:-1440px bottom}
.statistics_link .stat_slide ul li ul li.ico24 a:hover:before,.statistics_link .stat_slide ul li ul li.ico25 a:focus:before{background-position:-1520px bottom}
.statistics_link .stat_slide ul li ul li.ico25 a:hover:before,.statistics_link .stat_slide ul li ul li.ico26 a:focus:before{background-position:-1600px bottom}
.statistics_link .stat_slide ul li ul li.ico26 a:hover:before,.statistics_link .stat_slide ul li ul li.ico27 a:focus:before{background-position:-1600px bottom}
.statistics_link .stat_slide ul li ul li.ico27 a:hover:before,.statistics_link .stat_slide ul li ul li.ico28 a:focus:before{background-position:-1680px bottom}
.statistics_link .stat_slide ul li ul li.ico28 a:hover:before,.statistics_link .stat_slide ul li ul li.ico29 a:focus:before{background-position:-1760px bottom}
.statistics_link .stat_slide ul li ul li.ico29 a:hover:before,.statistics_link .stat_slide ul li ul li.ico30 a:focus:before{background-position:-1840px bottom}
.statistics_link .stat_slide ul li ul li.ico30 a:hover:before,.statistics_link .stat_slide ul li ul li.ico31 a:focus:before{background-position:-1920px bottom}
.statistics_link .stat_slide ul li ul li.ico31 a:hover:before,.statistics_link .stat_slide ul li ul li.ico32 a:focus:before{background-position:-2000px bottom}
.statistics_link .stat_slide ul li ul li.ico32 a:hover:before,.statistics_link .stat_slide ul li ul li.ico33 a:focus:before{background-position:-2080px bottom}
.statistics_link .stat_slide ul li ul li.ico33 a:hover:before,.statistics_link .stat_slide ul li ul li.ico34 a:focus:before{background-position:-2160px bottom}
.statistics_link .stat_slide ul li ul li.ico34 a:hover:before,.statistics_link .stat_slide ul li ul li.ico35 a:focus:before{background-position:-2240px bottom}
.statistics_link .stat_slide ul li ul li.ico35 a:hover:before,.statistics_link .stat_slide ul li ul li.ico36 a:focus:before{background-position:-2320px bottom}
.statistics_link .stat_slide ul li ul li.ico36 a:hover:before,.statistics_link .stat_slide ul li ul li.ico37 a:focus:before{background-position:-2400px bottom}
.statistics_link .stat_slide ul li ul li.ico37 a:hover:before,.statistics_link .stat_slide ul li ul li.ico38 a:focus:before{background-position:-2480px bottom}
.statistics_link .stat_slide ul li ul li.ico38 a:hover:before,.statistics_link .stat_slide ul li ul li.ico39 a:focus:before{background-position:-2560px bottom}
.statistics_link .stat_slide ul li ul li.ico39 a:hover:before,.statistics_link .stat_slide ul li ul li.ico40 a:focus:before{background-position:-2640px bottom}
.statistics_link .stat_slide ul li ul li.ico40 a:hover:before,.statistics_link .stat_slide ul li ul li.ico41 a:focus:before{background-position:-2560px bottom}
.statistics_link .stat_slide ul li ul li.ico41 a:hover:before,.statistics_link .stat_slide ul li ul li.ico42 a:focus:before{background-position:-1280px bottom}
.statistics_link .stat_slide ul li ul li.ico42 a:hover:before,.statistics_link .stat_slide ul li ul li.ico43 a:focus:before{background-position:-1280px bottom}
.statistics_link .stat_slide ul li ul li.ico43 a:hover:before,.statistics_link .stat_slide ul li ul li.ico44 a:focus:before{background-position:-2560px bottom}
.statistics_link .stat_slide ul li ul li.ico44 a:hover:before,.statistics_link .stat_slide ul li ul li.ico45 a:focus:before{background-position:-2720px bottom}
.statistics_link .stat_slide ul li ul li.ico45 a:hover:before,.statistics_link .stat_slide ul li ul li.ico46 a:focus:before{background-position:-2720px bottom}
.statistics_link .stat_slide ul li ul li.ico46 a:hover:before,.statistics_link .stat_slide ul li ul li.ico47 a:focus:before{background-position:-2720px bottom}

/* 본문하단광고 */
.btm_ad { padding: 2.5rem 0;background: #f5f6fa;}
.btm_ad:after { content: ""; display: block; clear: both;}
.btm_ad > div{ margin:0 auto; width:1180px;}
.btm_ad li { float: left; width: 283px;}
.btm_ad li ~ li { padding-left: 16px;}
.btm_ad li a { display: block; padding: 0 0 .9rem; background: #fff; border-bottom: 2px solid #d3d8dd; font-size: .75rem; color:#777; text-align: center; line-height: 100%;}
.btm_ad li a span { display:block; height:180px; overflow:hidden;}
.btm_ad li a span img { transition:all .3s;}
.btm_ad li a:hover span img { transform:scale(1.1);}
.btm_ad li a:hover{ border-bottom-color: #21a089;}
.btm_ad li strong { display: block; padding: .9rem 0 .35rem; font-size: 1.1em; color:#343639;}

@media screen and ( max-width:1200px){
[id^="layerPopup"] .layer_popup_wrap { padding: 0 5rem }
.col2 > *:first-child,
.col2 > *:last-child { float:none; width:inherit;}
.main_visual > div { margin: 0; width: 100%; }
.main_visual .ad { margin:0 .75rem; }
.main_visual .ad li a span { height:auto;}
main { padding: 0; font-size: 16px }
main .right,
.slide_zone { float: none; width: 100%;}
.news { height: auto; padding:.5rem 1.1rem; margin: 0 1.25rem 1.25rem; width: calc(100% - 2.5rem) }
.news .tabs > ul { border: none;}
.news .tabs > ul li a span { display: none;}
.news .tab_con { padding: .78rem 0 0 ;}
.news .tab_con > a {width:100%; float:none }
.news .tab_con > a h2 { font-size: 15px }
.news .tab_con > a span { position:static; }
.news .tab_con > a.more > span { position:absolute }
.news .tab_con ul { float: none; padding: 0;width: 100%; margin:0;}
.news .tab_con li { padding: 0; border-bottom:1px solid #eaeef3;}
.news .tab_con li:last-child { border-bottom: none;}
.news .tab_con li:before { display: none;}
/*.news .tab_con li a:after { content: "\e93f"; position: absolute; right: 0; top: 50%; font-family: 'xeicon'; font-size: .8125rem;  transform: translateY(-50%); color:#b9c2cf;}*/
.news .tab_con > .more { display:block }
.news .tab_con > .more { font-size: 0; top: 1.5rem; right: 1rem; }
.news .tab_con > .more:after { font-size: 1rem;}
.slide_zone { padding: 0 .5rem; box-sizing: border-box;}
.slide_zone .btm { margin: 0 1.25rem 1.25rem; width: calc(100% - 2.5rem);}
.slide_zone .btm:after { content: ""; display: block; clear: both;}
.slide_zone article { height: auto; width:31%; margin: 0 1.15% !important;}
.slide_zone article img {width: 100%;min-height: auto;}
.slide_zone article h3 { position: static; background:#f5f6fa; color:#343639; text-indent: .5rem; width: auto; border: 1px solid #e1e6eb;}
.slide_zone article .bx-pager {color:#343639;}
.slide_zone article .more { top: 9px;}
main .right { padding: 0 1.25rem 1.875rem; box-sizing: border-box;}
.slide_zone article .bx-controls { top: -27px;}
.quick_link { margin-left: 1.25rem; margin-right: 1.25rem; padding: .5rem 0 0;}
.quick_link ul { padding: .5rem .5rem 0; box-sizing: border-box; }
.quick_link li { padding: 0 0 1rem;}
.quick_link h2 { font-size: 1em; color:#343639; left:2rem; text-align:left; }
.quick_link h2 img { display: none;}
.quick_link > a { top:1.5rem; transform: translateY(0);}
.quick_link > a:after { content: "\e913"; color:#b9c2cf; background: none;}
.info_box { margin: 0 1.25rem; width: calc(100% - 2.5rem);}
.info_box .tab_con { height: auto; padding: 1.5rem;}
.info_box .health li { width: 16.6%;}
.info_box .list li:nth-child(7n) { padding-right: 4px;}
.info_box .health li a span:before { background-size: 9rem auto;}
.info_box .critical > li:nth-child(3n) { padding-right: .3rem;}
.sns_box { margin: 0 1.25rem; padding-top:1rem; height: 22rem }
.sns_box > a { display: none;}
.sns_box .tab_con a { padding-top:1rem }
.btm_ad > div { margin: 0; width: 100%; padding: 0 .625rem; box-sizing: border-box;}
.btm_ad li { width:calc(25% - 20px); padding: 0 10px;}
.btm_ad li ~ li { padding-left: 10px;}
.btm_ad li img { width: 100%;}
.btm_ad li a span { height:auto;}
.top10.fixed { right: 14rem; transform: none; }
.top10 .bx:after { content: ""; display: block; clear: both;}
.top10 .bx h2 { height: 3rem; border-bottom: 1px solid #e1e6eb; line-height: 3rem; color:#043763; font-size: .875rem; text-align: center;}
.top10 .bx li a { color:#adadae; font-size: .875rem; line-height: 2.375rem;}
.top10 .bx li a:hover { color:#043763;}
.top10 .bx li span { display: inline-block; width: 1.4rem; font-style: italic;}

/* 20200709추가_메인탭메뉴 수정(웹접근성) */
.news .tabs2{height: 500px;}
.news .tabs2 > ul { border: none;}
.news .tabs2 > ul > li > a > span { display: none;}
.news .tabs2 .tab_con {padding: .78rem 1.1rem 0;}
.news .tabs2 .tab_con > a {width:100%; float:none }
.news .tabs2 .tab_con > a h2 { font-size: 15px }
.news .tabs2 .tab_con > a span { position:static; }
.news .tabs2 .tab_con > a.more > span { position:absolute }
.news .tabs2 .tab_con ul { float: none; padding: 0;width: 100%; margin:0;}
.news .tabs2 .tab_con li { padding: 0; border-bottom:1px solid #eaeef3;}
.news .tabs2 .tab_con li:last-child { border-bottom: none;}
.news .tabs2 .tab_con li:before { display: none;}
.news .tabs2 .tab_con li a { position: relative; line-height: 2.43rem; box-sizing:border-box;}
.news .tabs2 .tab_con > .more { display:block }
.news .tabs2 .tab_con > .more {font-size: 0;right: 1rem;}
.news .tabs2 .tab_con > .more:after { font-size: 1rem; position:relative; top:-2px; right:0;}

.info_box .tabs2 > ul > li > .tab_con{top: 34px;}



/* 20201103추가_만성질환건강통계 */
.statistics_link{margin:0 1.25rem;padding:1.5rem 0;max-height:inherit}
.statistics_link h2{margin-bottom:0.5rem;position:static;width:159px;height:53px;background:url(../img/main/h2_stat_mo.png) no-repeat}
.statistics_link .stat_slide ul li ul li{margin-top:1rem}
.statistics_link .stat_slide .bx-wrapper .bx-controls{top:2.8rem}
}
@media screen and ( max-width:1115px){
	.covid_banner ul li a.cov04 span{font-size: 14px; }
	.covid_banner ul li:first-child a em{margin: 0px; display: block;}
	.covid_banner ul li:first-child a br{display: none;}
	.covid_banner ul li:first-child a span{padding-top:0px; }
	
	.covid_banner_o ul li a.cov04 span{font-size: 14px; }
    .covid_banner_o ul li:first-child a em{margin: 0px; display: block;}
    .covid_banner_o ul li:first-child a br{display: none;}
    .covid_banner_o ul li:first-child a span{padding-top:0px; }
}

@media screen and (max-width: 1024px){
	/* 2020.02.19 SY,CHo SNS 추가 */
	.sns_box02 {padding:.5rem 2.5rem 2.5rem 2.5rem;}
	.sns_float_left,
	.sns_float_right {width: 100%;}
	.sns_float_right {margin-top: 1rem;}
	.sns_float_right li {width: 25%;}
	.covid_banner ul{flex-wrap: wrap;}
	.covid_banner ul li{width: 50% !important; border-bottom: 1px solid #ccc; }
	.covid_banner ul li:nth-child(5){width:100% !important; }
	.covid_banner ul li:nth-child(5) br{display: none;}
	.covid_banner ul li:nth-child(5) a span{padding-top: 20px;}
	.covid_banner ul li:nth-child(1) a span{padding-top: 7px;}
	.iframeWrap{height: 300px; overflow: hidden;}
}

@media screen and ( max-width:1004px){
	.covid_banner ul li:first-child a br{display: block;}
	.covid_banner ul li:first-child a span{padding-top: 15px; }
	.covid_banner ul li:first-child a em{display: inline-block; margin-left: 3px; }
	
	.covid_banner_o ul li:first-child a br{display: block;}
    .covid_banner_o ul li:first-child a span{padding-top: 8px; }
    .covid_banner_o ul li:first-child a em{display: inline-block; margin-left: 3px; }
    
	[id^="layerPopup"] { top: 65px!important; }
	[id^="layerPopup"] { left: 50%!important; max-width:100%; }
	
}

/*20220308 주요배너 탭 겹침 수정*/
@media screen and (min-width:769px) and (max-width:1004px){
	#bx-pager a{width: 50% !important; border-bottom:1px solid #bbb !important; }
	
	.covid_banner ul li{width: 50%; border-bottom:1px solid #ccc;}
	.covid_banner ul li a{padding: 2px 15px;}
	
	.covid_banner_o ul li{width: 50%; border-bottom:1px solid #ccc;}
    .covid_banner_o ul li a{padding: 2px 15px;}
}

@media screen and ( max-width:768px){
	.covid_banner ul li{width: 100% !important; border-bottom:1px solid #ccc; }
	.covid_banner ul li a{text-align: left; padding: 1px 15px;}
	.covid_banner ul li:first-child a span{padding-top:10px; font-size: 16px;}
	.covid_banner ul li:first-child a em{display: inline-block; font-size: 14px; margin-left: 5px; position: relative; top:-2px;}
	.covid_banner ul li a.cov04 span{font-size: 16px;}
	.covid_banner ul li a br{display: block;}
	
	.covid_banner_o ul li{width: 100%; border-bottom:1px solid #ccc; }
    .covid_banner_o ul li a{text-align: left; padding: 1px 15px;}
    .covid_banner_o ul li:first-child a span{padding-top: 4px; font-size: 16px;}
    .covid_banner_o ul li:first-child a em{display: inline-block; font-size: 14px; margin-left: 5px; position: relative; top:-2px;}
    .covid_banner_o ul li a.cov04 span{font-size: 16px;}
    .covid_banner_o ul li a br{display: block;}
    
	[id^="layerPopup"] .layer_popup_wrap { padding: 0 .5rem }
	
    .main_visual .ad { display:block; padding:1.43rem 1rem 0; margin:0 }
    .main_visual .ad:after { content: ""; display: block; clear: both;}
    .main_visual .ad li.w25 { flex:none; float:left; width: calc(50% - 10px) !important; margin: 0 5px 20px; padding:0 !important;}
    .main_visual .ad li.w33 { flex:none; float:left; width: calc(33.3% - 10px) !important; margin: 0 5px 20px; padding:0 !important;}
    .main_visual .ad li.w100 { width:calc(100% - 20px) !important;}
    .news .tabs > ul li a { font-size: .9em; }

    .info_box .list a { width:2.7rem }
    .info_box .tag a { font-size: 12px }
    .btm_ad { padding: 1.25rem 1.25rem 0; }
    .btm_ad > div { padding:0; }
    .btm_ad ul { margin:0 -5px; }
    .btm_ad li { padding:0 5px 10px !important; width: calc(50% - 10px)}
    .btm_ad li a { letter-spacing: -.5px; }
    .slide_zone article .bx-pager { display: none }

    .main_visual {padding:0 0 0.5rem;}
    .mobile_br {display: block !important;}

    #container {position:relative;}
    .box-area {position:relative; width:100%;}
    .box-area .col2 {position:absolute; top:0; left:0; width:calc(100% - 1.25rem);}
    .box-area .quick_link {position:absolute; top:43.2rem; left:0; width:calc(100% - 2.5rem);}
    .box-area .slide_zone {padding-top:55rem;}
    /*.main_visual .ad li a img {display:none;}*/

    /* 메인상단 서브비주얼&텍스트 영역 두줄로 표현시 */
    .main_visual .bookmark ul > li > a {min-height:40px;}
    .main_visual .ad li a em {min-height:42px; margin:0.5rem; }
    .main_visual .ad li a em.m-center{line-height: 38px;}

    /* 20200709_메인 최신글 탭메뉴(웹접근성) */
    .news .tabs2 > ul > li > a{font-size:.9rem}
    .news .tabs2 .tab_con .ellipsis{max-width:91.9%}
}
@media screen and (min-width:551px) and (max-width:768px){
	.box-area .slide_zone{padding-top: 47rem;}
	.box-area .quick_link{top: 41.2rem;}
}
@media screen and (max-width:640px){
    .statistics_link .stat_slide ul li ul li{width:33.3%}
}
@media screen and ( max-width:550px){
  .iframeWrap{height: 280px;} 
  .quick_link h2 { top: 1rem;}
  .quick_link > a { top: .5rem; right: 1rem; }
  .quick_link ul { display:block; height: auto; padding:0 0 .5rem 0;}
  .quick_link ul:after { content: ""; display: block; clear: both;}
  .quick_link li { float:left; width: 33.3%;}
  .info_box .health li { width: 33.3%;}
  .info_box .tab_con { padding: 1rem;}
  .info_box .critical > li { width:calc(33% - 0.3rem);}
  .info_box .critical > li a { width: 100%;}
  .slide_zone { padding: 0; }
  .slide_zone article { float: none; width: 100%; padding: 0 1.25rem 1.875rem; box-sizing: border-box; margin: 0 !important;}
  .slide_zone article .more { right: 1.5rem;}
  .slide_zone article .bx-controls { right: 2.5rem;}
  .slide_zone article .bx-pager { display: block }
  .sns_box { height:auto; padding:2.5rem 0 1rem;}
  .sns_box h2  { font-size:1.06rem; color:#343639; padding-bottom:1.5rem; }
  .sns_box h2 img {display:none}
  .sns_box:after { display: none;}
  .sns_box .control { top: .8rem;}
  .sns_box .tabs { padding: 0;}
  .sns_box .tabs > ul { position: static; display: flex; margin:0 0 1rem;}
  .sns_box .tab_con { height:auto;}
  .sns_box li { padding: 0; flex:1;}
  .sns_box li a { width: 100%; text-indent: 0; text-align: center; border-left-color:#fff;}
  .sns_box li:first-child a { border-left-color:#e1e6eb}
  .sns_box li.on a { position: relative; z-index: 3;}

  .main_visual .top_visual .pc {display:block;}
  .main_visual .top_visual .mob {display:none;}
  .mo-g{display: none;}
}

@media screen and (max-width:400px){
	/* iPhone 6/7/8/X  375px */
	.box-area .quick_link {top: 45rem;}
	.box-area .slide_zone {padding-top: 55rem;}
	.news .tabs2 .tab_con .ellipsis{max-width:88%}
	.news .tabs2 > ul > li{padding: 0 .25rem;}
	.news .tabs2 > ul > li > a{font-size: .84rem;}
	.news .tabs2 .tab_con > a h2{font-size: .85rem;}
	
}
@media screen and (max-width:360px){
	.news .tabs2 .tab_con ul li a{width:100%;display:block;padding-right:0}
	.news .tabs2 .tab_con ul li .xi-new{position:absolute;top:50%;transform:translateY(-50%)}
	.news .tabs2 .tab_con .ellipsis{max-width:93%}
	.info_box .list a{width:32px;}
	.info_box .tag{padding:10px 0 0}
}
@media screen and (max-width:350px){
	.box-area .quick_link{top:44rem}
	.box-area .slide_zone{padding-top:54rem}
	.news .tabs2 > ul > li{padding: 0 .2rem;}
	.news .tabs2 > ul > li > a{font-size: .80rem;}
}
@media screen and (max-width:323px){
	.info_box .tab_con{padding:1rem .8rem}
	.news .tabs2 > ul > li{padding: 0 .2rem;}
	.news .tabs2 > ul > li > a{font-size: .85rem;}
}
@media screen and (max-width:320px){
	main { font-size:14px }
	.box-area .quick_link{top:46rem}
	.box-area .slide_zone{padding-top:57rem}
}

@media screen and (max-width:340px){
  /* 메인상단 서브비주얼&텍스트 영역 두줄로 표현시 */
  .main_visual .bookmark ul > li > a {min-height:40px;}
  .main_visual .ad li a em {margin:0.5rem; }/*min-height:60px; */
}



/* 2020.02.19 SY,CHo SNS 추가 */
.sns_box02 {padding: 1rem 0rem 2rem 1rem; width: 100%; max-width: 1180px; box-sizing: border-box; background:#fff; overflow: hidden;}
.sns_box02 * {box-sizing: border-box;}
.sns_box02 h2 {padding: 0 0 1rem;}
.sns_float {overflow: hidden;}
.sns_float_left {float: left;width: calc(100% - 640px);line-height: 1.5;font-size: 0.75rem;color: #999;}
.sns_float_left .line01 {margin-bottom: 1rem; font-size: 1.2rem; color: #333;}
.sns_float_left .line01 span {position: relative; display: inline-block; z-index: 1;}
.sns_float_left .line01 span:before {position: absolute;bottom: 0px;/* left: -5px; */width: 100%;height: 0.7rem;background: #ffd02b;content: "";z-index: -1;}
.sns_float_right {float: left;width: 640px;overflow: hidden;}
.sns_float_right li {float: left;padding: 0 1.5rem;text-align: center;}
.sns_float_right a {display: inline-block;width: 100px;height: 100px;background: url('../img/main/ico_sns_link.png');border-radius: 50%;overflow: hidden;/* transition: .25s; *//* -webkit-transition: .25s; */}
.sns_float_right a.facebook {background-position: 0 top;}
.sns_float_right a.twitter {background-position: -110px top;}
.sns_float_right a.naverpost {background-position: -220px top;}
.sns_float_right a.youtube {background-position: -330px top;}
.sns_float_right a.facebook:hover {background-position: 0px bottom;}
.sns_float_right a.twitter:hover {background-position: -110px bottom;}
.sns_float_right a.naverpost:hover {background-position: -220px bottom;}
.sns_float_right a.youtube:hover {background-position: -330px bottom;}



@media screen and (max-width: 600px){
	/* 2020.02.19 SY,CHo SNS 추가 */
	.sns_box02 {padding:.5rem 2.5rem 2.5rem 2.5rem;}
	.sns_float_right li {margin: 1rem 0; width: 50%;}
}


/*2021.02.23 메인 코로나19지침 추가
@media screen and ( max-width:450px){         
	.news{position: relative; padding: .5rem .8rem; }
	.news .tabs2 > ul > li{padding: 0 .40rem; }
	.news .tabs2 .tab_con {padding-bottom: 30px;}
	.news .tabs2 .tab_con > .more{position: absolute; box-sizing:border-box; bottom:-10px; left:0px; width: 100%; color:#66768c; border:1px solid #e1e6eb; border-left:0px; border-right:0px; background-color:#f5f6fa; top:auto; text-align: center; padding: 7px; font-size: 12px;}
	.news .tabs2 .tab_con > .more:after{margin-left: 5px;}
}

@media all and (min-width:340px) and (max-width:360px){
	.news .tabs2 > ul > li{padding: 0 .35rem;}
}
@media all and (min-width:327px) and (max-width:339px){
	.news{padding: .5rem .5rem;}
	.news .tabs2 > ul > li{padding: 0 .32rem; }
	.news .tabs2 > ul > li > a{font-size: .80rem;}
}
@media all and (min-width:321px) and (max-width:326px){
	.news .tabs2 > ul > li{padding: 0 .21rem; }
	.news .tabs2 > ul > li > a{font-size: .80rem; }
}*/


.sw1:after{content:""; display: block; clear:both; }
.float-img{float: left; max-width:50%;}

 .pc-img{display: block;}
 .mo-img{display: none;}
.main-slide {position: relative;}
.main-slide .bx-stop,.main-slide .bx-start{z-index:999; cursor:pointer; position:relative; display: block !important; opacity:1;}
.main-slide .bx-stop.active,.main-slide .bx-start.active{opacity: 0.4;}
.main-slide .bx-stop{background:url(../img/main/main_slide_stop.png) no-repeat center center; border:0px; font-size:0px; display:block; position:absolute; z-index:19; width:17px; height:17px; left: 163px;  bottom: 21px; cursor:pointer;}
.main-slide .bx-start{background:url(../img/main/main_slide_play.png) no-repeat center center; border:0px; font-size:0px; display:block; position:absolute; z-index:19; width:17px; height:17px; left: 143px;  bottom: 21px; cursor:pointer;}
.main-slide .bx-prev{background: url("../img/main/prev.png") no-repeat center center !important; font-size:0px; width: 27px; height: 44px; display: block;}
.main-slide .bx-next{background: url("../img/main/next.png") no-repeat center center !important; font-size:0px; width: 27px; height: 44px; display: block; }  
.main-slide .bx-controls-direction{display: block !important;}
.main-slide .bx-next,.main-slide .bx-prev{font-size:0px; position:absolute; bottom:10px; top:auto; }
.main-slide .bx-prev{left:45px;}
.main-slide .bx-next{left:115px;}
.main-slide .bx-controls-auto{position: absolute; bottom:1px; left:0px;}
#slider-count{position:absolute; left:78px; bottom:20px; display:inline-block; width:auto; max-height: 60px;}
#slider-count{font-size:17px; color:#666666;}
#slider-count strong{font-weight: normal;}
.main-slide .bx-default-pager{position: relative;}
.main-slide .bx-default-pager:after{content:""; display: block; clear:both;}
#slider-count *{vertical-align: top;}
#bx-pager{position: relative;}
#bx-pager a{float: left; width:25%; box-sizing: border-box; display: block; height:60px; font-size: 0px; }
#bx-pager a span{display: block; height: 60px; border-left: 1px solid #bbb; }
#bx-pager a:nth-child(1) span,#bx-pager a.active span{border:0px; }
#bx-pager a:nth-child(1){display:block; border:0px; background:url(/cdc/img/main/te4_1.jpg) no-repeat center top; font-size:0px; border-radius:0px; margin:0px !important; opacity:1 !important;}
#bx-pager a:nth-child(2){background-image:url(/cdc/img/main/te1.jpg); background-position: center top;}
#bx-pager a:nth-child(3){background-image:url(/cdc/img/main/te2.jpg); background-position: center top;}
#bx-pager a:nth-child(4){background-image:url(/cdc/img/main/te3.jpg); background-position: center top;}
#bx-pager a:nth-child(1).active{background:url(/cdc/img/main/te4_1.png) no-repeat center center; background-color:#61769f; transition:all .4s ease-in; }
#bx-pager a:nth-child(2).active{background:url(/cdc/img/main/te1.png) no-repeat center center; background-color:#e85588; transition:all .4s ease-in;}
#bx-pager a:nth-child(3).active{background:url(/cdc/img/main/te2.png) no-repeat center center; background-color:#21a089; transition:all .4s ease-in;}
#bx-pager a:nth-child(4).active{background:url(/cdc/img/main/te3.png) no-repeat center center; background-color:#3b92cd; transition:all .4s ease-in;}
#bx-pager a:nth-child(1).active:after{content:""; display: block; width: 100%; height: 2px; background: #61769f; position: absolute; left:0px; top:0px; }
#bx-pager a:nth-child(2).active:after{content:""; display: block; width: 100%; height: 2px; background: #e85588; position: absolute; left:0px; top:0px; }
#bx-pager a:nth-child(3).active:after{content:""; display: block; width: 100%; height: 2px; background: #21a089; position: absolute; left:0px; top:0px; }
#bx-pager a:nth-child(4).active:after{content:""; display: block; width: 100%; height: 2px; background: #3b92cd; position: absolute; left:0px; top:0px; }
#progress{position: absolute; left:0px; top:0px; width: 100%; z-index: 9;}
#progress span{display: block; width: 0px; height: 4px; position: relative; z-index: 99;}
#progress.type0 span{ background:rgba(97,118,159,0.3); animation: play-state 9.8s linear;}
#progress.type1 span{ background:rgba(232,85,137,0.3); animation: play-state1 9.8s linear;}
#progress.type2 span{ background:rgba(33,160,137,0.3); animation: play-state2 9.8s linear;}
#progress.type3 span{ background:rgba(59,146,205,0.3); animation: play-state3 9.8s linear;}
.top_visual{overflow: hidden; max-height: 438px; }
.main-bx li{float: left; display:inline-block;}
.main-bx{max-height: 317px; width:615% !important;}
.statistics_link .stat_slide li li a{display:block;} 
.popup_mobile{display:none; }
.main_visual > div.popup_left{position: fixed; left:50%; top:116px; width: 145px; margin-left: -755px; z-index: 999;}
.main_visual > div.popup_left a{display: block; transition-property: all; transition-duration: .6s;}
.main_visual > div.popup_left a:hover,.main_visual > div.popup_left a:focus,.main_visual > div.popup_left a:active{transform:translate(0px, 15px) scale(1.03); }
@media screen and ( max-width:1500px){
.main_visual > div.popup_left{left:0%; margin-left: 0px;}
}
@media screen and ( max-width:1024px){
.main_visual > div.popup_left{display: none;}
.popup_mobile{display: block;}
}
@media screen and (max-width: 768px){
	header {
	    margin-bottom: 0px;
	}
}
@media screen and ( max-width:768px){
#bx-pager a:nth-child(1){background-image:url(/cdc/img/main/te1_mo.png) !important; background-size: auto 90%;}
#bx-pager a:nth-child(2){background-image:url(/cdc/img/main/te2_mo.png) !important; background-size: auto 90%; background-position: center;}
#bx-pager a:nth-child(3){background-image:url(/cdc/img/main/te3_mo.png) !important; background-size: auto 90%; background-position: center;}
#bx-pager a:nth-child(4){background-image:url(/cdc/img/main/te4_mo.png) !important; background-size: auto 90%; background-position: center;}
#bx-pager a:nth-child(1).active{background-image:url(/cdc/img/main/te1.png) !important; background-size: auto 90%;}
#bx-pager a:nth-child(2).active{background:url(/cdc/img/main/te2_mo_on.png) no-repeat center center #21a089 !important; background-size: auto 90% !important; }
#bx-pager a:nth-child(3).active{background:url(/cdc/img/main/te3_mo_on.png) no-repeat center center #3b92cd !important; background-size: auto 90% !important; }
#bx-pager a:nth-child(4).active{background:url(/cdc/img/main/te3_mo_on.png) no-repeat center center #3b92cd !important; background-size: auto 90% !important; }
#progress{display: none;}
.main-bx{max-height: 245px; overflow: hidden ; }
#bx-pager{display: none !important;}

}

@media screen and ( max-width:500px){
 #bx-pager a{height: 10vw;}
 #slider-count{left: 12vw; bottom:3vw; }
.main-slide .bx-next,.main-slide .bx-prev{bottom: 0.3vw; }
.main-slide .bx-prev{left:5vw;}
.main-slide .bx-next{left:21vw;}
.main-slide .bx-stop,.main-slide .bx-start{bottom: 2.7vw;}
.main-slide .bx-start{left:30vw;}
.main-slide .bx-stop{left: 37vw;}
.pc-img{display: none;}
.mo-g{display: block;}
.float-img{display: none;}
.top_visual{position: relative; margin-bottom: 15px; }



}
@media screen and ( max-width:425px){
.main-slide .bx-stop,.main-slide .bx-start{bottom:3.2vw;}
.main-bx{max-height: 210px; }
}

@media screen and ( max-width:320px){
	.top_visual{ top:0px; margin-bottom: 20px; }
	
}

/*.line-banner{display: none; }*/

.line-banner{display: block; position: relative; z-index:9; top: -144px;}
.line-banner a{display: block; position: relative; z-index: 99; }
.line-banner a img{display: block;}
.main_visual{padding: 0 0 5.5rem;}
.line-banner .mo_i{display: none;}
.line-banner .pc_i{display:block;}

@media screen and ( max-width:1000px){
	.line-banner{ top: -120px;}	
}
@media screen and ( max-width:768px){
	.line-banner .mo_i{display: block;}
	.line-banner .pc_i{display: none; }
	.line-banner{top: -4rem;}
	.main_visual{padding: 0 0 5rem;}
	.box-area{top: -50px;}
}



/* 접근성 */

.slide_zone .swipe a:focus::before,.slide_zone .swipe a:active::before{outline:3px dotted black; box-sizing:border-box; content:""; display:block; position:absolute; left:3px; top:3px; width: 376px;height: 254px;}
 .info_box .tag a:hover,.info_box .tag a:focus{text-decoration: underline;}
 .tab_con.on a span:hover, .tab_con.on a span:focus, .tab_con.on a p:hover, .tab_con.on a p:focus{text-decoration: underline !important;}
 .top10 .slider5 li a:hover,.top10 .slider5 li a:focus,.top10 .slider5 li a:active{text-decoration: underline;}
 
 
/* 메인비주얼 */
.view_roll em{font-style:normal;}
.view_roll {position:relative;
    width: 100%;
    margin:0 auto;
    max-width:1181px;
    padding-bottom: 0px;
    overflow:hidden;
}
/*height: 378px;*/
.rolling-bnnr {
    background-color: #dfdefd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rolling-bnnr a:focus::before,.rolling-bnnr a:active::before{outline:3px dotted black; box-sizing:border-box; content:""; display:block; position:absolute; left:3px; top:3px; width:calc(100% - 6px); height: 372px;}
.rolling-bnnr a{position: relative; }
.rolling-bnnr a.mo_link{ display: none;}
.rolling-bnnr .mo-g{display: none; }
.slide-progress {
	opacity:.3;
    position: absolute;
    left: 0;
    top: 0px;
    width: 0;
    height: 3px;
    background:#20a089;
    z-index: 5;
}
.slide-progress.type{
    background:#e85588;
}
.slide-progress{position:absolute; left:0px; top:0px; width:0%;}

.owl-conl-btn.active, .owl-conl-btn{z-index:999; cursor:pointer; position:relative;}
.owl-conl-btn{background:url(/cdc/img/main/test/main_slide_stop.png) no-repeat center center; border:0px; font-size:0px; display:block; position:absolute; z-index:999; width:17px; height:17px; left: 148px;  bottom: 23px; cursor:pointer; }
.owl-conl-btn.active{background:url(/cdc/img/main/test/main_slide_play.png) no-repeat center center; border:0px; font-size:0px; display:block; position:absolute; z-index:999; width:17px; height:17px; left: 148px;  bottom: 23px; cursor:pointer;}
.owl-nav{position: absolute; bottom:-46px; left:0px; }
.owl-next,.owl-prev{font-size:0px; position:absolute; bottom:70px; top:auto; }
.owl-nav .owl-next,.owl-nav .owl-prev{display:block; width:17px; height:17px; font-size: 0px !important;}
.owl-prev{left:45px;}
.owl-next{left:115px;}
.owl-dots .owl-dot{}
.sw1{background-color:#e8e0e2;}
.sw2{background-color:#e5edeb;}
.pagination *{vertical-align: top;}
.pagination{position:absolute; left:65px; bottom:46px; display:inline-block; width:auto; max-height: 60px; }
.pagination .act_num{font-size:17px; color:#000; display: inline-block; padding: 0 5px;}
.pagination .total_num{font-size:17px; color:#000; display: inline-block; padding: 0 5px; }
.owl-next:after, .owl-prev:after{font-size:17px; font-weight:900; color:#666666;}
.owl-dots .owl-dot{width:50%; border:0px; background:url(/cdc/img/main/te1.jpg) no-repeat center top; height:60px; font-size:0px; border-radius:0px; margin:0px !important; opacity:1 !important;}
.owl-dots .owl-dot:nth-child(2){background-image:url(/cdc/img/main/te2.jpg);}
.owl-dots .owl-dot{bottom:0px;}
.owl-dots .owl-dot.active{background:url(/cdc/img/main/te1.png) no-repeat center center; background-color:#e85588; transition:all .4s ease-in;}
.owl-dots .owl-dot > span:nth-child(2).active{background:url(/cdc/img/main/te2.png) no-repeat center center; background-color:#21a089; transition:all .4s ease-in;}
.owl-dots.tb1 .te2{background:url(/cdc/img/main/te2.jpg) no-repeat center bottom; font-size:0px; transition:all .4s ease-out; cursor:pointer;}
.owl-dots{background-color:#eeeeee; padding-top:2px; position:relative;}
.owl-dots.tb1 .te1{}
.owl-dots .te2{}
.pc-img{display:block;}
.mo-img{display:none !important;}

.owl-prev{top: auto !important; left: 45px !important; bottom: 70px !important;}
.owl-prev{background: url("/cdc/img/main/prev_new.png") no-repeat center center !important; width: 27px; height: 44px; display: block; font-size: 0px; border:0px; cursor: pointer; }
.owl-next{top: auto !important;  bottom: 70px !important; left:120px !important;}
.owl-next{background: url("/cdc/img/main/next_new.png") no-repeat center center !important; width: 27px; height: 44px; display: block; font-size: 0px; border:0px; cursor: pointer; }
.owl-next:after,.owl-prev:after{display: none !important;}
.pagination{position:absolute; left: 68px; bottom:22px; z-index:999; font-size: 17px; }
.swiper-container{padding-bottom: 60px !important;}
.owl-dots{bottom:0px !important; transform:none !important;}
.owl-dots .owl-dot{float: left; width:50%; box-sizing: border-box; display: block; height:60px; font-size: 0px;  border-radius:0px; }
.owl-dots .owl-dot span{display: block; height: 60px; font-size: 0px; border-left: 1px solid #bbb; }
.owl-dots .owl-dot:nth-child(1) span,.owl-dots .owl-dot.active span{border:0px; }
.owl-dots .owl-dot:nth-child(1){display:block; border:0px; background:url(/cdc/img/main/infect_tab.jpg) no-repeat center top; font-size:0px; border-radius:0px; margin:0px !important; opacity:1 !important;}
.owl-dots .owl-dot:nth-child(2){background-image:url(/cdc/img/main/info_tab.jpg); background-position: center top;}
.owl-dots .owl-dot:nth-child(3){background-image:url(/cdc/img/main/te2.jpg); background-position: center top;}
.owl-dots .owl-dot:nth-child(4){background-image:url(/cdc/img/main/te3.jpg); background-position: center top;}
.owl-dots .owl-dot:nth-child(1).active{background:url(/cdc/img/main/infect_tab_on.png) no-repeat center center; background-color:#01aced; transition:all .4s ease-in; }
.owl-dots .owl-dot:nth-child(2).active{background:url(/cdc/img/main/info_tab_on.png) no-repeat center center; background-color:#e85588; transition:all .4s ease-in;}
.owl-dots .owl-dot:nth-child(3).active{background:url(/cdc/img/main/te2.png) no-repeat center center; background-color:#21a089; transition:all .4s ease-in;}
.owl-dots .owl-dot:nth-child(4).active{background:url(/cdc/img/main/te3.png) no-repeat center center; background-color:#3b92cd; transition:all .4s ease-in;}
.owl-dots .owl-dot:nth-child(1).active:after{content:""; display: block; width: 100%; height: 2px; background: #01aced; position: absolute; left:0px; top:0px; }
.owl-dots .owl-dot:nth-child(2).active:after{content:""; display: block; width: 100%; height: 2px; background: #e85588; position: absolute; left:0px; top:0px; }
.owl-dots .owl-dot:nth-child(3).active:after{content:""; display: block; width: 100%; height: 2px; background: #21a089; position: absolute; left:0px; top:0px; }
.owl-dots .owl-dot:nth-child(4).active:after{content:""; display: block; width: 100%; height: 2px; background: #3b92cd; position: absolute; left:0px; top:0px; }
.popup_left .popzone_close{display: block;}
.popup_left .popzone_open{display: none;}
.popup_left.on .popzone_close{display: none;}
.popup_left.on .popzone_open{display: block;}

@media screen and (min-width: 769px) and (max-width: 1004px){
	.owl-dots .owl-dot{width: 50% !important; border-bottom:1px solid #ccc !important;}
	.count{left: 80px; bottom: 140px;}
}

@media screen and ( max-width:768px){
 .owl-dots{display: none !important;}
 .count{left: 80px; bottom: 20px;}
}
@media screen and ( max-width:500px){
 .pc-img{display: none !important;}
 .mo_link{display: block !important;}
 .mo_link{min-width: 100%; font-size: 0px; position: absolute !important; left:0px; bottom: 13vw;  display: block; height: 40px;  }
 .mo_link + .mo_link{ bottom: 3vw;}
 .mo-g, .mo-img{display: block !important; }
 .count{bottom:10px; left: 48px;}
 .owl-nav{bottom: -60px !important; left: -37px !important;}
 .pagination{left: 31px; bottom: 8px;}
 .owl-controls{position: absolute; right: 190px; bottom: -12px;}
}
@media screen and ( max-width:400px){
	 .mo_link + .mo_link{bottom:0.5vw;}
}
