@charset "utf-8";

#wrap.main{background:#fff}

/*메인 비주얼 영역*/
.mvisual_wrap{padding:70px 0;background:url(/images/health/main/mvisual_bg.gif) no-repeat 50% 0;}
.mvisual_wrap .mvisual{width:1000px;margin:0 auto}
.mvisual_wrap .mvisual:after{content:"";display:block;clear:both}

.rolling_wrap{position:relative;float:left}

.rolling_wrap .obj{position:relative}
.rolling_wrap .item{overflow:hidden;position:absolute;top:0;left:0;width:705px}
.rolling_wrap .item:after{content:"";display:block;clear:both}
.rolling_wrap .item a{display:block;height:100%; width: 100%;}

.rolling_wrap .item .infor{float:left;width:225px;height:305px;padding:20px 30px 20px 30px;background:url(/images/health/main/roll_con_bg.gif);color:#fff;box-sizing:border-box}
.rolling_wrap .item .infor .date{margin-top:30px;color:#68ffbd;font-weight:700}
.rolling_wrap .item .infor .title{margin-top:5px;font-size:1.75em;font-weight:700;line-height:1.1}
.rolling_wrap .item .infor .title + p{margin-top:20px;font-weight:700}

.rolling_wrap .item .mainImg{float:left}

.rolling_wrap .pnote{position:absolute;top: 304px;left: 1px;width: 228px;padding: 12px 10px;background-color: #2a6cb6; border-radius: 10px;}
.rolling_wrap .pnote a{float:left;display:block;width: 33px;height: 23px;/* line-height: 35px; */margin-left:5px;background:url(/images/health/main/btn_roll.png) no-repeat;font-size:0}
.rolling_wrap .pnote a.ov{width:57px;background:url(/images/health/main/btn_roll_ov.png) no-repeat}

.rolling_wrap .control{position:absolute;top: 308px;left: 666px;background-color: #2a6cb6;padding: 18px;border-radius: 50%;}
.rolling_wrap .control a{position:absolute;display:block;top: 6px;left: 5px;width:24px;height:24px;font-size:0}
.rolling_wrap .control a.stop{background:url(/images/health/main/btn_roll_stop.png) no-repeat}
.rolling_wrap .control a.play{background:url(/images/health/main/btn_roll_play.png) no-repeat}

.con_wrap{float:right}
.con_wrap .title{width:240px;margin-bottom:20px;padding:0 0 70px;background:url(/images/health/main/mvisual_tit.png) no-repeat 50% 100%;font-weight:700;text-align:center;text-decoration:underline;color:#0ca781}
.con_wrap .title + p{padding-left:20px;font-size:0.85em;line-height:1.4}

.con_wrap ul{overflow:hidden;margin-top:45px;font-weight:700}
.con_wrap ul:after{content:"";display:block;clear:both}
.con_wrap ul li{float:left;margin-left:22px}
.con_wrap ul li a{display:block;width:80px;padding:80px 0 0;text-align:center}
.con_wrap ul .btn1 a{background:url(/images/health/main/mvisual_btn2.png) no-repeat 50% 0}
.con_wrap ul .btn2 a{background:url(/images/health/main/mvisual_btn1.png) no-repeat 50% 0}
.con_wrap ul li a:hover,
.con_wrap ul li a:focus{text-decoration: underline;}

/*컨텐츠 영역*/
.left_cont{float:left;width:46.5%}
.right_cont{overflow:hidden;float:right;width:50.5%}
.right_cont:after{content:"";display:block;clear:both}

/*공지사항*/
.mcon1{position:relative;height:180px;margin-bottom:20px}

.mcon1 h3{position:absolute}
.mcon1 .tab1{top:10px;left:0}
.mcon1 .tab2{top:10px;left:0}
.mcon1 .tab3{top:10px;left:110px}
.mcon1 .tab1:after{position:absolute;content:"";display:block;width:2px;height:12px;top:7px;left:71px;border-left:1px solid #a5a7ac}

.mcon1 h3 a{display:block;height:30px}
.mcon1 h3 a.on,
.mcon1 h3 a:hover,
.mcon1 h3 a:focus,
.mcon1 h3 a:active{color:#D41F49}

.mcon1 .grap{position:absolute;top:47px;left:0;width:100%}
.mcon1 .grap ul li{overflow:hidden;position:relative;margin-bottom:5px;padding-left:10px}
.mcon1 .grap ul li:before{position:absolute;content:"";display:block;width:2px;height:2px;top:12px;left:3px;border-left:2px solid #a5a7ac}
.mcon1 .grap ul li:after{content:"";display:block;clear:both}
.mcon1 .grap ul li a{float:left;display:block;width:70%;margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}

.mcon1 .grap ul li .date{float:right}

[id^="mcon1_"] .more1{position:absolute;top:-37px;right:0}
[id^="mcon1_"] .more1 a{display:block;width:27px;height:24px;background:url(/images/health/main/notice_more.gif) no-repeat}

/*전화번호안내 & 관내의료기관*/
.mcon2{margin-bottom:15px}
.mcon2 ul{overflow:hidden}
.mcon2 ul:after{content:"";display:block;clear:both}
.mcon2 ul li{float:left;width:188px;height:135px;padding:15px 10px 15px 20px;border:1px solid #dcdcdc;background:url(/images/health/main/mcon2_bg.gif) no-repeat}
.mcon2 ul li + li{margin-left:24px;background:url(/images/health/main/mcon2_bg2.gif) no-repeat}

.mcon2 ul li h3{margin-bottom:10px}
.mcon2 ul li h3 + p{margin-bottom:20px}
.mcon2 ul li .btn{width:70px;padding:5px 10px 4px;border:1px solid #dcdcdc;background:url(/images/health/main/btn_more_img1.gif) no-repeat 87% 50%;font-size:0.9em;font-weight:700}
.mcon2 ul li .btn a:hover,
.mcon2 ul li .btn a:focus{text-decoration: underline;}

/*야간/휴일 당직병원 & 의료기관 지도점검*/
.mcon3{}
.mcon3 ul{overflow:hidden}
.mcon3 ul:after{content:"";display:block;clear:both}
.mcon3 ul li{float:left;border:1px solid #dcdcdc}
.mcon3 ul li + li{margin-left:24px}

.mcon3 ul li a{display:block;width:146px;height:20px;padding:20px 0 20px 72px;background:url(/images/health/main/mcon3_img1.gif) no-repeat 22px 50%;font-weight:700;font-size:1.05em}
.mcon3 ul li a:hover,
.mcon3 ul li a:focus{text-decoration: underline;}


.mcon3 ul li + li a{background:url(/images/health/main/mcon3_img2.gif) no-repeat 20px 50%}
.mcon3 ul li .btn a:hover,
.mcon3 ul li .btn a:focus{text-decoration: underline;}

/*팝업존*/
.mcon4{float:left;position:relative;width:238px;height:177px;margin-bottom:22px}
.mcon4 h3{margin-top:10px}
.mcon4 .obj{position:absolute;top:51px;left:0;width:236px;height:126px;border:1px solid #dcdcdc}
.mcon4 .obj li{position:absolute;top:0;left:0}
.mcon4 .obj li a{display:block;width:236px;height:126px}

.mcon4 .pnote{position:absolute;top:12px;right:90px}
.mcon4 .pnote span{color:#D41F49}

.mcon4 .control{overflow:hidden;position:absolute;top:12px;right:0px;border:1px solid #dcdcdc}
.mcon4 .control:after{content:"";display:block;clear:both}
.mcon4 .control a{float:left;display:block;width:26px;height:22px;border-left:1px solid #dcdcdc;font-size:0}
.mcon4 .control a.stop{background:url(/images/health/main/btn_pop_stop.gif) no-repeat;border-left-width:0}
.mcon4 .control a.play{background:url(/images/health/main/btn_pop_play.gif) no-repeat;border-left-width:0}
.mcon4 .control a[rel="prev"]{background:url(/images/health/main/btn_pop_prev.gif) no-repeat}
.mcon4 .control a[rel="next"]{background:url(/images/health/main/btn_pop_next.gif) no-repeat}


/*진료시간안내*/
.mcon5{float:right;width:195px;height:150px;margin-bottom:22px;padding:14px 20px;border:1px solid #dcdcdc}
.mcon5 h3{margin-bottom:10px;padding:10px 0 10px 60px;border-bottom:1px solid #dcdcdc;color:#078368;background:url(/images/health/main/mcon5_img1.gif) no-repeat 0 50%;font-size:1.563em}
.mcon5 ul{margin-bottom:0}

.mcon5 ul li a:hover,
.mcon5 ul li a:focus{text-decoration: underline;color:#fff}

/*각종 측정 및 안내*/
.mcon6{float:left}
.mcon6 ul li a{display:block;width:198px;padding-left:40px;font-size:1.05em;font-weight:700;color:#fff}
.mcon6 ul li a:hover{color:#101010}
.mcon6 ul .btn1 a{height:75px;margin-bottom:16px;background:url(/images/health/main/mcon6_btn1.gif) no-repeat;line-height:75px}
.mcon6 ul .btn2 a{height:76px;margin-bottom:16px;background:url(/images/health/main/mcon6_btn2.gif) no-repeat;line-height:76px}
.mcon6 ul .btn3 a{height:59px;background:url(/images/health/main/mcon6_btn3.gif) no-repeat;line-height:59px}

.mcon6 ul li a:hover,
.mcon6 ul li a:focus{text-decoration: underline;color:#fff}
/*자주찾는 서비스메뉴*/
.mcon7{float:right;width:238px;height:242px;background:url(/images/health/main/mcon7_bg.gif) no-repeat}
.mcon7 ul{overflow:hidden;padding:15px 18px 0}
.mcon7 ul:after{content:"";display:block;clear:both}
.mcon7 ul li{float:left}
.mcon7 ul li a{display:block;width:100px;padding:77px 0 15px;color:#767676;text-align:center}
.mcon7 ul li a:hover{color:#101010}
.mcon7 ul .btn1 a{background:url(/images/health/main/mcon7_btn1.gif) no-repeat 50% 0}
.mcon7 ul .btn2 a{background:url(/images/health/main/mcon7_btn2.gif) no-repeat 50% 0}
.mcon7 ul .btn3 a{background:url(/images/health/main/mcon7_btn3.gif) no-repeat 50% 0}
.mcon7 ul .btn4 a{background:url(/images/health/main/mcon7_btn4.gif) no-repeat 50% 0}

.mcon7 ul li a:hover,
.mcon7 ul li a:focus{text-decoration: underline;}

/*배너모음*/
.main #bannerWrap{background:#f3eee8}
#banner{width:980px}
#banner h3{float:left;width:70px;color:#54341c}
#banner .control{top:23px;left:95px}
#banner .control .prev, #banner .control .next, #banner .more a{border:none}
#banner .control a[rel="prev"]{background:url(/images/health/main/banner_up.gif) no-repeat 50% 50%}
#banner .control a[rel="next"]{background:url(/images/health/main/banner_down.gif) no-repeat 50% 50%}
#banner .grap{float:left;width:840px;margin:5px 0 0 90px}
#banner .grap .obj li{position:relative}
#banner .grap .obj li:after{position:absolute;display:block;content:"";top:5px;left:0;height:14px;border-left:1px solid #e1dedc}