@charset "utf-8";


.m_contents { overflow:hidden; background:url("/images/09_health/main/main_bg.jpg") no-repeat top center; }
.m_con_wrap1{ padding:20px 0 110px 0 ; margin:auto 0; }
.m_con_top .tap_text{width:245px; margin:0 auto;}
.m_con_top .tap_text a {text-align:center; line-height: 2.3em; width:110px; height:47px; margin:auto 0 ;  float:left; padding:0 5px;
                       background:url("/images/09_health/main/tap1.png") no-repeat top center;}
.m_con_top .tap_text a:hover{background:url("/images/09_health/main/tap2.png") no-repeat top center; color:#fff;}
.m_con_top .tap_text .tap_on{background:url("/images/09_health/main/tap2.png") no-repeat top center; color:#fff;}

.m_con_top .pc_title{display:none; padding-top:80px; line-height:1.5em;}
.m_con_top .m_title {display:block; padding-top:80px; margin-bottom:25px; text-align:center;}
.m_con_top .con_title p{font-size:27px; color:#4b4b4b;}
.m_con_top .con_title .m_title span{color:#0052ca; font-weight:900; }

.m_con_visual{overflow:hidden; position:relative; }
/*.m_con_visual .visual_img .off{display:none;}
.m_con_visual .visual_img  {display:block; }*/
.m_con_visual .visual_img li{float:left; width:100%;}
.m_con_visual .visual_img a img{width:100%;}
.m_con_visual .play_btn{background:#456bbf; padding:0px;  position:absolute; top:0; right:0; background-color:#372f2d; }
.m_con_visual .play_btn li{ display:inline-block;color:#fff; line-height:1.1em;}
.m_con_visual .play_btn .i_stop{/*border-left:solid 1px #fff;*/ }
.m_con_visual .play_btn .i_play{/*border-left:solid 1px #fff;*/}
.m_con_visual .play_btn .off{display:none;}
.m_con_visual .play_btn li a{display:block; border-left: solid 1px #fff; }
.i_count{ margin: 5px 2px; padding:1px 15px; color:#fff;}

.m_con_icon{width:100%; overflow:hidden;}
.m_con_icon li{float:left; width:25%; }
.m_con_icon li a{display:block; text-align:center;}
.m_con_icon li a span{display:block; padding:20px 0 120px 0; background:url("/images/09_health/main/icon_total.png") no-repeat; }

.m_con_icon li .quick_01 span{background-position:center 20px;}
.m_con_icon li .quick_02 span{background-position:center -175px;}
.m_con_icon li .quick_03 span{background-position:center -370px;}
.m_con_icon li .quick_04 span{background-position:center -562px;}
.m_con_icon li .quick_05 span{background-position:center -755px;}
.m_con_icon li .quick_06 span{background-position:center -949px;}
.m_con_icon li .quick_07 span{background-position:center -1145px;}
.m_con_icon li .quick_08 span{background-position:center -1338px;}

.m_con_icon li .quick_01,
.m_con_icon li .quick_02,
.m_con_icon li .quick_03,
.m_con_icon li .quick_04{color:#1b3862;background:#51b878;font-weight:400;}
.m_con_icon li .quick_05,
.m_con_icon li .quick_06,
.m_con_icon li .quick_07,
.m_con_icon li .quick_08{color:#fff;background:#2a51ca;font-weight:400;}


.m_con_wrap2{width:100%; box-sizing:border-box;}
.m_con_wrap2 p{  margin:0 0 0 20px; padding:20px ; font-size:17px;}

.m_con_check {background:url("/images/09_health/main/check_bg.jpg")no-repeat ;background-size:cover; margin:0;  height:280px; width:100%;}
.m_con_check p{color:#fff; font-weight:600;}
.m_con_check li{width:70%;  margin:0 auto;}
.m_con_check li a{box-sizing:border-box; display:block;  border-radius:15px; background: rgba(255, 255, 255, 0.8); margin-bottom:7px; padding:2px 0 2px 7px; font-size:14px; color:#000;}
.m_con_check li a:hover{ background: rgba(255, 120, 79, 0.9); color:#fff;  font-weight:600; }
.m_con_check li a span{display:block; background:url("/images/09_health/main/check_icon.png")no-repeat; padding:1px 30px; line-height:1.6em;}
.m_con_check li a span:hover{ background:url("/images/09_health/main/check_icon_hover2.png")no-repeat;}


.m_con_bbs{background:#f6f7fb; height:280px; width:100%; position:relative; margin-top:15px; overflow:hidden;}
.m_con_wrap2 .m_con_bbs .on{background:url("/images/09_health/main/bbs_skin.jpg")  no-repeat ;background-size:cover; width:100%; height:55px; font-size:17px;   float:left;} 
.m_con_wrap2 .m_con_bbs .center_line {display:block;   position:absolute; top:20px; left:87px;}
.m_con_wrap2 .m_con_bbs .bbs_hide {font-size:17px; position:absolute; top:0; left:80px;}
.m_con_wrap2 .m_con_bbs .bbs_list{margin-top:25px;}
.m_con_wrap2 .m_con_bbs ul {position:absolute; padding:45px 0 ; width:100%}
.m_con_wrap2 .m_con_bbs li{display:block; margin:17px;}
.m_con_wrap2 .m_con_bbs li:hover{font-weight:600;}
.m_con_wrap2 .m_con_bbs li a{display:block;}
.m_con_wrap2 .m_con_bbs li .bbs_icon{display:inline-block; background:url("/images/09_health/main/bbs_dot.png")  no-repeat ;  padding:0 15px 0;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:80% }
.m_con_wrap2 .m_con_bbs li .bbs_date{display:none;}
.bbs_list span.date{display:block; float:right;}
.m_con_wrap2 .m_con_bbs h2 a{color:#fff; font-weight:400; display:inline-block; padding:0; margin:15px 5px 10px 20px;  float:left;}
.m_con_wrap2 .m_con_bbs h2 a:hover{font-weight:600; border-bottom:solid 3px #fff;}
.m_con_wrap2 .m_con_bbs .bbs_more a{  display:block;  position:absolute; top:15px; right: 10px;} 


.m_con_info{background:url("/images/09_health/main/time_bg.jpg") no-repeat; background-size:cover; width:100%; height:280px;}
.m_con_info p{color:#000; font-weight:600;}
.m_con_info ul li{width:75%; margin:0 auto; line-height:2.2em; padding-left:35px; }
.m_con_info ul li span{display:block;}
.m_con_info ul .info_1{background:url("/images/09_health/main/time_icon.png") no-repeat  center left; font-weight:600; color:#000;}
.m_con_info ul .info_2{background:url("/images/09_health/main/call_icon.png") no-repeat center left}
.m_con_info ul .info_3{background:url("/images/09_health/main/loc_icon.png") no-repeat center left;}


/*보건사업tap*/
.m_con_wrap1 .tap2 {clear:both; overflow:hidden;}
.m_con_wrap1 .tap2 h2{font-size:25px; margin:20px 0 20px 0; text-align:center; color:#253a6e;}
.m_con_wrap1 .tap2 h2:hover{color:#fff;}
.m_con_wrap1 .tap2 div{width:100%; display:block; float:left; margin:auto 0; padding-bottom:15px; }
.m_con_wrap1 .tap2 div li {  margin:0 auto;}
.m_con_wrap1 .tap2 div li a{ box-sizing:border-box; display:block;  border-radius:15px; background: rgba(255, 255,255, 0.9); border:solid 1px #ccc; padding-left:15px; font-size:14px; color:#253a6e;}
.m_con_wrap1 .tap2 div li a:hover{background:#ff784f; color:#fff; font-weight:600; border:solid 1px #ff784f; }
.m_con_wrap1 .tap2 div li a span {display:block; background:url("/images/09_health/main/tap_next.png") no-repeat center right;} 
.m_con_wrap1 .tap2 div li a span:hover { display:block; background:url("/images/09_health/main/visual_next.png") no-repeat center right;  }
.m_con_wrap1 .tap2 .m_con_list ul li{   margin:0 auto; line-height:2.2em;  width:80%; padding-bottom:7px; }
.m_con_wrap1 .tap2 .m_con_01{background:url("/images/09_health/main/tap_bg1.jpg") no-repeat bottom center; background-size:cover;}
.m_con_wrap1 .tap2 .m_con_02{background:url("/images/09_health/main/tap_bg2.jpg") no-repeat bottom center; background-size:cover;}
.m_con_wrap1 .tap2 .m_con_03{background:url("/images/09_health/main/tap_bg3.jpg") no-repeat bottom center; background-size:cover;}
.m_con_wrap1 .tap2 .m_con_04{background:url("/images/09_health/main/tap_bg4.jpg") no-repeat bottom center; background-size:cover;}
.m_con_wrap1 .tap2 .m_con_01:hover,
.m_con_wrap1 .tap2 .m_con_03:hover{background:#0052ca; }
.m_con_wrap1 .tap2 .m_con_02:hover,
.m_con_wrap1 .tap2 .m_con_04:hover{background:#3cb878;}



.sub_site_menu .top_st h1{padding:17px 0 0 20px;} 
 .footer_in .bt_logo{display:none;}


@media all and (max-width:400px) {
.m_con_icon li a span{background:none; padding:20px 0; background:url("/images/09_health/main/info_btn.png") no-repeat;  }
}



/* Tablet */
@media all and (min-width:768px) {

.m_contents {background-size:cover;}
.m_con_top{position:relative;}
.m_con_top .tap_text{margin:0;}
.m_con_wrap1{padding:30px 30px 132px 30px }
.m_con_visual {margin:11px 0 40px 0 ;  float:right; width:400px; height:280px;}
.m_con_visual .visual_img li{height:280px; overflow:hidden;}
.m_con_visual .play_btn{ width:100%; height:30px;  text-align:right; margin-top:250px; /*padding:1px 2px 5px 15px;*/ }
.i_count{float:left;}


.m_con_top .m_title{display:none;}
.m_con_top .pc_title{display:block; position:absolute; top:70px; margin-bottom:30px; color:#3a4872; font-weight:900; width: 35%;}
.con_title .pc_title .font {color:#0848a4; font-weight:900;}
.con_title .pc_title .f_size{font-size:37px; color:#0848a4; font-weight:900; line-height:53px;}

.m_con_icon {background:url("/images/09_health/main/bar_pc.png") no-repeat top center; width:100%; }
.m_con_icon li{font-size:17px; width:12.5%; margin:0;} 
.m_con_icon li .quick_01 ,
.m_con_icon li .quick_02 ,
.m_con_icon li .quick_03 ,
.m_con_icon li .quick_04 ,
.m_con_icon li .quick_05 ,
.m_con_icon li .quick_06 ,
.m_con_icon li .quick_07 ,
.m_con_icon li .quick_08 { background:none; }

.m_con_wrap2{  overflow:hidden; }
.m_con_wrap2 p { margin:0; text-align:center; }
.m_con_wrap2 .m_con_bbs{ width:50%;float:left; margin:0;}
.m_con_wrap2 .m_con_check,.m_con_info {width:25%;}
.m_con_wrap2 .m_con_check{float:left;}
.m_con_wrap2 .m_con_info{float:right;} 
.m_con_wrap2 .m_con_bbs li .bbs_icon{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:60% }
.m_con_wrap2 .m_con_bbs li .bbs_date{display:block; float:right; padding-top:0;  }

.m_con_check ul{ padding:0;}
.m_con_check li{width:90%; margin-top:7px;}
.m_con_check li a{margin-bottom:12px;}
.m_con_check li a span{font-size:14px; background:none; padding:0; }
.m_con_check li a span:hover{background:none;}

.m_con_info ul li {line-height:1.7em; font-size:14px; }
.m_con_info ul .info_1{background:url("/images/09_health/main/time_icon.png") no-repeat  top left; font-weight:600; color:#000;}


/*보건사업tap*/
.m_con_wrap1 .tap2 div{ margin:auto 0; width:50%; height:400px; float:left; box-shadow:5px 5px 5px rgba(0,0,0,0.7); }
.m_con_wrap1 .tap2 div ul{width:100%;}
.m_con_wrap1 .tap2 p{width:1px; height: 62px; border-left:solid 1px #fff;  margin:0 auto;}
.m_con_wrap1 .tap2 .m_con_01{background:url("/images/09_health/main/tap_bg1.jpg") no-repeat top center; background-size:cover;  }
.m_con_wrap1 .tap2 .m_con_02{background:url("/images/09_health/main/tap_bg2.jpg") no-repeat top center; background-size:cover;   }
.m_con_wrap1 .tap2 .m_con_03{background:url("/images/09_health/main/tap_bg3.jpg") no-repeat top center; background-size:cover;  }
.m_con_wrap1 .tap2 .m_con_04{background:url("/images/09_health/main/tap_bg4.jpg") no-repeat top center; background-size:cover;  }
.m_con_wrap1 .tap2 .m_con_list{width:100%; height:290px;  }


}



/* Desktop */
@media all and (min-width:1023px) {

.main_icon{width:100%; overflow:hidden; background:url("/images/09_health/main/bar_pc.png") no-repeat center top;}
.m_contents{min-width:1400px;}
.m_con_wrap1{width:1400px; margin:0 auto; padding:30px 0 132px 0; overflow:hidden; }
.m_con_top .m_title{display:none;}
.m_con_top .pc_title{display:block;}
.con_title .pc_title .font {color:#fff; }
.m_con_icon {background:url("/images/09_health/main/bar_pc.png") no-repeat top center; width:100%; }
.m_con_icon li .quick_01 span{background-position: center 23px;}
.m_con_icon li .quick_02 span{background-position: center -171px;}
.m_con_icon li .quick_03 span{background-position: center -366px;}
.m_con_icon li .quick_04 span{background-position: center -560px;}
.m_con_icon li .quick_05 span{background-position: center -754px;}
.m_con_icon li .quick_06 span{background-position: center -947px;}
.m_con_icon li .quick_07 span{background-position: center -1142px;}
.m_con_icon li .quick_08 span{background-position: center -1335px;}



.m_con_wrap2 p {margin:0 0 0 10px; padding:20px ; font-size:17px; text-align:left;}
.m_con_wrap2 .m_con_bbs{width:40%;float:left; background:#f6f7fb; height:280px;}
.m_con_wrap2 .m_con_bbs ul {position:absolute; padding:45px 0 ; width:100%}
.m_con_wrap2 .m_con_check {width:30%; float:left;}
.m_con_wrap2 .m_con_info{width:30%;float:right;}

.m_con_check li{width:70%; margin-top:0; }
.m_con_check li a {margin-bottom:8px;}
.m_con_check li a span {display:block; background:url("/images/09_health/main/check_icon.png")no-repeat; padding:1px 30px; line-height:1.6em; font-size:16px;}
.m_con_check li a span:hover{ background:url("/images/09_health/main/check_icon_hover2.png")no-repeat; padding-top:2px; }

.m_con_info ul li {line-height:2.1em; font-size:16px; }
.m_con_info ul .info_1{background:url("/images/09_health/main/time_icon.png") no-repeat  center left; font-weight:600; color:#000;}
 
.footer_in .bt_menu,
.footer_in .copy{margin-left: 223px;}



/*보건사업tap*/
.m_con_wrap1 .tap2 div{ margin:auto 0; width:350px; height:420px; }

.footer_in .bt_logo{display:block;position:absolute;top:54px;left:7px;}
.top_st .gnb{width:309px;}

.menu_style2 .menu3 div{padding-left:250px;box-sizing:border-box}
.menu_style2 .menu4 div{padding-left:230px;box-sizing:border-box}
.menu_style2 .menu5 div{padding-left:400px;box-sizing:border-box}
.menu_style2 .menu6 div{padding-left:550px;box-sizing:border-box}
.menu_style2 .menu7 div{padding-left:890px;box-sizing:border-box}

 }


/* 220804 상단메뉴 조정 */
@media all and (min-width:1023px) {
#nav ul.col7 li{width: 12%;}
#nav ul.col7 li.menu7{width: 16%;}
}
@media all and (min-width:1399px) {
.sub_site_menu #nav ul.col7 li{width: 12%;}
.sub_site_menu #nav ul.col7 li.menu7{width: 16%;}
}