@charset "utf-8";





.main_visual {text-align:center; position:relative; ;  z-index:1;  border-radius:20px; overflow:hidden; margin-top:60px;  }
.main_visual ul#main_visual_wrap { height:400px; position:relative; z-index:1; background:#ddd; }
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:100%;   background-size:cover;  position:relative;}

.main_visual li.list .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.0); z-index:0; }

.main_visual li.list .main_visual_text {position:relative; z-index:9;   padding-left:10%; padding-top:60px;  text-align:left; }
.main_visual li.list .main_visual_text .t1 {font-size:17px;  color:#000;     }
.main_visual li.list .main_visual_text .t2 {font-size:40px;   color:#000; margin-top:20px; font-weight:900;   }
.main_visual li.list .main_visual_text .t3 {font-size:15px;   color:rgba(0,0,0,0.7); margin-top:40px; line-height:20px;}


.main_visual .main_visual_text .btns { margin-top:60px; }
.main_visual .main_visual_text .btns a{display:inline-block; font-size:16px;padding:0 30px; color:#fff; background:#6b5c44; line-height:60px; font-weight:600;letter-spacing:-1px; border-radius:10px;}

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



.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_quick_wrap  {margin-top:60px;}
.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:17px; color:#000; margin-top:15px; transition: all 0.2s; }
.main_quick_wrap .col_box .col .text a{ color:#000;}
.main_quick_wrap .col_box .col:hover .text{color:#a9977c;}





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

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


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

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





.main_conten_box {margin-top:40px; overflow:hidden; padding-bottom:60px;}
.main_conten_box .col{float:left; width:48.5%;border:1px #ededed solid; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; position:relative; z-index:0; transition: all 0.5s; border-radius:20px;}
.main_conten_box .col:nth-child(2n+2){float:right;}
.main_conten_box .col .box {padding:50px;  min-height:120px;  transition: all 0.5s; z-index:0; position:relative; }
.main_conten_box .col .box .title {font-size:20px; font-weight:700; color:#000; letter-spacing:-1px;}
.main_conten_box .col .box .text {margin-top:10px; font-size:15px;  color:rgba(0,0,0,0.7);  line-height:22px;}






.main_conten_box .col .inquery_info  {margin-top:10px;}
.main_conten_box .col .inquery_info ul {overflow:hidden;}
.main_conten_box .col .inquery_info ul li {margin-bottom:5px; float:left; width:49%;}
.main_conten_box .col .inquery_info ul li.full {width:100%;}
.main_conten_box .col .inquery_info ul li.last {float:right;}
.main_conten_box .col .inquery_info ul li input[type="text"]{width:100%; padding:0px 10%; border:1px #ddd solid; height:33px; height:33px; border-radius:5px; font-size:13px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main_conten_box .col .inquery_info ul li select {border:1px #ddd solid; height:40px; padding:10px; width:100%; font-size:13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main_conten_box .col .inquery_info .btns {margin-top:15px; }
.main_conten_box .col .inquery_info .btns input[type="submit"]{width:100%; text-align:center;  height:60px; height:60px; background:#272a31; color:#fff; border-radius:5px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}  


.main_conten_box .col .inquery_info ul li input[type="text"]:hover,
.main_conten_box .col .inquery_info ul li input[type="password"]:hover,
.main_conten_box .col .inquery_info ul li textarea:hover,
.main_conten_box .col .inquery_info ul li textarea:focus,
.main_conten_box .col .inquery_info ul li input[type="text"]:focus,
.main_conten_box .col .inquery_info ul li input[type="password"]:focus  {background-color:#fcfaed; outline: none;}




.main_conten_box .col.map_info #daum_map {width:100%; height:140px; border-radius:15px;  margin-top:10px;}
.main_conten_box .col.map_info .addr_box {margin-top:15px;  background:url(../images/main/main_map_icon.png) left 50% no-repeat; padding-left:40px; line-height:18px; height:32px; font-size:14px;}




/*메인뉴스*/
.main_news_wrap { position:relative;  margin-top:40px; padding-top:40px; overflow:hidden;  }
.main_news_wrap .title .t1{font-size:35px; line-height:40px; font-family: 'Pretendard';  font-weight:900; color:#000;}
.main_news_wrap .title .t1 span {font-weight:normal;}
.main_news_wrap .title .t2{font-size:16px;  line-height:22px;  margin-top:5px; color:#666;}

.main_news_wrap ul.cate {position:absolute; right:0px; top:40px; 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:40px;  display:block; padding:0px 30px;; font-size:14px;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:#444; 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:334px !important; margin-right:20px;  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:40px; background:#f8f8f8; 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:30px; top:40px;  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:40px; line-height:40px; font-weight:bold; margin-top:5px; color:#a9977c; }

.main_news_wrap .main_news_box ul li .info  {margin-left:50px;}
.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;}










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






}


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


}