@charset "utf-8";



#container {position:relative; z-index:0; background:#ebedee; }

.main_wrap_box {overflow:hidden; margin:30px 0px 25px;}

/*메인비주얼*/
.main_visual {float:left; position:relative; width:630px; height:659px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:660px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:660px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:120px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}
.main_visual .main_pager {position:absolute;  left:30px; bottom:30px;  text-align:center; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:16px; height:15px; margin:0 3px; border-radius:15px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{width:35px;background:#366453;}


/*컨텐츠*/
.main_contents_wrap {margin-left:640px; height:600px; }
.main_contents_wrap .col {float:left; width:225px; height:213px; background-color:#fff; margin-bottom:10px; background-repeat:no-repeat; background-position:90% 140px;     transition: all .2s;}
.main_contents_wrap .col:hover {background-color:#ddd; transition: all .3s; background-position:90% 120px;}
.main_contents_wrap .col .box {padding:20px;}
.main_contents_wrap .col.m1 {background-image:url(../images/main/main_quick01.png?2021);}
.main_contents_wrap .col.m2 {background-image:url(../images/main/main_quick02.png?2021);}
.main_contents_wrap .col.m3 {background-image:url(../images/main/main_quick03.png?2021);}
.main_contents_wrap .col.m4 {background-image:url(../images/main/main_quick04.png?2021);}
.main_contents_wrap .col.m5 {background-image:url(../images/main/main_quick05.png?2021);}

.main_contents_wrap .col.right {float:right;}
.main_contents_wrap .col h3 {font-size:20px; color:#222; transition: all .2s;}
.main_contents_wrap .col h3 span{display:block; font-size:12px; color:#777; line-height:17px; margin-top:10px; height:34px; font-weight:normal;}

.main_contents_wrap .col:hover h3{color:#0f589b; transition: all .3s;}



.main_notice ul {margin-top:10px;}
.main_notice ul li{overflow:hidden; font-size:12px; color:#333; background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat;padding-left:10px;}
.main_notice ul li:hover  {text-decoration:underline;}