@charset "utf-8";

/* main */
.mnWrap h3 { text-align:center; font-weight:bold; letter-spacing:-0.3px; font-size:18px; margin-bottom:15px; }
.mainNewsWrap h3{ text-align: left;font-weight: 500;letter-spacing: -1px;font-size: 18px;padding-top: 20px;}

.norooNow_main_bg h3{text-align: left;font-weight: 500;letter-spacing: -1px;font-size: 18px;padding-top: 20px;margin-bottom: 16px!important;}
.notice h3{text-align: left;font-weight: 500;letter-spacing: -1px;font-size: 18px;padding-top: 20px;margin-bottom: 0;}


.mnNotice { margin-bottom:40px; }
/* 여백 수정 2022-01-17 */
.mnNotice_fix{margin-bottom:15px !important;padding: 0px !important;}
.mnNotice .slick-initialized .slick-slide a {display:block; padding:0 5px;}

.mnNotice .notice { padding:0 15px; clear:both; }
    .mnNotice .notice li {display:table; margin-top:15px; }
    .mnNotice .notice li a { display:table-cell; position:relative; padding-left:125px; box-sizing:border-box; height:70px; vertical-align:middle; line-height:20px; }
    .mnNotice .notice li a img { position:absolute; top:0; left:0; width:110px; height:70px; }
    .mnNotice .notice li em {display:block; overflow:hidden; width:100%; max-height:40px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
    .mnNotice .notice li span {display:block; color:#959595; letter-spacing:0; font-size:13px; }

.mnStoreWrap { margin-bottom:40px; }
    .mnStore .slick-dots { top:-22px; right:10px; text-align:right; width:auto; }
    .mnStore .slick-dots li button { width:6px; height:6px; background:#e1e1e1; border:0; }
    .mnStore .slick-dots li.slick-active button { background:#252525; }
    .mnStore div a {display:block; width:100%; height:100%; }
    .mnStore div a em { display:block; height:40px; line-height:40px; background:#f3f3f3; text-align:center; padding:0 20px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-weight:300; }
    .mnStore .swiper-pagination-fraction, .mnStore .swiper-pagination-custom, .mnStore.swiper-container-horizontal > .swiper-pagination-bullets { top:13px; right:10px; width:auto !important; left:auto !important; bottom:auto !important; }
    /*.mnStore.swiper-container { overflow:visible; overflow-x:hidden; }*/
    .mnStore .swiper-pagination-bullet { width:6px; height:6px; }
    .mnStore.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 3px; }
    .mnStore .swiper-pagination-bullet-active { background:#000; }


/*noroonow 추가수정 2022-02-23*/
.nowNotice .notice { padding:0 15px; clear:both; margin-top:22px;margin-bottom: 33px;}
.nowNotice .notice li{display:block;flex-direction: column; margin-top:15px; margin-right:2px;}
.nowNotice .notice li span{color:#959595;}
.nowNotice .notice li em a{font-size: 14px; color:#252525; overflow:hidden; width:100%; height:38px; 
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; line-height:20px; font-weight: normal;
white-space:normal; word-wrap:break-word;}


.norooNow_main_box{line-height:1.2;margin-top:6px;margin-bottom: 20px;width: 236px;}
.nowNotice .norooNow_main{display:flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;justify-content: space-between;}
.norooNow_main{display:flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.norooNow_main li a{display:inline !important;color: #959595;font-size: 13px; line-height: 1.2;letter-spacing: 0;}
.norooNow_main li em a{font-size: 14px; color:#252525; overflow:hidden; width:100%;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; line-height:18px; font-weight: normal;
white-space:normal; word-wrap:break-word;}
.norooNow_main_img{width:234px; height:164px;margin-right: 22px;}
.norooNow_main_img img{width:234px !important; height:176px !important;}
.norooNow_main_bg{background:rgba(238,238,238,.6);padding: 0 15px;clear: both; margin-top: 22px; margin-bottom: 33px;}
.norooNow_main_hashtag{display:flex;margin-top: 16px;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/**********************************************************************/


.mnBlogWrap { margin-bottom:11px; padding:0 15px; box-sizing:border-box; position:relative; }
/*블로그쪽 수정*/
    .mnBlogWrap h3 { left:15px;height:30px; line-height:30px; text-align:left; color:#252525; z-index:999; font-size:18px;padding-top:0;margin-bottom:12px; font-weight: 500;}
   

   .mnBlog .slick-dots { top:13px; right:10px; text-align:right; width:auto; }
    .mnBlog .slick-dots li button { width:6px; height:6px; background:#e1e1e1; border:0; }
    .mnBlog .slick-dots li.slick-active button { background:#252525; }
    .mnBlog div a { position:relative; display:block; width:100%; height:100%; }
    .mnBlog div a em { position:absolute; bottom:0; left:0; width:100%; z-index:999; display:block; height:40px; line-height:40px; background:rgba(255,255,255,0.8); text-align:center; padding:0 20px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-weight:300; }
    .mnBlog .swiper-pagination-fraction, .mnBlog .swiper-pagination-custom, .mnBlog.swiper-container-horizontal > .swiper-pagination-bullets {     top: 87%;
    right: 50%;
    width: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateX(50%);}
    .mnBlog .swiper-pagination-bullet { width:6px; height:6px; }
    .mnBlog.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 3px; }
    .mnBlog .swiper-pagination-bullet-active { background:#000; }

.mnInsWrap { margin-bottom:40px; padding:0 0 0 15px; box-sizing:border-box; position:relative; }
    .mnInsWrap h3 { position:absolute; top:0; left:15px; width:30px; height:30px; line-height:30px; background:#d62b7e; z-index:999; padding:3px; box-sizing:border-box; }
    .mnInsWrap h3 img { width:100%; height:100%; }
    .mnInsWrap .slick-initialized .slick-slide a {display:block; padding-right:10px;}
    .mnInsWrap .slick-list{ margin-left:-10px; }

.newMnInsWrap { margin-bottom:40px; padding:0 15px; box-sizing:border-box; position:relative; }
    .newMnInsWrap h3 { position:absolute; top:0; left:15px; width:30px; height:30px; line-height:30px;z-index:999; padding:3px; box-sizing:border-box; }
    .newMnInsWrap h3 img { width:100%; height:100%; }
    .newMnIns{margin:0 -5px;*zoom:1}
    .newMnIns:after {display:block;content:"";clear:both;}
    .newMnIns li{float: left; width:33.3%}
    .newMnIns li:last-child{width:33.4%}
    .newMnIns li a{display: block; margin:0 5px}

/*메인 이미지 센터 */
	.newMnIns li img{height:112px; object-fit:cover; object-position:center;width: -webkit-fill-available;}


.mnQuick { margin-bottom:40px; background:#f3f3f3; padding:30px 20px; box-sizing:border-box; width:100%; text-align:center; }
    .mnQuick a { display:inline-block; width:24%; padding-top:50px; box-sizing:border-box; text-align:center; vertical-align:top; background-size:40px; background-position:center top; background-repeat:no-repeat; font-weight:400; font-size:13px; line-height:16px; }
    .mnQuick .quickCon1 { background-image:url(../img/common/ico_mn_c1.png);  }
    .mnQuick .quickCon2 { background-image:url(../img/common/ico_mn_c2.png);  }
    .mnQuick .quickCon3 { background-image:url(../img/common/ico_mn_c3.png);  }
    .mnQuick .quickCon4 { background-image:url(../img/common/ico_mn_c4.png);  }

.mnMovie { margin-bottom:10px;position: relative;  height: 0;     padding-bottom: 56.25%;}
.mnMovie iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
}
    .btnWrap  { padding:0 15px; }
    a.btnMore  { display:inline-block; border:1px solid #ccc; border-radius:7px; height:33px; line-height:33px; box-sizing:border-box; font-weight:300; width:100%;text-align:center; }

.mnTecSer { padding:0 15px; box-sizing:border-box; }

.mnTecSer h3{ text-align: left;font-weight: 500;}

.mnTecSer ul::after { content:"";display:block;clear:both; }
.mnTecSer ul li { width:48.5%; }
    .mnTecSer ul li:first-child { float:left; }
    .mnTecSer ul li:last-child { float:right; }
.mnTecSer ul li img { width:100%;height:120px; background-size:cover; background-position:center center; }
.mnTecSer ul li em { display:block; padding:0 5px; height:40px; box-sizing:border-box; text-align:center; margin-top:10px; font-size:13px; line-height:18px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.notice_title{padding:0 15px;}
.privacy_border{  color:#61a830!important;font-weight: 600;letter-spacing: -0.2px;}