@charset "utf-8";

/* msec-vis */
.main-wrap{}

/* 상단 슬라이드 */
.medic-visWrap{position: relative;}
.main-wrap .medic-visWrap .medic-vis {position:relative; width:2000px; left:50%; top:0; transform: translate(-50%, 0);}
.main-wrap .medic-visWrap .medic-vis .slick-list{overflow: inherit;}
.main-wrap .medic-visWrap .medic-vis .control{position: absolute; z-index: 10; height:120px; display:none;}
.main-wrap .medic-visWrap .medic-vis .control a{display:block; width:70px; height:120px; font-size:0; position:absolute; top:160px;}
.main-wrap .medic-visWrap .medic-vis .control .prev-slide{background: url("/images/Medical_/main/vis-arleft.png") left center no-repeat; left:200px;}
.main-wrap .medic-visWrap .medic-vis .control .next-slide{background: url("/images/Medical_/main/vis-arright.png") right center no-repeat; right:-1800px;}
.main-wrap .medic-visWrap .medic-vis .control-stop {position: absolute; width:6px; height:9px; left:50%; bottom:110px; margin-left:37px; z-index:16; display:none;}
.main-wrap .medic-visWrap .medic-vis .control-stop .stop-slide{display:block !important; width:6px; height:9px; font-size:0; display: block; background: url("/images/Medical_/main/slide-stop.png") center no-repeat;}
.main-wrap .medic-visWrap .medic-vis .vis-slie .slick-dots{position: absolute;width:120px; left:50%; bottom:120px;z-index: 11; transform: translate(-50%, 0); display:none;}
.main-wrap .medic-visWrap .medic-vis .vis-slie .slick-dots li{float: left; margin:0 8px; width:12px; height:12px;}
.main-wrap .medic-visWrap .medic-vis .vis-slie .slick-dots li button{border-radius: 50%; background: #fff; width:100%; height:100%; background:#fff; font-size:0;border:none;}
.main-wrap .medic-visWrap .medic-vis .vis-slie .slick-dots li.slick-active button{border:4px solid #1c1f28; width:16px; height:16px;}

/* 상단 4개버튼*/
.main-wrap .medic-visWrap .medic-btns{position: absolute;bottom:-50px; width:100%;z-index: 2;}
.main-wrap .medic-visWrap .medic-btns ul .btns-li{float: left; width:33.33%; height:99px; border-right:1px solid #222b53; box-sizing: border-box}
.main-wrap .medic-visWrap .medic-btns ul .btns-li:last-child{border-right:0;}
.main-wrap .medic-visWrap .medic-btns ul .btns-li > a{padding:15px 30px 0;display: block; width:100%; height:100%;  word-break: keep-all; box-sizing: border-box; background:url("/images/Medical_/main/medic-icon1.png") 95% center no-repeat #4556a6; color:#fff;}
.main-wrap .medic-visWrap .medic-btns ul .btns-li:nth-child(2) > a{ background-image:url("/images/Medical_/main/medic-icon2.png");}
.main-wrap .medic-visWrap .medic-btns ul .btns-li:nth-child(3) > a{background-image:url("/images/Medical_/main/medic-icon3.png");}
.main-wrap .medic-visWrap .medic-btns ul .btns-li:nth-child(4) > a{background-image:url("/images/Medical_/main/medic-icon4.png");}
.main-wrap .medic-visWrap .medic-btns ul .btns-li > a > .btnTit-kor{ font-size:22px; font-family:'NotoKrB'; margin-bottom:5px;}
.main-wrap .medic-visWrap .medic-btns ul .btns-li > a > .btnTit-eng{ font-size:17px; font-family:'NotoKrL'; color:rgba(255,255,255,0.7); }

/* 병원찾기 지도*/
.main-wrap .medic-mapArea{position: relative;padding:100px 0 50px;}
.main-wrap .medic-mapArea:before{content:""; display: block; z-index:-1; position:absolute; width:2000px; height:100%; left:50%; top:0; transform:translate(-50%, 0); background:url("/images/Medical_/main/medic-bg.jpg");}
.main-wrap .medic-mapArea .medic-mapSearch{background:url("/images/Medical_/main/map-bgicon.png") 98% 90% no-repeat #28b2a5;overflow: hidden; padding:10px; box-sizing: border-box;}
.main-wrap .medic-mapArea .medic-mapSearch .medicMap{position:relative; width:1179px;float:left;}
/*.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-markerInfo{position: absolute; top:20px; left:310px;}*/
.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-markerInfo .map-marker{margin:20px auto 0; text-align: center; }
/*.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-marker{position: absolute; left:514px; top:220px;}
.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info{position: absolute; left:290px; top:20px; width:462px;}*/
.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoTit{width:100%; background-color:#343434; color:#fff; font-family:'NotoKrR'; font-size:20px; padding:10px; text-align: center; box-sizing: border-box}
.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt{width:100%; background-color:#fff; border:3px solid #cecece; border-top:0; box-sizing: border-box; overflow: hidden;}
.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt > a {width:100%; display: block; padding:13px; box-sizing: border-box;}
/*.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt .medic-infoImg{float:left;}*/
/*.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt .medic-info{float:left; margin-left:20px;}*/
.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt .medic-info .cnt-tit{color:#555555; font-size:16px; font-family:'NotoKrM'; margin-bottom:2px;}
.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt .medic-info .cnt-sub{color:#555555; font-size:16px; font-family:'NotoKrL';}
.main-wrap .medic-mapArea .medic-mapSearch .medicSearch {float: right; width:350px; padding:15px 15px 15px 0;}
.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect{margin-bottom:30px;}
.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect:after{content:""; display: block; width:100%; height:3px; margin-top:15px; background: url("/images/Medical_/main/select-line.png") bottom center;}
.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect .chk-select {display: block; margin-bottom:7px;}
.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect .medicBtn{width:100%; background-color:#343434; color:#fff; font-size:18px; font-family:'NotoKrR'; border:none; padding:7px 0;}
.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directTit{font-size:28px; color:#fff; font-family:'NotoKrB';  margin-bottom:25px;}
.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directLi{font-size:18px;  font-family:'NotoKrR';  position:relative; padding-left:30px; margin-bottom:20px;}
.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directLi p{color:#333333; cursor: pointer;}
.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directLi:before{background: url("/images/Medical_/main/map-smarker.png") left center no-repeat; content:""; display: block; width:18px; height:22px; position:absolute; left:0; top:0;}

.map-markerInfo{width:280px;}
.main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt .medic-infoImg img{width:100%; margin-bottom:10px;}

/* 하단아이콘모음과 최신글*/
.main-wrap .content-box{margin:50px 0;}
.main-wrap .content-box .cb-Box1{overflow: hidden; width:100%;}
.main-wrap .content-box .cb-left{float:left; width:48.68%;}

.main-wrap .content-box .cb-right{float:right; width:48.68%;  border: 1px solid #e7e7e7; box-sizing: border-box;}

/*20200616 수정*/
/*.main-wrap .content-box .cb-right{float:right; width:48.68%;   box-sizing: border-box;}*/
.sy-right-bn .slick-slide img{width: 85%; height: 370px; margin: 0 auto; display: block;}
.sy-right-bn button.slick-arrow{text-indent: -9999px; border:none;}
.sy-right-bn button.slick-prev{width:38px; height: 74px; background: url("/images/Medical_/main/infbanner-arrowL2.png") no-repeat; position: absolute; top:45%; left:0; z-index: 20;}
.sy-right-bn button.slick-next{width:38px; height: 74px; background: url("/images/Medical_/main/infbanner-arrowR2.png") no-repeat; position: absolute; top:45%; right:0;}

.sy-right-bn .slick-dots{display: flex; justify-content: center;}
.sy-right-bn .slick-dots li{padding: 10px 0 0 10px;}
.sy-right-bn .slick-dots li button{width: 15px; height: 15px; border: none; background: gray; border-radius: 50%; background: #d1d1d1; text-indent: -9999px;}
.sy-right-bn .slick-dots li.slick-active button{background: #58657c;}
/*20200616 수정*/



.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top{background-color:#3a8ace; padding:45px; overflow: hidden;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top > * {float:left;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top img {margin-right:20px;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns{float:right;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-tit{color:#fff; font-family:'NotoKrM'; font-size:24px; margin-bottom:15px;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-call{color:#fff000; font-family:'NotoKrM'; font-size:30px; margin-bottom:15px;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-time{color:#b1f9ff; font-family:'NotoKrM'; font-size:20px;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi{border:1px solid #fff; width:238px; text-align: center;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi:first-child{margin-bottom:5px;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi > a{width:100%; display: block; padding:12px 0; color:#fff; font-size:18px; font-family:'NotoKrM';}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot {width:100%; border:1px solid #cecece; padding:31px 0; overflow: hidden; box-sizing: border-box;}
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot .cbl-icons{float:left; width:20%; margin:0 auto; text-align: center; }
.main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot .cbl-icons .cblIcon-name{margin-top:15px; font-size:18px; color:#333333; font-family:'NotoKrM'; }
.main-wrap .content-box .boxs-notice .boxs-notice-tit{background:#f7f7f7;border-bottom:1px solid #e7e7e7;overflow: hidden;}
.main-wrap .content-box .boxs-notice .boxs-notice-tit > .boxs-tit{padding:16px 20px 15px; float:left; font-family:'SCDream5';}
.main-wrap .content-box .boxs-notice .boxs-notice-tit > .boxs-more-btn{border-left:1px solid #e7e7e7; display:block; float:right; width:52px; height:52px;  background: url("/images/Medical_/main/plus_black.png") center center no-repeat;}
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt{padding:30px 40px; font-family:'NotoKrR'; overflow: hidden;}
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-notice{border-bottom:1px solid #e7e7e7; padding-left:80px; margin-bottom:25px; padding-bottom:25px; background: url("/images/Medical_/main/boxs-notice-icon.png") 10px 10px no-repeat;}
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-notice .boxs-cnt-tit{overflow: hidden; }
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt .cnt-li-tit{float: left; max-width:60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt  li:hover p.cnt-li-tit,
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt  li:hover p.notice-cnt{text-decoration: underline;}
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt .cnt-li-date{float: right;}
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-li{overflow: hidden;}
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-li{overflow: hidden; position:relative; padding-left:15px; box-sizing: border-box; margin-bottom:15px;}
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-li:last-child{margin-bottom:0px;}
.main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-li:before{content:""; display: block; position:absolute; left:0; top:50%; width:4px; height:4px; background-color:#403a3a; margin-top:-2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}

/* 하단롤링 & DB협력검색*/
.main-wrap .cb-Box2 {margin:40px 0; overflow: hidden;}
.main-wrap .cb-Box2 .cb-left{position:relative; height:82px; padding:15px 15px 15px 180px; background:#ecedef; border:1px solid #cecece; max-width:1122px; box-sizing: border-box; float: left;}
.main-wrap .cb-Box2 .cb-left .slick-arrow{display: none !important;}
.main-wrap .cb-Box2 .cb-left .rolling-banner .slick-slide{margin:0 20px;}
.main-wrap .cb-Box2 .cb-left .rolling-banner .slick-slide img{width:100%;}
.main-wrap .cb-Box2 .cb-left .control2{position:absolute;left:20px; top:50%; margin-top:-18px; width:118px; z-index: 3;}
.main-wrap .cb-Box2 .cb-left .control2 a {width:36px; height:35px; font-size:0; float: left;}
.main-wrap .cb-Box2 .cb-left .control2 a.prev-slide {background-image:url("/images/Medical_/main/bt-slal.png"); margin-right:5px;}
.main-wrap .cb-Box2 .cb-left .control2 a.next-slide {background-image:url("/images/Medical_/main/bt-slar.png"); margin-left:5px;}
.main-wrap .cb-Box2 .cb-left .control2 a.stop-slide {background-image:url("/images/Medical_/main/bt-slst.png"); }
.main-wrap .cb-Box2 .cb-left .control2 a.start-slide{background:url('/images/Potal_/layout/start-icon.png') no-repeat center #959595;  border-radius:50%;}
.main-wrap .content-box .cb-Box2 .cb-right{border-color:#cecece;background-color:#ecedef; padding:18px 15px }
.main-wrap .content-box .cb-Box2 .cb-right .db-search{overflow: hidden;}
.main-wrap .content-box .cb-Box2 .cb-right .db-search .dbs-tit{font-size:22px; font-family:'NotoKrB'; position:relative; padding-top:4px; padding-left:40px; line-height: 150%;  margin-right:20px;}
.main-wrap .content-box .cb-Box2 .cb-right .db-search .dbs-tit:before{content: ''; display: block; background:url("/images/Medical_/main/member-bg.png") left center no-repeat; position:absolute; left:0; top:0; width:29px; height:34px; }
.main-wrap .content-box .cb-Box2 .cb-right .db-search *{float: left;}
.main-wrap .content-box .cb-Box2 .cb-right .db-search  div*:not(.hidden){display: block; font-family: 'NotoKrR'}
.main-wrap .content-box .cb-Box2 .cb-right .db-search  div.db-Div{width:510px;}
.main-wrap .content-box .cb-Box2 .cb-right .db-search  div.db-Div select{border-radius: 0; border-color:#cecece; background-position: 90% center; color:#6c6c6d; width:193px; margin-right:10px; color:#6c6c6d; font-size:18px; padding:7px;}
.main-wrap .content-box .cb-Box2 .cb-right .db-search  #dbBtn{width:98px; background:#343434; color:#fff; padding:8px 0; text-align: center; box-sizing: border-box; border: none; font-size:18px; font-family:'NotoKrR'}



@media all and (max-width:1600px){

    .main-wrap{width:98%; max-width:1400px; margin:0 auto;}


    /* 상단 슬라이드 */
    .main-wrap .medic-visWrap .medic-vis{width:1800px;}
    .main-wrap .medic-visWrap .medic-vis .control{width:1400px;}
    .main-wrap .medic-visWrap .medic-vis .control .prev-slide{left:200px;}
    .main-wrap .medic-visWrap .medic-vis .control .next-slide{right:-200px;}

    /* 병원찾기 지도*/
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap{width:980px; overflow: hidden;}

    /* 하단아이콘모음과 최신글*/
    .main-wrap .content-box .notice-cnt { height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top{padding:34px 15px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi{width:200px;}

    /* 하단롤링 & DB협력검색*/
    .main-wrap .cb-Box2 .cb-left{}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search form {width:425px;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search select{width:153px;}
}

@media all and (max-width:1410px){

    .main-wrap{max-width:1200px;}

    .main-wrap .medic-visWrap .medic-vis{width:1600px;}
    .main-wrap .medic-visWrap .medic-vis .control .prev-slide{lefT:200px;}
    .main-wrap .medic-visWrap .medic-vis .control .next-slide{right:00px;}



    /* 병원찾기 지도*/
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap{width:780px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-img > img{transform: translate(-10%, 0);}

    /* 하단아이콘모음과 최신글*/
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top img{width:85px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-tit{font-size:19px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-call{font-size:25px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-time{font-size:15px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi{width:180px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi > a{font-size:15px; padding:10px 0;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot .cbl-icons a img{width:70px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot .cbl-icons .cblIcon-name{font-size:15px;}

    /* 하단롤링 & DB협력검색*/
    .main-wrap .cb-Box2 .cb-left{height:72px;}
    .main-wrap .cb-Box2 .cb-left .slick-list .slick-slide{width:194px; }
    .main-wrap .cb-Box2 .cb-left .slick-list .slick-slide img{width: 100%;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search .dbs-tit{font-size:18px; padding-left:35px; }
    .main-wrap .content-box .cb-Box2 .cb-right .db-search .dbs-tit:before{background-size:25px;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search div.db-Div{width:364px; }
    .main-wrap .content-box .cb-Box2 .cb-right .db-search div.db-Div select{height:35px; font-size:16px; width:135px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot{padding:38px 0;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search #dbBtn{font-size:16px; width:74px; padding:5px 0;}


}

@media all and (max-width:1210px){

    .main-wrap{max-width:1000px;}

    /* 상단 슬라이드 */
    .main-wrap .medic-visWrap .medic-vis{width:1300px;}
    .main-wrap .medic-visWrap .medic-vis .slick-list .slick-slide{width:1300px;}
    .main-wrap .medic-visWrap .medic-vis .control{width:1200px;}
    .main-wrap .medic-visWrap .medic-vis .control a{top:80px; background-size: 55px !important;}
    .main-wrap .medic-visWrap .medic-vis .control .prev-slide{left:150px;}
    .main-wrap .medic-visWrap .medic-vis .control .next-slide{right:50px;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide img{width:100%;}
    .main-wrap .medic-visWrap .medic-vis .vis-slie .slick-dots{margin-left:20px; bottom:90px;}
    .main-wrap .medic-visWrap .medic-vis .control-stop{margin-left:55px; bottom:80px;}

    /* 상단 4개버튼*/
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a{padding:15px 10px 0; background-position: 95% center;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a > .btnTit-kor{font-size:17px;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a > .btnTit-eng{font-size:14px;}

    /* 병원찾기 지도*/
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap{width:580px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-img > img{transform: translate(-22%, 0);}

    /* 하단아이콘모음과 최신글*/
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top img{width:75px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-tit{font-size:15px; margin-bottom:5px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-call{font-size:20px; margin-bottom:5px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-time{font-size:14px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi{width:145px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi > a{font-size:14px; padding:6px 0;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot .cbl-icons a img{width:60px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot .cbl-icons .cblIcon-name{font-size:14px;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-notice{background-size: 50px; background-position: 10px 20px; padding-bottom:20px; margin-bottom:20px;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt{padding:20px;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-notice .cnt-li-tit{font-size:20px;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-notice .cnt-li-date{font-size:16px;}
    .main-wrap .content-box .notice-cnt{font-size:16px;}
    .main-wrap .content-box .boxs-notice .boxs-notice-tit > .boxs-tit{padding:10px 14px 9px;}
    .main-wrap .content-box .boxs-notice .boxs-notice-tit > .boxs-more-btn{height:41px; width:41px;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt{padding:15px 20px;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-notice{background-position: 10px 25px;}

    /* 하단롤링 & DB협력검색*/
    .main-wrap .cb-Box2 .cb-left{height: auto; padding:15px 15px 70px; }
    .main-wrap .cb-Box2 .cb-left .control2{left:50%; top:auto; bottom:20px; margin-left:-70px; width:140px;}
    .main-wrap .cb-Box2 .cb-left .slick-list .slick-slide{width:206px;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search div.db-Div{width:100%; margin-top:20px;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search div.db-Div select{width:175px; height:41px;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search #dbBtn{padding:8px 0;}
    .main-wrap .cb-Box2 .cb-left .control2 a.stop-slide{margin:0 10px;}

}

@media all and (max-width:1100px){
    .main-wrap .medic-visWrap .medic-vis{width:1300px;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide{width:1500px;}
    .main-wrap .medic-visWrap .medic-vis .control .prev-slide{left:150px;}
    .main-wrap .medic-visWrap .medic-vis .control .next-slide{right:50px;}
}

@media all and (max-width:1000px){

    .main-wrap{width:100%;}

    /* 상단 슬라이드 */
    .main-wrap .medic-visWrap .medic-vis{width:1200px;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide{width:1400px;}
    .main-wrap .medic-visWrap .medic-vis .control{display: none;}
    .main-wrap .medic-visWrap .medic-vis .vis-slie .slick-dots{bottom:40px;}
    .main-wrap .medic-visWrap .medic-vis .control-stop{bottom:31px;}

    /* 상단 4개버튼*/
    .main-wrap .medic-visWrap .medic-btns{position: relative; width:100%; bottom:0; overflow: hidden;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a{padding:15px 10px 0; background-image: none;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li:nth-child(n+1) > a{background-image: none;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a > .btnTit-kor{font-size:17px;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a > .btnTit-eng{font-size:14px;}

    /* 병원찾기 지도*/
    .map-markerInfo{width:220px;}
    .main-wrap .medic-mapArea{padding:50px 0;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap{width:62%;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-img > img{transform: translate(-24%,0);}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch{width:34%; max-width:358px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoTit{font-size:16px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt{padding:0px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt .medic-infoImg{width:100%;overflow: hidden;text-align:center; }
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt .medic-info .cnt-tit{font-size:14px;}

    /* 하단아이콘모음과 최신글*/
    .main-wrap .content-box{width:100%; padding:20px; box-sizing: border-box; margin:0;}
    .main-wrap .content-box .cb-left{width:100%; float:none;overflow: hidden;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top{float:left;width:50%; box-sizing: border-box; padding:35px 20px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top img{width:22%; max-width:90px; margin-right:15px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-tit{font-size:1.1rem; padding-top:5px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-call{font-size:1.3rem; margin-bottom:12px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-time{font-size:1rem; margin-bottom:12px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot{float:right; width:100%; box-sizing: border-box; padding:16px 0 0; }
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns{width:100%; overflow: hidden; float:none; padding-top:33px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi{width:49%; float:left; box-sizing: border-box; }
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi:last-child{float:right;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot .cbl-icons{width:33.33%; margin-bottom:15px;}
    .main-wrap .content-boxlide .slick-list{overflow: hidden;}
    .main-wrap .content-box .cb-right{margin-top:20px; width:100%; float:none;}

    /* 하단롤링 & DB협력검색*/
    .main-wrap .cb-Box2 .cb-left{width:100%; padding:15px 15px 15px 165px;}
    .main-wrap .cb-Box2 .cb-left .control2{left:20px; width:118px; margin-left:0;}
    .main-wrap .cb-Box2 .cb-left .control2 a.stop-slide{margin:0;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search form select{width:40%;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search #dbBtn{width:16.5%;}

    .sy-right-bn .slick-slide img{width: 100%;}
}

@media all and (max-width:768px){

    /* 상단 슬라이드 */
    .main-wrap .medic-visWrap .medic-vis{width:1000px;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide{width:1000px;}

    /* 상단 4개버튼*/
    .main-wrap .medic-visWrap .medic-btns ul .btns-li{width:50%; height:70px;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a{background-image:url("/images/Medical_/main/medic-icon1.png");}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li:nth-child(n+3){border-top:1px solid #222b53;}

    /* 병원찾기 지도*/
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap{width:70%;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-markerInfo .map-info{width:100%;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt{padding:0px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt .medic-info .cnt-sub{font-size:14px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-info .map-infoCnt .medic-info{width:60%; margin-left:4%;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch{width:25%;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect select,
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect .medicBtn,
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directLi{font-size:16px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directTit{font-size:20px;}

    /* 하단롤링 & 통합예약바로가기*/
    .main-wrap .cb-Box2 .cb-left{padding-left:130px;}
    .main-wrap .cb-Box2 .cb-left .control2{left:10px;}
    .main-wrap .cb-Box2 .cb-left .control2 a.prev-slide{margin-right:2px;}
    .main-wrap .cb-Box2 .cb-left .control2 a.next-slide{margin-left:2px;}

}

@media all and (max-width:680px){

    /* 상단 슬라이드 */
    .main-wrap .medic-visWrap .medic-vis{width:850px;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide{width:850px;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide img{transform: translate(4%,0);}
    /*	.main-wrap .medic-visWrap .medic-vis{width:100%;}
        .main-wrap .medic-visWrap .medic-vis .slick-list{overflow: hidden;}
        .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide{width:100%; overflow: hidden; height:100%;}
        .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide img{transform: scale(1.8) translate(10%,22%);}*/
    .main-wrap .medic-visWrap .medic-vis .vis-slie .slick-dots{width:175px;}
    .main-wrap .medic-visWrap .medic-vis .control-stop{margin-left:25px;}
    .main-wrap .medic-visWrap .medic-vis .vis-slie .slick-dots{bottom:30px;}
    .main-wrap .medic-visWrap .medic-vis .control-stop{bottom:21px;}

    /* 상단 4개버튼*/
    .main-wrap .medic-visWrap .medic-btns ul .btns-li{width:50%; height:90px;}
    /*.main-wrap .medic-visWrap .medic-btns ul .btns-li:not(:nth-child(2)) > a{padding:20px 10px;}*/

    /* 병원찾기 지도*/
    .main-wrap .medic-mapArea{padding:0;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch{float:left; width:100%; padding:0; max-width:100%;}
    /*.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect select{width:100%;}*/
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect .medicBtn{width:100%; padding:10px 0 11px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directLi{display: inline-block; margin-right:10px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap{float:right; width:100%; height:400px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-img{position:absolute; left:50%; transform: translate(-45.5%, 0);}
    .main-wrap .medic-mapArea .medic-mapSearch .medicMap .map-img > img{transform: translate(0,0);}

    /* 하단아이콘모음과 최신글*/
    .main-wrap .content-box{padding:30px 10px 0;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt .boxs-cnt-li img.notice-new{width:15px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top, .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot{float:none; width:100%;}
/*     .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-bot{border-top:none; border-left:1px solid #cecece;} */
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-tit{font-size:18px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-call{font-size:20px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-time{font-size:16px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns{ float: right; width:30%; padding-top:11px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi{float:none; width:100%;}
    .main-wrap .content-box .notice-cnt{font-size:14px;}



    /* 하단롤링 & 통합예약바로가기*/
    .main-wrap .cb-Box2{margin:20px 0;}
    .main-wrap .cb-Box2 .cb-left{width:100%; max-width:100%;}
    .main-wrap .cb-Box2 .cb-left .control2 a{width:30px; height:29px; background-size: 100%;}
    .main-wrap .cb-Box2 .cb-left .control2 a.stop-slide{margin:0 5px;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search #dbBtn{width:14.5%;}
}

@media all and (max-width:520px){

    /* 상단 슬라이드 */
    .main-wrap .medic-visWrap .medic-vis{width:768px;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide{width:768px;}

    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a{background-image: none;}

    /* 하단아이콘모음과 최신글*/
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top img{width:24%;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns{ float: none; width:100%; padding-top:33px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns .cbl-btnLi{float:left; width:49%;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-notice .cnt-li-tit {font-size:16px;}


}

@media all and (max-width:480px){

    /* 상단 슬라이드 */
    .main-wrap .medic-visWrap .medic-vis{width:640px;}
    .main-wrap .medic-visWrap .medic-vis .control-stop{margin-left:40px;}
    .main-wrap .medic-visWrap .medic-vis .vis-slie .slick-dots{width:140px;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide{width:640px;}

    /* 상단 4개버튼*/
    .main-wrap .medic-visWrap .medic-btns ul .btns-li{ height:70px; display: table }
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a { padding:0px 10px; display: table-cell; vertical-align: middle;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li:nth-child(1) > a {background-image: url('/images/Medical_/main/medic-icon1.png');}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li:nth-child(2) > a {background-image: url('/images/Medical_/main/medic-icon2.png');}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li:nth-child(3) > a {background-image: url('/images/Medical_/main/medic-icon3.png');}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li:nth-child(4) > a {background-image: url('/images/Medical_/main/medic-icon4.png');}
    /*.main-wrap .medic-visWrap .medic-btns ul .btns-li:last-child > a{padding-top:25px;}*/
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a > .btnTit-kor{font-size:16px; width:70%; margin-bottom:0;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a > .btnTit-eng{display: none;}

    /* 병원찾기 지도*/
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect{margin-bottom:15px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directLi{padding-left:15px; margin-right:7px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directLi:before{background-size: 13px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directLi a{font-size:16px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch {margin-bottom:15px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directTit{margin-bottom:15px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .directSearch .directLi{margin-bottom:6px; margin-right:20px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect select{height:38px;}
    .main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect .medicBtn{padding:7px 0;}

    /* 하단아이콘모음과 최신글*/
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top img{width:27.5%;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-btns{padding-top:20px;}
    .main-wrap .medic-visWrap .medic-btns ul .btns-li > a > .btnTit-kor{font-size:14px;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-notice .boxs-cnt-tit,
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-li{margin-bottom:5px;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt > ul .boxs-cnt-notice{background-size: 40px; padding-left:50px; padding-bottom:15px; margin-bottom:15px; background-position: 0px 25px;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt .cnt-li-tit{max-width:85%;}
    .main-wrap .content-box .boxs-notice .boxs-noitce-cnt .cnt-li-date{display: none;}

    /* 하단롤링 & DB협력검색*/
    .main-wrap .content-box .cb-Box2 .cb-right{padding:10px 15px;}
    .main-wrap .cb-Box2 .cb-left{padding-left:150px;}
    .main-wrap .cb-Box2 .cb-left .control2{left:20px;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search .dbs-tit{font-size:16px; padding-left:30px;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search .dbs-tit:before{background-size: 22px;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search div.db-Div select{width:49%; margin-bottom:10px; margin-right:1%;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search div.db-Div select#dbSearch2{margin-right:0; float: right;}
    .main-wrap .content-box .cb-Box2 .cb-right .db-search #dbBtn{float: none; width:100%; margin-top:10px;}
}


@media all and (max-width:370px){


    /* 상단 슬라이드 */
    .main-wrap .medic-visWrap .medic-vis{width:100%; overflow: hidden;}
    .main-wrap .medic-visWrap .medic-vis .slick-list{overflow: hidden;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide{width:100%; max-width:370px; overflow: hidden;}
    .main-wrap .medic-visWrap .medic-vis .slick-track .slick-slide img{margin-left:-75px; width:150%;}

    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top img{width:26%;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-tit{font-size:16px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-call{font-size:18px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-time{font-size:15px;}
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-tit,
    .main-wrap .content-box .cb-Box1 .cb-left .cbLeft-top .cbl-content .cbl-call{margin-bottom:5px;}

    /*.main-wrap .medic-mapArea .medic-mapSearch .medicSearch .searchSelect .medicBtn{width:23%;}*/

}