@charset "utf-8";
  

@import url(font/nanumgothic.css);
@import url(font/nanummyeongjo.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; border:0; padding:0; word-break:normal;}
body {font:normal 0.875em '나눔바른고딕','Nanum barun gothic','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif; color:#464646; line-height:1.6; word-break:break-all;text-align:justify}
 
#slide-wrap { background: rgb(0, 0, 0); height: 100%;  position: fixed; } 
.notice-swiper-container .swiper-pagination {  bottom: 10px !important; }

@media only screen and (max-width:360px) { 
    .swiper-wrapper { margin: 0px auto; } 
    .center-align {text-align:center /*margin-left: -40px*/; /*  최소 이미지 사이즈일때 중앙정렬 */  } 
}


.noticeArea { margin: 0px;width:100%;padding: 0px; /*60px 0px*/  } 
	.noticeArea .titleline { width: 100%; height: 0px; /*35px*/ margin-bottom: 0px; /*15px;*/ position: relative; }
    /*.noticeArea h2.ntc-title {  left: 0px; color: rgb(51, 51, 51); position: absolute; } 
    .noticeArea .ntc-btnwrap {  right: 0px; position: absolute; }*/ 
    .noticeArea .notice-wrap { padding-top: 0px; /*10px;*/ width: 100%; }
        .noticeArea .notice-wrap ul li {background: rgb(255, 255, 255) ;transition: 0.5s; width:18%;height: 120px;overflow: hidden; /*margin-right: 1.2%;*/ float: left;position: relative;-webkit-transition: all .5s ease; }
		.noticeArea .notice-wrap ul li.notice-label-new {background: url("../images/main/new-lb.jpg") no-repeat rgb(255, 255, 255);}
		.noticeArea .notice-wrap ul li.swiper-slide-active {  /*border: 1px solid rgb(255, 82, 83);*/ border-image: none;  }
		.noticeArea .notice-wrap ul li a { /*padding: 43px 25px 20px;*/ display: block; text-decoration:none;  }
		.noticeArea .notice-wrap ul li:hover { /*margin-top: -5px; box-shadow: 0px 2px 5px 0px rgba(125,125,125,0.5);*/  }
		.noticeArea .notice-wrap ul li:nth-child(5) { margin-right: 0px;  } 
		.noticeArea .notice-wrap ul li a .photo{display:block;margin:0 auto;margin-bottom:20px;width:160px; }
        .noticeArea .notice-wrap ul li p.ntc-text-1 {/*height: 100px;*/ color: rgb(34, 34, 34);/* line-height: 1.2; */letter-spacing: -1px; font-size: 18px; font-weight:600; text-align:center;width:200px; }
		.noticeArea .notice-wrap ul li p.ntc-text-2 {color: rgb(85, 85, 85); /* line-height: 1.2; */letter-spacing: -1px;font-size: 13px; text-align:center;width:200px; }

            /* 배너 이미지 조정은 여기서  */
            .noticeArea .notice-wrap ul li .photo img{display:block;position:relative; height:110px;text-align:center;}
            .noticeArea .notice-wrap .slide-control-1 {display: none}
	.noticeArea .notice-wrap .swiper-wrapper {margin-top:10px; width:100%;}
  
   
 @media only screen and (max-width:1024px) {

    .noticeArea {padding: 0% 0px 0px; /*10% 0px 2.5%;overflow:hidden */}
		.noticeArea .notice-wrap ul { margin-left:28px; }
        .noticeArea .notice-wrap ul li {width:15%; height: 220px;margin:0 auto; text-align:center; }
            .noticeArea .notice-wrap ul li a {padding: 0px 0px 0px; text-align:center;display: block; text-decoration:none;}
            .noticeArea .notice-wrap ul li:nth-child(5) {margin-right: 0px;}
			.noticeArea .notice-wrap ul li a .photo{display:block;margin:0 auto;margin-bottom:10px; width:150px; }
            .noticeArea .notice-wrap ul li p.ntc-text-1 {letter-spacing: -1px; font-size: 18px; font-weight:600; text-align:center; width:200px;}
            .noticeArea .notice-wrap ul li p.ntc-text-2 {letter-spacing: -1px; font-size: 13px; text-align:center;width:200px;}
           /* .noticeArea .notice-wrap ul li:hover {margin-top: 0px;box-shadow: none;}*/
}

@media only screen and (max-width:767px) {
	.noticeArea .notice-wrap ul { margin-left:12px; }
    .noticeArea .notice-wrap ul li { height:220px; text-align:center}
		.noticeArea .notice-wrap ul li a {padding: 0px 0px 0px; text-align:center}
		.noticeArea .notice-wrap ul li a .photo{display:block;margin:0 auto;margin-bottom:10px;/*width:210px; */}
        .noticeArea .notice-wrap ul li p.ntc-text-1 {letter-spacing: -1px; font-size: 16px; font-weight:600; text-align:center; width:200px;}
        .noticeArea .notice-wrap ul li p.ntc-text-2 {letter-spacing: -1px; font-size: 12px; text-align:center;width:200px;}
}
 
@media only screen and (max-width:640px) { 
	.noticeArea .ntc-btnwrap .arrow { display: none !important; }
	.noticeArea .notice-wrap {position: relative;} 
	.noticeArea .ntc-btnwrap { bottom: 0px;  }
	.noticeArea .notice-wrap ul { margin-left:10px; }
    .noticeArea .notice-wrap ul li { text-align:center;margin:0 auto; background: none; }
	.noticeArea .notice-wrap ul li:nth-child(5) {margin-right: 0px;  }
		.ntc-btnwrap > .more-ntc > a { line-height: 28px;  font-size: 14px; }
        .noticeArea .notice-wrap ul li.notice-label-new {background: none;border: currentColor;border-image: none;}
        .noticeArea .notice-wrap ul li.swiper-slide-active {background: none;border: currentColor;border-image: none; } 
        .noticeArea .notice-wrap ul li.notice-label-new a {background: url("../images/main/new-lbm.jpg") no-repeat 0% 0% / 40px rgb(255, 255, 255);}
        .noticeArea .notice-wrap ul li.swiper-slide-active a {/*border: 1px solid rgb(255, 82, 83);*/border-image: none;}
		.noticeArea .notice-wrap ul li a {background: rgb(255, 255, 255);margin:0 auto;text-align:center;height: 100%; width:200px;}
		.noticeArea .notice-wrap ul li a .photo{display:block; margin:0 auto;margin-bottom:10px; text-align:center; width:100px; }
        .noticeArea .notice-wrap ul li p.ntc-text-1 { font-size:14px;text-align:center;width:200px;}
        .noticeArea .notice-wrap ul li p.ntc-text-2 {font-size: 11px; text-align:center; width:200px;} 
	.noticeArea .notice-wrap .slide-control-1 {display: block; }
}
  
@media only screen and (max-width:320px) { 
	.noticeArea { padding: 0px;  }
	.noticeArea .notice-wrap ul { margin-left:10px; }
    .noticeArea .notice-wrap ul li { background: none; /*width:75%;padding: 0px 5px;*/ } 
	.noticeArea .notice-wrap ul li:nth-child(5) {margin-right: 0px;}
        .noticeArea .notice-wrap ul li a {background: rgb(255, 255, 255);/*padding: 35px 30px 20px 40px;*/height:180px;margin-bottom:20px;width:180px;} 
		.noticeArea .notice-wrap ul li a .photo{display:block;margin:0 auto;margin-bottom:10px; text-align:center; width:110px; }
        .noticeArea .notice-wrap ul li p.ntc-text-1 { font-size:14px;width:180px; }
        .noticeArea .notice-wrap ul li p.ntc-text-2 { font-size: 11px;width:180px;} 
}

/*스와이프페이지*/
@media only screen and (max-width:767px) {
    .swiper-pagination-fraction {bottom: 0px;/*10px;*/}
    .swiper-pagination-custom {bottom: 10px;}
    .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px;}
}

.swiper-wrapper { margin: 0px auto; }
     .center-align { margin:0 auto; margin-left:-10px; /* 최소사이즈 일때 이미지 1개 출력 => 중앙정렬 잡아준다 */} 
	.notice-swiper-container { overflow: hidden;  }
	.notice-swiper-container .swiper-button-prev {width: 20px; background-size: 17px 55px;}
	.notice-swiper-container .swiper-button-next {width: 20px; background-size: 17px 55px; }
	.notice-swiper-container .swiper-pagination-bullet {background: rgb(170, 170, 170);border-radius: 5px !important;width: 11px !important;height: 11px !important;opacity: 0.5;}
  
	.notice-swiper-container .swiper-pagination-bullet-active { background: rgb(85, 85, 85) !important;border-radius: 5px !important;width: 11px !important;height: 11px !important;opacity: 1 !important;}

	.swiper-button-prev .swiper-pagination-bullet-active {background: rgb(85, 85, 85) !important;border-radius: 5px !important;width: 11px !important; height: 11px !important;opacity: 1 !important;}
	.ntc-btnwrap > .arrow {padding: 0px 5px !important;border: 1px solid rgb(187, 187, 187) !important;transition: 0.7s;border-image: none !important;width: 22px !important;height: 32px !important;line-height: 22px !important;vertical-align: bottom !important;display: inline-block !important;}

	.notice-swiper-container .pc-notice-prev {left: auto;top: 23px;width: 32px;height: 32px;right: 84px;position: absolute;background-size: 10px 44px;display: none;}
	.notice-swiper-container .pc-notice-next {top: 23px;width: 32px;height: 32px;right: 86px;position: absolute;background-size: 10px 44px;display: none;}
	.notice-swiper-container .pc-notice-prev:hover {}
	.notice-swiper-container .pc-notice-next:hover {}
	.notice-swiper-container .swiper-pagination {padding-top: 15px;display: block;position: static;}
	.noticeArea .notice-wrap .notice-swiper-container {}
 


@media only screen and (max-width:640px) {
    .notice-swiper-container .swiper-pagination {display: block;}
    .notice-swiper-container .swiper-button-next {right: 0px;}
    .notice-swiper-container .swiper-button-prev {left: 0px; }
    .notice-swiper-container .swiper-button-prev {/*top: 90px;*/}
    .notice-swiper-container .swiper-button-next {/*top: 90px;*/}
}