@charset "utf-8";
/*기본화면-pc기준*/
*{margin: 0; padding: 0;}
ul, ol{list-style: none;}
a{text-decoration: none;}
img{border: 0;vertical-align: top;}
input{vertical-align: top;}
button{vertical-align: top;cursor: pointer;}

/* 메인공통 */
.clearfix:after{content: ""; display: block; clear: both;}
.cont{width: 100%; max-width: 1480px; margin: 0 auto; box-sizing: border-box;}

/* 헤더영역 */
#header{margin-bottom: 10px;}

.h_utill{width: 100%; background-color: #204466;}
.h_utill .inner{width: 100%; max-width: 1480px; margin: 0 auto;}
.h_utill ul{display: flex;}
.h_utill li a{display: block; padding: 0 20px; line-height: 45px; font-weight: 400;}
.h_utill li:nth-child(1) a{background-color: #fff; color: #000;}
.h_utill li:nth-child(2) a{background-color: #051f38; color: #fff;}

.h_top{position: relative;}
.logo{padding: 25px 0;}
.logo a{display: block; width: 260px; height: 40px; text-indent: -9999px; background-image: url(../../../../../images/domain/health/main/logo.png); background-repeat: no-repeat; background-size: contain;}

.rightArea{display: flex; align-items: center;}
.rightArea .h_btn{display: inline-block; text-indent: -9999px; width: 60px; height: 60px; margin-left: 15px; border-radius: 50%; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}

.rightArea{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.rightArea .sch_box .input_area{position: relative;}
.rightArea .sch_box input{min-width: 390px; height: 48px; padding: 0 30px; font-size: 16px; border: 2px solid #cccccc; box-sizing: border-box; border-radius: 48px; color: #222;}
.rightArea .sch_box input::placeholder{color: #222;}
.rightArea .sch_box .searchBtn{position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-left: 0; background-image: url(../../../../../images/domain/health/main/i_search.png); cursor: pointer; background-color: #003a48; border: 0;}
.sch_box_mo{display: none;}
.rightArea .home{background-color: #fff; border: 1px solid #c2c2c2; background-image: url(../../../../../images/domain/health/main/i_home.png);}
.rightArea .allmenu{border: 0; background-color: #069fa5; background-image: url(../../../../../images/domain/health/main/i_menu.png);}
.rightArea .allmenu.mo{display: none;}

/* gnb */
.gnbWrap{position: relative; width: 100%;}
.gnb{max-width: 1480px; width: 100%; margin: 0 auto; height: 100%; align-items: center; justify-content: center; transition: all 0.2s;}
.gnb .d1{position: relative; float: left; width: 11.11111111111111%;}
.gnb .d1 .m{display: block; width: 100%; height: 55px; box-sizing: border-box; padding: 18px 0; line-height: 1; text-align: center; font-size: 19px; color: #000; font-weight: 400;}
.gnb .d1 .sub{display: none; position: absolute; top: 55px; left: 0; width: 100%; height: 400px; padding-top: 10px; box-sizing: border-box; border-left: 1px solid #ddd; z-index: 100; transition: all 0.2s; overflow: hidden;}
.gnb .d1 .sub li a{display: block; padding: 6px 20px; color: #222; line-height: 1.4em;}

/* 메뉴 호버시 */
.gnb .d1:hover .m{color: #268ec1; font-weight: 700; text-decoration: underline;}
.gnb .d1:hover .sub{background-color: #10959a;}
.gnb .d1:hover .sub li a{color: #fff;}
.gnb .d1 .sub li a:hover{font-weight: 500;  text-decoration: underline;}
.gnb.on .d1 .sub{display: block;}
.gnb .d1:focus-within .sub{display: block; background-color: #069fa5;}

.gnb_bg{position: absolute; top: 55px; left: 0; width: 100%; height: 0; background-color: #fff; box-sizing: border-box; box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1); z-index: 50;}
.gnb_bg.on{height: 400px; border-top: 1px solid #ddd;}

/* 모바일 사이드 메뉴 */
.mobile_menu{position: fixed; top: 0; right: -100%; width: 100%; height: 100%; max-width: 360px; background-color: #fff; z-index: 100; transition: all 0.3s; overflow: scroll;}
.mobile_menu .top_utill{padding: 20px 15px; background-color: #008a9c;}
.mobile_menu .top_utill:after{content: ""; display: block; clear: both;}
.mobile_menu .top_utill .close{float: left; display: block; width: 25px; height: 25px; background-image: url(../../../../../images/domain/health/main/i_close.png); background-repeat: no-repeat; background-position: center; text-indent: -9999px; border: 0; background-color: transparent;}
.mobile_menu .top_utill .home{float: right; display: block; width: 25px; height: 25px; background-image: url(../../../../../images/domain/health/main/i_home02.png); background-repeat: no-repeat; background-position: center; text-indent: -9999px;}

.mobile_menu_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; right: 0; display: none; z-index: 99;}

.mo_gnb .d1{border-bottom: 1px solid #ddd;}
.mo_gnb .d1 .m{display: block; padding: 0 30px; line-height: 60px; color: #000; font-size: 18px; font-weight: 500; background-image: url(../../../../../images/domain/health/main/mo_down.png); background-repeat: no-repeat; background-position: center right 30px;}
.mo_gnb .d1 .sub{display: none; padding: 10px 30px;}
.mo_gnb .d1 .sub li a{display: block; padding: 5px 10px; color: #000; background-image: url(../../../../../images/domain/health/main/mo_down.png); background-repeat: no-repeat; background-position: right center;}

/* 모바일 메뉴 오버시 */
.mobile_menu.on{right: 0; opacity: 1;}
.mo_gnb .d1 .m.over{color: #fff; background-color: #0a9aad; background-image: url(../../../../../images/domain/health/main/mo_up.png); }
.mo_gnb .d1 .sub li a:focus{background-image: url(../../../../../images/domain/health/main/mo_up02.png); color: #069fa5;}

/* 메인슬라이드 */
.mainslide_Wrap{float: left; position: relative; width: 64%; border-radius: 20px; overflow: hidden;}
.mainslide .slide img{width: 100%;}
.m_btnBox{position: absolute; bottom: 0; right: 0; padding: 15px 25px 10px 35px; background-color: rgba(0,0,0,0.6); border-top-left-radius: 20px;}
.m_btnBox button{width: 17px; height: 17px; margin-right: 15px; background-color: transparent; border: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center;}
.m_btnBox .prev{background-image: url(../../../../../images/domain/health/main/i_prev.png);}
.m_btnBox .next{background-image: url(../../../../../images/domain/health/main/i_next.png);}
.m_btnBox .stop{background-image: url(../../../../../images/domain/health/main/i_stop.png);}
.m_btnBox .play{display: none; background-image: url(../../../../../images/domain/health/main/i_play.png);}
.m_btnBox .btn_all{display: inline-block; width: 17px; height: 17px; text-indent: -9999px; background-image: url(../../../../../images/domain/health/main/i_all.png);  background-repeat: no-repeat; background-position: center;}

/* 진료안내 및 오시는길,업무검색 */
.guide_Wrap{float: left; width: 36%; padding-left: 40px; box-sizing: border-box;}
.guide{margin-bottom: 35px; padding: 45px 35px; background-color: #e2e4ff; border-radius: 20px; text-align: center; box-sizing: border-box;}
.guide>div{display: inline-block;}
.guide h3{padding-left: 125px; margin-bottom: 20px; background-image: url(../../../../../images/domain/health/main/announcement.png); background-repeat: no-repeat; background-position: left center;}
.guide h3 .txt{font-size: 39px;}
.guide h3 .numb{display: inline-block; padding: 0 20px; line-height: 1.4em; font-size: 36px; color: #161d5f; background-color: #c2c6ff;}
.guide li{position: relative; padding-left: 40px; margin-bottom: 2px;  font-size: 20px; font-weight: 400; letter-spacing: 0; text-align: left;}
.guide li:last-child{margin-bottom: 0;}
.guide li:before{position: absolute; top: 5px; left: 0; content: ""; display: block; width: 23px; height: 23px; background-image: url(../../../../../images/domain/health/main/i_check.png);}
.guide li span{position: relative; display: inline-block; width: 85px;  margin-right: 20px;}
.guide li span:after{position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ""; display: block; width: 2px; height: 17px; background-color: #111;}

.guide_Wrap .link ul{width: 100%; max-width: 400px; margin: 0 auto;}
.guide_Wrap .link li{float: left; width: calc(50% - 30px); margin-right: 60px; text-align: center;}
.guide_Wrap .link li:last-child{margin-right: 0;}
.guide_Wrap .link li p{margin-top: 30px; color: #fff; font-size: 20px; line-height: 40px; border-radius: 40px; font-weight: 500;}
.guide_Wrap .link li:nth-child(1) p{background-color: #002a55;}
.guide_Wrap .link li:nth-child(2) p{background-color: #1975cb;}
.guide_Wrap .link li .image{transition: ease-out .4s;}
.guide_Wrap .link li:hover .image{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
}


/*공지사항 우리아기 예방주사*/
.cont2{margin:60px auto 50px;}
/* 공지사항 탭 */
.notice{float: left; width: 62%; height: 360px;     border-bottom: 2px solid #555;}
.notice ul{position: relative; border-bottom: 2px solid #555;}
.notice ul:after {content: ""; display: block; clear: both}
.notice li {float: left; margin-bottom: -1px}
.notice li a {position: relative; float: left; color: #000;}
.notice li ul{ width: 100%; position: absolute; top: 54px; left: 0; list-style: none; border: 0; margin: 0; padding: 0; *zoom: 1}
.notice li ul:after { content: ""; display: block; clear: both;}
.notice li li:after {content: ""; display: block;  clear: both;}
.notice li li {float: none; position: relative;}
.notice li li:first-child a{width: 100%;}
.notice li li:first-child:hover a .t1{color: #1048c5;}
.notice li li:first-child:hover a .t2{text-decoration: underline;}
.notice li li a{ width: calc(100% - 105px); overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; 	 font-size: 19px;}
.notice li li a:hover,
.notice li li a:active,
.notice li li a:focus {color: #000 !important;}
.notice li li .date { /*position: absolute; top: 0; right: 0;*/ color: #444; font-size: 19px; font-weight: 600;}
.notice li li.more { position: absolute; top: -53px; right: 0; width: 44px; height: 44px; border-radius: 50%; border: 0 !important; text-indent: -9999px; background-image: url(../../../../../images/domain/health/main/i_plus.png); background-repeat: no-repeat; background-position: center;}
.notice li li.more a{ display: block; width: 100%; height: 100%;}
.notice li .tit{ padding: 5px 20px; margin-right: 30px; font-size: 26px; font-weight: 500;}
.notice li.active .tit { font-weight: 600; color: #1048c5;}
.notice li li:first-child{ margin-bottom: 20px; padding: 20px 35px 20px 190px; border-bottom: 1px dashed #959595;}
.notice li li:first-child:before{position: absolute; top: 50%; left: 35px; transform: translateY(-50%); content: ""; display: block; width: 93px; height: 60px; background-image: url(../../../../../images/domain/health/main/i_notice.png);}
.notice li li:first-child .t1{ margin-bottom: 15px; font-size: 22px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice li li:first-child .t2{ margin-bottom: 15px; font-size: 19px; color: #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice li li.dot{padding: 8px 35px;}
.notice li li.dot a{position: relative;  padding-left: 20px; box-sizing: border-box;}
.notice li li.dot a:before{position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ""; display: block; width: 4px; height: 4px; margin-right: 10px; font-weight: 600; background-color: #000; border-radius: 50%;}
.notice li li.dot a:hover{text-decoration-line: underline;}







/* new 예방접종 시기 검색 */
.inoculation{float: left; width: 38%; padding-left: 50px; box-sizing: border-box;}
.inoculation h3{position: relative; font-size: 26px; text-align:center;}
.inoculation h3 span{color:#1975cc;}
.inoculation .cont{position:relative;}
.inoculation .cont:before{display:inline-block; position:absolute; content:""; width:90px; height:2px; background:#2093ff; right:0; bottom:0px; z-index:1; }
.inoculation .date{width: 100%; margin:0 auto; font-size:0px; margin-top:10px; padding-top:60px; border-top:2px solid #555; position:relative;
border-bottom:2px solid #555; min-height:310px;}
.inoculation .date:before{display:inline-block; position:absolute; content:""; width:90px; height:2px; background:#2093ff; left:0; top:-2px;}
.inoculation .date select::-ms-expand {display: none;}
.inoculation .date select{-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.inoculation .date select{width: 100%; height: 47px; padding: 0 20px; font-size: 19px; border: 1px solid #cccccc; border-radius: 23px;
 background-image: url(../../../../../images/domain/health/main/inoculation_arrow.png); background-repeat: no-repeat; background-position: right -1px center;}
.inoculation .date > span{display:inline-block; width: calc(100% / 3 - 8px); margin-right: 8px;}
.inoculation .date > span:last-child{margin-right:0px;}
.inoculation .date button{margin-top: 25px; width: 100%; padding:18px 10px 18px; box-sizing:border-box; font-size: 19px; color: #000000; border-radius: 30px; background-color: #e4f2ff; border: 1px solid #2093ff;}
.inoculation .date button:hover{background:#bfe0ff;}
.inoculation .i_date_con{margin: 3px 0px 0px 5px;}
.inoculation .check{padding-left: 22px; margin-top: 45px; font-size: 18px; font-weight: 400; background-size: 16px;    letter-spacing: 0.5px;
background-image: url(../../../../../images/domain/health/main/i_check02.png); background-repeat: no-repeat; background-position: left center;}



/*new 자주찾는 서비스*/
.main_service{padding:0px 0px 130px; position:relative; width:100%; margin:0 auto; max-width:1920px;}
.main_service:after{width: 100%; position: absolute; content: ""; height: 610px; bottom: 0px; left: 0; background: url(../../../../../images/domain/health/main/service_background.png) no-repeat;
background-position: left top; z-index: -2;}
.main_service h3{font-size:28px; padding-bottom:60px; }
.main_service h3 span{color:#1975cc;}
.main_s_menu{ font-size:0px; display: flex; flex-wrap: wrap; box-sizing: border-box; word-break: keep-all;}
.main_s_menu li{display:inline-block;font-size: 16px;text-align:center;width: calc(100% / 9 - 30px);margin-right:33px;background:#fff;border-radius:13px; box-sizing:border-box;padding:10px;margin-bottom:40px;position:relative;box-shadow: 2px 4px 4px 0px #b1c9e9;}
.main_s_menu li:nth-child(2){ background:#f2f8ff;}
.main_s_menu li:nth-child(4){ background:#f2f8ff;}
.main_s_menu li:nth-child(6){ background:#f2f8ff;}
.main_s_menu li:nth-child(8){ background:#f2f8ff;}
.main_s_menu li:nth-child(9){margin-right:0px;}

.main_s_menu li:nth-child(10){margin-bottom:0px; background:#f2f8ff;}
.main_s_menu li:nth-child(11){margin-bottom:0px; }
.main_s_menu li:nth-child(12){margin-bottom:0px;background:#f2f8ff;}
.main_s_menu li:nth-child(13){margin-bottom:0px; }
.main_s_menu li:nth-child(14){margin-bottom:0px;background:#f2f8ff;}
.main_s_menu li:nth-child(15){margin-bottom:0px; }
.main_s_menu li:nth-child(16){margin-bottom:0px;background:#f2f8ff;}
.main_s_menu li:nth-child(17){margin-bottom:0px; }
.main_s_menu li:nth-child(18){margin-bottom:0px; margin-right:0px;background:#f2f8ff; }

.main_s_menu li a{display:inline-block; width:100%; height:100%;}
.main_s_menu li a:hover{text-decoration: none; font-weight: 600; color:#0047f5;}
.main_s_menu li .main_s_mcon{position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main_s_menu li .main_s_mcon .main_s_mtxt{line-height:1.2; margin-top:7px; font-weight:500}
.main_s_menu li .main_s_mcon .main_s_mtxt .mundan{display:block;}
.main_s_menu li .main_s_mcon .main_s_mtxt.letter_sp{letter-spacing: -0.1em;}
.main_s_menu li a .main_s_mimg{transition: ease-out 0.7s;}
.main_s_menu li a:hover .main_s_mimg{  transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}


/* 주요서비스 */
.Service{width: 100%; max-width: 1480px; padding: 35px 0; margin: 0 auto;}
.Service h3{margin-bottom: 10px; font-size: 23px;}
.Service ul{display: flex; justify-content: space-between;}
.Service li a{position: relative; display: block; padding-right: 53px; font-size: 17px; color: #000; font-weight: 500;}
.Service li a:after{position: absolute; bottom: 0; right: 0; content: ""; display: block; width: 43px; height: 27px; background-image: url(../../../../../images/domain/health/main/i_arrow02.png); background-repeat: no-repeat;}



/*배너 슬라이더*/
.f_banner_wrap{background-color: #f7f7f7;font-size:0;padding: 20px 0 20px;}
.f_banner_wrap .inner{max-width:1480px; margin: 0 auto;}
.banner_txt_wrap {font-size:0;  display:inline-block; vertical-align: middle;  width:155px; margin-right:15px;}
.banner_txt_wrap  h4{font-size:18px; display:inline-block; vertical-align: middle;  margin-right: 8px; line-height:1.4;}
.banner_controler{display:inline-block; vertical-align: middle; }

.f_banner{display:inline-block !important;font-size:0;width:calc(100% - 170px);vertical-align: middle;}
.f_banner .slide{display:inline-block;margin-right:45px; position: relative;}
.f_banner .slide:after{display:inline-block; content:""; position: absolute; width:1px; background-color: #d6d6d6; height:20px; right:-22px; top:50%;
transform: translateY(-50%);}
.f_banner .slide a {display:inline-block; width:100%; height:100%;}

.banner_controler button{ width: 24px; height: 24px; margin-right: 3px; background-color: transparent; border: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center; display: inline-block;}
.banner_controler .b_prev{background-image: url(../../../../../images/domain/health/main/banner_before.png); }
.banner_controler .b_next{background-image: url(../../../../../images/domain/health/main/banner_next.png);}
.banner_controler .b_stop{background-image: url(../../../../../images/domain/health/main/banner_stop.png);}
.banner_controler .b_play{display: none; background-image: url(../../../../../images/domain/health/main/banner_start.png);}



/* 푸터_관련사이트 */
#footer .top{background-color: #373737;}
.f_site{width: 100%; max-width: 1480px; margin: 0 auto;}
.f_site>li{ position: relative; float: left; width: calc(100% / 5);}
.f_site>li .f_btn{width: 100%; padding-left: 20px; text-align: left; font-size: 16px; color: #fff; line-height: 60px; border: 0; border-right: 1px solid rgba(255,255,255,0.4); background-image: url(../../../../../images/domain/health/main/i_up.png); background-repeat: no-repeat; background-size: 13px 8px; background-position: right 20px center; background-color: transparent;}
.f_site>li:first-child .f_btn{border-left: 1px solid rgba(255,255,255,0.4);}
.site_list{display: none; position: absolute; bottom: 60px; left: 0; width: 100%; max-height: 495px; overflow-y: auto; background-color: #fff; border: 1px solid #c3c3c3; border-bottom: 0;}
.site_list li a{ display: block; padding: 8px 10px; color: #000; line-height: 1.4em; font-size: 15px; font-weight: 300; border-bottom: 1px dashed #ddd;}
.site_list li a:last-child{border-bottom: 0;}
.site_list li a:hover{color: #004ecb; font-weight: 500;  background-color: aliceblue;}

 .site_list::-webkit-scrollbar{height:10px; width:10px;}
 .site_list::-webkit-scrollbar-thumb{background-color:#cccc; border-radius:5px; background-clip: padding-box; border: 2px solid transparent;}
 .site_list::-webkit-scrollbar-track{border-radius:5px;}
 
/* 푸터_하단 */
#footer .bottom{display: flex; align-items: center;}
#footer .bottom .b_right{padding-left: 30px;}
#footer .bottom .b_right ul{margin-bottom: 10px;}
#footer .bottom .b_right li{display: inline-block; margin-right: 20px;}
#footer .bottom .b_right li:after{content: "·"; display: inline-block; margin-left: 20px;}
#footer .bottom .b_right li:last-child:after{display: none;}
#footer .bottom .b_right li a{color: #333; font-size: 17px; font-weight: 400;}
#footer .bottom .b_right li:first-child a{color: #2664bb;}
#footer .bottom .b_right p{color: #333; font-size: 15px;}



/***********************************************/
/* 1700 이하(~1700)  */
@media screen and (max-width: 1700px) {}

/***********************************************/
/* 1480 이하(~1480)  */
@media screen and (max-width: 1480px) {
    /* 메인공통 */
    .cont{padding: 0 70px;}
    
    /* 헤더 */
    .rightArea{right: 70px;}
    
    /* gnb */
    .gnb .d1 .m{font-size: 18px;}
    
    /* 진료안내 및 오시는길,업무검색 */
    .guide_Wrap{padding-left: 20px;}
    .guide{padding: 30px; margin-bottom: 20px;}
    .guide h3{padding-left: 95px; background-size: 70px;}
    .guide h3 .txt{font-size: 29px;}
    .guide h3 .numb{padding: 0 10px; font-size: 28px;}
    .guide li{padding-left: 25px; font-size: 17px;}
    .guide li:before{width: 19px; height: 19px; background-size: contain;}
    .guide li span{width: 70px; margin-right: 10px;}
    .guide_Wrap .link li .image{max-width: 60px; margin: 0 auto;}
    .guide_Wrap .link li .image img{width: 100%;}
    .guide_Wrap .link li p{margin-top: 20px; font-size: 17px;}
    
    /* 자주 찾는 보건사업 */
    .business{margin-top: 40px;}
    
    /* 공지사항 탭 */
    .notice{width: 50%;}
.notice li li.more{top: -57px;}
    


    
    /* 주요서비스 */
    .Service{padding: 0;}
    .Service h3{display: none;}
    .Service ul{display: block;}
    .Service li{float: left; width: 25%; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; box-sizing: border-box;}
    .Service li:nth-child(4n + 0){border-right: 0;}
    .Service li a{padding: 10px; font-weight: 400;}
    .Service li a:after{right: 10px; background-image: url(../../../../../images/domain/health/main/i_arrow03.png);}


/*배너*/
.f_banner_wrap .inner{box-sizing:border-box; padding:0 15px;}

/* new 예방접종 시기 검색 */
 .inoculation{width: 50%;}
.inoculation .cont{padding: 0 40px;}
.notice li .tit{    padding: 5px 13px; margin-right: 0px;}


}




/***********************************************/
/* 1450 이하(~1450)  */
@media screen and (max-width: 1450px) {


/*new 자주찾는 서비스*/
.main_s_menu li{width: calc(100% / 9 - 18px);  margin-right: 20px;}


/* new 예방접종 시기 검색 */
.notice li .tit{    padding: 5px 10px;     font-size: 23px;}

}





/***********************************************/
/* 1200 이하(~1200)  */
@media screen and (max-width: 1200px) {
    /* 헤더영역 */
    .h_utill li a{line-height: 30px; font-size: 14px;}
    .logo{padding: 15px 0;}
    .rightArea .h_btn{width: 50px; height: 50px; margin-left: 10px; background-size: contain;}
    .rightArea .sch_box input{min-width: 260px; height: 40px; font-size: 14px;}
    .rightArea .allmenu.pc{display: none;}
    .rightArea .allmenu.mo{display: block;}
    
    /* gnb */
    .gnb{display: none;}
    
    /* 메인슬라이드 */
    .mainslide_Wrap{width: calc(100% - 380px);}
    
    /* 진료안내 및 오시는길,업무검색 */
    .guide_Wrap{width: 380px;}
    .guide{padding: 20px; margin-bottom: 15px;}
    .guide_Wrap .link li a{display: flex; align-items: center;}
    .guide_Wrap .link li .image{max-width: 45px; }
    .guide_Wrap .link li p{padding: 0 20px; font-size: 15px; line-height: 35px; margin-top: 0;}
    
    /* 공지사항 탭 */
    .notice{width: 100%;}
    



 /* new 예방접종 시기 검색 */
    .inoculation{width: 100%; padding-left: 0; margin-top: 50px;}
	.inoculation .cont{padding: 0 0px;}
	.inoculation .date{padding:30px 0; min-height: auto;}
	.inoculation .date button{margin-top:15px;}
	.inoculation .check{margin-top:15px;}
	
	
/*new 자주찾는 서비스*/
.main_s_menu li{width: calc(100% / 6 - 17px);  margin-right: 20px;}
.main_s_menu li:nth-child(6){margin-right:0px;}
.main_s_menu li:nth-child(7){background: #f2f8ff;}
.main_s_menu li:nth-child(8){ background: #fff;}
.main_s_menu li:nth-child(9){margin-right:20px; margin-bottom: 40px;}
.main_s_menu li:nth-child(10){margin-bottom: 40px;}
.main_s_menu li:nth-child(11){margin-bottom: 40px;}
.main_s_menu li:nth-child(12){margin-right:0px; margin-bottom: 40px;}
.main_s_menu li:nth-child(13){background: #fff;}
.main_s_menu li:nth-child(14){background: #f2f8ff;}
.main_s_menu li:nth-child(15){background: #fff;}
.main_s_menu li:nth-child(16){background: #f2f8ff;}
.main_s_menu li a .main_s_mimg{width:28px;}

}



/***********************************************/
/* 1024 이하 (~1024)  */
@media screen and (max-width: 1024px) {
    /* 메인공통 */
    .cont{padding: 0 50px;}
    
    /* 헤더 */
    .rightArea{right: 50px;}
    
    /* 메인슬라이드 */
    .mainslide_Wrap{width: 100%; margin-bottom: 30px;}
    
    /* 진료안내 및 오시는길,업무검색 */
    .guide_Wrap{width: 100%; padding-left: 0;}
    .guide{padding: 25px; margin-bottom: 10px;}
    .guide>div{display: flex;}
    .guide h3{margin-right: 30px;}
    .guide_Wrap .link ul{max-width: 100%;}
    .guide_Wrap .link li{width: 50%; margin-right: 0; border-radius: 20px; box-sizing: border-box;}
    .guide_Wrap .link li a{padding: 10px; justify-content: center;}
    .guide_Wrap .link li .image{margin: 0 10px;}
    .guide_Wrap .link li p{min-width: 100px;}
    
 
    
    /* 공지사항 탭 */
    .notice li .tit{font-size: 22px;}
    .notice li li.more{top: -50px; width: 35px; height: 35px; background-size: contain;}
    

   
    /* 푸터_관련사이트 */
    .f_site>li .f_btn{padding-left: 10px; background-position: right 10px center;}


/*new 자주찾는 서비스*/
.main_service{padding: 0px 0px 60px;}
.main_service h3{padding-bottom:30px;}
.main_s_menu li{width: calc(100% / 4 - 15px);  margin-right: 20px; padding:8px 0;}
.main_s_menu li:nth-child(4){margin-right:0px;}
.main_s_menu li:nth-child(5){background: #f2f8ff;}
.main_s_menu li:nth-child(6){margin-right:20px; background: #ffff;}
.main_s_menu li:nth-child(7){background: #f2f8ff;}
.main_s_menu li:nth-child(8){margin-right:0px; background: #fff;}
.main_s_menu li:nth-child(9){margin-bottom: 40px; background: #fff;}
.main_s_menu li:nth-child(10){margin-bottom: 40px; background: #f2f8ff;}
.main_s_menu li:nth-child(11){margin-bottom: 40px; background: #fff;  }
.main_s_menu li:nth-child(12){margin-right:0px; margin-bottom: 40px; background: #f2f8ff;}
.main_s_menu li:nth-child(13){margin-right:20px; margin-bottom: 40px; background: #f2f8ff;}
.main_s_menu li:nth-child(14){margin-bottom: 40px; background: #fff;}
.main_s_menu li:nth-child(15){margin-bottom: 40px; background: #f2f8ff;}
.main_s_menu li:nth-child(16){margin-right:0px; margin-bottom: 40px; background: #fff;}

.main_s_menu li .main_s_mcon .main_s_mtxt .mundan{display:inline-block;}
/*아이콘 크기 조절*/
.main_s_menu li:nth-child(7) .main_s_mimg{width:38px;}
.main_s_menu li:nth-child(8) .main_s_mimg{width:38px;}
.main_s_menu li:nth-child(10) .main_s_mimg{width:38px;}
.main_s_menu li:nth-child(13) .main_s_mimg{width:41px;}
.main_s_menu li:nth-child(16) .main_s_mimg{width:38px;}

/*배너*/
.f_banner_wrap .slick-slide img{width:180px;}

}

/***********************************************/
/* 모바일 (0~767) */
@media screen and (max-width: 767px) {
    /* 메인공통 */
    .cont{padding: 0 20px;}
    
    /* 헤더 */
    .h_utill li a{font-size: 13px;}
    .logo a{width: 190px; height: 30px;}
    .rightArea{right: 20px;}
    .rightArea .home{display: none;}
    .rightArea .h_btn{width: 40px; height: 40px; background-size: 43px;}
    
    /* 진료안내 및 오시는길,업무검색 */
    .guide h3{padding-left: 55px; margin-right: 20px; background-size: 45px; background-position: left top 13px;}
    .guide h3 .txt{font-size: 21px;}
    .guide h3 .numb{font-size: 19px;}
    .guide li{padding-left: 20px; font-size: 15px;}
    .guide li:before{width: 15px; height: 15px;}
    .guide li span{width: 60px;}
    .guide li span:after{width: 1px; height: 13px;}
    
 
    
    /* 공지사항 탭 */
    .notice{height: 270px;}
    .notice li .tit{padding: 5px; margin-right: 10px; font-size: 19px;}
    .notice li li:first-child{padding: 10px 15px; margin-bottom: 10px;}
    .notice li li:first-child:before{display: none;}
    .notice li li:first-child .t1{margin-bottom: 5px; font-size: 19px;}
    .notice li li:first-child .t2{font-size: 15px;}
    .notice li li .date{font-size: 15px;}
    .notice li li.dot{padding: 5px 15px;}
    .notice li li a{width: calc(100% - 82px); font-size: 15px;}
    .notice li li.more{width: 30px; height: 30px; }
    
    /* 퀵링크 */
    .quick h3{margin-bottom: 20px; font-size: 22px;}
    .quick h3:after{bottom: 4px; right: -75px; width: 50px; height: 13px;}
    .quick li a .image{width: auto; max-width: 70px;}
    .quick li a .image img{width: 85%;}
    .quick li a p{font-size: 14px; font-weight: 400;}
    

    
    /* 주요서비스 */
    .Service li{width: 50%;}
    .Service li a{font-size: 15px;}
    .Service li a:after{width: 27px; background-size: contain;}
    
    /* 푸터_관련사이트 */
    .f_site>li{width: calc(100% / 2);}
    .f_site>li .f_btn{line-height: 45px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
    .site_list{bottom: 46px;}
    
    /* 푸터_하단 */
    #footer .bottom{display: block; padding-bottom: 30px; text-align: center;}
    #footer .bottom .logo{width: 80px; margin: 0 auto;}
    #footer .bottom .logo img{width: 100%;}
    #footer .bottom .b_right{padding-left: 0;}
    #footer .bottom .b_right li{margin-right: 5px;}
    #footer .bottom .b_right li:after{margin-left: 5px;}
    #footer .bottom .b_right li a{font-size: 15px;}

 /* new 예방접종 시기 검색 */
    .inoculation h3{font-size: 21px;}
.inoculation .date select{height: 43px;  background-size: 19%; font-size:16px;}
.inoculation .date button{font-size:17px; padding:13px 10px 13px;}
.inoculation .check{font-size:16px;}




/*new 자주찾는 서비스*/
	.main_service h3{font-size:21px; padding-bottom:20px; text-align: center;}
	.main_s_menu li{ width: calc(100% / 4 - 8px);  margin-right: 10px; margin-bottom:15px;}
	.main_s_menu li:nth-child(6){margin-right:10px; background: #ffff;}
    .main_s_menu li:nth-child(7){background: #f2f8ff;}
    .main_s_menu li:nth-child(8){margin-right:0px; background: #fff;}
    .main_s_menu li:nth-child(9){margin-right:10px; margin-bottom:15px; background: #fff;}
    .main_s_menu li:nth-child(10){margin-bottom:15px; background: #f2f8ff;}
    .main_s_menu li:nth-child(11){margin-bottom:15px; background: #fff;  }
    .main_s_menu li:nth-child(12){margin-right:0px; margin-bottom: 15px; background: #f2f8ff;}
    .main_s_menu li:nth-child(13){margin-right:10px; margin-bottom:15px;background: #f2f8ff;}
.main_s_menu li:nth-child(14){margin-right:10px; margin-bottom:15px;}
 .main_s_menu li:nth-child(15){margin-right:10px; margin-bottom:15px;}
    .main_s_menu li:nth-child(16){margin-right:0px; margin-bottom:15px;}

}

/***********************************************/
/* 모바일 (0~560) */
@media screen and (max-width: 560px) {
    /* 메인공통 */
    .cont{padding: 0 15px;}
    
    /* 헤더 */
    .rightArea .sch_box{display: none;}
    .sch_box_mo{display: block; margin-bottom: 15px;}
    .sch_box_mo .input_area{position: relative;}
    .sch_box_mo input{width: 100%; height: 35px; border: 1px solid #ddd; border-radius: 35px; padding: 0 40px 0 20px; box-sizing: border-box;}
    .sch_box_mo .searchBtn{position: absolute; top: 0; right: 0; background-color: transparent; width: 55px; height: 35px; text-indent: -9999px; border: 0; background-image: url(../../../../../images/domain/health/main/i_search02.png); background-repeat: no-repeat; background-position: center; background-size: 22px;}
    
    /* 메인슬라이드 */
    .mainslide_Wrap{margin-bottom: 20px;}
    .m_btnBox{padding: 11px 16px 4px 20px;}
    .m_btnBox button{margin-right: 2px; background-size: contain; background-size: 9px auto;}
    
    /* 진료안내 및 오시는길,업무검색 */
    .guide{padding: 15px 25px;}
    .guide>div{display: inline-block;}
    .guide h3{padding-left: 65px; margin-right: 0; margin-bottom: 10px; text-align: left; background-size: 50px;}
    .guide_Wrap .link li .image{max-width: 33px;}
    .guide_Wrap .link li p{min-width: auto; width: calc(100% - 73px); padding: 0 10px; font-size: 14px;}
    



/* new 예방접종 시기 검색 */
	.inoculation .date select{background-size: 27%;}

    /*new 자주찾는 서비스*/
	.main_s_menu li{width: calc(100% / 2 - 8px); margin-bottom:15px !important;}
	.main_s_menu li:nth-child(even){margin-right:0px !important; }
	.main_s_menu li:nth-child(3){background: #f2f8ff;} 
	.main_s_menu li:nth-child(4){background: #fff;}
	.main_s_menu li:nth-child(5){background: #fff;}
	.main_s_menu li:nth-child(6){background: #f2f8ff;}
	.main_s_menu li:nth-child(11){background: #f2f8ff;}
	.main_s_menu li:nth-child(12){background: #fff;}
	.main_s_menu li:nth-child(13){background: #fff;}
	.main_s_menu li:nth-child(14){background: #f2f8ff;}
	.main_s_menu li:nth-child(15){background: #f2f8ff;}
	.main_s_menu li:nth-child(16){background: #fff;}
.main_s_menu li:nth-child(17){margin-bottom:0px !important;}
	.main_s_menu li:nth-child(18){margin-bottom:0px !important;}

	.main_s_menu li a .main_s_mimg{display:inline-block;}
	.main_s_menu li .main_s_mcon .main_s_mtxt{display:inline-block;}
	.main_s_menu li a .main_s_mimg{width:20px; vertical-align: middle;}
	/*아이콘 크기 조절*/
   .main_s_menu li:nth-child(7) .main_s_mimg{width:28px;}
   .main_s_menu li:nth-child(8) .main_s_mimg{width:28px;}
   .main_s_menu li:nth-child(10) .main_s_mimg{width:28px;}
   .main_s_menu li:nth-child(13) .main_s_mimg{width:31px;}
   .main_s_menu li:nth-child(14) .main_s_mimg{width:18px;}
   .main_s_menu li:nth-child(16) .main_s_mimg{width:28px;}


/*공지사항 탭 메뉴*/
.notice li .tit{margin-right: 0px; font-size: 17px;}


 /*배너*/
.f_banner_wrap .slick-slide img{width:150px;}
.f_banner .slide{margin-right:25px;}
.f_banner .slide:after{right: -13px;}
    
}






/***********************************************/
/* 모바일 (0~420) */
@media screen and (max-width: 420px) {

 /*new 자주찾는 서비스*/
 .main_s_menu li .main_s_mcon .main_s_mtxt{font-size:16px;}
 .main_s_menu li a .main_s_mimg{display:none;}
 .main_s_menu li:hover{ background: #1255e0; box-shadow: 2px 4px 4px 0px #4985d7;}
  .main_s_menu li:hover a{color:#fff;}


}