@charset "euc-kr";

.container {width:100%; max-width:1280px; margin:0 auto;}
.container:after {content:''; display:block; clear:both;}

.M_visual {margin:60px auto;}
.M_visual .visual_area {float:left; width:840px; height:400px;}
.M_visual .slide {width:840px; height:400px; line-height:400px; text-align:center;}
.M_visual .slide img {width:auto; height:auto; max-width:840px;}
.M_visual .cycle-pager {position:absolute; bottom:20px; right:20px; z-index:101;}
.M_visual .cycle-pager span {display:inline-block; width:10px; height:10px; border-radius:50%; background:rgba(0,0,0,.44); text-indent:-9999px; margin-left:5px;}
.M_visual .cycle-pager .cycle-pager-active {background:#ec2e68;}

.point_area {float:right; width:400px;}
.point_area #M_vis_floating {position:static; left:auto; top:auto; width:100%; height:190px; margin:0 auto 20px; border-width:2px 1px 1px; border-style:solid; border-color:#f15e7c #ddd #ddd; border-radius:0; box-shadow:none;}
.point_area #M_vis_floating .mypoint a.btn {width:300px; height:40px; line-height:40px;}

.point_area .M_notice {position:relative; width:100%; height:190px; border:1px solid #ddd; padding:20px 30px 0; box-sizing:border-box;}
.point_area .M_notice .tit {font-family:'NanumGothic',sans-serif; font-size:16px; font-weight:700; line-height:35px; letter-spacing:-0.045rem; }
.point_area .M_notice .more {position:absolute; top:0; right:0;}
.point_area .M_notice .cont li:before {content:''; display:inline-block; width:3px; height:3px; background:#111; border-radius:50%; margin:0 4px 0 0; vertical-align:middle;}
.point_area .M_notice .cont li:after {content:''; display:block; clear:both;}
.point_area .M_notice .cont a {display:inline-block; max-width:220px; font-size:13px; line-height:28px; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
.point_area .M_notice .cont a:hover {color:#f15e7c; text-decoration:underline;}
.point_area .M_notice .cont .date {float:right; font-size:12px; line-height:30px; color:#999;}

#M_container {padding:55px 0 60px; background:#f9f9f9;}
#M_container .inner:after {content:''; display:block; clear:both;}
#M_container .banner {float:left; width:400px; height:180px; border-width:2px 1px 1px; border-style:solid; border-color:#f15e7c #ddd #ddd; background:#fff url(../img/main/main_ban1.png) 90% 80% no-repeat; margin:0 40px 0 0; box-sizing:border-box; transition:all 0.3s;}
#M_container .banner:nth-child(2) {background-image:url(../img/main/main_ban2.png);}
#M_container .banner:last-child {margin-right:0; background-image:url(../img/main/main_ban3.png);}
#M_container .banner:hover {box-shadow:5px 5px 15px rgba(0,0,0,.15);}
#M_container .banner a {display:block; width:100%; height:100%; padding:30px 0 0 30px; box-sizing:border-box;}
#M_container .banner h3 {font-family:'NanumGothic',sans-serif; font-size:20px; font-weight:700; line-height:38px; letter-spacing:-0.025rem; color:#111; padding:0; background:none;}
#M_container .banner span {display:inline-block; line-height:28px; font-size:13px; letter-spacing:-0.045rem; color:#999;}
#M_container .banner span .arr {display:inline-block; width:5px; height:8px; background:url(../img/main/ban_arr.png) no-repeat; vertical-align: middle; margin:-2px 0 0 4px;}