@charset "utf-8";

.main_pop{position:fixed;top:0px;left:0;z-index:99999;}
.main_pop.n2{left:510px;}
.pop_font{display:inline-block;margin-left:10px;width:60%}
.pop_font a:link{font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:visited{font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:active{font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:hover{font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF; font-weight:bold;}
.pop_close{position: relative;width:35px;float:right;}
.pop_close img{margin-top:6px;}
.pop_con_box{ background:#fff; margin-left:6px;margin-right:6px;}
.pop_con_box > a{display:block;padding: 0;background: none;}
.pop_con_box img{max-width: 100%}
.pop_bt_bg{height:26px; background:#000; }
.pop_bg{background:#000; padding:6px 0px 6px 0px}
.pop_close .btn-secondary{display: block;position: absolute;right: 10px;top: 4px;width: 19px;height: 14px;padding: 0;font-size: 0;background: url(/kr/img/main/pop_close.gif);border: 0;}
@media (max-width:767px){
    div[id^="pop"]{left: 0px !important;width: auto !important;}
    .pop_bg,.pop_bt_bg{width: auto !important;}
} 

#mvisual{position:relative;width:100%;height: 568px;overflow:hidden;}
#mvisual .slick-slider,
#mvisual .slick-list,
#mvisual .slick-track{height:100%;}
#mvisual .slick-slide{float: left;}
#mvisual .slick-slide > div{height:100%;}
#mvisual .images_fade{position:relative;width:100%;height: 100%;overflow:hidden;}
#mvisual .images_fade > img{position:relative;z-index:10;width: 100%;height: auto;-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);-webkit-transition:transform 5000ms  ease-in-out;-moz-transition:transform 5000ms ease-in-out;-o-transition:transform 5000ms ease-in-out;-ms-transition:transform 5000ms ease-in-out;transition:transform 5000ms ease-in-out;}
#mvisual .images_fade:focus{outline:none;}
#mvisual .images_fade.active > img{-ms-transform: scale(1,1);-o-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transform: scale(1,1);transform: scale(1,1);}
#mvisual > .layout{position:absolute;top: 170px;left:0;right:0;z-index: 8;}
#mvisual .txt strong{display: inline-block;position: relative;font-size:45px;color:#fff;font-weight:bold;line-height: 1.2;text-shadow: 1px 1px 2px rgba(0,0,0,0.25);}
#mvisual .txt strong:before{position:absolute;left: 295px;top: -40px;width:47px;height:35px;background:url(/kr/img/main/main_ir.png) -121px 0;-webkit-animation: blink-1 3s infinite;animation: blink-1 3s infinite;content:'';}
#mvisual .txt strong em{display:block;position: relative;padding-left: 150px;font-size:45px;color:#fff;font-weight:bold;line-height: 1.2;}
#mvisual .txt strong em:before{position:absolute;left:0;top:50%;width:146px;height:1px;background:#fff;opacity:0.4;content:'';}
#mvisual .txt p{margin-top: 30px;font-size:16px;color:#fff;}
#mvisual .slick-arrow{position:absolute;bottom: -6%;margin-bottom:270px;width: 67px;height: 67px;background: url(/kr/img/main/mvisual_arr.png) no-repeat center;border:0;cursor:pointer;z-index: 9999;font-size:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms;border: 1px solid #fff;border-radius: 50%;}
#mvisual .slick-arrow.slick-prev{left:6%;}
#mvisual .slick-arrow.slick-next{right:6%;transform: rotate(180deg);}
#mvisual .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mvisual .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;margin-bottom:15px;}
#mvisual .slick-prev:before,
#mvisual .slick-next:before { opacity:0; }
#mvisual .slick-dots {position:absolute;left: -10px;bottom: 103px;width:100%;z-index: 8;text-align:center;}
#mvisual .slick-dots li {display:inline-block;margin:0 5px;width:auto;height:auto;padding:0;}
#mvisual .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 34px;height: 4px;padding: 0;color: transparent;border: 0;outline: none;background-color: #fff;cursor: pointer;opacity: 0.3;}
#mvisual .slick-dots li.slick-active button {opacity:1}
#mvisual .slick-dots li button:before { display:none; }
#mvisual .slider-control{position: absolute;left: 50%;bottom: 97px;z-index: 9;margin-left: 70px;}
#mvisual .slider-control button{width:21px;height:21px;background:#fff;border-radius:50%;font-size:0;}
#mvisual .slider-control .slide-pause:before{content:'';position:absolute;top: 10px;left: 9.5px;right: 0;display:block;width: 3px;height: 9px;box-shadow: -2px 0 #000, 2px 0 #000;}
#mvisual .slider-control .slide-play:before{content:'';position:absolute;top: 10px;left: 9px;right:20px;display:block;width: 0;height: 0;border-width: 5px 0 5px 6px;border-style: solid;border-color: transparent transparent transparent #000;}

@-webkit-keyframes blink-1{0%,30%,60%,100%{opacity:1}15%,45%{opacity:0}}@keyframes blink-1{0%,30%,60%,100%{opacity:1}15%,45%{opacity:0}}

.board__more{position:absolute;top:0;right:0;width: 23px;height: 23px;font-size:0;line-height:0;}
.board__more:after,.board__more:before{display:inline-block;content: '';position:absolute;top:50%;left:50%;background-color: #010101;vertical-align:middle;}
.board__more:before{left:50%;width: 100%;height: 1px;z-index:1;transform: translateX(-49%);}
.board__more a{display:block;position:relative;width: 100%;height: 100%;z-index:10;}
.board__more a em {position: absolute;width: 1px;left: 50%;margin-left: -1px;height: 50%;background-color: #010101;transition:all .3s ease-in-out;}
.board__more a em.arrow_top {top: 0;transform-origin:right bottom;margin-top: 1px;}
.board__more a em.arrow_bot {top: 50%;margin-top: 1px;transform-origin:right top}
.board__more a:hover em {left: 106%;}
.board__more a:hover em.arrow_top {transform:rotate(-45deg)}
.board__more a:hover em.arrow_bot {transform:rotate(45deg)}
#mcont1{padding: 75px 0 65px;}
#mcont1 .title{display:block;margin-bottom: 15px;font-family:'ggs';font-weight:bold;font-size:24px;color:#282828;letter-spacing:-0.05em;}
#mcont1 .left{float:left;position: relative;width: 49%;}
#mcont1 .left .board__item{display:block;position:relative;margin-bottom: 9px;}
#mcont1 .left .board__item .board__link{display:block;text-align:right;line-height:1.2;font-size: 15px;color: #666;}
#mcont1 .left .board__item .board__link .board__item--thumb,
#mcont1 .left .board__item .board__link .board__item--content{display:none}
#mcont1 .left .board__item .board__link *{vertical-align:middle;}
#mcont1 .left .board__item .board__link .board__item--title{position:relative;display: block;padding-left:10px;padding-right: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left;}
#mcont1 .left .board__item .board__link .board__item--title:before{position:absolute;left:0;top: 8px;width: 3px;height: 3px;background: #565859;content:'';}
#mcont1 .left .board__item .board__link .board__item--content{display:none}
#mcont1 .left .board__item .board__link .board__item--date{display:inline-block;position: absolute;right: 0;top: 0;color: #8c8c8c;}
#mcont1 .left .board__item .board__link .board__item--date *{display:inline-block;vertical-align:top;font-size: 14px;font-style: normal;}
#mcont1 .left .board__item:first-child{display:block;position:relative;margin-bottom: 15px;padding-bottom:5px;border-bottom: 1px dashed #ccc;min-height:84px;}
#mcont1 .left .board__item:first-child .board__link{display:block;position:relative;padding: 24px 0;padding-left:94px;}
#mcont1 .left .board__item:first-child .board__link .board__item--title{display:block;float:none;padding-left:0;margin-bottom: 10px;width:100%;font-weight:bold;font-size: 18px;}
#mcont1 .left .board__item:first-child .board__link .board__item--title:before{display:none;}
#mcont1 .left .board__item:first-child .board__link .board__item--title .ir-icon__new{display:inline-block;width:25px;height:24px;margin-left: 5px;background:url(/kr/img/main/main_ir.png) -191px 0;vertical-align:middle;}
#mcont1 .left .board__item:first-child .board__link .board__item--content{display:block;overflow:hidden;line-height:1.2;white-space: nowrap;text-overflow: ellipsis;}
#mcont1 .left .board__item:first-child .board__link .board__item--title,
#mcont1 .left .board__item:first-child .board__link .board__item--content{text-align:left;padding: 0;}
#mcont1 .left .board__item:first-child .board__link .board__item--date{display:block;position:absolute;top: 12px;left:5px;right: auto;vertical-align:middle;text-align:center;background: #424344;border: 1px solid #000;color:#b2b2b2;font-size:16px;line-height:1;}
#mcont1 .left .board__item:first-child .board__link .board__item--date span{display:block;padding-top: 45px;width:70px;height:70px;margin: 0;vertical-align:middle;overflow:hidden;line-height:1;font-size: 12px;}
#mcont1 .left .board__item:first-child .board__link .board__item--date span img{height:70px;line-height:0}
#mcont1 .left .board__item:first-child .board__link .board__item--date i{display:block;position: absolute;top: 10px;width: 100%;font-style:normal;font-size: 33px;color: #fff;font-weight: bold;letter-spacing:-1px;}

#mcont1 .right{float:right;width: 49%;}
#mcont1 #popupzone{position: relative;}
#mcont1 #popupzone .popup{margin-top:15px;}
#mcont1 #popupzone .grap{overflow:hidden;position:relative;margin: 0 auto;}
#mcont1 #popupzone .grap .obj{position: relative;width: 100%;height: 248px;}
#mcont1 #popupzone .grap .obj .item{position:absolute;left:0;top:0;}
#mcont1 #popupzone .grap .obj .item a{display:block;width:100%;height:100%;}
#mcont1 #popupzone .grap .obj .item a img{display:block;width:100%;height:100%;}
#mcont1 #popupzone .control .number{display: inline-block;width: 37px;color: #b6bbbe;font-size: 16px;letter-spacing: 3px;}
#mcont1 #popupzone .control .number em{display:inline-block;margin-right: 5px;text-align:center;font-size: 16px;}
#mcont1 #popupzone .control{position: absolute;top: 5px;right: 10px;width: auto;}
#mcont1 #popupzone .control button[data-control="next"],
#mcont1 #popupzone .control button[data-control="prev"],
#mcont1 #popupzone .control button[data-control="stop"],
#mcont1 #popupzone .control button[data-control="play"]{display:inline-block;position:relative;width: 8px;height: 14px;margin-left: 13px;font-size:0;background: none;}
#mcont1 #popupzone .control button[data-control="next"]:before,
#mcont1 #popupzone .control button[data-control="prev"]:before{content:'';position:absolute;top: 2px;left: 1px;right:15px;display:block;width: 9px;height: 9px;border: 1px solid #b6bbbe;border-width: 1px 1px 0 0;}
#mcont1 #popupzone .control button[data-control="next"]:before{left: -5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#mcont1 #popupzone .control button[data-control="prev"]:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
#mcont1 #popupzone .control button[data-control="stop"]:before{content:'';position:absolute;top: 0;left: 2px;right: 0;display:block;width: 4px;height: 15px;box-shadow: -1px 0 #b6bbbe, 1px 0 #b6bbbe;}
#mcont1 #popupzone .control button[data-control="play"]:before{content:'';position:absolute;top: -1px;left: 0px;right:20px;display:block;width: 0;height: 0;border-width: 8px 0 8px 8px;border-style: solid;border-color: transparent transparent transparent #838383;}

.title{position:relative;}
.title strong{font-family:'ggs';font-weight:bold;font-size:24px;color:#282828;letter-spacing:-0.05em}
.title p{margin:0;font-size:15px;color:#a4a4a4;}

#mcont2{padding:55px 0;background:#f5f6f7;}
#mcont2 .gallery{margin-top:20px;}
#mcont2 .gallery .grap{overflow:hidden;position:relative;height: 315px;}
#mcont2 .gallery .grap .obj{position:absolute;left:0;top:0;}
#mcont2 .gallery .inner{float:left;max-width: 293px;width: calc(25% - 27px);margin-left: 35px;margin-bottom: 10px;}
#mcont2 .gallery .inner:first-child{margin-left: 0;}
#mcont2 .gallery .inner .thumb{overflow:hidden;position:relative;height:204px;margin-bottom:25px;background: #fff;border:6px solid #fff;border-radius: 10px;}
#mcont2 .gallery .inner .thumb img{position:absolute;left:50%;top:50%;width:auto;height:100%;transform:translate(-50%, -50%);}
#mcont2 .gallery .inner strong{display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;height: 46px;font-size:18px;color:#282828;line-height:1.3;font-weight: 500;text-overflow: ellipsis;}
#mcont2 .gallery .inner em{display:block;margin-top:15px;font-size:15px;color:#282828;}
#mcont2 .gallery .inner em:before{display:inline-block;width:17px;height:17px;margin-right:5px;;background:url(/kr/img/main/main_ir.png) -173px 0;content:'';vertical-align:middle;}
#mcont2 .gallery .control{position:absolute;top: 39%;left: -60px;right: -50px;}
#mcont2 .gallery .control button{display: block;position: absolute;top: 30px;width: 18px;height: 34px;font-size:0;}
#mcont2 .gallery .control [data-control="next"]{right:0;}
#mcont2 .gallery .control [data-control="next"]:before,
#mcont2 .gallery .control [data-control="prev"]:before{content:'';position:absolute;top: 5px;left: 4px;display:block;width: 22px;height: 22px;border: 1px solid #000;border-width: 2px 2px 0 0;}
#mcont2 .gallery .control [data-control="next"]:before{left: -10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#mcont2 .gallery .control [data-control="prev"]:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

#mcont3{padding: 60px 0 60px;background: #fefefe;}
#mcont3 .title a{display: inline-block;position: absolute;right: 0;bottom: 0;padding: 8px 15px 12px 10px;border-bottom: 5px solid #298019;font-size:19px;color:#298019;font-weight:bold;}
#mcont3 .title a:before{display:inline-block;width:29px;height:29px;margin-right: 10px;background: url(/kr/img/main/main_ir.png) -83px 0;vertical-align: middle;content:'';}
#mcont3 .board__list--tab .board__nav-item{display: block;padding:0;}
#mcont3 .board__list--tab .board__nav-item .board__title{display:block;position:relative;width: 227px;height: 136px;padding: 0 15px;color: #3a3a3a;font-size: 19px;line-height: 24px;text-align: left;}
#mcont3 .board__list--tab .board__nav-item .board__title b{display:block;font-size:18px;color:#282828;}
#mcont3 .board__list--tab .board__nav-item .board__title b:after{display:inline-block;width:19px;height:20px;margin-left:5px;;background:url(/kr/img/main/main_ir.png);vertical-align:middle;content:'';}
#mcont3 .board__list--tab .board__nav-item .board__title p{margin: 3px 0 0;font-size:15px;color:#a4a4a4;line-height:1.2;font-weight:normal}
#mcont3 .board__list--tab .board__nav-item.active .board__title{z-index: 1;background: #257b16;font-weight: bold;letter-spacing: -0.04em;border-radius: 5px;color: #fff;}
#mcont3 .board__list--tab .board__nav-item.active .board__title:before{display:none;}
#mcont3 .board__list--tab .board__nav-item.active .board__title:after{position:absolute;top: 50%;right: -21px;border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid #257b16;transform: translateY(-50%) rotate(-90deg);content:'';}
#mcont3 .board__list--tab .board__nav-item.active .board__title b{color:#fff;}
#mcont3 .board__list--tab .board__nav-item.active .board__title b:after{background-position:-19px 0}
#mcont3 .board__list--tab .board__nav-item.active .board__title p{color:#fff;}
#mcont3 .board__list--tab .board__nav-item .board__title:before{position:absolute;left: 5px;right: 5px;top: 0;height: 1px;border-top: 1px dashed #d1d1d1;transform: translateY(-50%);content:'';}
#mcont3 .board__list--tab .board__nav-item.n1 .board__title:before{display:none;}
#mcont3 .main-board__skin{display:block;position: relative;/* min-height: 360px; */margin-top: 30px;}
#mcont3 .main-board__skin:after{content: "";display: table;clear: both;}
#mcont3 .main-board__skin .board__nav-item .board__content,
#mcont3 .main-board__skin .board__nav-item.active .board__more{display:none;}
#mcont3 .main-board__skin .board__nav-item.active .board__content,
#mcont3 .main-board__skin .board__nav-item.active .board__more{display:block;text-align:left}
#mcont3 .board__list--tab .board__nav-item .board__content{position:absolute;top: 0;left: 250px;right: 0;height: 533px;background: url(/kr/img/main/mcont2_bg.jpg);}
#mcont3 .boardList .main-board__skin{padding-top: 10px;}
#mcont3 .boardList .photo_list--wrap{text-align:center;}
#mcont3 .boardList .photo_list--slider{text-align:center;}
#mcont3 .boardList .slick-list{padding-bottom: 1px;margin: 90px 50px 30px;}
#mcont3 .boardList .slick-slide{display: block;overflow: hidden;position:relative;margin-right: 15px;border-radius: 10px;background: #fff;box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.15);}
#mcont3 .boardList .slick-slide .photo_list--item{position: relative;padding: 10px;}
#mcont3 .boardList .slick-slide.slick-active .photo_list--item{position: relative;}
#mcont3 .boardList .slick-slide .photo_list--item a{display:block;width:100%;height:100%;}
#mcont3 .boardList .slick-slide .photo_list--item .thumb{display: block;overflow:hidden;position:relative;width:100%;height: 178px;}
#mcont3 .boardList .slick-slide .photo_list--item .thumb img{width: auto;height: 100%;max-width: none;padding: 0;margin: 0;display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#mcont3 .boardList .slick-slide .txt{height: auto;padding: 24px 40px;text-align: left;border-radius: 40px;transition: all 2s;}
#mcont3 .boardList .slick-slide .txt span{display:block;margin-bottom: 10px;font-size:14px;color:#a7a7a7;font-weight: bold;}
#mcont3 .boardList .slick-slide .txt span:before{display:inline-block;width:20px;height:14px;margin-right: 5px;background: url(/kr/img/main/main_ir.png) -41px 0;vertical-align:middle;content:'';}
#mcont3 .boardList .slick-slide .txt strong{display:block;overflow:hidden;font-size: 18px;color:#282828;line-height: 1.2;text-overflow:ellipsis;font-weight: bold;white-space: nowrap;}
#mcont3 .boardList .slick-slide .txt p{overflow: hidden;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 44px;font-size:15px;color:#9b9b9b;text-overflow: ellipsis;}
#mcont3 .boardList .slick-slide a:hover:before,
#mcont3 .boardList .slick-slide a:focus:before{position:absolute;right:0;bottom:0;width: 56px;height: 56px;background: url(/kr/img/main/mcont2_ov.png);content:'';}
#mcont3 .boardList .slick-slide a:hover .txt span,
#mcont3 .boardList .slick-slide a:focus .txt span{color:#218e0d;}
#mcont3 .boardList .slick-slide a:hover .txt span:before,
#mcont3 .boardList .slick-slide a:focus .txt span:before{background-position:-62px 0}
#mcont3 .boardList .slider-control{display: inline-block;text-align: center;vertical-align: middle;}
#mcont3 .boardList .slick-arrow{position:absolute;top: 50%;z-index:9;transform: translateY(-50%);width: 53px;height: 53px;background: #fff url(/kr/img/main/mcont2_arr.png) no-repeat center;font-size:0;box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.15);border-radius: 50%;}
#mcont3 .boardList .prev{float:left;left: -20px;}
#mcont3 .boardList .prev:before{left: 21px;transform: rotate(-135deg) translateY(50%);}
#mcont3 .boardList .next{float:right;right: -30px;transform: rotateY(180deg);}
#mcont3 .boardList .next:before{right: 29px;transform: rotate(45deg) translateY(-50%);}
#mcont3 .boardList .slick-dots{display:inline-block;height: 30px;margin-right: 9px;vertical-align:middle;}
#mcont3 .boardList .slick-dots li{display:inline-block;width:10px;height:10px;border:1px solid #282828;border-radius:50%;vertical-align: middle;}
#mcont3 .boardList .slick-dots li.slick-active{background:#282828}
#mcont3 .boardList .slick-dots li + li{margin-left:8px;}
#mcont3 .boardList .slick-dots li button{display:block;width:100%;height:100%;font-size:0;}
#mcont3 .boardList .slider-control button.slide-pause,
#mcont3 .boardList .slider-control button.slide-play{display: block;position:relative;width:8px;height:10px;font-size:0;vertical-align:middle;}
#mcont3 .boardList .slider-control button.slide-pause:before{content:'';position:absolute;top: 0;left: 2px;right: 0;display:block;width: 5px;height: 12px;box-shadow: -2px 0 #353535, 2px 0 #353535;}
#mcont3 .boardList .slider-control button.slide-play:before{content:'';position:absolute;top: -1px;left: 0px;right:20px;display:block;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #353535;}
#mcont3 .boardList .slick-slide.no-data{float:none;width: 605px;min-height: 353px;background: url(/kr/img/main/nodata.jpg) no-repeat;background-size: cover;padding: 240px 0 0;margin: 0 auto;text-align:center;font-size: 22px;color: #282828;}

#mcont4 #basic .item_list .item{display:inline-block;position:relative;width:16%;margin:28px 0}
#mcont4 #basic .item_list .item:before{position:absolute;left:0;top:50%;width:1px;height:19px;background:#e5e5e5;transform:translateY(-50%);content:'';}
#mcont4 #basic .item_list .item:first-child:before{display:none;}
#mcont4 #basic .item_list .item a{display: block;font-size:17px;color:#282828;text-align:center;font-weight: 500;}
#mcont4 #basic .item_list .item a:hover,#mcont4 .link_wrap li a:focus{color:#0066b3;text-decoration:underline;}
#mcont4 #basic .item_list .item span{display:inline-block;height:35px;margin-right: 10px;background:url(/kr/img/main/main_ir.png);vertical-align:middle;}
#mcont4 #basic .item_list .item .icon1{width:25px;background-position:0 -41px;}
#mcont4 #basic .item_list .item .icon2{width:29px;background-position: -28px -41px;}
#mcont4 #basic .item_list .item .icon3{width:25px;background-position: -62px -41px;}
#mcont4 #basic .item_list .item .icon4{width:27px;background-position: -90px -41px;}
#mcont4 #basic .item_list .item .icon5{width:27px;background-position: -121px -41px;}
#mcont4 #basic .item_list .item .icon6{width:30px;background-position: -153px -41px;}

@media (max-width:1600px){
    #mvisual .images_fade > img{width:auto;height:100%;}
}
@media (max-width:1339px){
    #mvisual{height:410px;}
    #mvisual > .layout{top: 70px;}
    #mvisual .txt strong{font-size:40px;}
    #mvisual .txt strong em{font-size:40px;}
    #mvisual .slick-arrow{display: none !important;}
    #mvisual .slick-dots{bottom:55px;}
    #mvisual .slider-control{bottom:50px}

    #mcont1 .left .board__item:nth-child(5),#mcont1 .left .board__item:nth-child(6){display:none;}
    #mcont1 #popupzone .grap .obj{height:auto;padding-bottom: 44%;}

    #mcont2 .gallery .inner{width: calc(33.333% - 24px);}
    #mcont2 .gallery .inner:nth-child(4){display:none;}
    #mcont2 .gallery .control{top: -30px;right: 70px;left: auto;width: 80px;}
    #mcont2 .gallery .control [data-control="next"]:before, #mcont2 .gallery .control [data-control="prev"]:before{width:14px;height:13px;border-width: 1px 1px 0 0;}
    #mcont2 .board__more{right:30px;}
}
@media (max-width:1023px){
    #mvisual{height:261px;}
    #mvisual .txt{text-align:center;}
    #mvisual .txt strong,
    #mvisual .txt strong em{padding: 0;font-size:25px;}
    #mvisual .txt strong em:before{display:none;}
    #mvisual .txt strong:before{right:0;left: auto;}
    #mvisual .txt p{display:none;}

    #mcont1{padding:25px 0 50px}
    #mcont1 .title{font-size:20px;}
    #mcont1 .left{float:none;width:100%;margin-bottom:45px;}
    #mcont1 .right{float:none;width:100%;}

    .title strong{font-size:20px;}
    .title p{display:none;}
    #mcont2{padding:25px 0 30px}
    #mcont2 .gallery .inner{width: calc(50% - 18px);}
    #mcont2 .gallery .inner .thumb{height:201px;}
    #mcont2 .gallery .inner strong{height:44px;;font-size:17px;}

    #mcont3{padding:55px 0 0}
    #mcont3 .title a{width: 84px;padding: 0 0 4px;font-size:14px;line-height: 1.2;border-bottom-width: 2px;text-align: right;}
    #mcont3 .title a:before{position:absolute;left:0;}
    #mcont3 .main-board__skin{height: 520px;padding: 20px;}
    #mcont3 .board__list--tab{text-align:center;}
    #mcont3 .board__list--tab .board__nav-item{display:inline-block;text-align:center;vertical-align: top;}
    #mcont3 .board__list--tab .board__nav-item .board__title{display: block;width: 115px;height:37px;z-index: 1;padding: 0;line-height:37px;background: #fff;border-radius: 5px;border: 1px solid #f3f3f3;text-align: center;}
    #mcont3 .board__list--tab .board__nav-item .board__title:before{display:none;}
    #mcont3 .board__list--tab .board__nav-item.active .board__title:after{display:none;}
    #mcont3 .board__list--tab .board__nav-item .board__title b{font-size: 12px;letter-spacing: -0.1em;}
    #mcont3 .board__list--tab .board__nav-item .board__title b:after{display:none;}
    #mcont3 .board__list--tab .board__nav-item .board__title p{display:none;}
    #mcont3 .board__list--tab .board__nav-item .board__content{left:0;top: 0;height: 510px;}
    #mcont3 .boardList .slick-list{margin-left:15px;margin-right:15px;}
    #mcont3 .boardList .slick-arrow{width:38px;height:38px;background-size:40%}
    #mcont3 .boardList .prev{left:0}
    #mcont3 .boardList .next{right:0;}
}
@media (max-width:767px){
    #mcont3 .main-board__skin{height: 400px;}
    #mcont3 .boardList .slick-slide .photo_list--item .thumb{height:117px;}
    #mcont3 .boardList .slick-slide .txt{padding:10px;}
    #mcont3 .boardList .slick-slide .txt span{margin: 0 0 5px;font-size:13px;}
    #mcont3 .boardList .slick-slide .txt strong{font-size:14px;}
    #mcont3 .boardList .slick-slide .txt p{display:none;}
    #mcont3 .boardList .slick-arrow{top: 55%;}
    #mcont3 .boardList .next{top: 51.5%;}
    #mcont3 .board__list--tab .board__nav-item .board__content{height:400px}
    #mcont3 .boardList .slick-slide.no-data{min-height: 140px;width: 230px;margin-top: 30px;padding: 96px 0 0;background-size: auto 100%;font-size: 15px;}

    #mcont4 #basic{overflow-x:scroll}
    #mcont4 #basic .item_list{overflow:hidden;width: 630px;}
    #mcont4 #basic .item_list .item{float: left;width: 105px;}
    #mcont4 #basic .item_list .item a{padding: 0 10px;font-size:14px;}
    #mcont4 #basic .item_list .item span{height:22px;background-size: 2160%;}
    #mcont4 #basic .item_list .item .icon1{width: 20px;background-position: 0 -33px;}
    #mcont4 #basic .item_list .item .icon2{width: 17px;background-position: -18px -26px;}
    #mcont4 #basic .item_list .item .icon3{width: 17px;background-position: -39px -26px;}
    #mcont4 #basic .item_list .item .icon4{width: 18px;background-position: -60px -28px;}
    #mcont4 #basic .item_list .item .icon5{width: 21px;background-position: -93px -35px;}
    #mcont4 #basic .item_list .item .icon6{width: 17px;background-position: -96px -28px;}
}
@media (max-width:580px){
    #mcont2 .gallery .inner{width:100%;}
    
    #mcont3 .board__list--tab .board__nav-item{float:left;width: 50%;text-align:center;}
    #mcont3 .board__list--tab .board__nav-item .board__title{width: 95%;margin: 0 auto 10px;}
    #mcont3 .boardList .slick-list{margin-top:130px}

}