@charset "utf-8";





.main_visual {text-align:center; position:relative; ;  z-index:1; background:#ddd;margin-top:100px; margin-left:5%;  }
.main_visual ul#main_visual_wrap {height:700px; position:relative; z-index:1; background:#ddd; }
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:700px; background-size:105% 105%; transition: all 7s;  }
.main_visual li.cycle-slide-active{ ;background-size:100% 100%;transition: all 7s;}

.main_visual .main_visual_text {position:absolute; width:100%; height:700px; top:0px;  color:#fff; z-index:2;   font-family: 'Pretendard';  }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:0; }
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:60px; color:#fff; padding-left:5%; text-align:left;}
.main_visual .main_visual_text .t1 {font-size:30px; font-weight:600; letter-spacing:-1px; line-height:30px;  top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px;   }
.main_visual .main_visual_text .t2 {font-size:60px; font-weight:900; letter-spacing:-1px; line-height:70px;  top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; }
.main_visual .main_visual_text .t3 {font-size:20px;  line-height:25px;  top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; }
.main_visual .main_visual_text .btns {font-size:16px; font-weight:600; letter-spacing:-1px; line-height:60px;  top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0%;    text-align:left;}
.main_visual .main_visual_text .btns a{display:inline-block; padding:0 30px; color:#fff; border:2px #fff solid;; margin-right:5px; transition: all 1s;}

.main_visual .main_visual_text .btns a:hover {border-color:#a9977c; background:#a9977c; color:#fff;}


.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 80px; transition: all 1.4s; transition-delay: 0.5s; opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t2 {top: 140px; transition: all 1.6s; transition-delay: 1s; opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t3 {top: 220px; transition: all 1.6s; transition-delay: 1s; opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .btns {top: 320px; transition: all 1.6s; transition-delay: 1s; opacity: 1; } 



.main_visual .main_pager {position:absolute; width:100%;  bottom:100px; text-align:center;   z-index:99999999 !important; }
.main_visual .main_pager span{display:inline-block;  margin:0 5px; width:34px; height:34px;   background:url(../images/main/main_visual_dot.png) left top no-repeat; cursor:pointer;}
.main_visual .main_pager .cycle-pager-active{background-position:right top; }
.main_visual .visual_line {position:absolute; left:10%;  height:80px; bottom:-10px; width:100%;  background:#a9977c; transform: rotate(-2deg); z-index:0;}







/*바로가기*/
.main_quick_wrap {padding-top:150px;  position:relative; }
.main_quick_wrap .title{ position:absolute; left:0px; top:150px;  text-align:left; color:#000; line-height:50px; font-size:45px; font-family: 'Pretendard'; font-weight:900;}
.main_quick_wrap .title span {display:block;  font-weight:normal;}


.main_quick_wrap .quick_box {margin-left:400px;}
.main_quick_wrap .col_box {text-align:center; display:table; width:100%; table-layout:fixed;}
.main_quick_wrap .col_box .col {display:table-cell; vertical-align:middle;  vertical-align:top; text-align:center;  }
.main_quick_wrap .col_box .col .icon {background-repeat:no-repeat; background-position:left top; transition: all 0.2s;  display:inline-block;}
.main_quick_wrap .col_box .col.m1 .icon {width:78px; height:54px; background-image:url(../images/main/main_quick_icon01.png);}
.main_quick_wrap .col_box .col.m2 .icon {width:63px; height:54px; background-image:url(../images/main/main_quick_icon02.png);}
.main_quick_wrap .col_box .col.m3 .icon {width:66px; height:54px; background-image:url(../images/main/main_quick_icon03.png);}
.main_quick_wrap .col_box .col.m4 .icon {width:78px; height:54px; background-image:url(../images/main/main_quick_icon04.png);}
.main_quick_wrap .col_box .col.m5 .icon {width:54px; height:54px; background-image:url(../images/main/main_quick_icon05.png);}

.main_quick_wrap .col_box .col:hover .icon {background-position:right top;}

.main_quick_wrap .col_box .col.jump{width:60px; background:none !important; }
.main_quick_wrap .col_box .col .text{font-size:18px; color:#000; margin-top:15px; font-weight:bold;}
.main_quick_wrap .col_box .col .line{position:absolute; left:0px; bottom:-10px; width:0%; height:3px; background:#a9977c; transition: all 0.2s;}
.main_quick_wrap .col_box .col:hover .line{width:100%; border-radius:2px; margin-top:20px;}







.main_hospital_quick {margin-top:100px;}
.main_hospital_quick .col_box {text-align:center; display:table; width:100%; table-layout:fixed;}
.main_hospital_quick .col_box .col {display:table-cell; vertical-align:middle;  vertical-align:top; text-align:center;    border-radius:15px; border:1px #ddd solid; transition: all 0.4s; }
.main_hospital_quick .col_box .col.jump {width:20px; border:0px;}  
.main_hospital_quick .col_box .col .box {padding:40px 60px; text-align:left;}

.main_hospital_quick .col_box .col.m1 { background:/*#f4f4f4*/ url(https://ribrosoft.com/images/main/main_quick_wrap_icon01.png) 90% 75% no-repeat;}
.main_hospital_quick .col_box .col.m2 { background:/*#f4f4f4*/ url(https://ribrosoft.com/images/main/main_quick_wrap_icon02.png) 90% 75% no-repeat;}
.main_hospital_quick .col_box .col.m3 { background:/*#f4f4f4*/  url(https://ribrosoft.com/images/main/main_quick_wrap_icon03.png) 90% 75% no-repeat;}


.main_hospital_quick .col_box .col .t1{ font-size:20px; color:#000; font-weight:bold; margin-bottom:5px;}
.main_hospital_quick .col_box .col .t2{ font-size:15px; color:rgba(0,0,0,0.7);  margin-bottom:20px; line-height:22px;}
.main_hospital_quick .col_box .col .t3{font-family: 'Montserrat'; font-size:30px; font-weight:700; color:#a9977c;}
.main_hospital_quick .col_box .col.m2 .t3{font-family: 'Montserrat'; font-size:27px; font-weight:700; color:#000;  }
.main_hospital_quick .col_box .col.m2 .t3 .s_title{font-family: 'Pretendard'; }
.main_hospital_quick .col_box .col .etc a{display:inline-block; background:#a9977c;  color:#fff; line-height:40px; padding:0 20px; border-radius:45px; }

.main_hospital_quick .col_box .col:hover {background-position: 90% 50%; border-color:#a9977c}





.main_search_wrap {background:#f2f2f1; padding:100px 0px; margin-top:80px;}
.main_search_wrap .title {text-align:center;}
.main_search_wrap .title .t1{font-size:50px; color:#000;  font-weight:900; line-height:50px; }
.main_search_wrap .title .t1 span{ color:#a9977c; }
.main_search_wrap .title .t2{ margin-top:10px; font-size:18px; line-height:24px; color:#333}
.main_search_wrap .search_box {width:800px; margin:0 auto;  margin-top:40px;  position:relative;   overflow:hidden;}
.main_search_wrap .search_box .text_col input[type="text"]{border:0px; background:#fff; padding:0 80px; text-align:center; line-height:65px; height:65px; font-size:18px; width:100%; border-radius:65px;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; border:3px #a9977c solid;}
.main_search_wrap .search_box .btn {position:absolute; right:30px; top:20px;} 
.main_search_wrap .search_box .btn input[type="submit"] {width:40px; height:40px; background:url(../images/main/main_search_btn_icon.png) center top no-repeat; border:0px; text-indent:-9999px;  } 
.main_search_wrap .search_box .keyword {margin-top:15px;  text-align:center;}
.main_search_wrap .search_box .keyword span {display:inline-block; margin:0px 10px; line-height:30px; color:#999}
.main_search_wrap .search_box .keyword span a{color:#999}
.main_search_wrap .search_box .keyword span:hover a{color:#000;}





/*메인뉴스*/
.main_news_wrap { position:relative;  padding-top:130px;}
.main_news_wrap .title .t1{font-size:45px; line-height:50px; font-family: 'Pretendard';  font-weight:900; color:#000;}
.main_news_wrap .title .t1 span {font-weight:normal;}
.main_news_wrap .title .t2{font-size:18px;  line-height:22px;  margin-top:10px; color:#666;}

.main_news_wrap ul.cate {position:absolute; right:0px; top:0px; overflow:hidden;  background:#f2f2f2; border-radius:30px;}
.main_news_wrap ul.cate li {float:left;  text-align:center;   position:relative;}
.main_news_wrap ul.cate li a{line-height:50px;  display:block; padding:0px 50px;; font-size:15px;color:#353535;  background:#f2f2f2;}
.main_news_wrap ul.cate li:first-child a{border-radius:30px 0px 0px 30px;}
.main_news_wrap ul.cate li:last-child a{border-radius:0px 30px 30px 0px; }
.main_news_wrap ul.cate li a.on{color:#fff;  background:#a9977c; border-radius:30px;}

.main_news_wrap .main_news_box {margin-top:40px; padding:20px 0px; display:none;}
.main_news_wrap .main_news_box ul {text-align:center; position:relative; font-size:0px;  transition: all 0.4s;  width:1400px !important;   font-size:0px; padding:20px 0px;}
.main_news_wrap .main_news_box ul li{display:inline-block;; width:446px !important; margin-right:30px;  position:relative; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; transition: all 0.2s; top:0px;  vertical-align:top; margin-top:0px; transition: all 0.4s;}
.main_news_wrap .main_news_box ul li .box {padding:50px; background:#fff; position:relative;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; text-align:left;  transition: all 0.4s;  border:1px #ddd solid;   border-radius:20px;}


.main_news_wrap .main_news_box ul li:hover .box {background-color:#f8f8f8; border-color:#a9977c}

.main_news_wrap .main_news_box ul li .time {text-align:center; position:absolute; left:40px; top:50px;  color:#000; font-family: 'Pretendard'; }
.main_news_wrap .main_news_box ul li .time .time1 {font-size:20px; line-height:20px;  letter-spacing:-1px;}
.main_news_wrap .main_news_box ul li .time .time2 {font-size:45px; line-height:45px; font-weight:bold; margin-top:5px; color:#a9977c; }

.main_news_wrap .main_news_box ul li .info  {margin-left:70px;}
.main_news_wrap .main_news_box ul li .info .t1 {font-size:20px; color:#000; line-height:20px; font-weight:bold; background:none;; padding-left:0px; white-space: normal; }
.main_news_wrap .main_news_box ul li .info .t2 {font-size:15px; color:#444; margin-top:12px; line-height:20px; display:block; white-space: normal;}




.main_news_wrap .notice_pager {text-align:center; margin-top:0px;}
.main_news_wrap .notice_pager span {width:15px; height:15px; background:#999; border-radius:15px; display:inline-block; margin:0 3px; cursor:pointer;}
.main_news_wrap .notice_pager span.cycle-pager-active {background:#a9977c; width:50px;}








.main_last_quick_wrap {margin-top:50px;   }
.main_last_quick_wrap .default_layout {overflow:hidden;}

.main_last_quick_wrap .daum_map_wrap {float:left; width:920px; border:1px #ddd solid;  border-radius:20px; overflow:hidden; }
.main_last_quick_wrap .daum_map_wrap #daum_map{height:400px;}
.main_last_quick_wrap .daum_map_wrap .map_info{padding:37px 30px; color:#000; font-size:18px; padding-left:100px; background:url(../images/main/main_map_add_icon.png) 30px 50% no-repeat;;;}



.main_last_quick_wrap .quick {float:right; width:444px;}
.main_last_quick_wrap .quick .quick_box {overflow:hidden;}
.main_last_quick_wrap .quick .quick_box li {float:left; width:49%; margin-bottom:2%; }
.main_last_quick_wrap .quick .quick_box li:nth-child(even) {float:right;}
.main_last_quick_wrap .quick .quick_box li .box {bordeR:1px #ddd solid;  padding:30px; border-radius:20px; position:relative;  text-align:center; background:#fff; }
.main_last_quick_wrap .quick .quick_box li .box .icon {position:relative;}
.main_last_quick_wrap .quick .quick_box li .box .icon span {display:inline-block; width:75px; height:75px; background:#f4f6f8; border-radius:75px; line-height:75px; text-align:center;}
.main_last_quick_wrap .quick .quick_box li .box .icon span img {vertical-align:middle; }
.main_last_quick_wrap .quick .quick_box li .box .text {font-size:17px; font-weight:bold; color:#000; margin-top:20px;}
.main_last_quick_wrap .quick .quick_box li .box .text span {display:block; font-size:14px; margin-top:5px; font-weight:normal; color:#666;}
.main_last_quick_wrap .quick .cscenter {background:#f4f6f8 url(../images/main/main_last_quick_wrap_cscenter_icon.png) 30px 50% no-repeat;; padding:30px; border-radius:30px; position:relative; padding-left:120px; }
.main_last_quick_wrap .quick .cscenter .t_text {font-size:20px; font-weight:bold; color:#000;}
.main_last_quick_wrap .quick .cscenter .t_text span {position:absolute; right:30px; font-size:14px; font-weight:normal;}
.main_last_quick_wrap .quick .cscenter .t_tell {font-size:25px; color:#0c3966; font-weight:bold; letter-spacing:-2px; margin-top:10px; }
.main_last_quick_wrap .quick .cscenter .t_help {position:absolute; right:30px; top:65px; font-size:15px;  color:#333}





/*의료진소개*/
.main_doctor_wrap {padding-top:80px; position:relative;; border-top:1px #ededed solid; margin-top:80px;}
.main_doctor_wrap .title .t1{font-size:45px; line-height:50px; font-family: 'Pretendard';  font-weight:900; color:#000;}
.main_doctor_wrap .title .t1 span {font-weight:normal;}
.main_doctor_wrap .title .t2{font-size:18px;  line-height:22px;  margin-top:10px; color:#666;}

.main_doctor_wrap ul {padding-bottom:30px; margin-top:60px;}
.main_doctor_wrap ul li{width:446px; margin-right:30px; padding:5px 0px;}
.main_doctor_wrap ul li .box{border:1px #ddd solid; overflow:hidden;   position:relative; z-index:1; background:#fff; border-radius:30px;}
.main_doctor_wrap ul li:hover .box {box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.main_doctor_wrap ul li .box .photo {width:100%; position:relative; overflow:hidden; height:350px;overflow:hidden;}
.main_doctor_wrap ul li .box .photo img {transition: all 0.3s;;}
.main_doctor_wrap ul li:hover .box .photo img {-moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.main_doctor_wrap ul li .box .photo .type {position:absolute; left:30px; top:30px; background:#000; color:#fff;  font-size:14px; padding:0 20px; line-height:40px; border-radius:40px;}

.main_doctor_wrap ul li .box .info_box {padding:30px;}
.main_doctor_wrap ul li .box .info_box .name {font-size:21px; font-weight:bold; color:#000;  font-family: 'Pretendard';  transition: all 0.3s;;}
.main_doctor_wrap ul li .box .info_box .text {margin-top:5px; font-size:16px;  color:#666;      white-space: normal; overflow: hidden;    white-space: nowrap;   text-overflow: ellipsis;}

.main_doctor_wrap .control {width:100%; position:absolute; left:0px; top:350px; }
.main_doctor_wrap .control a{float:left; margin:0px -60px; width:20px; height:35px; background:url(../images/main/product_btn.png) left top no-repeat; text-indent:-9999px; position:relative; z-index:2;}
.main_doctor_wrap .control a#main_doctor_next{float:right; background-position:right top;}


.main_doctor_wrap ul li .line{position:absolute; left:5%;  height:80px; bottom:2px; width:250px;  background:#a9977c; z-index:0; transform: rotate(-2deg);  display:none; }
























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


body{background:#ededed;}

.main_visual {; width:auto; ; min-width:auto;    overflow:hidden; margin:15px;  border-radius:15px;} 
.main_visual ul#main_visual_wrap {height:250px; }
.main_visual li.list {height:250px;  }


.main_visual .main_visual_text {height:250px }
.main_visual .main_visual_text .text { padding-top:0px;}
.main_visual .main_visual_text .t1 {font-size:30px; line-height:25px;}
.main_visual .main_visual_text .t2 {font-size:16px; line-height:20px; padding:0 20px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;  }
.main_visual .main_pager {bottom:20px;}




.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 60px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t2 {top: 70px;    transition: all 1.6s;    transition-delay: 1s;    opacity: 1; } 


.main_facility_wrap {padding:50px 15px; overflow:hidden;}
.main_facility_wrap .title {}
.main_facility_wrap .title .t1{font-size:20px; }
.main_facility_wrap .title .t2{font-size:30px; line-height:30px; }



.main_facility_wrap .slider_wrap{position:relative; left:0px; top:0px; width:1200px; margin-top:30px;}
.main_facility_wrap .slider_wrap ul li {width:200px; margin-right:20px; text-align:center;    }
.main_facility_wrap .slider_wrap ul li .pic {height:230px;  border-radius:10px;}
.main_facility_wrap .slider_wrap ul li:hover .pic {box-shadow: 0 0 0 200px rgba(18,90,211,0.3) inset; }
.main_facility_wrap .slider_wrap ul li .text {font-size:20px; color:#000; margin-top:20px;}



}


@media all and (min-width:1025px) and (max-width:1440px) {


.main_visual ul#main_visual_wrap {height:650px;}
.main_visual li.list { height:650px; }
.main_visual .main_visual_text { height:650px; }

.main_visual .main_visual_text .text { padding-top:200px;}
.main_visual li.cycle-slide-active .main_visual_text .t1 {top:70px;}
.main_visual li.cycle-slide-active .main_visual_text .t2 {top:100px;}



.default_layout {width:auto;}




.main_facility_wrap {padding-left:10px; padding-right:10px;}

}