@charset "utf-8";

/***** 메인비주얼영역 *****/
#mvisual_wrap{position:relative;}
#mvisual{position:relative;width:100%;height:430px;}
#mvisual .main_swiper{position:absolute;top:0;left:0;width:100%;height:100%;}
#mvisual .main_swiper .swiper-slide.bg01{background:url(/nanum/site/builder/main/main03_03/img/mvisual1.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide.bg02{background:url(/nanum/site/builder/main/main03_03/img/mvisual2.jpg) no-repeat center center;}
/*#mvisual .main_swiper .swiper-slide.bg03{background:url(/nanum/site/builder/main/main03_03/img/mvisual3.jpg) no-repeat center center;}*/
#mvisual .main_swiper .swiper-slide .mimg_slide{width:1100px;margin:0 auto;text-align:left;}
#mvisual .main_swiper .swiper-slide .text{position:relative;margin-top:146px;color:#000;text-align: center;z-index:2;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size: 19px;font-family: 'NotoKrM',sans-serif;color: #333;line-height: 19px;text-shadow: 0px 0px 30px white, 0px 0px 30px white, 0px 0px 30px white, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;}
#mvisual .main_swiper .swiper-slide .text .txt2{font-size: 45px;font-family: 'NotokrL',sans-serif;line-height: 45px;padding-top:20px;letter-spacing:-0.05em;text-shadow: 0px 0px 30px white, 0px 0px 30px white, 0px 0px 30px white, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;}
#mvisual .main_swiper .swiper-slide .text .txt2 span{font-family: 'NotoKrM',sans-serif;text-shadow: 0px 0px 30px white, 0px 0px 30px white, 0px 0px 30px white, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;} 
#mvisual .main_swiper .swiper-slide .txt1,
#mvisual .main_swiper .swiper-slide .txt2{opacity:0;filter:Alpha(opacity=0);-webkit-transition:opacity 1.0s, transform 1.0s;-moz-transition:opacity 1.0s, transform 1.0s;-o-transition:opacity 1.0s, transform 1.0s;-ms-transition:opacity 1.0s, transform 1.0s;transition:opacity 1.0s, transform 1.0s;}
#mvisual .main_swiper .swiper-slide .txt1{-ms-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px);-webkit-transform: translateY(-50px); transform: translateY(-50px);}
#mvisual .main_swiper .swiper-slide .txt2{-ms-transform: translateY(-100px); -o-transform: translateY(-100px); -moz-transform: translateY(-100px);-webkit-transform: translateY(-100px); transform: translateY(-100px);} 
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt1,
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt2{opacity:1.0;filter:Alpha(opacity=100);-ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateX(0px);-webkit-transform: translateY(0px); transform: translateY(0px);}
#mvisual .mvisual_btn .btn:hover{opacity:1;}
#mvisual .main_swiper .contol{position:absolute;bottom:100px;left:0;width:100%;height:12px;z-index:1;font-size:0;text-align:center;}
#mvisual .main_swiper .swiper-pagination5{position:relative;display:inline-block;vertical-align:middle;}
#mvisual .main_swiper .swiper-pagination5 .swiper-pagination-bullet{display: inline-block;width: 20px;height: 5px; margin: 0 2px; vertical-align: middle;border-radius: 10px;background: rgba(55,64,79,1);}
#mvisual .main_swiper .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active {width:10px;height:10px;margin:0 5px;opacity:1;border:0;border-radius:100%;background:#000;}
#mvisual .main_swiper .contol p{display:inline-block;vertical-align:middle;width:10px;margin-left:5px;}
#mvisual .main_swiper .contol p a{display:block;height:12px;font-size:0;line-height:0;text-indent:-9999px;}
#mvisual .main_swiper .contol p.swiper_play5 {display:none;}
#mvisual .main_swiper .contol p.swiper_play5 a{background:url(/nanum/site/builder/main/main03_03/img/button_play.png) no-repeat center 50%;background-size:10px auto !important;}
#mvisual .main_swiper .contol p.swiper_stop5 a{background:url(/nanum/site/builder/main/main03_03/img/button_stop.png) no-repeat center 50%;background-size:8px auto !important;}


/*메인박스*/
.main_bx{height:340px;margin-top:-60px;}
.main_bx .bx1{float:left;width:825px;height: 100%;}
.main_bx .bx1 .gobtn ul li{width: 50%;height: 140px;float: left;padding: 0 20px;border-right: 1px solid #e5e5e5;box-sizing: border-box;background-repeat:no-repeat;background-position:right 45px center;}
.main_bx .bx1 .gobtn ul li.box03,
.main_bx .bx1 .gobtn ul li.box06{border-right:0;}
.main_bx .bx1 .gobtn ul li a{display: block;width: 100%;height: 100%;font-size: 17px;font-family: 'NotoKrM',sans-serif;color: #37404f;line-height:17px;text-align:left;padding:63px 0 0 20px;box-sizing: border-box;}
.main_bx .bx1 .gobtn ul li.box01 a,
.main_bx .bx1 .gobtn ul li.box02 a,
.main_bx .bx1 .gobtn ul li.box03 a{border-bottom: 1px solid #e5e5e5;}
.main_bx .bx1 .gobtn ul li.box05 a{line-height: 23px;padding-top: 49px;}
/*메인박스 이미지*/
.main_bx .bx1 .gobtn ul li.box01{background-image:url(/nanum/site/builder/main/main03_03/img/icon_gobtn01.gif);}
.main_bx .bx1 .gobtn ul li.box02{background-image:url(/nanum/site/builder/main/main03_03/img/icon_gobtn02.gif);}
.main_bx .bx1 .gobtn ul li.box03{background-image:url(/nanum/site/builder/main/main03_03/img/icon_gobtn03.gif);}
.main_bx .bx1 .gobtn ul li.box04{background-image:url(/nanum/site/builder/main/main03_03/img/icon_gobtn04.gif);}
.main_bx .bx1 .gobtn ul li.box05{background-image:url(/nanum/site/builder/main/main03_03/img/icon_gobtn05.gif);}
.main_bx .bx1 .gobtn ul li.box06{background-image:url(/nanum/site/builder/main/main03_03/img/icon_gobtn06.gif);}


/* 공지사항 */
#notice{position:relative;display: inline-block;width: 100%;height: 60px;background: url(/nanum/site/builder/main/main03_03/img/icon_notice.gif) no-repeat 0 0 #37404f;z-index: 1;}
#notice .swiper-container{width: 100%;height: 60px;}
#notice .swiper-container-vertical>.swiper-wrapper{display: inline-block;width:720px;margin-left: 60px;box-sizing: border-box;}
#notice .swiper-slide{width: 360px !important;height:60px !important;float:left; visibility:visible !important;/*메인과 공지가 겹쳐서 hidden을 보이게 바꿔놓음*/}
#notice .swiper-slide a{display:block;position: relative;width:100%;height:60px !important;padding: 0 20px;box-sizing: border-box;}
#notice .swiper-slide a span.ntit{display: inline-block;width: 82%;font-size: 15px;font-family: 'NotoKrM',sans-serif;color: #fff;line-height: 60px;text-align: left;/* padding-right: 30px; */overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing: -0.075em;}
#notice .swiper-slide a span.date{right: 0;position: absolute;top: 0;right: 20px;font-size: 13px;font-family: 'Roboto',sans-serif;color: rgba(255,255,255,0.7);line-height: 60px;letter-spacing: 0;}
#notice .page_skip .swiper-button-next{display: block;width: 29px;height: 29px;top: 52px !important;right:0 !important;border-left: 1px solid #4b5361;border-top: 1px solid #4b5361;font-size:0;background:url(/nanum/site/builder/main/main03_03/img/page_down.png) no-repeat center center;}
#notice .page_skip .swiper-button-prev{width: 29px;height: 30px;border-top:0;left: auto;top: 22px;right:0 !important;background:url(/nanum/site/builder/main/main03_03/img/page_up.png) no-repeat center center;border-left: 1px solid #4b5361;}
#notice .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
#notice .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none;}


/*팝업존*/
.popupzone {overflow:hidden;position:relative;width:275px; height:340px;float:left;}
.popupzone .control {display:inline-block;position:absolute;top: 25px;right: 20px;}
.popupzone .control .swiper-pagination {position:relative;display:inline-block;vertical-align: middle;}
.popupzone .control .swiper-pagination-clickable .swiper-pagination-bullet {display:inline-block;width:20px;height: 5px;margin: 0 2px;vertical-align: middle;border-radius:10px;background:rgba(55,64,79,1);}
.popupzone .control .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {width:10px;height:10px;margin: 0 5px;background:#37404f;}
.swiper-button-pause,
.swiper-button-play {position:relative; z-index:5;display:inline-block; }
.swiper_stop,
.swiper_play a{font-size:0;vertical-align: middle;}
.popupzone .control .swiper-button-pause.swiper_stop {width: 6px;height:10px;margin-left: 5px;background:url(/nanum/site/builder/main/main03_03/img/pop_stop.png) no-repeat 0 0;cursor:pointer;}
.popupzone .control .swiper-button-play.swiper_play {display:none;width: 6px;height: 10px;vertical-align: middle;margin-left:5px;background:url(/nanum/site/builder/main/main03_03/img/pop_play.png) no-repeat 0 0;}
.swiper-slide{width:275px;height:100%;}
.swiper-slide img{width:275px;height:340px;}
.popupzone .page_skip{display:none;}


/*배너존*/
#mbanner{padding:10px 0;border-top:1px solid #d9d9d9;}
#mbanner .wsize{display:inline-block;}
#mbanner .banner_cont{overflow:hidden;position:relative;float:right;width: 990px;}
#mbanner .banner_cont .banner_swiper .banner_slide{display:inline-block;height:50px;}
#mbanner .banner_cont .banner_swiper .banner_slide a{display:block;}
#mbanner .banner_cont .banner_swiper .banner_slide img{width:160px;height:50px;}
#mbanner .ban_control{display:inline-block;float: left;font-size:0;margin: 10px 0 0 1px;}
#mbanner .ban_control li{float:left;}
#mbanner .ban_control li a{display:inline-block;width:27px;height:28px;margin-left:-1px;border:1px solid #a5a5a5;}



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


/***** 메인비주얼영역 *****/
#mvisual .main_swiper .swiper-slide .mimg_slide{width:100%;}

/*메인박스*/
.main_bx{margin-top: 0;}


/*공지사항*/
.main_bx .bx1{float:left;width:73%}
#notice .swiper-container-vertical>.swiper-wrapper{width:88%;}
#notice .swiper-slide{width:50% !important;}
#notice .swiper-slide a span.ntit{width:75%;}


/*배너존*/
#mbanner{/* margin-top:20px; */}
#mbanner .banner_cont{width:85%;}
#mbanner .ban_control{width:auto;}


}


/******************************1019******************************/
@media all and (max-width:1019px){

/***** 메인비주얼영역 *****/



/*공지사항*/
.main_bx .bx1{width:100%;}


/*팝업존*/
.popupzone{width:100%;height:auto;text-align: center;background:#efefef;}
.popupzone .swiper-slide {width:100%;}
.popupzone .swiper-slide img {width:100%; height:auto;}
.popupzone .page_skip{display:block;}
.popupzone .page_skip .swiper-button-next{width: 60px;height: 60px;right: 0;background:url(/nanum/site/builder/main/main03_03/img/popzone_btn202.png) no-repeat 0 0;}
.popupzone .page_skip .swiper-button-prev{width: 60px;height: 60px;left:0;background:url(/nanum/site/builder/main/main03_03/img/popzone_btn201.png) no-repeat 0 0;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none;}
}



/******************************767******************************/
@media all and (max-width:767px){

/***** 메인비주얼영역 *****/
#mvisual{height:300px;}
#mvisual .main_swiper .swiper-slide.bg01,
#mvisual .main_swiper .swiper-slide.bg02,
#mvisual .main_swiper .swiper-slide.bg03{background-size:auto 300px;}
#mvisual .main_swiper .swiper-slide .text{margin-top:120px;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:17px;margin:0;}
#mvisual .main_swiper .swiper-slide .text .txt2{padding:0;font-size:30px;}
#mvisual .main_swiper .contol{bottom:30px;}

/*바로가기버튼*/
.main_bx .bx1{height:auto;}
.main_bx .bx1 .gobtn ul li{height: auto;background-position: center 20px;background-size: 40px auto;}
.main_bx .bx1 .gobtn ul li.box01{background-size: 30px auto;}
.main_bx .bx1 .gobtn ul li a{font-size: 15px; text-align: center;padding: 70px 0 15px 0;}


/*배너존*/
#mbanner{display:none;}

}


/******************************640******************************/
@media all and (max-width:640px){


/***** 메인비주얼영역 *****/

/* 공지사항 */
#notice .swiper-container-vertical>.swiper-wrapper{width:80%;}
#notice .swiper-slide a{padding:0 10px;}
#notice .swiper-slide a span.ntit{width:65%;font-size:14px;}
#notice .swiper-slide a span.date{font-size:12px;}


}


/******************************480******************************/
@media all and (max-width:480px){


/***** 메인비주얼영역 *****/
#mvisual{height:200px;}
#mvisual .main_swiper .swiper-slide.bg01,
#mvisual .main_swiper .swiper-slide.bg02,
#mvisual .main_swiper .swiper-slide.bg03{background-size:auto 200px;}
#mvisual .main_swiper .swiper-slide .text{margin-top:70px;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:14px;margin:0;}
#mvisual .main_swiper .swiper-slide .text .txt2{font-size:20px;    line-height: 33px;}
#mvisual .main_swiper .contol{bottom:15px;}

/*공지사항*/
#notice .swiper-slide{float: none; width: 100% !important;}
#notice .swiper-slide a{padding:0 20px;}

/*바로가기 버튼*/
.main_bx .bx1 .gobtn ul li{padding:0;border-right:0;background-size: 30px auto;}
.main_bx .bx1 .gobtn ul li a{padding-top: 60px;}
.main_bx .bx1 .gobtn ul li:nth-child(odd){border-right:1px solid #e5e5e5;}
.main_bx .bx1 .gobtn ul li.box01{background-size: 25px auto;}
}


/******************************380******************************/
@media all and (max-width:380px){

/***** 메인비주얼영역 *****/
#mvisual .main_swiper .swiper-slide .text{margin-top:70px;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:12px;margin:0;}
#mvisual .main_swiper .swiper-slide .text .txt2{font-size:17px; line-height: 20px;}


/* 공지사항 */
#notice .swiper-container-vertical>.swiper-wrapper{width:72%;}




}