@charset 'utf-8';
.main-tit{font-size:32px; color:#fff; font-weight:700;}

#main-wrap{width:100%; position:fixed; overflow:hidden; top:0; z-index:-1;     -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;}
/*main-container1*/
.main-container1{width:100%; height:100%; z-index:80;}
.main-container1 .visual-slider-pro{width:100%; position:relative;  height:100%;}
.main-container1 .visual-slider-pro .visual-sp-slides{position:relative;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide{width:100%; height:100%;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-img1{width:100%; height:100%; background:url(../../images/home/visual_img1.jpg) no-repeat center; background-size:cover;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-img2{width:100%; height:100%; background:url(../../images/home/visual_img2.jpg) no-repeat center; background-size:cover;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-img3{width:100%; height:100%; background:url(../../images/home/visual_img3.jpg) no-repeat center; background-size:cover;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-img4{width:100%; height:100%; background:url(../../images/home/visual_img4.jpg) no-repeat center; background-size:cover;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-img5{width:100%; height:100%; background:url(../../images/home/visual_img5.jpg) no-repeat center; background-size:cover;}
.main-container1 .visual-slider-pro .visual-sp-slides .dimmed-layer{width:100%; height:100%; background:url(../../images/home/bg_visual.png) no-repeat; background-size:cover; position:absolute; top:0; left:0;}

.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-img{}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .vid-container{background:#000; position:absolute; overflow:hidden; z-index:-1; left:50%; top:50%;
                                                                                    -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-text{max-width:1200px; height:100%;  margin:0 auto; text-align:center; position:relative; color:#fff; }
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-text .inner-text{text-align:center; position:absolute;  left:0; width:100%; text-align:center; bottom:150px; color:#fff; width:100%}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-text .inner-text strong{font-size:90px; font-weight:700;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-text .inner-text p{font-size:36px;}

.main-container1 .swiper-pagination-bullets{position:absolute; width:100%; text-align:center; z-index:20; bottom:80px !important;}
.main-container1 .sp-buttons .swiper-pagination-bullet{width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; margin: 4px; display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
	background:none;
	opacity:1;
}
.main-container1 .swiper-pagination-bullet-active{background:#fff !important;}
.controller {position:absolute; z-index:20; left:50%; margin-left:70px; bottom:84px !important;}
.controller .btn-pause{display:inline-block; width:10px; height:14px; background:url(../../images/home/btn_stop.png) no-repeat; background-size:10px 14px;}
.controller .btn-pause.playing{display:inline-block; width:10px; height:14px; background:url(../../images/home/btn_play.png) no-repeat; background-size:10px 14px;}

.scroll span{display:block; font-size:18px; color:#fff; margin-bottom:15px;}
.scroll{width:100%; text-align:center; display:block;}
.scroll a{position:absolute; bottom:10px; text-align:center; z-index:20; margin-left:-23px; left:50%;}

/*main-container2*/
.main-container2 .main-content .about-cont > li .circle-box img.m-about-img{display:none;}
.main-container2{clear:both; width:100%; padding:235px 0 60px 0;background:#bd4e0e;}
.main-container2 .main-content{max-width:1165px; padding:0 17.5px; margin:0 auto;}
.main-container2 .main-content .about-cont{margin-top:60px;}
.main-container2 .main-content .about-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.main-container2 .main-content .about-cont > li{float:left; min-height:350px;}
.main-container2 .main-content .about-cont > li h3{font-size:22px; line-height:22px; color:#ddd; margin-bottom:40px; text-align:center; font-weight:normal;width:240px;}
.main-container2 .main-content .about-cont > li:last-child{padding-right:0}
.main-container2 .main-content .about-cont > li .circle-box{position:relative; overflow:hidden; width:240px; height:240px; border-radius:240px;}
.main-container2 .main-content .about-cont > li .circle-box img.about-img{position:absolute; top:0; left:0}
.main-container2 .main-content .about-cont > li .circle-box strong{width:240px; font-size:74px; font-weight:700; position:absolute; top:70px; left:50%; margin-left:-120px; z-index:10; color:#ddd; text-align:center;}
.main-container2 .main-content .about-cont > li .circle-box strong > span{display:block; margin-top:-15px; font-size:26px; font-weight:400;}
.main-container2 .main-content .about-cont > li.on h3{color:#fff; font-size:28px; line-height:22px; }
.main-container2 .main-content .about-cont > li.on .circle-box.on strong{/*color:#fff*/}
.main-container2 .main-content .about-cont .circle-box-line{ width:240px; height:240px; border-radius:240px; border:6px solid #fff; box-sizing:border-box; position:absolute; top:0; left:0; z-index:1; opacity:0}
.main-container2 .main-content .about-cont > li.on .circle-box .circle-box-line{ opacity:1}
.main-container2 .main-content:after{clear:both; display:block; overflow:hidden; content:""; height:0 }
.main-container2 .main-content .about-cont1{width:50%; float:left; }
.main-container2 .main-content .about-cont2{width:50%; float:left; text-align:center;}
.main-container2 .main-content .about-cont > li{float:left; min-height:350px; width:50%}

/*main-container3*/
.main-container3{clear:both; width:100%; padding:100px 0; background:#fff;}
.main-container3 .main-content{max-width:1165px; padding:0 17.5px; margin:0 auto;}
.main-container3 .main-content:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.main-container3 .main-content .video{float:left; width:48%; margin-right:4%;}
.main-container3 .main-content .video img{width:100%;}
.main-container3 .main-content .left-cont{float:right; width:48%;}
.main-container3 .main-content .left-cont strong{display:block; font-size:50px; font-weight:700; color:#c50606; margin-bottom:45px;}
.main-container3 .main-content .left-cont strong span{font-size:40px;}
.main-container3 .main-content .left-cont p{display:block; margin-top:45px; font-size:20px; font-weight:500; color:#555;}
.main-container3 .main-content .left-cont p.bold-text{color:#333; font-size:26px;}

/*main-container4*/
.main-container4{clear:both; width:100%; height:478px; background:url(../../images/home/bg_content3.gif) no-repeat center; background-size:cover;}
.main-container4 .main-content{max-width:1165px; padding:80px 19px 40px 19px; margin:0 auto;}
.main-container4 .shortcuts-cont{margin-top:35px;}
.main-container4 .shortcuts-cont li{float:left; width:50%; position:relative; margin-bottom:30px;}
.main-container4 .shortcuts-cont li:last-child{margin-right:0}
.main-container4 .shortcuts-cont li img{position:absolute; top:0; left:0}
.main-container4 .shortcuts-cont li .text{width:274px; z-index:50; text-align:center; position:relative; margin-top:50px}
.main-container4 .shortcuts-cont li .text strong{font-size:24px; color:#fff; font-weight:600;}
.main-container4 .shortcuts-cont li .text p{font-size:26px; color:#6cb8e9; line-height:28px; margin-top:20px;}
.main-container4 .shortcuts-cont li:nth-child(odd) .text p{margin-top:30px;}
.main-container4 .shortcuts-cont li.on .text p{color:#00ffff; font-size:30px;}
.main-container4 .main-content:after{clear:both; display:block; overflow:hidden; content:""; height:0 }
.main-container4 .main-content .shortcuts-cont1{width:50%; float:left;}
.main-container4 .main-content .shortcuts-cont2{width:50%; float:left; text-align:center;}
.main-container4 .shortcuts-cont li img.m-shortcuts-img{display:none;}

/*main-container5*/
.main-container5{clear:both; width:100%; padding:70px 0; background:#fff;}
.main-container5 .main-content{max-width:1165px; padding:0 17.5px; margin:0 auto;}
.main-container5 .sns-wrap{width:100%;}
.main-container5 .sns-wrap .sns-list{text-align:center;}
.main-container5 .sns-wrap .sns-list > li{display:inline-block; padding:0 20px; vertical-align:middle; background:url(../../images/home/sns_bar.png) no-repeat left 14px;}
.main-container5 .sns-wrap .sns-list > li a.insta-tab{display:block; background:url(../../images/home/insta_img_off.png) no-repeat; width:160px; height:64px;}
.main-container5 .sns-wrap .sns-list > li a.facebook-tab{display:block; background:url(../../images/home/facebook_img_off.png) no-repeat; width:160px; height:64px;}
.main-container5 .sns-wrap .sns-list > li a.youtube-tab{display:block; background:url(../../images/home/youtube_img_off.png) no-repeat; width:160px; height:64px;}
.main-container5 .sns-wrap .sns-list > li.on a.insta-tab{display:block; background:url(../../images/home/insta_img_on.png) no-repeat; width:160px; height:64px;}
.main-container5 .sns-wrap .sns-list > li.on a.facebook-tab{display:block; background:url(../../images/home/facebook_img_on.png) no-repeat; width:160px; height:64px;}
.main-container5 .sns-wrap .sns-list > li.on a.youtube-tab{display:block; background:url(../../images/home/youtube_img_on.png) no-repeat; width:160px; height:64px;}

.main-container5 .sns-wrap .sns-list > li:first-child{background:none;}
.main-container5 .sns-container{margin-top:35px; height:100%;}
.main-container5 .sns-container .sns-swiper-wrapper .swiper-slide{width:23.5%; float:left; }
.main-container5 .sns-container .sns-swiper-wrapper .swiper-slide img{width:100%; }
.main-container5 .sns-container .sns-swiper-wrapper .swiper-slide:first-child{margin:0}

/*
.main-container5 .sns-container .sns-slider-pro{width:100%; position:relative;}
.main-container5 .sns-container .sns-slider-pro .sns-sp-slides{position:relative;}
.main-container5 .sns-container .sns-slider-pro .sns-sp-slides:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.main-container5 .sns-container .sns-slider-pro .sns-sp-slides .sns-sp-slide{float:left; width:23%; margin-right:2.5%}
.main-container5 .sns-container .sns-slider-pro .sns-sp-slides .sns-sp-slide img{width:100%;}
.main-container5 .sns-container .sns-slider-pro .sns-sp-slides .sns-sp-slide:last-child{margin-right:0}
.main-container5 .sns-container .sns-cont{display:none;}
.main-container5 .sns-container .sns-cont1{display:block;}*/

.main-container5 .board-wrap{margin-top:48px; padding-top:48px; border-top:1px solid #e4e4e4;}
.main-container5 .board-wrap:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-container5 .board-wrap h4{font-size:32px; color:#222; font-weight:700; margin-bottom:20px;}
.main-container5 .board-wrap .board-left{float:left; width:46%; margin-right:3%;}
.main-container5 .board-wrap .board-left > ul{}
.main-container5 .board-wrap .board-left > ul li{margin-bottom:10px;}
.main-container5 .board-wrap .board-left > ul li > a {font-size:18px; color:#555}
.main-container5 .board-wrap .board-left > ul li > a:hover{color:#033b8c}
.main-container5 .board-wrap .board-left > ul li > a:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.main-container5 .board-wrap .board-left > ul li > a > p{float:left; width:80%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main-container5 .board-wrap .board-left > ul li > a > span{float:right;}
.main-container5 .board-wrap .board-right{float:right; width:51%;}
.main-container5 .board-wrap .board-right .news-cont li{float:left; width:49%; margin-right:2%; position:relative;}
.main-container5 .board-wrap .board-right .news-cont li a .img{width:100px; height:100px; background:url(../../images/home/news_img1.jpg) no-repeat; background-size:cover;}
.main-container5 .board-wrap .board-right .news-cont li a .img-line{width:100%; height:100%; border:3px solid #f3953e; box-sizing:border-box; opacity:0;}
.main-container5 .board-wrap .board-right .news-cont li.on a .text-right > p{color:#033b8c}
.main-container5 .board-wrap .board-right .news-cont li:last-child{margin-right:0}
.main-container5 .board-wrap .board-right .news-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-container5 .board-wrap .board-right .news-cont li .img{float:left; width:100px; height:100px; margin-right:18px;}
.main-container5 .board-wrap .board-right .news-cont li .text-right{float:right; width:60%; width: calc(100% - 118px); overflow:hidden; text-overflow:ellipsis;}
.main-container5 .board-wrap .board-right .news-cont li .text-right span{font-size:16px; position:absolute; bottom:0}

/*display:none 모바일*/
.m-news-cont{display:none;}


@media all and (min-width:1200px) and (max-width:1219px) {
.main-container4 .main-content .shortcuts-cont1{width:50%; float:left; padding-right:0}
.main-container4 .main-content .shortcuts-cont2{width:50%; float:left; text-align:center;}
}

/*큰 태블릿*/
@media all and (min-width:992px) and (max-width:1199px) {
/*main-container2*/
.main-container2 .main-content .about-cont > li .circle-box{ width:220px; height: 220px; border-radius: 220px;}
.main-container2 .main-content .about-cont .circle-box-line{ width:220px; height:220px; border-radius:220px; }
.main-container2 .main-content .about-cont > li .circle-box strong{font-size:64px; top:60px}
.main-container2 .main-content .about-cont > li h3{width:220px;}

/*main-container3*/
.main-container3 .main-content .left-cont strong span{font-size:35px;}

/*main-container4*/ 
.main-container4 .main-content .shortcuts-cont1{float:left; margin:30px auto; padding:0}
.main-container4 .main-content .shortcuts-cont2{float:left;  margin:30px auto; }
.main-container4 .shortcuts-cont li img.shortcuts-on{width:230px; height:231px;}
.main-container4 .shortcuts-cont li img.shortcuts-off{width:225px; height:209px;}
.main-container4 .shortcuts-cont li .text{width:230px}
.main-container4 .shortcuts-cont li .text{margin-top:40px;}
.main-container4 .shortcuts-cont li .text strong{font-size:22px;}
.main-container4 .shortcuts-cont li .text p{font-size:23px}
.main-container4 .shortcuts-cont li .text p{margin-top:10px;}
.main-container4 .shortcuts-cont li:nth-child(odd) .text p{margin-top:15px;}

/*main-container5*/
.main-container5 .board-wrap .board-right .news-cont li .img{margin-right:10px;}
.main-container5 .board-wrap .board-right .news-cont li .text-right{font-size:16px}
}

@media all and (min-width:768px) and (max-width:991px) {
#main .m-header-wrap .m-header{width:100%; padding:23px 0; position:relative; background-color:rgba(0, 0, 0, 0.5); border-bottom:2px solid #fff}

/*display none*/
.controller {display:none;}

/*공통*/
.main-tit{font-size:48px;}

/*main-container1*/
.main-container1{width:100%; height:100%;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide{height:100%;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-text .inner-text strong{font-size:66px;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-text .inner-text{}
.main-container1 .visual-slider-pro .visual-sp-slides .dimmed-layer{height:100%;}
.sp-buttons, .scroll{}

/*main-container2*/
.main-container2{padding:180px 0 40px 0}
.main-container2 .main-content .about-cont > li .circle-box img.about-img{display:none;}
.main-container2 .main-content .about-cont > li .circle-box img.m-about-img{display:block; width:100%; height:100%;}
.main-container2 .main-content{padding:0 30px;}
.main-container2 .main-content .about-cont1{width:100%; float:none; margin:60px auto;}
.main-container2 .main-content .about-cont2{width:100%; float:none;  margin:0 auto; }
.main-container2 .main-content .about-cont > li h3{font-size:33px; line-height: 33px; color: #ddd; min-width:240px; width:100%}
.main-container2 .main-content .about-cont > li.on .circle-box.on{border:0}
.main-container2 .main-content .about-cont > li.on h3{font-size: 33px; line-height: 33px; color: #ddd;}
.main-container2 .main-content .about-cont > li .circle-box{width:100%; height:100%;  border-radius: 0;}
.main-container2 .main-content .about-cont > li{width:48%; margin-right:4%;}
.main-container2 .main-content .about-cont > li:last-child{margin-right:0}
.main-container2 .main-content .about-cont > li .circle-box strong{font-size:96px; top:32%; width:100%; left:0; margin-left:0}

/*main-container3*/
.main-container3{clear:both; width:100%; background:#fff; padding:0}
.main-container3 .main-content{ padding:80px 30px;}
.main-container3 .main-content .video{float:none; width:100%; margin-right:0;}
.main-container3 .main-content .video img{width:100%;}
.main-container3 .main-content .left-cont{float:none; width:100%; margin-top:30px; word-wrap:break-word}
.main-container3 .main-content .left-cont strong{display:block; font-size:50px; font-weight:700; color:#033b8c; margin-bottom:45px;}
.main-container3 .main-content .left-cont strong span{font-size:40px;}
.main-container3 .main-content .left-cont p{display:block; margin-top:45px; font-size:28px; font-weight:500; color:#555;}
.main-container3 .main-content .left-cont p.bold-text{color:#333; font-size:34px;}


/*main-container4*/
.main-container4 .shortcuts-cont li img.shortcuts-off, .main-container4 .shortcuts-cont li img.shortcuts-on{display:none;}

.main-container4 .shortcuts-cont li img.m-shortcuts-img{width:100%; height:100%; display:block; position:relative;}
.main-container4{clear:both; width:100%; height:100%; background:url(../../images/home/m_bg_content3.png) no-repeat center; background-size:cover;}
.main-container4 .main-content{padding:80px 30px 40px 30px}
.main-container4 .main-content .shortcuts-cont1{width:100%; float:none; margin:30px auto; padding:0}
.main-container4 .main-content .shortcuts-cont2{width:100%; float:none;  margin:30px auto; }
.main-container4 .shortcuts-cont li .text p{color:#00ffff; font-size:32px; line-height:35px; margin-top:30px;}
.main-container4 .shortcuts-cont li .text strong{font-size:40px;}
.main-container4 .shortcuts-cont li .text{width:100%; position:absolute; top:10px; left:0}
.main-container4 .shortcuts-cont li{margin-bottom:40px; width:48%; margin-right:4%;}
.main-container4 .shortcuts-cont li:last-child{margin-right:0}

/*main-container5*/
.main-container5 {padding-bottom:0}
.main-container5 .sns-wrap{padding:0 30px; width:auto}
.main-container5 .board-wrap h4{font-size:48px;}
.main-container5 .sns-container{min-height:670px; max-height:100%;}
.main-container5 .main-content{padding:0;}
.main-container5 .sns-container .sns-swiper-wrapper .swiper-slide{float:none; width:100%; margin-left:0;}
.main-container5 .sns-container .sns-swiper-wrapper .swiper-slide img{display:block;margin:0 auto; width:100%; height:100%;}
.main-container5 .board-wrap{border-top:0; margin-top:60px; padding-top:0}
.main-container5 .board-wrap .board-left{float:none; width:auto; margin:0 0 50px 0;padding:0 30px 50px 30px; border-bottom:1px solid #e4e4e4}
.main-container5 .board-wrap .board-right{float:none; width:100%; position:relative;}
.main-container5 .board-wrap .board-right h4{padding:0 30px}
.main-container5 .board-wrap .board-left > ul li > a > p{font-size:30px;}
.main-container5 .board-wrap .board-left > ul li > a > span{font-size:28px}

.main-container5 .board-wrap .news-cont{display:none;}
.main-container5 .m-inner-news-cont{padding:40px 30px;}
.main-container5 .board-wrap .m-news-cont{display:block; /*position:relative;*/ min-height:400px; background:#ecf3f7;}
.main-container5 .board-wrap .m-news-cont .news-slider-pro{position:relative; width:100%;}
.main-container5 .board-wrap .m-news-cont .news-slider-pro .news-sp-slides {position:relative;}
.main-container5 .board-wrap .m-news-cont .news-slider-pro .news-sp-slides .news-sp-slide{top:0; left:0}
.main-container5 .board-wrap .m-news-cont .tit-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-container5 .board-wrap .m-news-cont .tit-cont{margin-bottom:30px; font-size:30px;}
.main-container5 .board-wrap .m-news-cont .tit-cont .m-img{float:left; width:120px; height:120px; background:url(../../images/home/news_img1.jpg) no-repeat; background-size:cover; margin-right:40px;}
.main-container5 .board-wrap .m-news-cont .tit-cont .m-text-right{float:right; width: calc(100% - 160px); height:120px;  position:relative;}
.main-container5 .board-wrap .m-news-cont .tit-cont .m-text-right p{color:#033b8c;}
.main-container5 .board-wrap .m-news-cont .tit-cont .m-text-right span{position:absolute; bottom:0}
.main-container5 .board-wrap .m-news-cont p.news-text{font-size:30px; line-height:40px; font-weight:300;}

.main-container5 .sp-news-buttons {position:absolute; top:15px; right:0;}
.main-container5 .swiper-pagination-bullet {display: inline-block; width: 29px; height: 29px; margin-right: 8px; border-radius: 29px; background: #8e8e8e; transition: 1s ease 0s;opacity: 1;cursor: pointer;}
.main-container5 .swiper-pagination-bullet-active{width: 68px !important; height: 29px !important; border-radius: 29px !important; background: #f3953e !important; transition: 0.5s ease 0s !important;}

}

/*모바일*/
@media all and (max-width:767px){
#main .m-header-wrap .m-header{width:100%; padding:5px 0; position:relative; background-color:rgba(0, 0, 0, 0.5); border-bottom:2px solid #fff}

/*display none*/
.controller {display:none;}

/*공통*/
.main-tit{font-size:28px; font-size:6.2vw;}


/*main-container1*/
.main-container1{width:100%; height:100%;}
.main-container1 .visual-slider-pro{height:100%;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide{height:100%; overflow:hidden;}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-text .inner-text strong{font-size:66px; font-size:8.5vw}
.main-container1 .visual-slider-pro .visual-sp-slides .visual-sp-slide .visual-text .inner-text p{font-size:38px; font-size:4.8vw;}
.main-container1 .visual-slider-pro .visual-sp-slides .dimmed-layer{height:100%;}

.sp-buttons, .scroll{}
.scroll a{position:absolute; bottom:10px; text-align:center; z-index:20; margin-left:-20px}
.scroll span{font-size:15px;}
.scroll img{width:40px; height:20px;}

/*main-container2*/
.main-container2{padding:85px 0 30px 0;}
.main-container2 .main-content .about-cont > li .circle-box img.about-img{display:none;}
.main-container2 .main-content .about-cont > li .circle-box img.m-about-img{display:block; width:100%; margin:0 auto;}
.main-container2 .main-content{padding:0 15px;}
.main-container2 .main-content .about-cont1{width:100%; float:none; margin:30px auto;}
.main-container2 .main-content .about-cont2{width:100%; float:none;  margin:0 auto; }
.main-container2 .main-content .about-cont > li h3{font-size:33px; font-size:4.9vw; line-height:4.9vw; color: #ddd; min-width:100%; width:100%; margin-bottom:4vw;}
.main-container2 .main-content .about-cont > li.on .circle-box.on{border:0;}
.main-container2 .main-content .about-cont > li.on h3{font-size:33px; font-size:4.9vw; line-height:4.9vw; color: #ddd;}
.main-container2 .main-content .about-cont > li .circle-box{width:100%; height:100%;  border-radius: 0;}
.main-container2 .main-content .about-cont > li{width:48%; margin-right:4%; min-height:auto;}
.main-container2 .main-content .about-cont > li:last-child{margin-right:0}
.main-container2 .main-content .about-cont > li .circle-box strong{font-size:48px;font-size:10vw; color:#ddd; top:32%; width:100%; left:0; margin-left:0}


/*main-container3*/
.main-container3{clear:both; width:100%; background:#fff; padding:0}
.main-container3 .main-content{ padding:40px 15px;}
.main-container3 .main-content .video{float:none; width:100%; margin-right:0;}
.main-container3 .main-content .video img{width:100%;}
.main-container3 .main-content .left-cont{float:none; width:100%; margin-top:2.8vw; word-wrap:break-word}
.main-container3 .main-content .left-cont strong{display:block; font-size:6.4vw; font-weight:700; color:#033b8c; margin-bottom:5.1vw;}
.main-container3 .main-content .left-cont strong span{font-size:5.4vw;}
.main-container3 .main-content .left-cont p{display:block; margin-top:5.1vw; font-size:3.8vw; font-weight:500; color:#555;}
.main-container3 .main-content .left-cont p.bold-text{color:#333; font-size:4.5vw;}


/*main-container4*/
.main-container4 .shortcuts-cont li img.shortcuts-off, .main-container4 .shortcuts-cont li img.shortcuts-on{display:none;}

.main-container4 .shortcuts-cont li img.m-shortcuts-img{width:100%; height:100%; display:block; position:relative;}
.main-container4{clear:both; width:100%; height:100%; background:url(../../images/home/m_bg_content3.png) no-repeat center; background-size:cover;}
.main-container4 .main-content{padding:60px 15px 30px 15px; padding:7.6vw 15px 3.8vw 15px;}
.main-container4 .main-content .shortcuts-cont1{width:100%; float:none; margin:30px auto; padding:0}
.main-container4 .main-content .shortcuts-cont2{width:100%; float:none;  margin:30px auto; }
.main-container4 .shortcuts-cont li .text p{color:#00ffff; font-size:32px; font-size:4vw; line-height:35px; line-height:4.2vw; margin-top:30px; margin-top:2.8vw;}
.main-container4 .shortcuts-cont li .text strong{font-size:40px; font-size:5vw;}
.main-container4 .shortcuts-cont li .text{width:100%; position:absolute; top:0; left:0; margin-top:6.5vw; z-index:1}
.main-container4 .shortcuts-cont li{margin-bottom:40px; width:48%; margin-right:4%;}
.main-container4 .shortcuts-cont li:last-child{margin-right:0}
.main-container2 .main-content .about-cont > li .circle-box strong > span{display:block; margin-top:-5px; font-size:36px; font-size:4.6vw; font-weight:400;}

/*main-container5*/
.main-container5{padding:50px 0 0 0;}
.main-container5 .sns-wrap .sns-list{text-align:center;}
.main-container5 .sns-wrap .sns-list:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.main-container5 .sns-wrap .sns-list > li{float:left; width:24.3%; padding:0 4%; vertical-align:middle; background:url(../../images/home/sns_bar.png) no-repeat left 1.5vw;}
.main-container5 .sns-wrap .sns-list > li a{display:block; height:65px; height:10.5vw}
.main-container5 .sns-wrap .sns-list > li a img{width:100%;}
.main-container5 .sns-wrap .sns-list > li:first-child{background:none;}
.main-container5 .board-wrap  h4{font-size:28px; font-size:6.2vw; margin-bottom:20px; padding:0 15px}
.main-container5 .sns-container{min-height:670px; min-height:85vw; max-height:100%;}
.main-container5 .main-content{max-width:100%; padding:0;}
.main-container5 .sns-container .sns-swiper-wrapper .swiper-slide{float:none; width:100%; margin-left:0;}
.main-container5 .sns-container .sns-swiper-wrapper .swiper-slide img{display:block;margin:0 auto; width:100%; height:100%;}
.main-container5 .board-wrap{border-top:0; margin-top:60px; margin-top:10vw; padding-top:0}
.main-container5 .board-wrap .board-left{float:none; width:auto; margin:0 0 25px 0; padding:0 15px 25px 15px; border-bottom:1px solid #e4e4e4}
.main-container5 .board-wrap .board-left h4{padding:0}
.main-container5 .board-wrap .board-right{float:none; width:100%; position:relative;}
.main-container5 .board-wrap .board-left > ul li > a > p{font-size:30px; font-size:3.8vw; width:70%;}
.main-container5 .board-wrap .board-left > ul li > a > span{font-size:14px; font-size:3.5vw; width:30%; text-align:right;}
.main-container5 .sns-wrap{width:auto; padding:0 15px;}
.main-container5 .board-wrap .news-cont{display:none;}
.main-container5 .m-inner-news-cont{padding:20px 15px;}
.main-container5 .board-wrap .m-news-cont{display:block; /*position:relative;*/ min-height:400px; min-height:51vw; background:#ecf3f7;}
.main-container5 .board-wrap .m-news-cont .news-slider-pro{position:relative; width:100%;}
.main-container5 .board-wrap .m-news-cont .news-slider-pro .news-sp-slides {position:relative;}
.main-container5 .board-wrap .m-news-cont .news-slider-pro .news-sp-slides .news-sp-slide{top:0; left:0}
.main-container5 .board-wrap .m-news-cont .tit-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-container5 .board-wrap .m-news-cont .tit-cont{margin-bottom:30px; margin-bottom:3vw;  font-size:30px; font-size:3.8vw}
.main-container5 .board-wrap .m-news-cont .tit-cont .m-img{float:left; width:120px;  width:16vw; height:120px; height:16vw;  margin-right:10px; background:url(../../images/home/news_img1.jpg) no-repeat; background-size:cover;}
.main-container5 .board-wrap .m-news-cont .tit-cont .m-img img{width:100%}
.main-container5 .board-wrap .m-news-cont .tit-cont .m-text-right{float:right; width: calc(100% - 22vw); height:15vw;  position:relative;}
.main-container5 .board-wrap .m-news-cont .tit-cont .m-text-right p{color:#033b8c;}
.main-container5 .board-wrap .m-news-cont .tit-cont .m-text-right span{position:absolute; bottom:0}
.main-container5 .board-wrap .m-news-cont p.news-text{font-size:30px;  font-size:3.8vw; line-height:40px; line-height:4.8vw; font-weight:300; overflow:hidden;}

.main-container5 .sp-news-buttons {position:absolute; top:15px; top:1.9vw; right:0}
.main-container5 .swiper-pagination-bullet {display: inline-block; width: 29px; width:3.9vw; height: 29px;  height:3.9vw; margin-right: 8px; border-radius: 29px; border-radius:3.9vw; background: #8e8e8e; transition: 1s ease 0s;opacity: 1;cursor: pointer;}
.main-container5 .swiper-pagination-bullet-active{width: 68px !important; width:8.7vw !important; height: 29px !important;  height: 3.9vw !important;border-radius: 3.9vw !important; 
background: #f3953e !important; transition: 0.5s ease 0s !important;}

.main-container5 .sns-wrap .sns-list > li a.insta-tab{display:block; background:url(../../images/home/insta_img_off.png) no-repeat; background-size:90%; width:192px; width:24vw;  height:77px; height:9.8vw;}
.main-container5 .sns-wrap .sns-list > li a.facebook-tab{display:block; background:url(../../images/home/facebook_img_off.png) no-repeat; background-size:90%;  width:192px; width:24vw;  height:77px; height:9.8vw;}
.main-container5 .sns-wrap .sns-list > li a.youtube-tab{display:block; background:url(../../images/home/youtube_img_off.png) no-repeat;background-size:90%;  width:192px; width:24vw;  height:77px; height:9.8vw;}
.main-container5 .sns-wrap .sns-list > li.on a.insta-tab{display:block; background:url(../../images/home/insta_img_on.png) no-repeat;background-size:90%;width:192px; width:24vw;  height:77px; height:9.8vw;}
.main-container5 .sns-wrap .sns-list > li.on a.facebook-tab{display:block; background:url(../../images/home/facebook_img_on.png) no-repeat; background-size:90%;width:192px; width:24vw;  height:77px; height:9.8vw;}
.main-container5 .sns-wrap .sns-list > li.on a.youtube-tab{display:block; background:url(../../images/home/youtube_img_on.png) no-repeat; background-size:90%;width:192px; width:24vw;  height:77px; height:9.8vw;}


/*main-container2
.main-container2 .main-content .about-cont > li .circle-box img{width:100%}
.main-container2 .main-content .about-cont > li .circle-box{width:160px; height:160px; border-radius:160px;}
.main-container2 .main-content .about-cont1{width:100%; float:none; margin:60px auto;}
.main-container2 .main-content .about-cont2{width:100%; float:none;  margin:0 auto; }
.main-container2 .main-content .about-cont > li h3{font-size:33px; line-height: 33px; color: #ddd;}
.main-container2 .main-content .about-cont > li.on .circle-box.on{border:0}
.main-container2 .main-content .about-cont > li.on h3{font-size: 33px; line-height: 33px; color: #ddd;}*/


}



/*모바일*/
@media all and (min-width:640px) and (max-width:767px) {
}