@charset "utf-8";




#container {position:relative; z-index:0; background:#ebedee; padding:55px 0px 40px; }

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



/*메인비주얼*/
.main_visual {float:left; position:relative; width:630px; height:659px; overflow:hidden;  z-index:1;}
.main_visual ul { position:relative; z-index:0;}
.main_visual li .photo  { position:relative; z-index:0;}
.main_visual li .photo img {vertical-align:middle; width:100%;}
.main_visual li a{display:block;}
.main_visual .main_text_visual {padding:90px; color:#fff; z-index:1; position:absolute; left:0px; top:0px}
.main_visual .main_text_visual strong {display:block;font-size:35px; margin-top:10px}
.main_visual .main_text_visual span{ display:block;margin-top:25px;  font-size:15px; color:rgba(255,255,255,0.8); line-height:20px;}


.main_visual .common_main_text_visual{ position:absolute; left:90px; bottom:120px; z-index:99; }
.main_visual .common_main_text_visual dl {color:#fff;}
.main_visual .common_main_text_visual dl dt{font-size:20px;}
.main_visual .common_main_text_visual dl dd{font-size:14px; color:rgba(255,255,255,0.6); padding-top:10px; }
.main_visual .common_main_text_visual .call{font-size:50px; line-height:50px; margin-top:10px; color:#fff; font-weight:bold;}
.main_visual .common_main_text_visual .call a{color:#fff;}




.main_visual .main_pager {position:absolute;  left:90px; bottom:70px;  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:#543958;}





/*컨텐츠*/
.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% 90%;     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?1);}
.main_contents_wrap .col.m2 {background-image:url(../images/main/main_quick02.png?1);}
.main_contents_wrap .col.m3 {background-image:url(../images/main/main_quick03.png?1);}
.main_contents_wrap .col.m4 {background-image:url(../images/main/main_quick04.png?1);}
.main_contents_wrap .col.m5 {background-image:url(../images/main/main_quick05.png?1);}

.main_contents_wrap .col.right {float:right;}
.main_contents_wrap .col h3 {font-size:20px; color:#222; transition: all .2s; font-family: 'Hahmlet-Bold';}
.main_contents_wrap .col h3 span{display:block; font-size:12px; color:#777; line-height:17px; margin-top:10px; height:34px; font-weight:normal; font-family: 'Noto Sans KR',sans-serif;}

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




.main_notice .box h3 span {}
.main_notice .tel {font-size:21px; color:#543958;  line-height:25px; letter-spacing:0px; margin:4px 0px;}
.main_notice .first {margin-top:15px;}
.main_notice .tel span {display:inline-block; width:25px; height:25px; line-height:25px; background:#444; color:#fff; text-align:Center; border-radius:25px; margin-right:10px; font-size:13px;  vertical-align:middle;}
.main_notice .tel.first span {background:#543958; color:#fff; ;}
.main_notice .email  {line-height:20px; margin-top:10px;}
.main_notice .email span {color:#333; display:inline-block; margin-right:10px; background:#ddd; padding:0 5px; line-height:20px;}



.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;}





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


#container {position:relative; z-index:0; background:#ebedee; padding:55px 0px 40px; }

.main_wrap_box {overflow:hidden; margin:60px 0px 0px;}

/*메인비주얼*/
.main_visual {float:none;  width:auto; height:auto; }
.main_visual li {width:100%;}
.main_visual li .photo img { width:100%;}

.main_visual .main_text_visual {padding:50px; left:0px; top:0px}
.main_visual .main_text_visual strong {font-size:25px; margin-top:10px}
.main_visual .main_text_visual span{margin-top:25px;  font-size:15px; line-height:16px;}


.main_visual .common_main_text_visual{ left:50px; bottom:40px; z-index:99; }
.main_visual .common_main_text_visual dl dt{font-size:20px;}
.main_visual .common_main_text_visual dl dd{font-size:12px; }
.main_visual .common_main_text_visual .call{font-size:40px; line-height:40px;;}






.main_visual .main_pager { display:none; }





/*컨텐츠*/
.main_contents_wrap {margin-left:0px; height:auto; margin-top:10px; }
.main_contents_wrap .col {float:left; width:50%; height:213px;}
.main_contents_wrap .col {float:left; width:50%; height:213px;}

.main_contents_wrap .col .box {padding:20px;}

.main_contents_wrap .col.m2 {background-color:#ddd}
.main_contents_wrap .col.m3 {background-color:#ddd}

.main_contents_wrap .col.main_notice  {width:100%;}


.main_contents_wrap .col:hover {background-color:none;}