@charset "utf-8";
/*  
	-----------------------------------------------
	* main.css (포털 메인)
	-----------------------------------------------
*/

.main {position:relative;}


/*News*/
.News { border:1px solid #cfcfcf; }
.News .month {background:#344554;color:#fff; height:140px; padding:25px 0; text-align:center; }
.News .month p {text-align:center; font-size:20px;}
.News .month p span.num{margin:0 35px;}
.News .month button {margin-top:20px; border:1px solid #c2c8cc; background:#344554; color:#fff;}
.News .newscontentWrap {background:#fff; height:140px; position:relative;}
.News .newscontentWrap .newscontent {border-left:1px solid #c2c8cc; height:140px; padding:15px 20px;}
.News .newscontentWrap h3{font-size:15px;margin-top:10px; line-height:20px;font-family:'Noto Sans Korean Medium';}
.News .newscontentWrap .place {background:#e8e8e8; text-align:center; padding:5px 8px; margin-top:10px; font-size:85%;float:left;}
.News .newscontentWrap .newscontent .date{font-size:85%}
.News .newscontentWrap .newscontent a{display:block;}
.News #hlth_list{width:120px; margin-top: 20px; border: 1px solid #c2c8cc; background: #344554; color: #fff; border-radius:3px;}
.mainbanner {background:#d9e7fa;}
@media  all and (min-width:1200px) {
.News {margin-top:343px;}
.News .newscontentWrap .place {width:75px; height:75px; border-radius:50%; background:#e8e8e8; text-align:center; padding:15px; margin-top:0;float:none; font-size:14px;}
.News .newscontentWrap .newscontent {padding:20px;}
.News .newscontentWrap h3{font-size:16px;}
}
@media  all and (max-width:991px) {
.News .month {padding:15px 0;}
.News .month p span.num {margin:0 15px}
.News .month button img {display:none;}
.News .newscontentWrap .newscontent {padding:15px 10px;}
}
@media  all and (max-width:767px) {
.News .month {text-align:left; padding:5px 15px; height:auto; overflow:hidden;}
.News .month p {float:left; font-size:16px; padding-top:5px;}
.News .month #hlth_list {margin-top:0; float:right;}
.News .newscontentWrap {height:auto}
.News .newscontentWrap .newscontent {height:auto; padding:15px 15px; overflow:hidden; border-bottom:1px solid #e3e3e3;}
.News .newscontentWrap div.newscontent:last-child{border-bottom:0}
.News .newscontentWrap h3 {margin-top:6px;}
}


.tcontent {padding:20px 0}
.banner {height:272px;}
.allim h3{position:absolute; top:20px; left:20px; color:#fff; z-index:9}

/*time*/
.time{background:#a8a8a8; padding:16px; color:#fff; overflow:hidden; height:272px;}
.time p{margin-top:5px; color:#dddada;font-size:12px;}
.time ul.datewrap{margin-top:10px; border-bottom:1px solid #cccccc; margin-bottom:20px; overflow:hidden; padding-bottom:10px;}
.time ul.datewrap li {overflow:hidden;}
.time ul.datewrap li span.tit{float:left; background:#c2c2c2; padding:1px 20px; border-radius:20px; margin-bottom:3px; font-size:1.35rem;}
.time ul.datewrap li span.tit_time {float:right; padding-top:3px; text-align:right; font-size:1.32rem; letter-spacing:-1px;}

.time ul.hospital {margin-top:15px;}
.time ul.hospital li{width:50%; float:left; font-size:12px;}

/*allim*/
.allim_ctrl li{display: inline-block;}
/*.allim_ctrl li:nth-child(1){background: #fff;
    border: 1px solid #e8e8e8;
    padding: 0px 5px 2px 0;
    line-height: 1.4em;}*/
.allim_ctrl li a {color:#666;}
.panelHeader {position:absolute; bottom:20px;right:20px;}
.panelHeader span {font-size:12px;margin-right:2px;}
.panelHeader span#allim-now-num {margin-left:5px;}
.panelHeader ul.allim_ctrl {float:right;padding-top:5px;}
.panel-allim-body {}
.panel-allim-image { display:none; text-align:center;}
.panel-allim-image img{ width:100%; height:272px;}
.panel-allim-image.active { display:block; }
.panel-allim-list h3{background-color:#f2f3f5; font-size:16px; padding:10px;}
.panel-allim-list {
	position:absolute;
	background-color:#fff;
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
	height:186px;
}
.panel-allim-list ul {padding:10px 15px;}
.panel-allim-list a{color:#222; text-align:left; line-height:1.8em;}

/*carousel-status-allim*/
.carousel-status-allim {position:absolute; top:20px;z-index:1; width:100%;}
.carousel-status-allim h3 {float:left;margin-left:20px; color:#fff;}
.carousel-status-allim ul {float:right; margin-right:20px;}
.carousel-status-allim ul li {display:inline-block}

.allim .item-allim-img { display:none; text-align:center;}
.allim .item-allim-img img{ width:100%; height:272px;}
.allim .carousel-inner .active { display:block; }


@media  all  and (max-width:1199px) {
.time {padding:15px; height:auto;}
.time ul.datewrap {margin-top:8px; margin-bottom:8px; padding-bottom:5px;}
.banner {height:auto;}
.panel-allim-image img, .allim .carousel-inner img { height:232px !important; margin:auto;}
}
@media  (min-width:767px)  and (max-width:991px) {
.time {height:232px;}
.time ul.hospital li{width:100%; float:none; font-size:85%}
.time p{display:none;}
}
@media  all and (max-width:991px) {
.tcontent {padding:0}	
.time ul.datewrap {margin-bottom:10px;}
.time ul.datewrap li span.tit {padding:1px 3px;}
}

@media  all and (max-width:767px) {
.panel-allim-image img , .banner{height:auto;}
.allim .carousel-inner img {width:100%;}
.time ul.datewrap li span.tit {padding:3px 12px}
}


/*tab*/
.tab_event_wrap {height:190px;}
.tab_box{background:#fff; border:1px solid #cbced2;}
.tab_event .tab_list {position: relative; width:100%; float:left; background-color: #fafafb;}
.tab_event .tab{width:100%;}
.tab_event .tab .tit_tab{color:#222;
	width:30.66666666666%;
	border-right: 1px solid #cbced2;
	border-bottom:1px solid #cbced2;
	background-color:#fafafb;
    color: #606060;
	float:left;}
.tab_event .tab .tit_tab a{color:#222;}
.tab_event .tab .tit_tab a:hover{background:#365398; color: #fff;}
.tab_event .tab .last{border-right:1px solid #cbced2;} 
.tab_event .tab h4{font-size:14px; text-align:center; margin:0;}
.tab_event .tab h4 a{display:block; padding:10px 15px; line-height: 1.42857143;}

.tab_event .tab .conts .more {
	display:inline-block;
    position: absolute;
    right: 0; line-height:38px; color:#666;
    top: -46px;
	height:41px;
	width:8%;
	text-align:center;
	border-bottom:1px solid #cbced2;
}
.tab_event .tab .conts .more:hover{background:#eee;}

.init_of a {display: inline-block;}
.tab_event .tab .tit_tab_active {background: #365398; visibility: visible; }
.tab_event .tab .tit_tab_active:hover{background:#365398;color: #fff;}
.tab_event .tab .tit_tab_active a{ color: #fff; border-bottom:1px solid #3f61b2; }
.tab_event .tab .conts {
    position: absolute;
    top: 46px;
    bottom: 0;
    left: 0px;
    right: 0px;
}
.tab_event .tab .conts_inner {overflow:hidden; padding: 11px 20px;}
.tab_event .tab .conts_inner > li {
	padding: 2px 0 2px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tab_event .tab .conts_inner > li > a{
    text-overflow: ellipsis;
   /*  -o-text-overflow: ellipsis; */
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;
	line-height: 1.42857143;
	color:#222;
}


@media (min-width:992px) and (max-width:1199px) {
.tab_event .tab .conts {top: 34px;}
.tab_event_wrap {height:175px;}
.tab_event .tab .conts_inner {padding:15px 20px}
.tab_event .tab .conts_inner > li > span.pull-right{display:none;}

.tab_event .tab .conts .more {top: -34px;}
.tab_event .tab .minwon li{width:50%;}

.article-sns .tab_box{float:left;}
}


@media (min-width:768px) and (max-width:991px) {
.tab_event .tab .minwon li{width:50%;}
}

@media (min-width:1200px) {
	.tab_event .tab .conts_inner > li > a {width:270px;}
}


@media (max-width:768px) {
/* .tab_box{margin-bottom:10px;} */
.tab_event_wrap {height:175px;/*  margin-bottom:10px; */}
.tab_event .tab .conts_inner{padding:5px 15px;}
.tab_event .tab .conts_inner > li > span.pull-right{display:none;}
.tab_event .tab .tit_tab h4 a, .tab_event .tab .minwon_tab h4 a{padding: 10px 4px;}
.tab_event .tab .minwon li{width:50%;}
}

@media (max-width:499px) {
.tab_event .tab .mlast{border-right: 1px solid #e8e8e8;}
}

/*Miconwrap*/
.Miconwrap{margin:-2px; overflow:hidden; float:right;}
.Miconwrap > a{}
.Miconwrap .Micon {width:calc(33% - 15px); float:left; border:1px solid #c8c8c8; margin:2px 0 0 17px; display:table; text-align:left; box-sizing:border-box;}
.Miconwrap .Micon p{padding-left:10px; display:inline-block; display:table-cell; vertical-align:middle; height:60px;}
.Miconwrap .Micon p br{display:none;}
.Miconwrap .Micon img{float:right;}

@media (min-width:992px) and (max-width:1199px) {
	.Miconwrap .Micon {width:calc((100% / 3) - 5px); margin:2px 0 0 5px;}
	.Miconwrap .Micon p{height:55px; letter-spacing:-1px;}
	.Miconwrap .Micon img{height:55px;}
}


@media (max-width:991px) {
	.Miconwrap{margin:0; width:100%; float:none;}
	.Miconwrap .Micon {width:calc((100% / 3)); border:1px solid #c8c8c8 ;margin:-1px 0 0 -1px;}
	.Miconwrap a:nth-child(1) .Micon, .Miconwrap a:nth-child(4) .Micon, .Miconwrap a:nth-child(7) .Micon{width:calc((100% / 3)); margin:-1px 0 0 0;}
	.Miconwrap a:nth-child(2) .Micon{border-left:none; border-right:none;}
	.Miconwrap .Micon p{height:55px; letter-spacing:-1px;}
	.Miconwrap .Micon img{height:55px;}
}
@media (max-width:768px) {
	.Miconwrap .Micon {width:calc(100% / 3); margin:-1px 0 0 0px;}
	.Miconwrap a:nth-child(5) .Micon, .Miconwrap a:nth-child(8) .Micon{border-left:none; border-right:none;}
}
@media (max-width:640px) {
	.Miconwrap a:nth-child(1) .Micon, .Miconwrap a:nth-child(3) .Micon, .Miconwrap a:nth-child(4) .Micon, .Miconwrap a:nth-child(7) .Micon, .Miconwrap .Micon {width:calc(50%);}	
	.Miconwrap a:nth-child(2) .Micon, .Miconwrap a:nth-child(4).Micon, .Miconwrap a:nth-child(5) .Micon, .Micon, .Miconwrap a:nth-child(6) .Micon, .Miconwrap a:nth-child(8) .Micon {border-right:1px solid #ddd !important; border-left:1px solid #ddd !important; margin-left:0;}
	.Miconwrap a:last-child .Micon {width:100%; border-right: 1px solid #ddd !important}
	.Miconwrap a:nth-child(1) .Micon, .Miconwrap a:nth-child(3) .Micon, .Miconwrap a:nth-child(5) .Micon, .Miconwrap a:nth-child(7) .Micon {width:calc(50% + 1px);}	
	.Miconwrap a:nth-child(2) .Micon, .Miconwrap a:nth-child(4) .Micon, .Micon, .Miconwrap a:nth-child(6) .Micon, .Miconwrap a:nth-child(8) .Micon {margin-left:-1px;}
}

@media (max-width:400px) {
	.Miconwrap .Micon p{height:60px; letter-spacing:-1px;}
	.Miconwrap .Micon p br{display:block;}
	.Miconwrap .Micon img{height:60px;}
}



/* siteLink */

.siteLink{overflow:hidden; position:relative; height:80px; margin:30px 0;}
#carousel-siteLink .carousel-inner{position:absolute; top:30px;}
#carousel-siteLink .item {width:100%; display:none;}
#carousel-siteLink .item ul {width:100%;}
#carousel-siteLink .item ul li{float:left; margin:0 1px; width:calc((100% / 8) - 2px); border:1px solid #ddd;}
#carousel-siteLink .active {display:block;}

/*carousel-status-siteLink*/
.carousel-status-siteLink {position:absolute; top:0; width:100%; height:30px;}
.carousel-status-siteLink h3 {float:left;}
.carousel-status-siteLink ul {float:right;}
.carousel-status-siteLink ul li {display:inline-block}

@media (max-width:991px) {
	.siteLink{height:150px;}
	#carousel-siteLink .item ul li{ margin:1px 1px; width:calc((100% / 4) - 2px); text-align:center;}
}

@media (max-width:640px) {
	.siteLink{height:270px;}
	#carousel-siteLink .item ul li{ margin:1px 1px; width:calc((100% / 2) - 2px); text-align:center;}
}

/*allim*/
.allim .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {top:0;}
.allim .bx-wrapper, .banner .bx-wrapper{margin-bottom:0;}
@media (max-width:1199px) {
.allim .bx-wrapper img, .time {height:255px;}
}

/* Tab + List */
.tab.list{height:188px !important}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;
font-size:14px;*zoom:1}
.tab.list ul:after{content:"";display:block;clear:both}
.tab.list li{float:left;margin-bottom:-1px}
.tab.list li a{position:relative;float:left;text-decoration:none;
border-bottom-color:#ccc;background:#fafafa;color:#666}
.tab.list li a span{display:inline-block;padding:10px 34px;letter-spacing:-1px;border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;cursor:pointer}
.tab.list li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;
border:0;margin:0;padding:15px;*zoom:1}
.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li li{float:none;position:relative;line-height:25px;color:#999}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;
text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
font-weight:normal;background:transparent;letter-spacing:normal}
.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{color:#000 !important;text-decoration:underline}
.tab.list li li time,
.tab.list li li .time_b{position:absolute;top:0;right:0;color:#767676}
.tab.list li li.more{position:absolute;top:-34px;right:14px;border:0 !important;
background:transparent}
.tab.list li.active a{
margin-top:-1px;background:#3f61b2;;;color:#fff}
.tab.list li.active li a {    background: transparent;}
.tab.list li li a:before {content: '';display: inline-block;
    width: 2px;
    height: 2px;background: #222;
    margin: 0 5px 5px 0;}
.tab.list .more a:before{display:none}
.tab.list li.active a span{padding-top:10px;font-weight:bold}
.tab.list.jx{height:auto}
.tab.list.jx ul{border:0}
.tab.list.jx li{float:none;position:relative}
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab.list.jx li li.more{top:7px;right:15px}

.notice{border: 1px solid #c8c8c8;}
.tab.list li li a {width:84%}
@media (min-width:980px) and (max-width:1199px) {
.tab.list li a span{padding:10px 15px;}
.tab.list li.active li a {width:70%}
.tab.list{height:173px !important}
	}
@media (max-width:979px) {	
.tab.list .list_tab {width:31%}
.tab.list li a{width:100%;}
.tab.list li a span {display:block; text-align:center; padding:10px 0;}
.tab.list li li.more {right:2.5%;}
.tab.list li.active li a {width:70%}
}