@charset "utf-8";


#container {position:relative; z-index:0; background:#ebedee; /*font-family: 'Nanum Square';*/}
.main_wrap_box {overflow:hidden; margin:30px 0px 25px;}

/*메인비주얼*/
.main_visual {float:left; position:relative; width:630px; height:660px; overflow:hidden;  z-index:1;}
.main_visual ul {position:absolute; width:100% !important; z-index:0;}
.main_visual li {width:100% !important;}
.main_visual li img {vertical-align:middle; width:100%;}




.main_visual .main_pager {position:absolute;  left:30px; bottom:30px;  text-align:center; display:none; }
.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:#2b5dc0;}




.main_visual .main_visual_text {position:absolute; width:100%;  bottom:0px; background:rgba(41,73,61,0.9); color:#fff; z-index:2; }
.main_visual .main_visual_text .text_box {padding:30px;}
.main_visual .main_visual_text .text_box dl {position:relative; padding-left:140px; margin:25px 0px;}
.main_visual .main_visual_text .text_box dl dt{position:absolute; left:0px; top:-6px; border:1px #fff solid; padding:0 30px; line-height:35px; border-radius:35px; font-size:15px;}
.main_visual .main_visual_text .text_box dl dd{font-size:14px;}






/*컨텐츠*/
.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% 150px;     transition: all .2s;}
.main_contents_wrap .col:hover {background-color:#ddd; transition: all .3s; background-position:90% 120px;}
.main_contents_wrap .col.m5:hover, 
.main_contents_wrap .col.m6:hover {background-color:#fff;}
.main_contents_wrap .col .box {padding:20px; position:relative;}
.main_contents_wrap .col.m1 {background-image:url(../images/main/main_quick01_new.png);}
.main_contents_wrap .col.m2 {background-image:url(../images/main/main_quick02_new.png);}
.main_contents_wrap .col.m3 {background-image:url(../images/main/main_quick03_new.png);}
.main_contents_wrap .col.m4 {background-image:url(../images/main/main_quick04_new.png);}
.main_contents_wrap .col.m5 {background-image:url(../images/main/main_quick05_new.png);}

.main_contents_wrap .col.m2,
.main_contents_wrap .col.m4,
.main_contents_wrap .col.m6 {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:#29493d; transition: all .3s;}


.main_contents_wrap .col .box .link{position:absolute; left:20px; top:150px; border:1px #ddd solid; padding:0 10px; line-height:30px;}
.main_contents_wrap .col:hover .box .link{border-color:#29493d; background:#29493d; color:#fff;}


.main_notice ul {margin-top:10px;}
.main_notice ul li{ font-size:13px; color:#333; background:url(../images/main/main_notice_dot.jpg?2020) left 50% no-repeat;padding-left:10px; overflow:hidden;}
.main_notice ul li a {float:left; width:100%; overflow: hidden;    white-space: nowrap;   text-overflow: ellipsis;;}
.main_notice ul li .date{display:none; float:right;}
.main_notice ul li a:hover  {text-decoration:underline;}



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


#container {}
.main_wrap_box {margin:0p;}

/*메인비주얼*/
.main_visual {float:none;width:auto;; height:auto; }
.main_visual ul {position:relative; width:auto; }






.main_visual .main_visual_text {position:relative; width:auto;;  background:rgba(41,73,61,0.9);; margin-top:-120px; }
.main_visual .main_visual_text .text_box {padding:15px 25px;}
.main_visual .main_visual_text .text_box dl {position:relative; padding-left:100px; margin:25px 0px;}
.main_visual .main_visual_text .text_box dl dt{position:absolute; left:0px; top:-6px; border:1px #fff solid; padding:0 15px; line-height:35px; border-radius:35px; font-size:13px;}
.main_visual .main_visual_text .text_box dl dd{font-size:12px;overflow: hidden;    white-space: nowrap;   text-overflow: ellipsis; }




/*컨텐츠*/
.main_contents_wrap {margin:10px 0px; height:auto; }
.main_contents_wrap .col {width:50%; height:213px; margin:0px;}
.main_contents_wrap .col.m1,
.main_contents_wrap .col.m4 {background-color:#ddd;}



.main_contents_wrap .col.m5,
.main_contents_wrap .col.m6 {margin-top:10px; width:100%;}




.main_notice ul {margin-top:10px;}
.main_notice ul li a {width:60%;}
.main_notice ul li .date{display:block; color:#888;}



}