/*
제주특별자치도 서귀포시 지역사회통합형의료안전망
*/

@keyframes gage{
	  0% {width:0px; }
	  100% {width:100%; }
	}

	
.fadeInLeft {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;  animation-fill-mode:both; animation-delay:0.3s;animation-duration:0.7s; } 
@keyframes fadeInLeft{
	  0% {opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px);  }
	  100% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);  }
	}
@keyframes fadeIn{
	  0% {opacity:0; }
	  100% {opacity:1; }
	}

@keyframes upDown {
	0%{transform:translateY(10px);}
	50%{transform:translateY(-20px);}
	100%{transform:translateY(10px);}
}

@keyframes imgScale {
	0%{transform: scale(1.5);}
	100%{transform:translateY(1);}
}


.quick-link-wrap { display:none;  }

@media (min-width: 992px) {
  .main {
  position:relative; 
    z-index: 1;
    word-break: keep-all;
    /*border-top: 1px solid #ddd;*/
  }
 .main a {color: #222;}

.position-link-wrap { position:fixed; right:75px; top:370px;  z-index:101; background:url(../images/main/img_line.jpg) no-repeat right 12px top 15px; padding-bottom:10px;  }
.position-link-wrap .position-link li {position: relative;    z-index: 1;text-align:right; margin-bottom:15px;  }
.position-link-wrap .position-link li a { color:#999;  display:inline-block;   padding:5px 30px 5px 15px;  font-size:16px;background-image:url(../images/main/right-side-boll.png); background-repeat:no-repeat; background-position:right 10px center;  }
.position-link-wrap .position-link li.active a {color:#fff; background-color:#3473be; border-radius:15px; text-decoration:none;   transform:rotateX(360deg); transition : all 0.5s ease ;  }
.position-link-wrap .position-link li a:hover {}



.main-section1 { height:758px;   position:relative; background-image:url(../images/new_main/visual_eng.jpg);  background-repeat:no-repeat; background-position:center center;  background-size:cover; }
.main-section1 .main-text { text-align:center;  padding-top:310px; color:#fff;  }
.main-section1 .main-text .title { font-size:40px; font-weight:bold; margin-bottom:30px;}
.main-section1 .main-text .text { font-size:18px;  }
.main-section1.active .main-text .title { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;  animation-fill-mode:both; animation-delay:0.5s;animation-duration:1.3s;  }
.main-section1.active .main-text .text {  -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;  animation-fill-mode:both; animation-delay:1s;animation-duration:1.3s;  }

.main-section2 { padding:80px 0 ;  } 
.main-section2 .info-wrap {  background:#F6F6F6;  padding:20px 5px;  margin-bottom:50px; }
.main-section2 .info-wrap:after { clear:both; display:table; content:'';  }
.main-section2 .info-wrap .list { padding:0 25px; float:left; width:50%; position:relative;   }
.main-section2 .info-wrap .list h3 { font-size:22px; color:#333; padding-top:15px; position:relative; float:left; width:calc(100% - 320px); font-weight:normal;  }
.main-section2 .info-wrap .list h3:before {content:''; display:inline-block; position:absolute; top:0px; left:0px;  width:30px; height:2px; background:#333; }
.main-section2 .info-wrap .list .img {width:320px; height:100px; float:left;background:#fff; padding-top:30px; text-align:center;   }
.main-section2 .info-wrap .list .more {position:absolute; bottom:20px; left:25px; }
.main-section2 .info-wrap .list .more a {color:#A4A4A4; font-size:14px;  }

.main-section2 .hot-alime {   position:relative;  width:100%;  padding-bottom:80px;  }
.main-section2 .hot-alime .bx-wrapper { margin:0 auto;  }
.main-section2 .hot-alime ul li { float:left;  }
.main-section2 .hot-alime .bx-controls { position:absolute; bottom:60px; left:0px; width:100%; text-align:center;   }
.main-section2 .hot-alime .bx-pager-item { display:inline-block;   }
.main-section2 .hot-alime .bx-pager-item a { display:inline-block; width:16px; height:16px;  border-radius:8px; margin:0 5px;  background:#cad4de;  text-indent:-99999px;  }
.main-section2 .hot-alime .bx-pager-item a.active {background:#002b9a; }
.main-section2 .hot-alime .hot-btn { position:absolute; bottom:10px; left:0px; width:100%; text-align:center;  }
.main-section2 .hot-alime .hot-btn * { vertical-align:top;  }
.main-section2 .hot-alime .hot-btn div {display:inline-block;  font-size:22px;  }
.main-section2 .hot-alime .hot-btn .h-btn {margin:0 5px;  }
.main-section2 .hot-alime .hot-btn div strong { font-weight:bold;  color:#3473be; }
.main-section2 .hot-alime .hot-btn div img { height:18px; }
.main-section2 .hot-alime .hot-btn #slide-counter { font-size:18px;  margin-top:-3px;  margin-right:5px;  }



.main-section3 { height:1100px;background:url(../images/new_main/support-bg.jpg) no-repeat center bottom #fff; padding-top:85px;   }
.main-section3 .product-wrap {  position:relative;  }
.main-section3 .product-wrap01 { margin-bottom:90px;  }
.main-section3 .product-wrap .title-wrap {   padding-bottom:70px;   }
.main-section3 .product-wrap .title-wrap h3 { font-size:28px; color:#333; font-weight:normal; margin-bottom:15px;  text-align:center; }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap { position:absolute; top:55px ; right:0px;  }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap:after { clear:both; display:table; content:'';    }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap select { display:inline-block; background:#fff; height:30px; padding:5px; border:0px;   }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn { display:inline-block;   padding-left:5px; }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn *  {vertical-align:middle; }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn div { display:inline-block;    }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn div a { display:inline-block; padding-top:3px;  text-align:center; width:30px;  height:30px; background:#333;  }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn div a img { height:15px;  }
.main-section3 .product-wrap .more { position:absolute; top:10px;right:0px;   }
.main-section3 .product-wrap .more a { color:#3473be;   }


.main-section3 .product-wrap .list-wrap { width:100% ;  }
.main-section3 .product-wrap .list-wrap:after { clear:both; display:table; content:'';  }
.main-section3 .product-wrap .list-wrap li { float:left; padding-right:5px; width:25%;  }
.main-section3 .product-wrap01 .list-wrap li a { float:left;display:block; position:relative; width:100%;  background:#fff;border:1px solid #dbdbdb; height:280px;  padding:15px;    }
.main-section3 .product-wrap01 .list-wrap li a .img { text-align:center;border-bottom:1px solid #dbdbdb;  height:165px;    }
.main-section3 .product-wrap01 .list-wrap li a .text-wrap { text-align:center; font-size:14px; color:#666; padding-top:10px;  }
.main-section3 .product-wrap01 .list-wrap li a .text-wrap .title { font-size:18px; color:#333; margin-bottom:5px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section3 .product-wrap01 .list-wrap li a .text-wrap .text {  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section3 .product-wrap01 .list-wrap li a .view { display:none;  }
.main-section3 .product-wrap01 .list-wrap li a:hover .view { display:block; text-align:center;  position:absolute; top:0px; left:0px; width:100%; height:100%;  background:rgba(0,0,0,0.5); -webkit-animation-name:fadeIn; animation-name:fadeIn;  animation-fill-mode:both; animation-delay:0s;animation-duration:0.5s;   }
.main-section3 .product-wrap01 .list-wrap li a:hover .view span { display:inline-block; color:#fff; border:1px solid #fff; width:120px; padding-top:5px;  height:30px; position:absolute; top:50%; margin-top:-15px; left:50%;margin-left:-60px;   }
.main-section3 .product-wrap02 .list-wrap li a { float:left;display:block; position:relative; width:100%;     }
.main-section3 .product-wrap02 .list-wrap li a .img { text-align:center; border:1px solid #dbdbdb;  height:280px;  overflow:hidden;background:#fff; }
.main-section3 .product-wrap02 .list-wrap li a:hover .img img {  transform: scale(1.1); transition : all 0.5s ease ; }
.main-section3 .product-wrap02 .list-wrap li a .text-wrap {  font-size:14px; color:#666; padding-top:10px;  }
.main-section3 .product-wrap02 .list-wrap li a .text-wrap .title { font-size:18px; color:#333; margin-bottom:5px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section3 .product-wrap02 .list-wrap li a .text-wrap .text {  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }




.main-section4 { background:#f2f2f2; height:75px;  }
.main-section4 .title-wrap { position:relative; text-align:center;  float:left; width:250px;  height:75px; background:#333;  }
.main-section4 .title-wrap:after { content:''; display:inline-block; width:9px; height:75px;  right:-9px; top:0px;  position:absolute; background:url(../images/main/question-arrow.png) no-repeat right center;  }
.main-section4 .title-wrap img { display:inline-block;  }
.main-section4 .title-wrap h3 { display:table-cell; height:75px; width:1000px; vertical-align:middle; color:#fff;   }
.main-section4 .title-wrap h3 span { display:inline-block; padding-top:10px;  text-align:left;  padding-left:70px; min-height:53px; background:url(../images/main/question-icon.png) no-repeat left center;  line-height:1.6;font-weight:normal; font-size:18px;  }
.main-section4  dl { float:left; width:calc(100% - 250px) ; padding:20px 0 ; }
.main-section4  dl dt { float:left; width:310px; border-right:1px solid #dbdbdb;text-align:center;  font-size:16px; font-weight:bold; font-size:20px;color:#333;  }
.main-section4  dl dd { padding-left:40px;  padding-top:3px; font-size:18px; float:left; width:calc(100% - 310px); }
.main-section4  dl dd .tel {  }
.main-section4  dl dd .tel span { display:inline-block; margin-right:20px }
.main-section4  dl dd .tel span b { display:inline-block; width:20px; height:20px; border-radius:10px; color:#fff; background:#333; text-align:center;font-size:14px;  }




.banner-rolling-wrap { width:100%; border-top:1px solid #dfdfdf; height:78px; padding:20px 0 0;  } 
.banner-rolling-wrap .foot-banner { position:relative; padding-right:120px;  }
.banner-rolling-wrap .foot-banner ul {}
.banner-rolling-wrap .foot-banner ul li { float:left;  }
.banner-rolling-wrap .foot-banner .banner-btn-wrap { position:absolute; top:12px; right:0px;   }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div {float:left; margin:0 3px; }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a {display:inline-block;  width:20px; height:20px; text-indent:-99999px; }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-prev {background:url(../images/main/control-prev.png) no-repeat center  center; background-size:auto 20px;  }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-start {background:url(../images/main/control-play.png) no-repeat center  center; background-size:auto 20px;  }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-stop {background:url(../images/main/control-stop.png) no-repeat center  center; background-size:auto 20px;  }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-next {background:url(../images/main/control-next.png) no-repeat center  center; background-size:auto 20px;  }


}

@media (min-width: 992px) and (max-width: 1199px) {


.main-section1 .announcement-wrap .announcement { width:960px; }



.main-section2 .info-wrap .list { padding:0 15px;    }
.main-section2 .info-wrap .list h3 { font-size:20px; width:calc(100% - 240px); }

.main-section2 .info-wrap .list .img {width:240px;    }
.main-section2 .info-wrap .list .more { left:15px; }



.main-section4 .title-wrap {  width:200px;  }
.main-section4 .title-wrap h3 span {  padding-left:60px; font-size:16px;  }
.main-section4  dl {  width:calc(100% - 200px) ; padding:25px 0  0;  }
.main-section4  dl dt {  width:200px;  padding-right:20px;  font-size:16px;   }
.main-section4  dl dt strong{ font-size:22px; }
.main-section4  dl dd { padding-left:20px;  font-size:16px;  width:calc(100% - 200px); }


}


@media (max-width: 1450px) {
	.position-link-wrap { display:none;  }
	.quick-link-wrap .quick-link-open a { width:40px;   }
	.quick-link-wrap .quick-link-open a span {display:none;    }
}


@media (max-width: 991px) {

.main {    z-index: 1;    word-break: keep-all;  }
.main a {    color: #222;  }


.main-section1 { height:272px;   position:relative;  padding:0 15px; background-image:url(../images/new_main/bg_img.jpg); background-repeat:no-repeat; background-position:center center;  background-size:cover; }

.main-section1 .main-text { text-align:center;  padding-top:73px; color:#fff;  margin-bottom:20px;  word-break:break-all;  }
.main-section1 .main-text .title { font-size:20px; font-weight:bold; margin-bottom:10px;}
.main-section1 .main-text .text { font-size:14px; font-weight:200;  }
.main-section1.active .main-text .title { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;  animation-fill-mode:both; animation-delay:0.5s;animation-duration:1.3s;  }
.main-section1.active .main-text .text {  -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;  animation-fill-mode:both; animation-delay:1s;animation-duration:1.3s;  }






.main-section2 { padding:30px 15px 0 ;  }
.main-section2 .info-wrap {  background:#F6F6F6;  padding:10px 25px;  margin-bottom:30px; }

.main-section2 .info-wrap .list {  position:relative;  padding:15px 0 ;  }
.main-section2 .info-wrap .list h3 { font-size:18px; color:#333; padding-top:10px; position:relative;  font-weight:normal;  margin-bottom:15px;  }
.main-section2 .info-wrap .list h3:before {content:''; display:inline-block; position:absolute; top:0px; left:0px;  width:20px; height:2px; background:#333; }
.main-section2 .info-wrap .list .img {width:100%; height:64px;  background:#fff; padding-top:15px; text-align:center;   }
.main-section2 .info-wrap .list .img img {height:36px; }
.main-section2 .info-wrap .list .more {position:absolute; top:25px; right:0px; }
.main-section2 .info-wrap .list .more a {color:#A4A4A4; font-size:13px;  }



.main-section2 .hot-alime {  padding-top:30px;  position:relative;text-align:center;   width:100%;  padding-bottom:60px;  }
.main-section2 .hot-alime .bx-wrapper { margin:0 auto;  }
.main-section2 .hot-alime ul li { float:left;  }
.main-section2 .hot-alime .bx-controls { position:absolute; bottom:60px; left:0px; width:100%; text-align:center;   }
.main-section2 .hot-alime .bx-pager-item { display:inline-block;   }
.main-section2 .hot-alime .bx-pager-item a { display:inline-block; width:16px; height:16px;  border-radius:8px; margin:0 5px;  background:#cad4de;  text-indent:-99999px;  }
.main-section2 .hot-alime .bx-pager-item a.active {background:#002b9a; }
.main-section2 .hot-alime .hot-btn { position:absolute; bottom:20px; left:0px; width:100%; text-align:center;  }
.main-section2 .hot-alime .hot-btn * { vertical-align:top;  }
.main-section2 .hot-alime .hot-btn div {display:inline-block;  font-size:14px;  }
.main-section2 .hot-alime .hot-btn .h-btn {margin:0 5px;  }
.main-section2 .hot-alime .hot-btn div strong { font-weight:bold;  color:#3473be; }
.main-section2 .hot-alime .hot-btn div img { height:14px; }
.main-section2 .hot-alime .hot-btn #slide-counter { font-size:14px;  margin-top:-3px;  margin-right:5px;  }



.main-section3 { background:url(../images/new_main/support-bg.jpg) no-repeat center bottom #fff; padding:30px 15px 40px; background-size:cover;   }
.main-section3 .product-wrap {  position:relative;  padding-bottom:50px;  margin-bottom:30px;}
.main-section3 .product-wrap01 {   }
.main-section3 .product-wrap .title-wrap {  margin-bottom:20px;  }
.main-section3 .product-wrap .title-wrap h3 { font-size:24px; text-align:center;  color:#333; font-weight:normal; margin-bottom:15px; }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap {text-align:center;   }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap * { vertical-align:middle;  }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap:after { clear:both; display:table; content:'';    }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap select { display:inline-block; background:#fff; height:30px; padding:5px;    }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn {display:inline-block; padding-left:5px; }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn *  {vertical-align:middle; }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn div { display:inline-block;    }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn div a { display:inline-block; padding-top:3px;  text-align:center; width:30px;  height:30px; background:#333;  }
.main-section3 .product-wrap .title-wrap .sel-btn-wrap .product-btn div a img { height:15px;  }

.main-section3 .product-wrap .list-wrap { }
.main-section3 .product-wrap .list-wrap li { float:left; padding-right:5px; width:25%;  }
.main-section3 .product-wrap01 .list-wrap li a { float:left;display:block; position:relative; width:100%;  background:#fff;border:1px solid #dbdbdb; height:220px;  padding:15px;    }
.main-section3 .product-wrap01 .list-wrap li a .img { text-align:center;border-bottom:1px solid #dbdbdb;  height:125px;   }
.main-section3 .product-wrap01 .list-wrap li a .text-wrap { text-align:center; font-size:14px; color:#666; padding-top:10px;  }
.main-section3 .product-wrap01 .list-wrap li a .text-wrap .title { font-size:18px; color:#333; margin-bottom:5px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section3 .product-wrap01 .list-wrap li a .text-wrap .text {  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section3 .product-wrap01 .list-wrap li a .view { display:none;  }
.main-section3 .product-wrap01 .list-wrap li a:hover .view { display:block; text-align:center;  position:absolute; top:0px; left:0px; width:100%; height:100%;  background:rgba(0,0,0,0.5); -webkit-animation-name:fadeIn; animation-name:fadeIn;  animation-fill-mode:both; animation-delay:0s;animation-duration:0.5s;   }
.main-section3 .product-wrap01 .list-wrap li a:hover .view span { display:inline-block; color:#fff; border:1px solid #fff; width:120px; padding-top:5px;  height:30px; position:absolute; top:50%; margin-top:-15px; left:50%;margin-left:-60px;   }
.main-section3 .product-wrap02 .list-wrap li a { float:left;display:block; position:relative; width:100%;     }
.main-section3 .product-wrap02 .list-wrap li a .img { text-align:center; border:1px solid #dbdbdb;  height:220px;  overflow:hidden;background:#fff; }
.main-section3 .product-wrap02 .list-wrap li a .img img { max-width:100%; max-height:100%; }
.main-section3 .product-wrap02 .list-wrap li a .text-wrap {  font-size:14px; color:#666; padding-top:10px;  }
.main-section3 .product-wrap02 .list-wrap li a .text-wrap .title { font-size:18px; color:#333; margin-bottom:5px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section3 .product-wrap02 .list-wrap li a .text-wrap .text {  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section3 .product-wrap .more { position:absolute; bottom:10px; left:0px; width:100%; text-align:center;  font-size:16px;  }
.main-section3 .product-wrap .more a { color:#3473be;   }



.main-section4 { background:#f2f2f2;   }
.main-section4 .title-wrap { position:relative; text-align:center;   background:#333;  }
.main-section4 .title-wrap img { display:none;  }
.main-section4 .title-wrap h3 { padding:15px 0 ; color:#fff;  font-weight:normal; font-size:16px;    }
.main-section4  dl { padding:15px;   }
.main-section4  dl dt {  border-bottom:1px solid #dbdbdb; text-align:center;  font-size:16px; color:#333; font-weight:normal; padding-bottom:10px;   }
.main-section4  dl dt strong{ display:block; font-weight:bold; font-size:28px; }
.main-section4  dl dd { font-size:16px; padding:15px 10px 0 ; }

.main-section4  dl dd .tel {  }
.main-section4  dl dd .tel span { display:inline-block; margin-right:20px; margin-bottom:5px;  }
.main-section4  dl dd .tel span b { display:inline-block; width:20px; height:20px; border-radius:10px; color:#fff; background:#333; text-align:center;font-size:14px;  }


.banner-rolling-wrap { width:100%; border-top:1px solid #dfdfdf; height:75px; padding:15px 0 0;  } 
.banner-rolling-wrap .foot-banner { position:relative; padding-right:80px;  }
.banner-rolling-wrap .foot-banner ul {}
.banner-rolling-wrap .foot-banner ul li { float:left;  }
.banner-rolling-wrap .foot-banner .banner-btn-wrap { position:absolute; top:10px; right:10px;   }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div {float:left; margin:0px; }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a {display:inline-block;  width:20px; height:20px; text-indent:-99999px; }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-prev {background:url(../images/main/control-prev.png) no-repeat center  center; background-size:auto 20px;  }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-start {background:url(../images/main/control-play.png) no-repeat center  center; background-size:auto 20px;  }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-stop {background:url(../images/main/control-stop.png) no-repeat center  center; background-size:auto 20px;  }
.banner-rolling-wrap .foot-banner .banner-btn-wrap div.banner-btn a.bx-next {background:url(../images/main/control-next.png) no-repeat center  center; background-size:auto 20px;  }





}