@charset "utf-8";






/*메인비주얼*/
.main_visual {text-align:center; position:relative;   min-width:1200px; overflow:hidden;  z-index:1;  }
.main_visual ul { z-index:0; overflow:hidden; border-radius:0px 200px 0px 200px; margin-left:5%; margin-right:5%;}
.main_visual ul li { width:100%;  background-repeat:no-repeat; background-position:center top; background-size:cover; height:600px; }


.main_visual .main_pager {position:absolute; left:0px; bottom:20px;  z-index:99999999 !important; width:100%; text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 4px; border-radius:13px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{background:#5c3da3;}




.main_visual .photo {position:relative; z-index:0; }
.main_visual .bg {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.main_visual .text {position:absolute; left:0px; top:0px; z-index:2;  color:#fff; text-align:center;    width:100%;}
.main_visual .text .t1 {font-size:60px;  padding:250px 0px 20px; line-height:40px;  font-weight:bold;}
.main_visual .text .t2 {font-size:20px; line-height:24px;}






/*바로가기*/
.main_quick_wrap {padding-top:100px;  position:relative;   }
.main_quick_wrap .title{ position:absolute; left:0px; top:100px;  text-align:left; color:#000; line-height:50px; font-size:35px; 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{height:70px; width:110px; line-height:70px; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;   text-align:center; display:inline-block;}
.main_quick_wrap .col_box .col .icon img {vertical-align:middle; position:relative; transition: all 0.3s;}

.main_quick_wrap .col_box .col:hover .icon img{margin-top:-20px;}

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





.main_cs_quick {margin-top:60px;}
.main_cs_quick .col_box {text-align:center; display:table; width:100%; table-layout:fixed;}
.main_cs_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_cs_quick .col_box .col.jump {width:20px; border:0px;}  
.main_cs_quick .col_box .col .box {padding:40px 60px; text-align:left;}

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


.main_cs_quick .col_box .col .t1{ font-size:25px; color:#000; font-weight:bold; margin-bottom:10px;}
.main_cs_quick .col_box .col .t2{ font-size:15px; color:rgba(0,0,0,0.7);  margin-bottom:20px; line-height:22px;}
.main_cs_quick .col_box .col .t3{font-family: 'Montserrat';  font-size:50px; line-height:45px; font-weight:800; color:#ffa41f; letter-spacing:-2px; position:relative;}
.main_cs_quick .col_box .col  a.more{position:absolute; right:40px; top:40px; font-weight:normal; font-size:13px; background:#f8f8f8; border-radius:5px; color:#000; border:1px #ededed solid; padding:2px 10px;}
.main_cs_quick .col_box .col .t4{ font-size:16px; line-height:22px; color:#000; margin-top:20px;}
.main_cs_quick .col_box .col .t4 span {display:inline-block; margin-right:10px; background:url(../images/sub/dt_dot.jpg) left 50% no-repeat; padding-left:10px;}
.main_cs_quick .col_box .col .t5{ font-size:37px; line-height:45px;    font-weight:700; color:#5c3da3; letter-spacing:-2px;}
.main_cs_quick .col_box .col .t5 strong{   font-family: 'Montserrat';  }
.main_cs_quick .col_box .col .t5 span {display:block;  font-size:18px; color:#000; margin-top:10px; font-weight:normal; line-height:22px; }


.main_cs_quick .col_box .col .gallery_list ul {overflow:hidden; margin-top:20px;}
.main_cs_quick .col_box .col .gallery_list ul li {float:left; width:32%; overflow:hidden; text-align:center;}
.main_cs_quick .col_box .col .gallery_list ul li img {width:100%; vertical-align:middle; border-radius:10px;}
.main_cs_quick .col_box .col .gallery_list ul li:nth-child(2n) {margin:0 2%;}
.main_cs_quick .col_box .col .gallery_list ul li .text {font-size:16px; color:#000; margin-top:10px;}

.main_cs_quick .col_box .col:hover {background-position: 90% 50%; border-color:#5c3da3}



.main_wide_view_wrap {background:rgba(255,164,31,0.2);;  background:#efefef url(../images/main/main_wide_view_wrap_bg.png?1) 150px top no-repeat;;;   padding:130px 0px;   margin-top:140px; position:relative; margin-left:5%; margin-right:5%; border-radius:50px; }
.main_wide_view_wrap .default_layout{ position:relative;}
.main_wide_view_wrap .bg_icon{ position:absolute; left:0px; top:-140px; display:none;}
.main_wide_view_wrap .bg_icon img {vertical-align:middle; max-width:100%;}
.main_wide_view_wrap .info_box {margin-left:700px;}
.main_wide_view_wrap .info_box .t1 {font-size:40px; line-height:50px; font-weight:900; color:#000;}
.main_wide_view_wrap .info_box .t2 {font-size:17px; margin-top:20px; color:rgba(0,0,0,0.7); }
.main_wide_view_wrap .info_box .t3 {  margin-top:50px;  }
.main_wide_view_wrap .info_box .t3 a{display:inline-block; line-height:60px; background:#fff; border:3px #ffa41f solid; color:#ffa41f; padding:0 40px; font-size:18px; border-radius:50px;}







/*메인뉴스*/
.main_news_wrap { position:relative;  padding:100px 0px;}
.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:#5c3da3; 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:#5c3da3}

.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:#5c3da3; }

.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:#5c3da3; width:50px;}





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




.main_visual {; width:auto; ; min-width:auto;    overflow:hidden; margin:20px 10px 10px; border-radius:20px; } 
.main_visual ul{border-radius:0px; margin:0px; }
.main_visual li.list {height:350px;  background-size:cover;}
.main_visual .main_pager {bottom:20px; }
.main_visual .text .t1 {font-size:30px;  padding:100px 0px 10px; line-height:40px;  font-weight:bold;}
.main_visual .text .t2 {font-size:15px; line-height:22px; padding:0 20px;}








/*바로가기*/
.main_quick_wrap {padding:50px 15px 0px; }
.main_quick_wrap .title{ position:relative; left:0px; top:0px;  line-height:34px; font-size:35px;  }
.main_quick_wrap .quick_box {margin:30px 0px 0px 0px;}
.main_quick_wrap .col_box {text-align:center; display:block; overflow:hidden;}
.main_quick_wrap .col_box .col {display:block; float:left; width:48%; margin:0 0px 30px 0px !important; vertical-align:top;}
.main_quick_wrap .col_box .col.m2,
.main_quick_wrap .col_box .col.m4 {float:right;}


.main_quick_wrap .col_box .col .icon{height:120px; width:auto;;  line-height:auto;   border-radius:20px; text-align:center; display:block;}
.main_quick_wrap .col_box .col .icon img {vertical-align:middle; position:relative; transition: all 0.3s;}

.main_quick_wrap .col_box .col.jump{display:none;}
.main_quick_wrap .col_box .col .text{font-size:16px;  margin-top:10px; }






.main_cs_quick {margin-top:10px; padding:0 15px;}
.main_cs_quick .col_box {text-align:center; display:block;}
.main_cs_quick .col_box .col {display:block; margin-bottom:5px;   border-radius:15px; }
.main_cs_quick .col_box .col.jump { display:none;}  
.main_cs_quick .col_box .col .box {padding:40px 40px; text-align:left;}



.main_wide_view_wrap { padding:80px 0px 60px;   margin-top:60px;  margin-left:0%; margin-right:0%; border-radius:0px; background-size:cover; }


.main_wide_view_wrap .bg_icon{ position:relative; left:0px; top:-30px; text-align:center; }
.main_wide_view_wrap .bg_icon img { max-width:80%;}
.main_wide_view_wrap .info_box {margin-left:0px; padding:0 20px;}
.main_wide_view_wrap .info_box .t1 {font-size:30px; line-height:40px; }
.main_wide_view_wrap .info_box .t2 {font-size:17px; margin-top:10px; }
.main_wide_view_wrap .info_box .t3 {  margin-top:30px;  }
.main_wide_view_wrap .info_box .t3 a{line-height:50px;   padding:0 40px; font-size:16px;}





/*메인뉴스*/
.main_news_wrap { position:relative;  padding:60px 15px;}
.main_news_wrap .title .t1{font-size:30px; line-height:40px; }

.main_news_wrap .title .t2{font-size:18px;  line-height:22px;  margin-top:10px;  }

.main_news_wrap ul.cate {position:relative; margin-top:30px;}

.main_news_wrap .main_news_box {margin-top:0px; padding:20px 0px;  }
.main_news_wrap .main_news_box ul { font-size:0px;  width:auto !important;  }
.main_news_wrap .main_news_box ul li{width:300px !important; margin-right:20px; }
.main_news_wrap .main_news_box ul li .box {padding:40px}



.main_news_wrap .main_news_box ul li .time {left:20px; top:30px;   }


.main_news_wrap .main_news_box ul li .info  {margin-left:60px;}
.main_news_wrap .main_news_box ul li .info .t1 {font-size:18px;  }
.main_news_wrap .main_news_box ul li .info .t2 {font-size:15px; margin-top:8px; }

}


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






/*메인비주얼*/
.main_visual {  min-width:auto;}
.main_visual ul { border-radius:0px 100px 0px 100px; margin-left:1%; margin-right:1%;}





/*바로가기*/
.main_quick_wrap {padding-top:100px;  margin:0 1%; position:relative;   }


.main_quick_wrap .quick_box {margin-left:300px;}
.main_quick_wrap .col_box .col.jump{width:20px; background:none !important; }






.main_cs_quick { margin:60px 1% 0px;}
.main_cs_quick .col_box .col .box {padding:40px 40px; text-align:left;}




.main_wide_view_wrap { padding:130px 0px 80px;   margin-top:100px; ; margin-left:1%; margin-right:1%; border-radius:50px; }
.main_wide_view_wrap .default_layout{ position:relative;}
.main_wide_view_wrap .bg_icon{ position:absolute; left:30px; top:-60px; }
.main_wide_view_wrap .bg_icon img {vertical-align:middle; max-width:400px;}
.main_wide_view_wrap .info_box {margin-left:500px; margin-right:40px;}

.main_wide_view_wrap .info_box .t3 {  margin-top:40px;  }








/*메인뉴스*/
.main_news_wrap { position:relative;  padding:100px 1%; overflow:hidden;}

.main_news_wrap .main_news_box {overflow:hidden;}





}