@charset "utf-8";

/*  
//////////////        미르넷 웹코딩 3.0 작성자 : 이혜진    ////////////////////////
=============  코딩 CSS.3.0. HTML.5.0. 크롬최적화 익스 11. 최적화 ================
//////////////                 2020.05.01                  ///////////////////////
*/

.lCheck {padding: 9px;background: #fff;display: block;width: auto;margin: -4px -1px 0px;top: 0;position: relative;border: 1px solid #ddd;}
.lCheck a {background:#dc5151;padding: 9px 12px;top: 0;color:#fff;position: absolute;right: 0;display: inline-block;}

.popup-layer { position: absolute; z-index: 999; background: #fff; border: 1px solid #ddd}
#popup-menu {padding: 9px;background: #fff;display: block;width: auto;margin: 0px -1px 0px;top: 0;position: relative;border: 1px solid #ddd;}
#popup-menu input { float: left; }
#popup-menu a {background:#dc5151;padding:11px 12px;top: 0;color:#fff;position: absolute;right: 0;display: inline-block;}
#popup-menu a:hover { background:#bf3535 }

@media (max-width:768px){
.popup-layer {position: absolute;left: 7px !important;width: 96% !important;border: 2px solid #382c2c;height: auto !important;margin-left: 0 !important;}
.popup-layer img {height:auto;width: 100%;}
}



/* 팝업존 */
.popup-box{position: absolute;display: block;width: 270px;left: 50%;height: auto;margin:15% 0 0 258px;padding: 0;}
.sbox-01{position:  relative;display: inline-block;top: auto;width: 342px;height: 312px;padding:0;margin:0;}

#picDiv {z-index: 777;position:relative;display: inline-block;width: 342px;height: 312px;padding:0;margin:0;background: #fff;float:inherit;border-radius: 0 26px 0 23px;}
#picDiv .banPicWrap {position: relative;left:0px;top: 0;z-index:99;width: 100%;height: 312px;overflow: hidden;background: #33538c;border-radius: 0 23px 0 0;}
#picDiv .banPicWrap .banPicUL {width: 100%;height: 312px;padding:0;margin:0;}
#picDiv .banPicWrap .banPicUL li {/* width: 100%; */height: 312px;}
#picDiv .banPicWrap .banPicUL li img {width: 100%;height: 312px;vertical-align: top;}
#picDiv .banPicWrap .banPicUL li .pic{padding:0;margin:0;}
#picDiv .banPicWrap .banPicUL li .pic a{padding:0;margin:0;color: #b3b3b3;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#picDiv.typeTxt .banPicWrap {top: 0px;}
#picDiv.typeTxt .banPicWrap .banPicUL{position:absolute;top: 0px;left:0px;padding:0;margin:0;display:block;}
#picDiv.typeTxt .banPicWrap .banPicUL li {height: auto;line-height: 25px;padding:6px 20px;font-size:16px;font-weight:500;border-bottom: 1px solid #6f6f6f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
body.mobile .go_btn span.nav_num{display:none;}
#picDiv.typeImg .banPicUL li a span.banText {display: none;}
#picDiv.typeTxt .banPicUL li a img.banImage {display: none;}
.go_btn {position: relative;display: inline-block;z-index:9;height: 36px;line-height: 36px;padding: 0px 32px;width: 278px;top: 0px;background: #fff;border-radius: 0 0 0 30px;}
.go_btn span.nav_num {line-height: 36px;font-size: 13px;padding: 0;vertical-align: top;display: inline-block;float: right;margin: 0 0 0 10px;color: #0f245f;}
.go_btn a.event_prev,
.go_btn a.event_next,
.go_btn a.ban_type_img,
.go_btn a.ban_type_txt,
.go_btn a.event_play,
.go_btn a.event_stop {display: inline-block;position: relative;top: 0px;width: 20px;height: 36px;line-height: 36px;padding: 0 3px;margin: 0;}




section{position:relative;clear: both;}

.Mn-section01{position:relative;display: block;padding: 80px 0 0 0;margin: 0;min-height: 810px;background: #fafafa url(/astro/_Img/_Main/Mn-bg00.jpg)no-repeat 50% bottom;}
.Mn-sec-box01{position:relative;display: block;max-width: 1200px;padding: 0;margin: 0 auto;box-sizing: border-box;}
.Mn-sec-box01 .sec01-bxL{position:relative;display: block;float: left;width: 50%;padding: 0;margin: 0;top: 40px;background: #f5f5f5;border-radius: 60px;transition: all 1.2s ease;}
.Mn-sec-box01 .sec01-bxL.active{position:relative;display: block;float: left;width: 50%;min-height: 710px;padding: 0;margin: 0;background: #fff;border-radius: 0;top: 0;transition: all 1.2s ease;}

.Mn-sec-box01 .sec01-bxL .noti-bx{position:relative;display: block;top: 70px;padding: 0;margin: 0;transition: all .9s ease;}
.Mn-sec-box01 .sec01-bxL.active .noti-bx{position:relative;display: block;top: 0;padding: 0;margin: 0;transition: all .9s ease;}

.Mn-sec-box01 .sec01-bxL .Tit-box{position:relative;display: block;padding: 0;margin: 0;}
.Mn-sec-box01 .sec01-bxL .h2-nt{position:relative;display: block;top: 50px;padding: 0;margin: 20px 0 0;text-align: center;transition: all .5s ease;}
.Mn-sec-box01 .sec01-bxL.active .h2-nt{position:relative;display: block;top: 0;padding: 0;margin: 20px 0 0;text-align: center;transition: all .5s ease;}

.Mn-sec-box01 .sec01-bxL .h2-nt>span{position:relative;display: block;padding: 0;margin: 0;font-size: 30px;}
.Mn-sec-box01 .sec01-bxL .Txt-box{position:relative;display: block;max-height: 535px;padding: 0;margin: 10px 15px 20px 0;overflow: auto;overflow-x: hidden;}
.Mn-sec-box01 .sec01-bxL .noti-uL{position:relative;display: block;padding: 0;margin: 0;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li{position:relative;display: block;padding: 0;margin: 0;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a{position:relative;display: block;padding: 0 10px;margin: 0 30px;border-bottom: 1px solid #d3d3dc;transition: all .5s ease;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a .noti-List-bx{position:relative;display: block;padding: 15px 0 15px;margin: 0;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a .noti-Titxt{position:relative;display: block;padding: 0 0 0 10px;margin: 0 90px 0 0;color: #000;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a .noti-Titxt:before{content:'';position: absolute;display: block;top: 7px;left: 0;width: 3px;height: 3px;padding: 0;margin: 0;background: #333;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a .noti-Dete{position: absolute;display: block;right: 0;top: 12px;padding: 0 0 0 9px;line-height: 20px;margin: 2px 0 0;font-size: 14px;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a .noti-New{position: absolute;display: block;padding: 0;margin: 0;right: 0;top: 24px;background: #f15901;width: 30px;height: 30px;border-radius: 50%;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a .noti-New>span{position:relative;display: block;padding: 0;margin: 0;font-size: 15px;font-weight: 600;color: #fff;top: 8px;left: 9px;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a:hover,
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a.on{position:relative;display: block;padding: 0 10px;margin: 0 30px;border-bottom: 1px solid #d3d3dc;background: #1e2c5d;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a:hover .noti-Titxt,
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a.on .noti-Titxt{position:relative;display: block;padding: 0 0 0 10px;margin: 0 90px 0 0;color: #fff;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a:hover .noti-Titxt:before,
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a.on .noti-Titxt:before{content:'';position: absolute;display: block;top: 7px;left: 0;width: 3px;height: 3px;padding: 0;margin: 0;background: #fff;}
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a:hover .noti-Dete,
.Mn-sec-box01 .sec01-bxL .noti-uL>li>a.on .noti-Dete{position: absolute;display: block;right: 0;top: 12px;padding: 0 0 0 9px;line-height: 20px;margin: 2px 0 0;font-size: 14px;color: #797f96;}

.Mn-sec-box01 .sec01-bxR{position:relative;display: block;float: left;width: 50%;padding: 0;margin: 0;}
.Mn-sec-box01 .sec01-bxR .Calren-Box{position:relative;display: block;left: 50px;padding: 0;margin: 0 0 0 15px;transition: all .6s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box.active{position:relative;display: block;left: 0;padding: 0;margin: 0 0 0 15px;transition: all .6s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .CalDeta-bx{position:relative;display: block;padding: 0;margin: 25px 0 0;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .CalLe-Btn{position: absolute;display: block;padding: 15px;margin: 0;top: 15px;left: 180px;border: 1px solid #ddd;transition: all 1.65s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box.active .CalLe-Btn{position: absolute;display: block;padding: 15px;margin: 0;top: 15px;left: 70px;border: 1px solid #ddd;transition: all 1.65s ease;z-index: 555;}

.Mn-sec-box01 .sec01-bxR .Calren-Box .CalLe-Btn>i{position: relative;display: block;padding: 0;margin: 0;font-size: 20px;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-Dete{position:relative;display: block;padding: 0;margin: 0;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-Dete>.Bold-Num{position:relative;display: block;padding: 0;margin: 0;text-align: center;font-size: 70px;font-weight: 600;color: #000;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-Dete>.Smol-Num{position:relative;display: block;padding: 0;margin: 0;text-align: center;color: #95989a;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .CalRi-Btn{position: absolute;display: block;padding: 15px;margin: 0;top: 15px;right: 180px;border: 1px solid #ddd;transition: all 1.65s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box.active .CalRi-Btn{position: absolute;display: block;padding: 15px;margin: 0;top: 15px;right: 70px;border: 1px solid #ddd;transition: all 1.65s ease;}

.Mn-sec-box01 .sec01-bxR .Calren-Box .CalRi-Btn>i{position: relative;display: block;padding: 0;margin: 0;font-size: 20px;}

.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-Yom{position:relative;display: block;padding: 0;margin: 30px 0 0;text-align: center;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-Yom>span{position:relative;display: block;padding: 0;margin: 0;font-size: 25px;font-weight: 600;letter-spacing: -1px;color: #172f82;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .calendar-bx{position:relative;display: block;padding: 0;margin: 40px 40px 0;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Tb-calen{position:relative;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen{table-layout:fixed;clear:both;width:100%;margin:0;border:0;border-collapse:collapse;border-top: 1px solid #ddd;border-bottom:1px solid #000;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen thead tr.day{border-bottom: 1px solid #ddd;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen th,
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td{width:14.286%;padding:0;background: #fff;color:#666;vertical-align:top;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen tr.day>th{height:1em;padding: 23px 0;text-align:center;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen tbody>tr:first-child>td{display: table-cell;border-top-color:#000;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen tr.day .sat,
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen tr .sat .date{color:#00b;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen tr.day .sun,
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen tr .sun .date,
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen tr.day .hol,
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen tr .hol .date{color:#e00;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td{background:#fff;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cell{display:block;position:relative;min-height: 60px;padding:.25em;overflow:hidden;text-align: center;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cell:before{content:"";z-index: 0;position: absolute;display: none;top: 11px;left: 11px;right: auto;width: 50px;height: 50px;padding: 0;margin: 0;background: #333;border-radius: 50%;}

.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx{}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx2:before{z-index: 0;right: auto;content: "";display: block;position: absolute;top: 11px;left: 11px;width: 50px;height: 50px;border: 0px solid #d64906;border-width: 5px;box-sizing: border-box;border-radius: 50%;background: #ff6922;transition: all .3s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx1:before{content:"";z-index: 0;position: absolute;display: block;top: 11px;left: 11px;right: auto;width: 50px;height: 50px;padding: 0;margin: 0;background: #ffbc00;border-radius: 50%;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx3:before{content:"";z-index: 0;position: absolute;display: block;top: 11px;left: 11px;right: auto;width: 50px;height: 50px;padding: 0;margin: 0;background: #13c1c1;border-radius: 10px 0;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx4:before{content:"";z-index: 0;position: absolute;display: block;top: 11px;left: 11px;right: auto;width: 50px;height: 50px;padding: 0;margin: 0;background: #0fa20d;border-radius: 10px 10px;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx5:before{content:"";z-index: 0;position: absolute;display: block;top: 11px;left: 11px;right: auto;width: 50px;height: 50px;padding: 0;margin: 0;background: #2196f3;border-radius: 0;}

.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx1 .date{color: #fff;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx2 .date{color: #fff;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx3 .date{color: #fff;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx4 .date{color: #fff;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .cyc-Bx5 .date{color: #fff;}

.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .date{position: relative;display: block;line-height: 45px;margin: 10px;color:#000;font-size:1em;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .menu{position: absolute;display:block;clear:both;margin: 0;overflow:hidden;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .menu li{width:auto;margin:0;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .menu li>a:hover .Tb-cal-sp,
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .menu li>a:focus .Tb-cal-sp{background:#f1f5f9;color:#000;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .menu li>a:hover .i,
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td .menu li>a:focus .i{background:#000;}
.Mn-sec-box01 .sec01-bxR .Calren-Box table.Tb-calen td i.fa-calendar-check { color: #FF9800;  font-size: 1.5em;    margin: 0 0 0 5px;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp{position: relative;display: block;padding: 0;margin: 30px 0 0;text-align: center;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp .Cal-tsp{position: relative;display: inline-block;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp .Cal-txsp{position: relative;display: inline-block;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp .cyc-Bx2{z-index: 0;right: auto;content: "";display: block;position: absolute;top: 2px;left: 0;width: 17px;height: 17px;border: 0px solid #a53f0e;border-width: 4px;box-sizing: border-box;border-radius: 50%;background: #fb590c;transition: all .3s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp .cyc-Bx1{content: "";z-index: 0;position: absolute;display: block;top: 2px;left: 2px;right: auto;width: 17px;height: 17px;padding: 0;margin: 0;background: #ffbc00;border-radius: 50%;transition: all .3s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp .cyc-Bx3{box-sizing: border-box;content: "";z-index: 0;position: absolute;display: block;top: 2px;left: 2px;right: auto;width: 17px;height: 17px;padding: 0;margin: 0;background: #13c1c1;border-radius: 5px 0;transition: all .3s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp .cyc-Bx4{box-sizing: border-box;content: "";z-index: 0;position: absolute;display: block;top: 2px;left: 2px;right: auto;width: 17px;height: 17px;padding: 0;margin: 0;background: #0fa20d;border-radius: 5px 5px;transition: all .3s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp .cyc-Bx4{box-sizing: border-box;content: "";z-index: 0;position: absolute;display: block;top: 2px;left: 2px;right: auto;width: 17px;height: 17px;padding: 0;margin: 0;background: #0fa20d;border-radius: 5px 5px;transition: all .3s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp .cyc-Bx5{box-sizing: border-box;content: "";z-index: 0;position: absolute;display: block;top: 2px;left: 2px;right: auto;width: 17px;height: 17px;padding: 0;margin: 0;background: #2196F3;border-radius: 0;transition: all .3s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .Cal-txtsp .Cal-inL{padding: 0 0 0 20px;margin: 0 5px 0 0;line-height: 20px;}


@media all and (max-width:1000px) {
.Mn-section01{position:relative;display: block;padding: 0;margin: 0;min-height: 1480px;background: url(/astro/_Img/_Main/Mn-bg00.jpg)no-repeat;background-position: 50% 704px;}
.Mn-sec-box01 .sec01-bxL{position:relative;display: block;float: left;width: 50%;padding: 0;margin: 0;top: 0px;background: #f5f5f5;border-radius: 60px;transition: all 1.2s ease;}
.Mn-sec-box01 .sec01-bxL{position:relative;display: block;float: none;width: 100%;padding: 0;margin: 0;background: #fff;}
.Mn-sec-box01 .sec01-bxL.active{position:relative;display: block;float: none;width: 100%;padding: 0;margin: 0;background: #fff;border-radius: 0;top: 0;transition: all 1.2s ease;}
.Mn-sec-box01 .sec01-bxR{position:relative;display: block;float: none;width: 100%;padding: 48px 0 0 0;margin: 0;}
.Mn-sec-box01 .sec01-bxL .Txt-box{position:relative;display: block;max-height: 535px;padding: 0;margin: 80px 15px 16px 15px;overflow: auto;overflow-x: hidden;}

}


@media all and (max-width:600px) {
.Mn-sec-box01 .sec01-bxL{position:relative;display: block;float: none;width: 100%;padding: 0;margin: 0;background: #fff;border-radius: 0;top: 0;transition: all 1.2s ease;}
.Mn-sec-box01 .sec01-bxL .noti-bx{position:relative;display: block;top: 0;padding: 0;margin: 0;transition: all .9s ease;}
.Mn-sec-box01 .sec01-bxL .h2-nt{position:relative;display: block;top: 0;padding: 0;margin: 20px 0 0;text-align: center;transition: all .5s ease;}
.Mn-sec-box01 .sec01-bxL.active{position:relative;display: block;float: none;width: 100%;padding: 0;margin: 0;background: #fff;border-radius: 0;top: 0;transition: all 1.2s ease;}
.Mn-sec-box01 .sec01-bxL.active .noti-bx{position:relative;display: block;top: 0;padding: 0;margin: 0;transition: all .9s ease;}
.Mn-sec-box01 .sec01-bxL.active .h2-nt{position:relative;display: block;top: 0;padding: 0;margin: 20px 0 0;text-align: center;transition: all .5s ease;}

.Mn-sec-box01 .sec01-bxR .Calren-Box{position:relative;display: block;left: 0;padding: 0;margin: 0 0 0 15px;transition: all .6s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box.active{position:relative;display: block;left: 0;padding: 0;margin: 0 0 0 15px;transition: all .6s ease;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .CalLe-Btn{position: absolute;display: block;padding: 15px;margin: 0;top: 15px;left: 70px;border: 1px solid #ddd;transition: all 1.65s ease; z-index: 555;}
.Mn-sec-box01 .sec01-bxR .Calren-Box .CalRi-Btn{position: absolute;display: block;padding: 15px;margin: 0;top: 15px;right: 70px;border: 1px solid #ddd;transition: all 1.65s ease; z-index: 555;}
.Mn-sec-box01 .sec01-bxR .Calren-Box.active .CalLe-Btn{position: absolute;display: block;padding: 15px;margin: 0;top: 15px;left: 70px;border: 1px solid #ddd;transition: all 1.65s ease; z-index: 555;}
.Mn-sec-box01 .sec01-bxR .Calren-Box.active .CalRi-Btn{position: absolute;display: block;padding: 15px;margin: 0;top: 15px;right: 70px;border: 1px solid #ddd;transition: all 1.65s ease; z-index: 555;}
}


/* mcon2 : 팝업존, 스마트예약, BBS */
.mcon2 {position:relative;display: block;box-sizing: border-box;max-width:1200px;margin: 0 0 30px;min-height: 425px;padding: 0;}
.mcon2 .pzBox {position:absolute;width:600px}
.mcon2 .pzBox .sld-wr {position:relative}
.mcon2 .pzBox .sld-wr .sld-nav {position:absolute;width:100%;z-index:2;top:50%;left:0;height:0}
.mcon2 .pzBox .sld-wr .sld-nav button {display:block;position:absolute;width:57px;height:85px;background:rgba(0, 0, 0, .5);border:0;top:50%;margin:-42px 0 0;font-size: 50px;color: #fff;transition:all .3s ease;}
.mcon2 .pzBox .sld-wr .sld-nav button>span{display:block;font-size: 0;}
.mcon2 .pzBox .sld-wr .sld-nav button:focus,
.mcon2 .pzBox .sld-wr .sld-nav button:hover {background:rgba(0, 0, 0, .7)}
.mcon2 .pzBox .sld-wr .sld-nav button:after {content:"";display:block;position:absolute;width:23px;height:39px;top:0;right:0;bottom:0;left:0;margin:auto;}
.mcon2 .pzBox .sld-wr .sld-nav button.owl-prev {left:0}
.mcon2 .pzBox .sld-wr .sld-nav button.owl-prev:after {background-position:0px 0px}
.mcon2 .pzBox .sld-wr .sld-nav button.owl-next {right:0}
.mcon2 .pzBox .sld-wr .sld-nav button.owl-next:after {background-position:-43px 0px}
.mcon2 .pzBox .sld-wr .sld-dot {position:absolute;width:100%;left:0;bottom:30px;z-index:2;text-align:center}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg {display:inline-block;font-size:0;background:rgba(0, 0, 0, .8);padding:13px 13px}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p {display:inline-block;vertical-align:middle;font-size:0}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p button {display:inline-block;width:17px;height:17px;box-sizing:border-box;border:3px solid #fff;background:none;border-radius:50%;margin:0 7px;transition:all .3s ease}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p button:after {}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p button.active {background:#fff}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr {display:inline-block;position:relative;vertical-align:middle;z-index:2;width:30px;height:20px;font-size:0}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button {display:block;position:relative;width:100%;height:100%;border:0;background:transparent}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button:after {content:"";display:block;position:absolute;width:12px;height:16px;top:0;right:0;bottom:0;left:0;margin:auto;}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-stop {}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-stop:after {background-position:-0px -32px}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-play {display:none}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-play:after {background-position:-32px -32px}
.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button>i {display:block;position:relative;color: #fff;font-size: 25px;top: -2px;}

.mcon2 .pzBox .sld-wr .sldCore {position:relative;z-index:1}
.mcon2 .etcBox {position:relative;margin:0 0 0 650px}
.mcon2 .etcBox .smart h3 {display:block;position:relative;font-size:0;font-weight:normal;color:#fff;background:#03488f;line-height:1;padding:42px 40px 50px 29px}
.mcon2 .etcBox .smart h3:after {content:"";display:block;position:absolute;width:112px;height:92px;right:30px;top:-32px;background:url(/homepage/kor/_Img/Main/mc2_spr.png) no-repeat 0px -59px;z-index:1}
.mcon2 .etcBox .smart h3 span {display:inline-block;position:relative;vertical-align:bottom;z-index:2}
.mcon2 .etcBox .smart h3 .t1 {font-size:28px}
.mcon2 .etcBox .smart h3 .t2 {font-size:18px;margin:0 0 0 12px}
.mcon2 .etcBox .smart ul {display:block;position:relative;overflow:hidden;width:100%;background:#fff;box-sizing:border-box;margin:-10px 0 0;z-index:1}
.mcon2 .etcBox .smart ul li {display:block;position:relative;float:left;width:33.3333%;z-index:2}
.mcon2 .etcBox .smart ul li:nth-child(3n) {float:right}
.mcon2 .etcBox .smart ul li a {display:block;position:relative;text-align:center;transition:all .3s ease}
.mcon2 .etcBox .smart ul li a span {display:block;position:relative;font-size:18px;color:#333;z-index:2;padding:25px 0 22px;box-sizing:border-box;border:1px solid #d2d2d2;z-index:1}
.mcon2 .etcBox .smart ul li:nth-child(1) a span {border-bottom:1px solid transparent;border-right:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(2) a span {border-bottom:1px solid transparent;border-right:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(3) a span {border-bottom:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(4) a span {border-right:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(5) a span {border-right:1px solid transparent}
.mcon2 .etcBox .smart ul li:nth-child(6) a span {}
.mcon2 .etcBox .smart ul li a span:before {content:"";display:block;width:40px;height:40px;margin:0 auto 5px;background:url(/homepage/kor/_Img/Main/mc2_spr.png) no-repeat}
.mcon2 .etcBox .smart ul li a:before {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box;z-index:2;border:5px solid transparent;transition:all .3s ease}
.mcon2 .etcBox .smart ul li a:focus,
.mcon2 .etcBox .smart ul li a:hover {background:#edf2f5}
.mcon2 .etcBox .smart ul li a:focus:before,
.mcon2 .etcBox .smart ul li a:hover:before {border-color:#187be1}
.mcon2 .etcBox .smart ul li:nth-child(1) a span:before {background-position:0px -171px}
.mcon2 .etcBox .smart ul li:nth-child(2) a span:before {background-position:-300px -171px}
.mcon2 .etcBox .smart ul li:nth-child(3) a span:before {background-position:-240px -171px}
.mcon2 .etcBox .smart ul li:nth-child(4) a span:before {background-position:-180px -171px}
.mcon2 .etcBox .smart ul li:nth-child(5) a span:before {background-position:-120px -171px}
.mcon2 .etcBox .smart ul li:nth-child(6) a span:before {background-position:-60px -171px}
.mcon2 .etcBox .bbs {position:relative;margin:81px 0 0;border-top:1px solid #d2d2d2;box-sizing:border-box}
.mcon2 .etcBox .bbs .extraBtn {display:block;position:absolute;width:auto;left:329px;right:51px;height:52px;top:0;line-height:52px;text-align:center;box-sizing:border-box;background:#fff;transition:all .3s ease;background-color:#187be129;color:#222;}
.mcon2 .etcBox .bbs .extraBtn:focus,
.mcon2 .etcBox .bbs .extraBtn:hover {background:#187be1;color:#fff}
.mcon2 .etcBox .bbs:before {content:"";display:block;position:absolute;width:100%;height:1px;left:0;top:52px;background:#868686}
.mcon2 .etcBox .bbs dl {display:block;width:100%;position:relative;margin:-1px 0 0}
.mcon2 .etcBox .bbs dl dt {display:block;float:left}
.mcon2 .etcBox .bbs dl dt button {display:block;position:relative;width:165px;height:53px;text-align:center;background:#fff;border:0;border-right:1px solid #d2d2d2;border-top:1px solid #d2d2d2;vertical-align:top;transition:all .3s ease;overflow:visible}
.mcon2 .etcBox .bbs dl dt button span {display:block;position:absolute;width:100%;text-align:center;left:0;top:13px;z-index:3;font-size:18px;color:#333;transition:all .3s ease}
.mcon2 .etcBox .bbs dl dt button:before,
.mcon2 .etcBox .bbs dl dt button:after {content:"";display:block;position:absolute;width:0;bottom:0;transform:skewX(162deg);-ms-transform:skewX(162deg);transform-origin:0 100%;transition:all .3s ease}
.mcon2 .etcBox .bbs dl dt button:before {height:65px;background:#187be1;z-index:2}
.mcon2 .etcBox .bbs dl dt button:after {height:100%;background:#d7d7d7;z-index:1}
.mcon2 .etcBox .bbs dl dt button:focus span,
.mcon2 .etcBox .bbs dl dt button:hover span {color:#187be1}
.mcon2 .etcBox .bbs dl.news dt button:before {right:0}
.mcon2 .etcBox .bbs dl.news dt button:after {right:-5px}
.mcon2 .etcBox .bbs dl.qna dt button:before {left:0}
.mcon2 .etcBox .bbs dl.qna dt button:after {left:5px}
.mcon2 .etcBox .bbs dl.over.news dt button {border-left:1px solid #fff !important;border-top:1px solid #fff !important}
.mcon2 .etcBox .bbs dl.over dt button:focus span,
.mcon2 .etcBox .bbs dl.over dt button:hover span,
.mcon2 .etcBox .bbs dl.over dt button span {color:#fff}
.mcon2 .etcBox .bbs dl.over dt button:after,
.mcon2 .etcBox .bbs dl.over dt button:before {width:100%}
.mcon2 .etcBox .bbs dl.over dt button span {top:7px;text-indent:6px}
.mcon2 .etcBox .bbs dl dd {display:block;position:absolute;width:100%;left:0;top:82px}
.mcon2 .etcBox .bbs dl dd ul {display:block}
.mcon2 .etcBox .bbs dl dd ul li {display:block;position:relative;margin:0 0 5px}
.mcon2 .etcBox .bbs dl dd ul li:last-child {margin:0}
.mcon2 .etcBox .bbs dl dd ul li:before {content:"";display:block;position:absolute;width:3px;height:3px;background:#113962;left:0;top:17px}
.mcon2 .etcBox .bbs dl dd ul li a {display:block;margin:0 90px 0 11px}
.mcon2 .etcBox .bbs dl dd ul li a .subj {display:inline-block;line-height:1.3;width:auto;max-width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;font-size:17px;color:#444;vertical-align:middle}
.mcon2 .etcBox .bbs dl dd ul li a:focus .subj,
.mcon2 .etcBox .bbs dl dd ul li a:hover .subj {text-decoration:underline}
.mcon2 .etcBox .bbs dl dd ul li a.hasNew:after {content:"";display:inline-block;vertical-align:middle;width:23px;height:23px;background:url(/homepage/kor/_Img/Main/mc2_spr.png) no-repeat -35px -231px;margin:0 0 0 5px}
.mcon2 .etcBox .bbs dl dd ul li .date {display:block;position:absolute;right:0;top:50%;font-size:16px;color:#666;line-height:1;margin:-8px 0 0}
.mcon2 .etcBox .bbs dl dd ul li.no-data {display:block;text-align:center;padding:110px 0 50px;background:url(/_Img/Board/default/ico_nodata.png) no-repeat center 30px;border-bottom:1px solid #ddd}
.mcon2 .etcBox .bbs dl dd ul li.no-data:before {display:none}
.mcon2 .etcBox .bbs dl dd .more {display:block;position:absolute;width:51px;height:54px;box-sizing:border-box;border:1px solid #d2d2d2;border-bottom:1px solid #868686;right:0;top:-82px;background:#fff;transition:all .3s ease}
.mcon2 .etcBox .bbs dl dd .more:after {content:"";display:block;position:absolute;width:15px;height:15px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/homepage/kor/_Img/Main/mc2_spr.png) no-repeat 0px -231px;transition:all .3s ease}
.mcon2 .etcBox .bbs dl dd .more:focus,
.mcon2 .etcBox .bbs dl dd .more:hover {background:#eee}
.mcon2 .etcBox .bbs dl dd .more:focus:after,
.mcon2 .etcBox .bbs dl dd .more:hover:after {transform:rotate(90deg)}
.mcon2 .etcBox .bbs dl.news {}
.mcon2 .etcBox .bbs dl.news dt button {border-left:1px solid #d2d2d2}
.mcon2 .etcBox .bbs dl.qna {}
.mcon2 .etcBox .bbs dl.qna dt {margin:0 0 0 -1px}
.mcon2 .etcBox .bbs dl.qna dd {display:none}
.mcon2 .deco1,
.mcon2 .deco2 {display:block;position:absolute;z-index:-1;background-position:0px 0px;transition:all .3s ease}
.mcon2 .deco1 {width:463px;height:500px;background:url(/homepage/kor/_Img/Main/mc2_bg1.png) no-repeat;top:7px;right:-400px}
.mcon2 .deco2 {width:900px;height:910px;background:url(/homepage/kor/_Img/Main/mc2_bg2.png) no-repeat;top:537px;left:-400px}

@media all and (max-width:1230px) {
	.mcon2 {margin:0 20px;padding:40px 0 0;min-height:600px}
	.mcon2 .pzBox {width: 100%;}
	.mcon2 .etcBox {margin:0 0 0 520px}
	.mcon2 .etcBox .smart h3 {padding:32px 40px 30px 29px}
	.mcon2 .etcBox .smart ul {margin:0}
	.mcon2 .etcBox .smart ul li a span {font-size:16px;padding:15px 0 12px}
	.mcon2 .etcBox .bbs {margin:40px 0 0}
	.mcon2 .etcBox .bbs dl dt button {width:150px}
	.mcon2 .etcBox .bbs .extraBtn {left:299px}
}

@media all and (max-width:1200px) {
	.mcon2 {margin:0 20px;padding:40px 0 0;min-height:600px}
	.mcon2 .pzBox {width: 100%;}
	.mcon2 .etcBox {margin:0 0 0 520px}
	.mcon2 .etcBox .smart h3 {padding:32px 40px 30px 29px}
	.mcon2 .etcBox .smart ul {margin:0}
	.mcon2 .etcBox .smart ul li a span {font-size:16px;padding:15px 0 12px}
	.mcon2 .etcBox .bbs {margin:40px 0 0}
	.mcon2 .etcBox .bbs dl dt button {width:150px}
	.mcon2 .etcBox .bbs .extraBtn {left:299px}
}
@media all and (max-width:1080px) {
	.mcon2 .etcBox .smart h3 .t1 {font-size:24px}
	.mcon2 .etcBox .smart h3 .t2 {font-size:17px;margin:5px 0 0 5px}
	.mcon2 .etcBox .smart ul li a span:before {margin:0 auto 0}
}
@media all and (max-width:999px) {
	.mcon2 {min-height:480px}
	.mcon2 .pzBox {width: 600px;left: 50%;margin-left: -300px;}
	.mcon2 .pzBox .sld-wr .sld-dot {bottom:15px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg {padding:7px 10px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg p button {width:12px;height:12px;border:2px solid #fff;margin:0 5px}
	.mcon2 .etcBox {margin:0 0 0 420px}
	.mcon2 .etcBox .smart h3 {padding:25px 40px 25px 29px}
	.mcon2 .etcBox .smart h3:after {width:56px;height:46px;right:15px;top:50%;background-size:170px 127px;background-position:0px -29.5px;margin:-25px 0 0}
	.mcon2 .etcBox .smart ul li a span {font-size:15px;line-height:1;padding:10px 0 12px}
	.mcon2 .etcBox .bbs {margin:40px 0 0}
	.mcon2 .etcBox .bbs dl dt button {height:40px;width:130px}
	.mcon2 .etcBox .bbs dl dt button:before {height:50px}
	.mcon2 .etcBox .bbs dl dt button span {top:7px;font-size:16px}
	.mcon2 .etcBox .bbs dl.over dt button span {top:0}
	.mcon2 .etcBox .bbs dl dd {top:52px}
	.mcon2 .etcBox .bbs dl dd .more {width:41px;height:41px;top:-52px}
	.mcon2 .etcBox .bbs dl dd ul li {margin:0 0 2px}
	.mcon2 .etcBox .bbs dl dd ul li a .subj {font-size:16px}
	.mcon2 .etcBox .bbs .extraBtn {font-size:16px;height:39px;line-height:39px;left:259px;right:41px}
	.mcon2 .etcBox .bbs:before {top:39px}
	.mcon2 .deco1,
	.mcon2 .deco2 {display:none}
}
@media all and (max-width:870px) {
	.mcon2 {min-height:0;padding:40px 0 250px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg {padding:7px 10px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr {width:25px}
	.mcon2 .etcBox {padding:0 0 0 420px;margin:0;height:480px}
	.mcon2 .etcBox .smart h3 {padding:24px 40px 23px 29px}
	.mcon2 .etcBox .smart h3:after {margin:-28px 0 0}
	.mcon2 .etcBox .smart h3 span {display:block}
	.mcon2 .etcBox .smart h3 .t1 {font-size:22px}
	.mcon2 .etcBox .smart h3 .t2 {font-size:16px;margin:5px 0 0 0}
	.mcon2 .etcBox .smart ul li {width:50%}
	.mcon2 .etcBox .smart ul li a span {line-height:1.5;padding:29px 0;font-size:17px}
	.mcon2 .etcBox .smart ul li a span:before {margin:0 auto 5px}
	.mcon2 .etcBox .smart ul li:nth-child(3n) {float:left}
	.mcon2 .etcBox .smart ul li:nth-child(1) a span {border-bottom:1px solid transparent;border-right:1px solid transparent}
	.mcon2 .etcBox .smart ul li:nth-child(2) a span {border-bottom:1px solid transparent;border-right:1px solid #d2d2d2}
	.mcon2 .etcBox .smart ul li:nth-child(3) a span {border-bottom:1px solid transparent;border-right:1px solid transparent}
	.mcon2 .etcBox .smart ul li:nth-child(4) a span {border-bottom:1px solid transparent;border-right:1px solid #d2d2d2}
	.mcon2 .etcBox .bbs {position:absolute;width:100%;margin:30px 0 0;left:0;top:100%}
}
@media all and (max-width:740px) {
	.mcon2 .pzBox {width: 600px;left: 50%;margin-left: -300px;}
	.mcon2 .pzBox .sld-wr .sld-nav button {width: 35px;height: 50px;font-size: 30px;margin: -25px 0 0;}
	.mcon2 .pzBox .sld-wr .sld-nav button:after {width:12px;height:20px;background-size:76px 71px}
	.mcon2 .pzBox .sld-wr .sld-nav button.owl-next:after {background-position:-22px 0px}
	.mcon2 .etcBox {padding:0 0 0 310px;height:360px}
	.mcon2 .etcBox .smart h3 {padding:24px 0 23px 15px}
	.mcon2 .etcBox .smart h3 .t1 {font-size:20px}
	.mcon2 .etcBox .smart h3 .t2 {font-size:16px;margin:5px 0 0 0}
	.mcon2 .etcBox .smart ul li a span {padding:11px 0;font-size:15px;letter-spacing:-.05em}
	.mcon2 .etcBox .bbs {margin:20px 0 0}
	.mcon2 .etcBox .bbs dl dd ul li a .subj {font-size:15px}
	.mcon2 .etcBox .bbs dl dd ul li .date {font-size:15px;color:#777;margin:-7px 0 0}
}
@media all and (max-width:560px) {
	.mcon2 {padding:10px 0 0;margin:0 10px}
	.mcon2 .pzBox {position:relative;width: 400px;left: 50%;top:auto;margin-left: -200px;}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button:after {width:9px;height:12px;background-size:210px 36px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-stop:after {background-position:-0px -24px}
	.mcon2 .pzBox .sld-wr .sld-dot .controller-pkg .sld-ctr button.owl-play:after {background-position:-24px -24px}
	.mcon2 .etcBox {padding:0;height:auto;margin:10px 0 0}
	.mcon2 .etcBox .smart h3 {padding:20px}
	.mcon2 .etcBox .smart ul li a span {padding:5px 0;line-height:1}
	.mcon2 .etcBox .bbs {position:relative;margin:10px 0 0;left:auto;top:auto;padding:80px 0 280px;border-top:0;overflow:hidden}
	.mcon2 .etcBox .bbs:before {top:119px}
	.mcon2 .etcBox .bbs:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#d2d2d2;left:25%;top:79px}
	.mcon2 .etcBox .bbs dl dt {width:40%}
	.mcon2 .etcBox .bbs dl dt button {width:100%}
	.mcon2 .etcBox .bbs dl.over dt button span {text-indent:14px}
	.mcon2 .etcBox .bbs dl dd ul li a {margin:0 0 0 11px}
	.mcon2 .etcBox .bbs dl dd ul li a .subj {max-width:89%}
	.mcon2 .etcBox .bbs dl dd ul li .date {position:relative;right:auto;top:auto;margin:5px 0 0 11px}
    .mcon2 .etcBox .bbs .extraBtn {display:block;position:absolute;left:0;top:0;width:100%;height:50px;line-height:50px;float:none;color:#fff;background-color:#d8457b;}
    .mcon2 .etcBox .bbs .extraBtn:focus,
    .mcon2 .etcBox .bbs .extraBtn:hover {background:#bb3b6a;color:#fff}
}



.Mn-section02{position:relative;display: block;min-height: 935px;background: url(/astro/_Img/_Main/Mn-bg01.jpg)no-repeat;background-attachment: fixed;}
.Sns-box{position:relative;display: block;max-width: 1200px;padding: 0;margin: 0 auto;box-sizing: border-box;}
.Sns-box .Tit-Snsbx{position:relative;display: inline-block;width: 100%;padding: 0;margin: 25px 0 0;text-align: center;}
.Sns-box .h2-Sn{position:relative;}
.Sns-box .h2sp{position:relative;display: block;top: 60px;color: #fff;font-size: 35px;opacity: 0;transition: all 1.2s ease;}
.Sns-box.active .h2sp{position:relative;top: 0;color: #fff;font-size: 35px;opacity: 1;transition: all 1.2s ease;}

.Sns-box .Snsbx{position:relative;display: block;padding: 0;margin: 50px 0 0;text-align: center;}
.Sns-box .Sns-uL{position:relative;display: block;padding: 0;margin: 0;}
.Sns-box .Sns-uL>li{position:relative;display: block;float: left;width: 33.3333333333%;padding: 0;margin: 0;box-sizing: border-box;}
.Sns-box .Sns-uL>li:nth-child(-n+3){position:relative;}
.Sns-box .Sns-uL>li:nth-child(-n+3):before{content:'';position: absolute;display: block;top: 50px;right: 0;width: 1px;height: 250px;padding: 0;margin: 0;background: #fff;opacity: 0;transition: all 3s ease;}
.Sns-box .Sns-uL>li:nth-child(-n+3):after{content:'';position: absolute;display: block;bottom: 0;left: 50%;width: 55%;height: 1px;padding: 0;margin-left: -28%;background: #fff;opacity: 0;transition: all 3s ease;}
.Sns-box .Sns-uL>li:nth-child(n+3):before{content:'';position: absolute;display: block;top: 50px;right: 0;width: 1px;height: 250px;padding: 0;margin: 0;background: #fff;opacity: 0;transition: all 3s ease;}
.Sns-box .Sns-uL>li:nth-child(3n):before{content:'';position: absolute;display: none;top: 50px;right: 0;width: 1px;height: 250px;padding: 0;margin: 0;background: #fff;opacity: 0;transition: all 3s ease;}

.Sns-box.active .Sns-uL>li:nth-child(-n+3):before{content:'';position: absolute;display: block;top: 50px;right: 0;width: 1px;height: 250px;padding: 0;margin: 0;background: #fff;opacity: 1;transition: all 3s ease;}
.Sns-box.active .Sns-uL>li:nth-child(-n+3):after{content:'';position: absolute;display: block;bottom: 0;left: 50%;width: 55%;height: 1px;padding: 0;margin-left: -28%;background: #fff;opacity: 1;transition: all 3s ease;}
.Sns-box.active .Sns-uL>li:nth-child(n+3):before{content:'';position: absolute;display: block;top: 50px;right: 0;width: 1px;height: 250px;padding: 0;margin: 0;background: #fff;opacity: 1;transition: all 3s ease;}
.Sns-box.active .Sns-uL>li:nth-child(3n):before{content:'';position: absolute;display: none;top: 50px;right: 0;width: 1px;height: 250px;padding: 0;margin: 0;background: #fff;opacity: 1;transition: all 3s ease;}

.Sns-box .Sns-uL>li>a{position:relative;display: block;/* width: 100%; */min-height: 350px;padding: 0;margin: 0;}
.Sns-box .Sns-uL>li>a .Sn-circle{position: relative;display: block;/* height: 100%; */min-height: 350px;padding: 0;margin: 0;box-sizing: border-box;transition: all .3s ease;}
.Sns-box .Sns-uL>li>a .Sn-circle>i{position: absolute;display: block;top: 50%;left: 50%;width: 175px;height: 175px;padding: 0;margin-top: -120px;margin-left: -90px;border-radius: 50%;transition: all .3s ease;}
.Sns-box .Sns-uL>li>a .snTxt-bx{position: absolute;display: inline-block;width: 100%;padding: 0;left: 0;bottom: 35px;text-align: center;color: #fff;font-size: 18px;opacity: 0;transition: all 2.7s ease;}
.Sns-box.active .Sns-uL>li>a .snTxt-bx{position: absolute;display: inline-block;width: 100%;padding: 0;left: 0;bottom: 35px;text-align: center;color: #fff;font-size: 18px;opacity: 1;transition: all 2.7s ease;}

.Sns-box .Sns-uL>li>a .Sn-circle>i.icon01{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -10px;background-position-y: -5px;opacity: 0;margin-top: 0;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon02{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -257px;background-position-y: -5px;opacity: 0;margin-top: 0;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon03{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -513px;background-position-y: -5px;opacity: 0;margin-top: 0;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon04{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -10px;background-position-y: -218px;opacity: 0;margin-top: 0;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon05{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -255px;background-position-y: -218px;opacity: 0;margin-top: 0;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon06{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -513px;background-position-y: -218px;opacity: 0;margin-top: 0;}
.Sns-box .Sns-uL>li>a:hover .Sn-circle>i{-webkit-animation: rotate 1.5s ease-in-out infinite;-moz-animation: rotate 1.5s ease-in-out infinite;animation: rotate 1.5s ease-in-out infinite}

.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon01{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -10px;background-position-y: -5px;transition: all 1.5s ease;opacity: 1;margin-top: -120px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon02{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -257px;background-position-y: -5px;transition: all .9s ease;opacity: 1;margin-top: -120px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon03{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -513px;background-position-y: -5px;transition: all .3s ease;opacity: 1;margin-top: -120px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon04{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -10px;background-position-y: -218px;transition: all 3.3s ease;opacity: 1;margin-top: -120px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon05{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -255px;background-position-y: -218px;transition: all 2.1s ease;opacity: 1;margin-top: -120px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon06{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -513px;background-position-y: -218px;transition: all 2.7s ease;opacity: 1;margin-top: -120px;}


@media all and (max-width:650px) {
.Mn-section02{position:relative;display: block;min-height: 874px;background: url(/astro/_Img/_Main/Mn-bg01.jpg)no-repeat;background-attachment: fixed;}
.Sns-box .Sns-uL>li>a{position:relative;display: block;width: auto;min-height: 230px;padding: 0;margin: 0;}
.Sns-box .Sns-uL>li>a .Sn-circle{position: relative;display: block;/* height: 100%; */min-height: 230px;padding: 0;margin: 0;box-sizing: border-box;transition: all .3s ease;}
.Sns-box .Sns-uL>li>a .Sn-circle>i{position: absolute;display: block;top: 50%;left: 50%;width: 110px;height: 110px;padding: 0;margin-top: -50px;margin-left: -56px;border-radius: 50%;transition: all .3s ease;}
.Sns-box .Sns-uL>li>a .snTxt-bx{position: absolute;display: inline-block;width: 100%;padding: 0;left: 0;bottom: 18px;text-align: center;color: #fff;font-size: 18px;transition: all .3s ease;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon01{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -5px;background-position-y: -3px;background-size: 433px;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon02{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -158px;background-position-y: -3px;background-size: 433px;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon03{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -315px;background-position-y: -3px;background-size: 433px;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon04{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -6px;background-position-y: -134px;background-size: 433px;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon05{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -157px;background-position-y: -134px;background-size: 433px;}
.Sns-box .Sns-uL>li>a .Sn-circle>i.icon06{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -315px;background-position-y: -134px;background-size: 433px;}

.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon01{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -5px;background-position-y: -3px;background-size: 433px;margin-top: -50px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon02{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -158px;background-position-y: -3px;background-size: 433px;margin-top: -50px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon03{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -315px;background-position-y: -3px;background-size: 433px;margin-top: -50px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon04{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -6px;background-position-y: -134px;background-size: 433px;margin-top: -50px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon05{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -157px;background-position-y: -134px;background-size: 433px;margin-top: -50px;}
.Sns-box.active .Sns-uL>li>a .Sn-circle>i.icon06{background: #333 url(/astro/_Img/_Main/Mn-img-icons01.png)no-repeat;background-position-x: -315px;background-position-y: -134px;background-size: 433px;margin-top: -50px;}


.Sns-box .Sns-uL>li{position:relative;display: block;float: left;width: 49%;padding: 0;margin: 0;box-sizing: border-box;}
.Sns-box .Sns-uL>li>a:hover .Sn-circle>i{-webkit-animation: rotate 1.5s ease-in-out infinite;-moz-animation: rotate 1.5s ease-in-out infinite;animation: rotate 1.5s ease-in-out infinite}
.Sns-box .Sns-uL>li>a .snTxt-bx{position: absolute;display: inline-block;width: 100%;padding: 0;left: 0;bottom: 17px;text-align: center;color: #fff;font-size: 18px;transition: all .3s ease;}
.Sns-box.active .Sns-uL>li>a .snTxt-bx{position: absolute;display: inline-block;width: 100%;padding: 0;left: 0;bottom: 17px;text-align: center;color: #fff;font-size: 18px;transition: all .3s ease;}
.Sns-box.active .Sns-uL>li:nth-child(n+3):before{content:'';display:none !important;}
.Sns-box.active .Sns-uL>li:nth-child(n+3):after{content:'';display:none !important;}
.Sns-box.active .Sns-uL>li:nth-child(-n+3):before{content:'';display:none !important;}
.Sns-box.active .Sns-uL>li:nth-child(-n+3):after{content:'';display:none !important;}


/*.Sns-box .Sns-uL>li:nth-child(-n+3):before{content:'';position: absolute;display: block;top: 50px;right: 0;width: 1px;height: 130px;padding: 0;margin: 0;background: #fff;}
.Sns-box .Sns-uL>li:nth-child(-n+3):after{content:'';position: absolute;display: block;bottom: 0;left: 50%;width: 55%;height: 1px;padding: 0;margin-left: -28%;background: #fff;}
.Sns-box .Sns-uL>li:nth-child(n+3):before{content:'';position: absolute;display: block;top: 50px;right: 0;width: 1px;height: 130px;padding: 0;margin: 0;background: #fff;}
.Sns-box.active .Sns-uL>li:nth-child(-n+3):before{content:'';position: absolute;display: block;top: 50px;right: 0;width: 1px;height: 130px;padding: 0;margin: 0;background: #fff;}
.Sns-box.active .Sns-uL>li:nth-child(-n+3):after{content:'';position: absolute;display: block;bottom: 0;left: 50%;width: 55%;height: 1px;padding: 0;margin-left: -28%;background: #fff;}
.Sns-box.active .Sns-uL>li:nth-child(n+3):before{content:'';position: absolute;display: block;top: 50px;right: 0;width: 1px;height: 130px;padding: 0;margin: 0;background: #fff;} */


}


#mcontainer-wrap {position:relative;width:100%}
#mcontainer-wrap select,
#mcontainer-wrap input {}
#mcontainer {word-break:keep-all;padding-bottom: 0;}
@media all and (max-width:1200px) {
	#mcontainer {padding-bottom: 0;}
}

/* 메인 비쥬얼 + 포커스
------------------------------------------------------ */
.mvisual-wr {position: relative;box-sizing:border-box;height: 976px;margin: 0;}
.mvisual-wr #focusOn {display:block;position:absolute;width:340px;height:100%;left:-340px;top:0;background:rgba(0, 0, 0, .4);box-sizing:border-box;padding:41px 10px 0;z-index:3;transition:all .75s ease}
.mvisual-wr #focusOn.over {left:0}
.mvisual-wr #focusOn .opener {display:block;position:absolute;width:60px;height:180px;border:0;box-sizing:border-box;background:transparent;border-radius:0 30px 30px 0;left:100%;top:50%;margin:-90px 0 0;overflow:hidden;outline:0;transition:all .3s ease;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;

	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
}
.mvisual-wr #focusOn .opener:after {content:"";display:block;position:absolute;width:60px;height:300px;background:url(/resources/homepage/kor/_Img/Main/mc1_bg1.png) no-repeat;left:0;top:-60px;transition:all .75s ease}
.mvisual-wr #focusOn .opener span {display:block;position:absolute;z-index:2;transition:all .3s ease}
.mvisual-wr #focusOn .opener .txt {font-size:20px;font-family:"sofia-pro";color:#fff;left:41px;top:23px;transform:rotate(90deg);transform-origin:0 0;line-height:1;letter-spacing:.04em;white-space:nowrap}
.mvisual-wr #focusOn .opener .ico {width:10px;height:16px;left:25px;bottom:24px;transform:rotate(180deg)}
.mvisual-wr #focusOn .opener.over {background:rgba(0, 0, 0, .5)}
.mvisual-wr #focusOn .opener.over:after {top:180px}
.mvisual-wr #focusOn .opener.over .ico {transform:rotate(0deg)}
.mvisual-wr #focusOn .opener.over:focus,
.mvisual-wr #focusOn .opener.over:hover {background:rgba(0, 0, 0, .75)}
.mvisual-wr #focusOn .role-head {text-align:center;padding:0 35px}
.mvisual-wr #focusOn .role-head p {font-family:"sofia-pro";font-size:22px;color:#dbcea2;line-height:1.10;font-weight:400;border-bottom:2px solid rgba(255, 255, 255, .3);padding:0 0 20px}
.mvisual-wr #focusOn .role-head p span {display:block}
.mvisual-wr #focusOn .role-body {}
.mvisual-wr #focusOn .role-body .datalist {}
.mvisual-wr #focusOn .role-body .datalist .item {text-align:center;box-sizing:border-box;padding:35px 0 0}
.mvisual-wr #focusOn .role-body .datalist .item .inwr {display:block}
.mvisual-wr #focusOn .role-body .datalist .item img {display:inline-block;width:auto;max-width:100%}
.mvisual-wr #focusOn .role-body .datalist .item p {display:block;line-height:1;color:#fff;margin:26px 0 0;word-wrap:break-word;word-break:keep-all;white-space:normal}
.mvisual-wr #focusOn .role-body .datalist .item p span {display:block}
.mvisual-wr #focusOn .role-body .datalist .item p .t1 {font-size:20px;letter-spacing:-.05em}
.mvisual-wr #focusOn .role-body .datalist .item p .t2 {font-size:28px;letter-spacing:-.075em;margin:11px 0 0}
.mvisual-wr #focusOn .role-body .datalist .item p .t3 {font-size:17px;letter-spacing:-.075em;margin:16px 0 0;font-weight:300}
.mvisual-wr #focusOn .role-body .ctrlnums-wrap {text-align:center;margin:43px 0 0}
.mvisual-wr #focusOn .role-body .ctrlnums-wrap p {display:inline-block;line-height:1;vertical-align:middle;color:#fff;font-size:18px;font-family:"sofia-pro";width:38px}
.mvisual-wr #focusOn .role-body .ctrlnums-wrap p span {display:inline-block;line-height:1}
.mvisual-wr #focusOn .role-body .ctrlnums-wrap button {display:inline-block;vertical-align:middle;width:31px;height:11px;border:0;transition:all .3s ease}
.mvisual-wr #focusOn .role-body .ctrlnums-wrap button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0}
.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-prev {background-position:0px 0px;margin:-7px 18px 0 0}
.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-next {background-position:-41px 0px;margin:-7px 0 0 18px}
.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-prev:focus,
.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-prev:hover {transform:translateX(-10px)}
.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-next:focus,
.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-next:hover {transform:translateX(10px)}
.mvisual-wr #mvisual .ctrlnums-wrap {display:block;position: absolute;width:100%;left:0;bottom:30px;z-index:2;}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums {display:block;position:relative;font-size:0;max-width:1200px;margin:0 auto;text-align: center;}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums button {box-sizing:border-box;border-radius:50%;transition:all .3s ease}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .nums {display:inline-block;vertical-align:middle}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .nums button {display:inline-block;width:15px;height:15px;border:2px solid #fff;background:transparent;margin:0 0 0 8px}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .nums button:first-child {margin:0}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .nums button.active {background:#fff}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns {display:inline-block;vertical-align:middle;margin:0 0 0 15px}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns button {display:block;position:relative;float:left;width:44px;height:44px;border:2px solid #fff;background:transparent;outline: none;}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns button:after {content:"";display:block;position:absolute;width:14px;height:14px;top:0;right:0;bottom:0;left:0;margin:auto}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-stop {}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-stop>i{margin: 0;color: #fff;font-size: 26px;top: 1px;position: relative;}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-stop:after {background-position:0px -21px}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-play {display:none}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-play>i{margin: 0;color: #fff;font-size: 26px;top: 1px;left: 1px;position: relative;}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-play:after {background-position:-24px -21px}
.mvisual-wr #mvisual {position: absolute;display: inline-block;left: 50%;width: 1920px;max-width: 1920px;height:100%;margin: 0 0 0 -960px;z-index:1;overflow: hidden;}

.mvisual-wr #mvisual .datalist,
.mvisual-wr #mvisual .owl-stage-outer,
.mvisual-wr #mvisual .owl-stage,
.mvisual-wr #mvisual .owl-item {height:100%}
.mvisual-wr #mvisual .owl-item {overflow:hidden}
.mvisual-wr #mvisual .item {height:100%}
.mvisual-wr #mvisual .item .vis-img {position:relative;height:100%}
.mvisual-wr #mvisual .item .vis-img .txtBox {display:block;position:absolute;width: 500px;height: 370px;left: 50%;top: 50%;bottom: auto;z-index:2;margin: -160px 0 0 -250px;}
.mvisual-wr #mvisual .item .vis-img .txtBox .inwr {display:block;position:relative;max-width:1200px;margin:0 auto;/* box-sizing:border-box; */color:#fff;text-align:left;padding:0;transition:all .75s ease;}
.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 {letter-spacing:-.1em;line-height:1.22;font-weight:500;width: 460px;height: 330px;position: relative;display: inline-block;text-shadow: 1px 1px 5px rgb(25, 25, 25);}
.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1:before{content:'';position: absolute;display: inline-block;top: 0;left: 0;width: 100%;height: 100%;background: transparent;border: 10px solid #fff;}
.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1:after{content:'';z-index: -1;position: absolute;display: inline-block;top: 29px;left: 30px;width: 100%;height: 100%;background: transparent;border: 5px solid rgba(255, 255, 255, 0.58);}
.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 span {display:block;}

span.t2 {}
.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 span.t1 {font-weight: 500;font-size: 40px;letter-spacing: normal;color: #ffffff;margin: 114px 0 0 60px;}
.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 span.t2 {font-weight: 400;font-size: 17px;letter-spacing: -.5px;color: #ffffff;text-align: center;margin: 20px 0 0 40px;}
.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p2 {letter-spacing:-.05em;line-height:1.40;font-weight:500;margin:13px 0 0;}
.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p2 span {display:block;letter-spacing: -0.8px;font-weight: 400;font-size: 20px;color: #333;}
.mvisual-wr #mvisual .item .vis-img .Img-Box{display:block;position:absolute;width: 1920px;height:100%;left:50%;top:0;margin: 0 0 0 -960px;z-index:1;}
.mvisual-wr #mvisual .item .vis-img .Img-Box>img {max-width: 100%;height: auto;}
.mvisual-wr #mvisual.over .item .vis-img .txtBox .inwr {}
@media all and (max-width:2000px) {
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr {padding:0}
	.mvisual-wr #mvisual.over .item .vis-img .txtBox .inwr {padding:0 0 0 8%;}
}
@media all and (max-width:1800px) {
	.mvisual-wr #mvisual.over .item .vis-img .txtBox .inwr {padding: 0;}
}
@media all and (max-width:1600px) {
	.mvisual-wr #mvisual.over .item .vis-img .txtBox .inwr {padding: 0;}
}
@media all and (max-width:1500px) {
	.mvisual-wr #mvisual.over .item .vis-img .txtBox .inwr {padding: 0;}
}
@media all and (max-width:1400px) {
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr {padding:0 0 0 100px}
	.mvisual-wr #mvisual.over .item .vis-img .txtBox .inwr {padding: 0 0 0 200px;}
	.mvisual-wr #mvisual {position: absolute;display: block;left: 0;width: 100%;max-width: 100%;height:100%;margin: 0;z-index:1;overflow: hidden;}
	.mvisual-wr #mvisual .item .vis-img .txtBox {display:block;position:absolute;left: 50%;bottom: auto;z-index:2;margin: -160px 0 0 -410px;/* background: #333; */}
	.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums {display:block;position:relative;font-size:0;width: auto;max-width: 100%;margin: 0 30px;text-align:center;}
}
@media all and (max-width:1200px) {
	.mvisual-wr #focusOn {width:280px;left:-280px}
	.mvisual-wr #focusOn .role-body .datalist .item p .t1 {font-size:16px}
	.mvisual-wr #focusOn .role-body .datalist .item p .t2 {font-size:22px;margin:8px 0 0}
	.mvisual-wr #focusOn .role-body .datalist .item p .t3 {font-size:16px}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 {line-height:1.20;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p2 {line-height:1.40;margin:10px 0 0;}
	.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums {margin: 0;position: relative;display: block;width: auto;margin: 0 80px;padding: 0;}
	.mvisual-wr #mvisual.over .item .vis-img .txtBox .inwr {padding: 0 20px;}
	.mvisual-wr #mvisual .item .vis-img .txtBox {bottom: auto;width: 100%;left: 50%;margin: -160px 0 0 -250px;}
	.mvisual-wr #mvisual .ctrlnums-wrap {display:block;position: absolute;width:100%;left:0;bottom:30px;z-index:2;box-sizing: border-box;}
	.mvisual-wr #mvisual {position: absolute;display: inline-block;left: 0;width: 100%;max-width: 1900px;height:100%;margin: 0;z-index:1;overflow: hidden;}
    .mvisual-wrmvisual-wr #mvisual .item .vis-img img {display:block;position:absolute;width: 1920px;height: 771px;left:50%;top:0;margin: 0 0 0 -960px;z-index:1;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 {letter-spacing:-.1em;line-height:1.22;font-weight:500;width: 460px;height: 330px;}
}
@media all and (max-width:1024px) {
	.mvisual-wr #mvisual .item .vis-img .Img-Box{display:block;position:absolute;width: 1920px;height:100%;left:50%;top:0;margin: 0 0 0 -960px;z-index:1;}
    .mvisual-wr #mvisual .item .vis-img .Img-Box>img {max-width: 100%;height: auto;}
	.mvisual-wr {height: 780px;}
	.mvisual-wr #focusOn {padding:20px 10px 0}
	.mvisual-wr #focusOn .role-head p {padding:0 0 20px;font-size:18px}
	.mvisual-wr #focusOn .role-body .datalist .item {padding:30px 0 0}
	.mvisual-wr #mvisual .item .vis-img img {max-width: 100%;height: auto;}
	.mvisual-wr #mvisual .item .vis-img .txtBox {bottom: auto;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 {letter-spacing:-.1em;line-height:1.22;font-weight:500;width: 460px;height: 330px;}

}
@media all and (max-width:900px) {
	.mvisual-wr #mvisual .item .vis-img .Img-Box{display:block;position:absolute;width: 1380px;height:100%;left:50%;top:0;margin: 0 0 0 -320px;z-index:1;}
    .mvisual-wr #mvisual .item .vis-img .Img-Box>img {max-width: 100%;height: auto;}
	.mvisual-wr {height: 700px;}
	.mvisual-wr #focusOn {width:200px;left:-200px}
	.mvisual-wr #focusOn .opener {width:42px;height:150px;border-radius:0 10px 10px 0;top:20px;margin:0}
	.mvisual-wr #focusOn .opener .txt {font-size:17px;left:32px;top:14px;letter-spacing:0}
	.mvisual-wr #focusOn .opener .ico {left:17px;bottom:14px}
	.mvisual-wr #focusOn .role-head {padding:0}
	.mvisual-wr #focusOn .role-body .datalist .item {padding:20px 0 0}
	.mvisual-wr #focusOn .role-body .datalist .item img {max-width:70%}
	.mvisual-wr #focusOn .role-body .datalist .item p {margin:20px 0 0}
	.mvisual-wr #focusOn .role-body .datalist .item p .t1 {font-size:15px}
	.mvisual-wr #focusOn .role-body .datalist .item p .t2 {font-size:17px;margin:5px 0 0}
	.mvisual-wr #focusOn .role-body .datalist .item p .t3 {font-size:15px;line-height:1.3}
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap {margin:25px 0 0}
	.mvisual-wr #mvisual .item .vis-img .txtBox {bottom: auto;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr {padding:0 0 0 40px}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 {letter-spacing:-.1em;line-height:1.22;font-weight:500;width: 460px;height: 330px;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p2 {padding:0 200px 0 0px}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p2 span {display:inline}
	.mvisual-wr #mvisual .item .vis-img img {width:1600px;margin:0 0 0 -800px}
	.mvisual-wr #mvisual.over .item .vis-img .txtBox .inwr {padding: 0 0 0 20px;}
	.mvisual-wr #mvisual .ctrlnums-wrap {bottom:25px}
	.mvisual-wr #mvisual .item .vis-img img {display:block;position:absolute;width: 1920px;height:100%;left:50%;top:0;margin: 0 0 0 -960px;z-index:1;}

}
@media all and (max-width:700px) {
	.mvisual-wr #mvisual .item .vis-img .Img-Box{display:block;position:absolute;width: 1160px;height:100%;left:50%;top:0;margin: 0 0 0 -135px;z-index:1;}
    .mvisual-wr #mvisual .item .vis-img .Img-Box>img {max-width: 100%;height: auto;}
	.mvisual-wr {height: 590px;}	
	.mvisual-wr #focusOn {height:130px;width:100%;left:0;top:auto;bottom:0;padding:15px 20px 10px}
	.mvisual-wr #focusOn .opener {display:none}
	.mvisual-wr #focusOn .role-head {text-align:left}
	.mvisual-wr #focusOn .role-head p {font-size:15px;border-bottom:1px solid rgba(255, 255, 255, .3);padding:0 0 10px}
	.mvisual-wr #focusOn .role-head p span {display:inline}
	.mvisual-wr #focusOn .role-body .datalist .item {padding:13px 0 0}
	.mvisual-wr #focusOn .role-body .datalist .item .inwr {position:relative;text-align:left;box-sizing:border-box;padding:11px 0 10px 70px}
	.mvisual-wr #focusOn .role-body .datalist .item img {display:block;position:absolute;width:60px;height:60px;left:0;top:0}
	.mvisual-wr #focusOn .role-body .datalist .item p {margin:0}
	.mvisual-wr #focusOn .role-body .datalist .item p .t1 {display:inline-block;font-size:15px}
	.mvisual-wr #focusOn .role-body .datalist .item p .t2 {display:inline-block;margin:0;font-size:15px}
	.mvisual-wr #focusOn .role-body .datalist .item p .t3 {margin:5px 0 0}
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap {position:absolute;margin:0;right:20px;top:15px}
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap button {width:22px;height:8px;background-size:64px 24px}
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap p {font-size:15px}
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-prev {background-position:0px 0px;margin:-1px 10px 0 0}
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-next {background-position:-29px 0px;margin:-1px 0 0 10px}
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-prev:focus,
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-prev:hover {transform:translateX(0)}
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-next:focus,
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-next:hover {transform:translateX(0)}
	.mvisual-wr #mvisual .item .vis-img .txtBox {bottom: auto;margin: -133px 0 0 -217px;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 span.t1 {font-weight: 500;font-size: 40px;letter-spacing: normal;color: #ffffff;margin: 80px 0 0 85px;}
    .mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 span.t2 {font-weight: 400;font-size: 17px;letter-spacing: -.5px;color: #ffffff;text-align: center;margin: 29px 0 0 40px;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr {padding:0 20px;/* text-shadow:2px 2px 2px rgba(0, 0, 0, .5) */}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 {letter-spacing:-.1em;line-height:1.22;font-weight:500;width: 330px;height: 280px;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p2 {padding:0}
	.mvisual-wr #mvisual .ctrlnums-wrap {bottom: 40px;}
	.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums {text-align:center}
	.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .nums button {border-width:1px}
	.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns {margin:0 0 0 10px}
	.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns button {width: 33px;height: 33px;border-width:1px}
	.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns button:after {width:7px;height:7px;background-size:45px 17px}
	.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-stop:after {background-position:0px -10px}
	.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-play:after {background-position:-12px -10px}
	.mvisual-wr #mvisual.over .item .vis-img .txtBox .inwr {padding: 0 40px;}
}
@media all and (max-width:600px) {
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-prev {margin:-1px 5px 0 0}
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap .owl-next {margin:-1px 0 0 5px}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 {font-weight:400;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p2 {font-weight:400;}
	.mvisual-wr #focusOn .role-body .datalist .item p .t1 {display:inline-block;font-size:15px}
	.mvisual-wr #focusOn .role-body .datalist .item p .t2 {display:inline-block;margin:0;font-size:15px}
    .mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 {letter-spacing:-.1em;line-height:1.22;font-weight:500;width: 220px;height: 200px;}
	.mvisual-wr #mvisual .item .vis-img .txtBox {bottom: auto;margin: -122px 0 0 -165px;}
	.mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 span.t1 {font-weight: 500;font-size: 23px;letter-spacing: normal;color: #ffffff;margin: 50px 0 0 85px;}
    .mvisual-wr #mvisual .item .vis-img .txtBox .inwr .p1 span.t2 {font-weight: 400;font-size: 15px;letter-spacing: -.5px;color: #ffffff;text-align: center;margin: 25px 0 0 40px;}
	
}
@media all and (max-width:400px) {
	.mvisual-wr #focusOn .role-body .ctrlnums-wrap button {display:none}
}