@charset "utf-8"; #body_layout{overflow: hidden;position: relative;padding-top: 0} #body_layout:before{display: none;} #mquick{position:absolute;top:380px;right:114px;display:block;z-index: 99;} #mquick.on{position:fixed;top:50%;margin-top:-278px;} #mquick .top{position: relative;width: 154px;height: 205px;margin-bottom: 17px;padding-top: 77px;background: url(../../images/child/main/main_ir.png) -2101px -1px;} #mquick .top:before{position: absolute;right: -47px;top:71px;width: 65px;height: 108px;background: url(../../images/child/main/main_ir.png) -2257px -1px;content: '';} #mquick .top:after{position: absolute;left: 50%;bottom:-13px;width: 26px;height: 26px;margin-left: -13px;background: url(../../images/child/main/main_ir.png) -2025px -34px;content: '';} #mquick .top strong{display: block;width: 97px;height: 30px;margin: 0 auto 3px;background: url(../../images/child/main/main_ir.png) -1954px -1px;font-size: 0;text-indent: -9999px;} #mquick .top span{display: block;width: 68px;height: 68px;padding-top: 15px;margin: 0 auto;background: url(../../images/child/main/main_ir.png) -1954px -34px;font-size: 14px;text-align: center;line-height: 15px;color: #644417;font-weight: 700} #mquick .link_box{padding: 23px 20px;background: #fff;border-radius: 15px;box-shadow: 3px 5px rgba(0,0,0,0.2)} #mquick .link_box:after{position: absolute;left: -32px;bottom: 7px;width: 53px;height: 107px;background: url(../../images/child/main/main_ir.png) -2257px -113px;content: '';} #mquick .link_box .box{display: block;width: 112px;height: 34px;border:1px solid #fee620;font-size: 14px;line-height: 34px;font-weight: 700;color: #000;} #mquick .link_box .box + .box{margin-top: 6px;} #mquick .link_box .box:hover, #mquick .link_box .box:focus{background: #fee620} #mquick .link_box #topMov{display: block;width: 40px;height: 23px;margin:15px auto 0;background: url(../../images/child/main/main_ir.png) -2025px -63px;font-size: 0;text-indent: -9999px;} #mtop{position: relative;height: 850px;padding-top: 185px;background: #c0effe;text-align: center;} #mtop:before{position: absolute;bottom: -54px;left: 33%;z-index: 0;width: 3000px;height: 607px;margin-left: -1300px;background: url(../../images/child/main/bigcloud.png);animation-name: anim3;animation-duration: 6s;animation-iteration-count: infinite;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;content: '';} #mtop:after{position: absolute;bottom: -27px;left: 50%;z-index: 1;width: 750px;height: 289px;margin-left: -386px;background: url(../../images/child/main/mvisual_center_bg_new.png) no-repeat;background-size:contain;content: '';} #mtop .tit_wrap em{display: inline-block;position: relative;top: -100px;margin-bottom:15px;font-size: 30px;line-height: 34px;font-family: 'nsk_m';color: #3b3b3b;font-weight:700;opacity: 0} #mtop .tit_wrap strong{display: block;position: relative;top: -100px;width: 248px;height: 272px;margin: 0 auto;background: url(../../images/child/main/mvisual_tit.png) no-repeat;background-size:contain;font-size: 0;text-indent;opacity: 0;} #mtop .tit_wrap p{position: relative;top: -100px;width: 325px;height: 45px;margin: 15px auto 0;background: url(../../images/child/main/main_ir.png) -631px -1px;font-size: 0;text-indent: -9999px;opacity: 0} #mtop .mtop_bg > div{position: absolute;animation-name: anim1;animation-duration: 5s;animation-iteration-count: infinite;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} #mtop .mtop_bg .cloud1{top: -41px;left: -241px;width: 238px;height: 96px;background: url(../../images/child/main/cloud01_new.png);} #mtop .mtop_bg .cloud2{top: 56px;left: 45px;width: 259px;height: 84px;background: url(../../images/child/main/cloud02_new.png);animation-name:anim2;} #mtop .mtop_bg .cloud3{top: -60px;right: -165px;width: 164px;height: 67px;background: url(../../images/child/main/cloud03_new.png);} #mtop .mtop_bg .cloud4{top: 4px;right: -370px;width: 241px;height: 78px;background: url(../../images/child/main/cloud04_new.png);animation-name:anim2;} #mtop .scl_down{position: absolute;bottom: -25px;left: 50%;z-index: 2;margin-left: -25px;font-size: 12px;color: #000;text-align: center;} #mtop .scl_down:before{display: block;width: 20px;height: 44px;margin:0 auto 5px;background:url(../../images/child/main/scrolldown.png);background-size:contain;content: '';} @keyframes anim1 { 0% {transform: translate(-50px); -webkit-transform: translate(-50px);} 50% {transform: translate(0px); -webkit-transform: translate(0px);} 100% {transform: translate(-50px); -webkit-transform: translate(-50px);} } @keyframes anim2 { 0% {transform: translate(50px); -webkit-transform: translate(50px);} 50% {transform: translate(0px); -webkit-transform: translate(0px);} 100% {transform: translate(50px); -webkit-transform: translate(50px);} } @keyframes anim3 { 0% {transform: translate(30px); -webkit-transform: translate(30px);} 50% {transform: translate(0px); -webkit-transform: translate(0px);} 100% {transform: translate(30px); -webkit-transform: translate(30px);} } .mcont .tit_wrap strong{display: block;font-size: 36px;line-height: 41px;color: #000;font-family: 'bm_m';} .mcont .tit_wrap strong br{display: none;} .mcont .tit_wrap p{margin-top: 15px;font-family: 'nsk_m';font-size: 17px;line-height: 21px;color: #000;letter-spacing:0;} #mcont1{position: relative;height: 800px;padding-top: 65px;text-align: center;} #mcont1:after{content:"";display:inline-block;position: absolute;width:100%;height: 1994px;bottom:-428px;left:0;z-index:0;background: url(../../images/child/main/mcont1_bg_new.png) 50% 0;background-size: cover;} #mcont1 .link_box{margin-top: 40px} #mcont1 .link_box:after{display: block;visibility: hidden;clear:both;content: '';} #mcont1 .link_box .box{float: left;position: relative;width: 32%;height: 370px;margin-right: 2%;border-radius: 21px;opacity:0;} #mcont1 .link_box .box:after{position: absolute;bottom: 5px;left: 0;width: 100%;height: 100%;border-radius: 16px;box-shadow: 0 5px rgba(0,0,0,0.2);content: '';} #mcont1 .link_box .box a{display: inline-block;width: 100%;height: 100%;} #mcont1 .link_box .box a .icon{display: block;margin: 0 auto 60px;background: url(../../images/child/main/main_ir.png) no-repeat;} #mcont1 .link_box .box > strong{display:inline-block;font-family: 'bm_m';font-size: 20px;line-height: 19px;color: #fff;} #mcont1 .link_box .box > strong:after{display: inline-block;width: 28px;height: 28px;margin-left: 10px;background: url(../../images/child/main/main_ir.png) -1584px -154px;vertical-align: middle;content: '';} #mcont1 .link_box .box strong br{display: none;} #mcont1 .link_box .box:nth-child(1) span, #mcont1 .link_box .box:nth-child(2) span{color:rgba(255, 255, 255, 0.7);line-height:1.2;} #mcont1 .link_box .box:nth-child(1) strong br, #mcont1 .link_box .box:nth-child(2) strong br{display:block;} #mcont1 .link_box .box:nth-child(1) strong:after, #mcont1 .link_box .box:nth-child(2) strong:after{display:none;} #mcont1 .link_box .box:nth-child(1){padding: 37px 30px;background: #e5367b;} #mcont1 .link_box .box:nth-child(1) strong{display:block;text-align:left;font-size:20px;line-height:19px;margin-bottom:30px;color: #fff;} #mcont1 .link_box .box:nth-child(1) ul{position: relative;z-index: 1;} #mcont1 .link_box .box:nth-child(1) ul li{text-align: left;} #mcont1 .link_box .box:nth-child(1) ul li{font-size: 16px;color: #fff;} #mcont1 .link_box .box:nth-child(1) ul li a{position: relative;padding:0 85px 0 15px;font-size: 16px;line-height: 46px;color: #fff;} #mcont1 .link_box .box:nth-child(1) ul li a:before{position: absolute;left: 0;top: 20px;width: 5px;height: 5px;background: #fff;border-radius: 50%;content: '';} #mcont1 .link_box .box:nth-child(1) ul li a b{display: block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;} #mcont1 .link_box .box:nth-child(1) ul li a b span{font-size: 16px;line-height: 46px;color: #fff;} #mcont1 .link_box .box:nth-child(1) ul li a em{position: absolute;right: 0;top: 0} #mcont1 .link_box .box:nth-child(1) a .icon{width: 238px;height: 216px;background-position: -1102px -1px} #mcont1 .link_box .box:nth-child(1) .more{position: absolute;right: 30px;top: 30px;z-index: 1;width: 37px;height: 37px;background: url(../../images/child/main/main_ir.png) -1938px -107px;font-size: 0;text-indent: -9999px} #mcont1 .link_box .box:nth-child(2){padding: 37px 30px;background: #8c39f2;} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap{position: relative;width: 100%;height: 100%;} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .tit{display: block;position: absolute;bottom: 0;left: 20px;z-index: 1;font-family: 'nsr_m';font-size: 18px;color: #fff;line-height: 57px} #mcont1 .link_box .box:nth-child(2) .sliderBox, #mcont1 .link_box .box:nth-child(2) .sliderBox ul, #mcont1 .link_box .box:nth-child(2) .sliderBox ul li{ width:100%; height:100%; padding:0; margin:0; display:inline-block;} #mcont1 .link_box .box:nth-child(2) .sliderBox{ overflow:hidden;} #mcont1 .link_box .box:nth-child(2) .sliderBox ul{ position:relative;} #mcont1 .link_box .box:nth-child(2) .sliderBox ul li{ position:absolute; top:0; left:0;} #mcont1 .link_box .box:nth-child(2) .sliderBox ul li .txt{position: absolute;bottom: 0;width: 100%;height: 38px;padding: 0px 10px;background: rgba(0,0,0,0.6);text-align: center;} #mcont1 .link_box .box:nth-child(2) .sliderBox ul li .txt strong{display: block;overflow:hidden;font-size: 14px;color: #fff;line-height: 38px;white-space: nowrap;text-overflow: ellipsis;} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap{display:block;position:relative;height: 200px;padding:0;margin:0;text-align: center;z-index: 1} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .sliderBox{ width:340px;} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .sliderBox ul li{overflow: hidden;position: relative;height:200px;} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .sliderBox ul li img{width: 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%);} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .controlBox{position: relative;margin-top: 28px;text-align: center;} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .controlBox .pageCount{font-size: 15px;line-height: 22px;color: #fff;} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .controlBox .pageCount .num{display: inline-block;width: 28px;height: 27px;margin-right: 5px;border-radius: 50%;background: #f7941e;text-align: center;font-weight: 700;line-height: 27px;} #mcont1 .link_box .box:nth-child(2) .controlBox .pageCount .totalNum{margin-left: 5px} #mcont1 .link_box .box:nth-child(2) .controlBox button{position: absolute;top:5px;width: 8px;height: 15px;background: url(../../images/child/main/main_ir.png);font-size: 0;text-indent: -9999px} #mcont1 .link_box .box:nth-child(2) .controlBox .btn_prev{left: 0;background-position: -1916px -107px} #mcont1 .link_box .box:nth-child(2) .controlBox .btn_next{right: 0;background-position: -1927px -107px} #mcont1 .link_box .box:nth-child(2) > strong{display:block;text-align:left;font-size:20px;line-height:19px;margin-bottom:25px;color: #fff;} #mcont1 .link_box .box:nth-child(2) .more{position: absolute;right: 30px;top: 30px;z-index: 1;width: 37px;height: 37px;background: url(../../images/child/main/main_ir.png) -1978px -107px;font-size: 0;text-indent: -9999px;} #mcont1 .link_box .box:nth-child(3){background: #d1eef7} #mcont1 .link_box .box:nth-child(3){margin-right: 0;padding: 40px 30px 20px;background: #bbe7f5} #mcont1 .link_box .box:nth-child(3) strong{display: block;color:#000;text-align: left;} #mcont1 .link_box .box:nth-child(3) strong:after{display: none;} #mcont1 .link_box .box:nth-child(3) .list{position: relative;margin-top:106px;padding: 16px 14px;border-top: 3px solid #000;background: #fff} #mcont1 .link_box .box:nth-child(3) .list:before{position: absolute;top: -89px;left: 12%;width: 206px;height: 87px;margin-left: 30px;background:url(../../images/child/main/mcont1_bg3_new.png) 100% no-repeat;content: '';} #mcont1 .link_box .box:nth-child(3) .list li{position: relative;padding-left: 70px;text-align: left;font-size: 15px;line-height: 21px;color: #000;font-weight:700;letter-spacing: -2px;} #mcont1 .link_box .box:nth-child(3) .list li:first-child{font-size: 18px;} #mcont1 .link_box .box:nth-child(3) .list li + li{margin-top: 20px;} #mcont1 .link_box .box:nth-child(3) .list li em{display: inline-block;position: absolute;left: 0;top: -4px;width: 64px;padding: 3.5px 3px;border-radius: 20px;background: #f16e44;font-family:'nsk_m';font-size: 14px;line-height: 21px;font-weight: 700;color: #fff;text-align: center;letter-spacing:0;} #mcont1 .link_box .box:nth-child(3) .list li b{font-size:18px;letter-spacing: 0;} #mcont1 .link_box .box:nth-child(3) .list li span{display:inline-block;font-size:14px;line-height: 20px;letter-spacing: -2px;color: rgba(0,0,0,0.72);} #mcont1 .link_box2{margin-top: 20px} #mcont1 .link_box2:after{display: block;visibility: hidden;clear:both;content: '';} #mcont1 .link_box2 .box{float: left;position: relative;width: 32%;height: 100px;margin-right: 2%;border-radius: 16px;background: #fff;opacity:0;text-align: left;} #mcont1 .link_box2 .box a{display: block;position: relative;z-index: 1;width: 100%;height: 100%;padding: 20px 28px 20px 110px;} #mcont1 .link_box2 .box:after{position: absolute;bottom: 5px;left: 0;width: 100%;height: 100%;border-radius: 16px;box-shadow: 0 5px rgba(0,0,0,0.2);content: '';} #mcont1 .link_box2 .box strong{display: block;margin-bottom: 5px;font-family: 'bm_m';font-size: 17px;line-height: 19px;color: #333} #mcont1 .link_box2 .box p{font-size: 14px;line-height: 17px;color: #777} #mcont1 .link_box2 .box .icon{display: block;position: absolute;left: 28px;top: 20px;height: 54px;background: url(../../images/child/main/main_ir.png);} #mcont1 .link_box2 .box .icon1{width: 58px;background-position: -2326px -1px} #mcont1 .link_box2 .box .icon2{width: 64px;background-position: -2387px -1px;} #mcont1 .link_box2 .box .icon3{width: 47px;background-position: -2454px -1px;} #mcont1 .link_box2 .box .more{display: block;position: absolute;right: 21px;top: 28px;width: 37px;height: 37px;background: url(../../images/child/main/main_ir.png) -2504px -1px} #mcont1 .link_box2 .box .more:before{position: absolute;left: -16px;top: 0px;width: 1px;height: 36px;background: #ddd;content: '';} #mcont1 .link_box2 .box:nth-child(3){margin-right: 0} #mcont2{position: relative;height: 1450px;padding-top: 0px;background: url(../../images/child/main/mcont2_bg_new.png) 50% 0;background-size: cover;text-align: center;} #mcont2:before{position: absolute;top: -90px;left: 50%;width: 1085px;height: 95px;margin-left: -542px;background: url(../../images/child/main/mcont2_before.png) no-repeat;text-align: center;content: '';} #mcont2 .coment{display: block;position: absolute;top: 65px;right: 0;font-size: 15px;line-height: 39px;color: #3b3b3b} #mcont2 .coment:before{display: inline-block;width: 35px;height: 35px;margin-right: 10px;background: url(../../images/child/main/main_ir.png) -1965px -190px;vertical-align: middle;content: '';} #mcont2 .road_list{position: relative;height: 840px} #mcont2 .road_list:before{position: absolute;left: 50%;top: 192px;width: 1864px;height: 1160px;margin-left: -981px;background: url(../../images/child/main/mcont2_bg2.png) no-repeat;content: '';} #mcont2 .road_list li{position: absolute;font-size: 20px;font-weight: 700;color: #3b3b3b;line-height: 25px;text-align: center;opacity: 0;} #mcont2 .road_list li .icon{display: block;position: relative;width: 160px;height: 160px;margin-bottom: 40px;background: url(../../images/child/main/main_ir_new.png);} #mcont2 .road_list li .icon:after{position: absolute;left: 50%;bottom: -25px;width: 46px;height: 46px;margin-left: -23px;background: url(../../images/child/main/main_ir.png) -1916px -190px;content: '';} #mcont2 .road_list .item1:before{position:absolute;left:-450px;top:30px;content:"";display:inline-block;width:358px;height:152px;background:url(../../images/child/main/museum_img.png) no-repeat;background-size:contain;} #mcont2 .road_list .item1{left: 210px;top: 50px} #mcont2 .road_list .item1 .icon{background-position: -2px -2px} #mcont2 .road_list .item2{right: 532px;top: 50px;} #mcont2 .road_list .item2 .icon{background-position: -170px -2px;} #mcont2 .road_list .item3{right: 209px;top: 50px;} #mcont2 .road_list .item3 .icon{background-position: -337px -2px;} #mcont2 .road_list .item4{right: 80px;top: 355px;} #mcont2 .road_list .item4 .icon{background-position: -505px -2px;} #mcont2 .road_list .item5{right: 380px;top: 355px;} #mcont2 .road_list .item5 .icon{background-position: -672px -2px;} #mcont2 .road_list .item6{left: 378px;top: 355px;} #mcont2 .road_list .item6 .icon{background-position: -840px -2px;} #mcont2 .road_list .item7{left: 75px;top: 355px;} #mcont2 .road_list .item7 .icon{background-position: -1007px -2px;} #mcont2 .road_list .item8{left: 208px;top: 670px;} #mcont2 .road_list .item8 .icon{background-position: -2px -164px;} #mcont2 .road_list .item9{left: 540px;top: 670px;} #mcont2 .road_list .item9 .icon{background-position: -170px -164px;} #mcont2 .road_list .item10{right: 205px;top: 670px;} #mcont2 .road_list .item10 .icon{background-position: -337px -164px;} #mcont2 .road_list .item11{right: 80px;top: 980px;} #mcont2 .road_list .item11 .icon{background-position: -505px -164px;} #mcont2 .road_list .item12{right: 380px;top: 980px;} #mcont2 .road_list .item12 .icon{background-position: -672px -164px;} #mcont2 .road_list .item13{left: 378px;top: 980px;} #mcont2 .road_list .item13 .icon{background-position: -840px -164px;} #mcont2 .road_list .item14{left: 75px;top: 980px;} #mcont2 .road_list .item14 .icon{background-position: -1007px -164px;} #mcont2 .road_list li .icon:hover, #mcont2 .road_list li .icon:focus{transform: rotateY(-360deg);transition:all .5s ease-out;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;transition: all .5s ease-out;} #mcont3{position: relative;z-index:1;height: 603px;padding-top: 68px;background-size: cover;text-align: center;background: url(../../images/child/main/mcont3_bg.png) repeat;} #mcont3:before{position: absolute;top: -31px;left: 0;right: 0;height: 31px;margin-left: -542px;background: url(../../images/child/main/mcont3_bg1.png) repeat-x;text-align: center;content: '';} #mcont3 .notic_wrap{margin-top: 50px} #mcont3 .notic_wrap:after{display: block;visibility: hidden;clear: both;content: '';} #mcont3 .notic_wrap > div{overflow: hidden;float: left;position: relative;width: 32%;height: 370px;margin-right: 2%;padding: 40px 30px 30px;border-radius: 23px;text-align: left;opacity: 0} #mcont3 .notic_wrap > div:after{position: absolute;bottom: -1px;left: 0;right: 0;width:100%;height: 23px;background: url(../../images/child/main/mcont3_bg2.png) no-repeat;background-size: 100%;content: '';} #mcont3 .notic_wrap strong{display: block;margin-bottom: 20px;font-family: 'bm_m';font-size: 20px;line-height: 19px;color: #353535} #mcont3 .notic_wrap .more{position: absolute;right: 30px;top: 30px;width: 37px;height: 37px;background: url(../../images/child/main/main_ir.png) -1938px -107px;font-size: 0;text-indent: -9999px} #mcont3 .notic_wrap .box1{background: #8451ab;} #mcont3 .notic_wrap .box1 strong{color: #fff;} #mcont3 .notic_wrap .box1 .sliderBox, #mcont3 .notic_wrap .box1 .sliderBox ul, #mcont3 .notic_wrap .box1 .sliderBox ul li{ width:100%; height:100%; padding:0; margin:0; display:inline-block;} #mcont3 .notic_wrap .box1 .sliderBox{ overflow:hidden;} #mcont3 .notic_wrap .box1 .sliderBox ul{ position:relative;} #mcont3 .notic_wrap .box1 .sliderBox ul li{ position:absolute; top:0; left:0;} #mcont3 .notic_wrap .box1 .mvisual_wrap{display:block;position:relative;padding:0;margin:0;text-align: center;} #mcont3 .notic_wrap .box1 .mvisual_wrap .sliderBox{ width:340px;} #mcont3 .notic_wrap .box1 .mvisual_wrap .sliderBox ul li{height:200px;} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox{position: relative;margin-top: 28px;text-align: center;} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox .pageCount{font-size: 15px;line-height: 22px;color: #fff;} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox .pageCount .num{display: inline-block;width: 28px;height: 27px;margin-right: 5px;border-radius: 50%;background: #f7941e;text-align: center;font-weight: 700} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox .pageCount .totalNum{margin-left: 5px} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox button{position: absolute;top:5px;width: 8px;height: 15px;background: url(../../images/child/main/main_ir.png);font-size: 0;text-indent: -9999px} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox .btn_prev{left: 0;background-position: -1916px -107px} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox .btn_next{right: 0;background-position: -1927px -107px} #mcont3 .notic_wrap .box2{background: #fff;} #mcont3 .notic_wrap .box2 ul li{position: relative;padding:12px 0 5px 80px;} #mcont3 .notic_wrap .box2 ul li + li{border-top: 1px dashed #ccc} #mcont3 .notic_wrap .box2 ul li a{display: block;width: 100%;height: 100%} #mcont3 .notic_wrap .box2 ul li span{display: inline-block;position: absolute;left: 0;top: 12px;width: 62px;height: 62px;padding: 10px 0;border:3px solid #dedede;font-family:'bm_m';font-size: 14px;line-height: 19px;color: #333;text-align: center;} #mcont3 .notic_wrap .box2 ul li span .num{display: block;font-size: 20px;font-weight: 700;font-family: 'bm_m'} #mcont3 .notic_wrap .box2 ul li b{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 17px;font-weight: 700;color: #353535} #mcont3 .notic_wrap .box2 ul li p{overflow: hidden;height: 42px;font-size: 16px;color: #555;line-height: 21px;text-overflow: ellipsis;} #mcont3 .notic_wrap .box2 .more{background-position:-1978px -107px;} #mcont3 .notic_wrap .box3{margin-right: 0;background: #ffcf4e} #mcont3 .notic_wrap .box3 ul{margin-top: 20px} #mcont3 .notic_wrap .box3 ul:after{display: block;visibility: hidden;clear: both;content: '';} #mcont3 .notic_wrap .box3 ul li{float: left;width: 49%;margin:0 2% 2% 0;border:1px solid rgba(255,255,255,0.7);border-radius: 3px;font-size: 16px;line-height: 19px;font-weight: 700;color: #353535;letter-spacing: -3px} #mcont3 .notic_wrap .box3 ul li:nth-child(even){margin-right: 0} #mcont3 .notic_wrap .box3 ul li a{display: block;width: 100%;height: 100%;padding: 15px;font-family: 'nsk_m';} #mcont3 .notic_wrap .box3 ul li a:hover, #mcont3 .notic_wrap .box3 ul li a:focus, #mcont3 .notic_wrap .box3 ul li a:active{background: #f0f0f0} #mcont3 .notic_wrap .box3 ul li a span{display: inline-block;width:40px;height: 40px;margin-right: 8px;background: #fdecb6 url(../../images/child/main/main_ir.png);border-radius: 50%;vertical-align: middle;} #mcont3 .notic_wrap .box3 ul li a:hover span{background-color: #fff;} #mcont3 .notic_wrap .box3 ul li a .icon1{background-position: -1102px -403px;} #mcont3 .notic_wrap .box3 ul li a .icon2{background-position: -1145px -403px;} #mcont3 .notic_wrap .box3 ul li a .icon3{background-position: -1188px -403px;} #mcont3 .notic_wrap .box3 ul li a .icon4{background-position: -1231px -403px;} #mcont3 .notic_wrap .box3 ul li a .icon5{background-position: -1274px -403px;} #mcont3 .notic_wrap .box3 ul li a .icon6{background-position: -1317px -403px;} @media (max-width: 2300px){ #mcont1:after{height:1859px;} } @media (max-width: 1919px){ #mcont1:after{height:1771px;} } @media (max-width: 1359px){ #mtop{height:780px;} #mtop:after{bottom: 55px;} #mtop .tit_wrap em{font-size: 27px;line-height: 31px} #mtop .tit_wrap p{width: 294px;height: 39px;background-position: -563px -488px;} .mcont .tit_wrap strong{font-size: 32px;line-height: 38px;} #mcont1{height: 640px;padding-top: 58px} #mcont1:after{height:1653px;} #mcont1:before{display: none;} #mcont1 .link_box{margin-top: 40px} #mcont1 .link_box .box{height: 340px;border-radius: 16px;} #mcont1 .link_box .box strong{font-size: 16px} #mcont1 .link_box .box strong:after{width: 21px;height: 21px;background-position: -564px -530px} #mcont1 .link_box .box a .icon{margin: 0 auto 40px} #mcont1 .link_box .box:nth-child(1){padding: 20px;} #mcont1 .link_box .box:nth-child(1) strong{font-size: 16px;} #mcont1 .link_box .box:nth-child(1) a .icon{width: 173px;height: 157px;background-position: -1px -605px} #mcont1 .link_box .box:nth-child(1) .more{right: 20px;top:20px;} #mcont1 .link_box .box:nth-child(2){padding:20px;} #mcont1 .link_box .box:nth-child(2) > strong{font-size: 16px;} #mcont1 .link_box .box:nth-child(2) a .icon{width: 172px;height: 138px;background-position: -177px -605px} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .sliderBox{width: 100%;} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .controlBox{margin-top: 20px} #mcont1 .link_box .box:nth-child(2) .more{right: 20px;top:20px;} #mcont1 .link_box .box:nth-child(3){padding: 20px} #mcont1 .link_box .box:nth-child(3) .list{margin-top: 105px;padding: 17px 10px;border-top: 5px solid #000} #mcont1 .link_box .box:nth-child(3) .list:before{top: -90px;background-position: center;background-size:contain;} #mcont1 .link_box .box:nth-child(3) .list li + li{margin-top: 10px;} #mcont1 .link_box .box:nth-child(3) .list li em{font-size: 13px} #mcont1 .link_box .box:nth-child(3) .list li b{font-size:16px;} #mcont1 .link_box .box:nth-child(3) .list li span{font-size:13px;} #mcont1 .link_box2 .box .icon{left: 20px;} #mcont1 .link_box2 .box a{padding: 20px 20px 20px 100px} #mcont1 .link_box2 .box .more{display: none;} #mcont1 .link_box2 .box:nth-child(2) p br{display: none;} #mcont2{height: 1300px;padding-top: 75px;background: url(../../images/child/main/mcont2_bg_1024.png) center no-repeat;background-size: cover;} #mcont2:before{display: none;} #mcont2 .road_list:before{top:205px;left:0;margin-left: 0;width:100%;height:920px;background: url(../../images/child/main/mcont2_bg2_1024.png) no-repeat;background-size:contain;} #mcont2 .road_list .item1:before{display:none;} #mcont2 .road_list .item1{left: 50%;margin-left: -345px;} #mcont2 .road_list .item2{right: 50%;margin-right: -55px;} #mcont2 .road_list .item3{right: 50%;margin-right: -345px;} #mcont2 .road_list .item4{top:300px;right: 50%;margin-right: -400px;} #mcont2 .road_list .item5{top:300px;right: 50%;margin-right: -186px;} #mcont2 .road_list .item6{top:300px;left: 50%;margin-left: -186px;} #mcont2 .road_list .item7{top:300px;left: 50%;margin-left: -400px;} #mcont2 .road_list .item8{top:545px;left: 50%;margin-left: -345px;} #mcont2 .road_list .item9{top:545px;left: 50%;margin-left: -80px;} #mcont2 .road_list .item10{top:545px;right: 50%;margin-right: -345px;} #mcont2 .road_list .item11{top: 790px;right: 50%;margin-right: -400px;} #mcont2 .road_list .item12{top: 790px;right: 50%;margin-right: -208px;} #mcont2 .road_list .item13{top: 790px;left: 50%;margin-left: -186px;} #mcont2 .road_list .item14{top: 790px;left: 50%;margin-left: -400px;} #mcont2 .road_list li{width:160px;} /*#mcont3{height: 493px} #mcont3 .notic_wrap{margin-top: 45px} #mcont3 .notic_wrap > div{height: 269px;padding: 30px 20px 20px;border-radius: 15px;} #mcont3 .notic_wrap > div:after{height: 17px} #mcont3 .notic_wrap strong{margin-bottom: 15px;font-size: 15px;line-height: 14px} #mcont3 .notic_wrap .more{right: 21px;top: 22px;width: 28px;height: 28px;background-position: -564px -554px} #mcont3 .notic_wrap .box1 .mvisual_wrap .sliderBox{width: 248px;} #mcont3 .notic_wrap .box1 .mvisual_wrap .sliderBox ul li{height: 146px} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox{margin-top: 20px} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox .pageCount{font-size: 11px;line-height: 20px} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox .pageCount .num{width: 21px;height: 20px;} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox button{width: 5px;height: 11px;} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox .btn_prev{background-position: -626px -554px} #mcont3 .notic_wrap .box1 .mvisual_wrap .controlBox .btn_next{background-position: -633px -554px} #mcont3 .notic_wrap .box2 strong{margin: 0} #mcont3 .notic_wrap .box2 ul li{padding-left: 60px} #mcont3 .notic_wrap .box2 ul li span{width: 52px;height: 52px;padding:10px 0;font-size: 12px;line-height: 14px} #mcont3 .notic_wrap .box2 ul li span .num{font-size: 15px} #mcont3 .notic_wrap .box2 ul li b{font-size: 13px;font-family: 'nsk_m'} #mcont3 .notic_wrap .box2 ul li p{height: 32px;font-size: 12px;line-height: 16px;font-family: 'nsk_m'} #mcont3 .notic_wrap .box3 ul li{font-size: 14px} #mcont3 .notic_wrap .box3 ul li a{padding: 13px 10px} #mcont3 .notic_wrap .box3 ul li a span{width: 30px;height: 30px} #mcont3 .notic_wrap .box3 ul li a .icon1{background-position: -642px -530px} #mcont3 .notic_wrap .box3 ul li a .icon2{background-position: -675px -530px} #mcont3 .notic_wrap .box3 ul li a .icon3{background-position: -708px -530px} #mcont3 .notic_wrap .box3 ul li a .icon4{background-position: -741px -530px} #mcont3 .notic_wrap .box3 ul li a .icon5{background-position: -774px -530px} #mcont3 .notic_wrap .box3 ul li a .icon6{background-position: -807px -530px} #mcont3 .notic_wrap .box2 .more{background-position:-595px -554px;}*/ } @media (max-width: 1023px){ #mquick{display: none;} #mtop{height: 485px;padding-top: 135px} #mtop:after{bottom: -134px;width: 429px;height: 194px;left: 50%;margin-left: -200px;} #mtop .tit_wrap strong{width: 165px;height: 180px;} #mtop .tit_wrap p{width: 275px;height: 36px;background-position: -398px -765px;} #mtop .mtop_bg{display: none;} #mtop .scl_down{bottom: -120px} .mcont .tit_wrap strong{font-size: 28px;} #mcont1{height: auto;padding:200px 0 0px} #mcont1:after {height: 1954px;} #mcont1 .link_box{margin-top: 20px;padding: 0 35px} #mcont1 .link_box .box{width: 47.5%;margin:0 5% 3% 0} #mcont1 .link_box .box:nth-child(even){margin-right: 0} #mcont1 .link_box2{position: absolute;bottom: 0px;right: 40px;width:47.5%;padding: 0 35px} #mcont1 .link_box2 .box{float: none;width: 100%;margin-bottom: 20px} #mcont2{height: auto;} #mcont2 .coment{top: 100px;right: 44px;font-size: 12px} #mcont2 .coment:before{width: 22px;height: 22px;background-position: -1359px -765px} #mcont2 .road_list{height: 780px} #mcont2 .road_list:before{top:172px;left:50%;margin-left:-350px;height:630px;} #mcont2 .road_list li{font-size: 16px;line-height: 17px; width:110px;} #mcont2 .road_list li .icon{width: 110px;height: 110px;margin-bottom: 15px;} #mcont2 .road_list .item1{top:78px;margin-left: -263px} #mcont2 .road_list .item1 .icon{background-position: -2px -328px} #mcont2 .road_list .item2{top: 78px;} #mcont2 .road_list .item2 .icon{background-position: -116px -328px;} #mcont2 .road_list .item3{top: 78px;margin-right: -263px} #mcont2 .road_list .item3 .icon{background-position: -231px -328px;width: 110px;} #mcont2 .road_list .item4{top: 250px;margin-right: -286px} #mcont2 .road_list .item4 .icon{background-position: -345px -328px;} #mcont2 .road_list .item5{top: 250px;margin-right: -125px} #mcont2 .road_list .item5 .icon{background-position: -459px -328px;width: 110px;} #mcont2 .road_list .item6{top: 250px;margin-left: -125px} #mcont2 .road_list .item6 .icon{background-position: -574px -328px;} #mcont2 .road_list .item7{top: 250px;margin-left: -286px} #mcont2 .road_list .item7 .icon{background-position: -688px -328px;} #mcont2 .road_list .item8{top: 420px;margin-left: -260px} #mcont2 .road_list .item8 .icon{background-position: -802px -328px;} #mcont2 .road_list .item9{top: 420px;margin-left: -55px} #mcont2 .road_list .item9 .icon{background-position: -916px -328px;} #mcont2 .road_list .item10{top: 420px;margin-right: -260px} #mcont2 .road_list .item10 .icon{background-position: -1031px -328px;} #mcont2 .road_list .item11{top: 590px;margin-right: -286px} #mcont2 .road_list .item11 .icon{background-position: -1145px -328px;width: 110px;} #mcont2 .road_list .item12{top: 590px;margin-right: -125px} #mcont2 .road_list .item12 .icon{background-position: -1259px -328px;} #mcont2 .road_list .item13{top: 590px;margin-left: -125px} #mcont2 .road_list .item13 .icon{background-position: -1374px -328px;width: 110px;} #mcont2 .road_list .item14{top: 590px;margin-left: -286px} #mcont2 .road_list .item14 .icon{background-position: -1488px -328px;width: 110px;} #mcont2 .road_list li .icon:after{bottom: -6px;width: 34px;height: 34px;margin-left: -17px;background-position: -1359px -790px} /*#mcont3{height: auto;padding-bottom: 65px} #mcont3 .notic_wrap > div{width: 49%} #mcont3 .notic_wrap .box1 .mvisual_wrap .sliderBox{width: 283px} #mcont3 .notic_wrap .box2{margin-right: 0;margin-bottom: 15px} #mcont3 .notic_wrap .box3{width: 100%;height: auto;} #mcont3 .notic_wrap .box3 ul li{width: 32%} #mcont3 .notic_wrap .box3 ul li:nth-child(even){margin-right: 2%;} #mcont3 .notic_wrap .box3 ul li:nth-child(3n){margin-right: 0;}*/ } @media (max-width: 767px){ #mtop{height: 380px;padding-top: 110px} #mtop:before{display: none;} #mtop .tit_wrap em{margin-bottom: 10px;font-size: 18px;line-height: 15px;} #mtop .tit_wrap strong{width: 100px;height: 110px;} #mtop .tit_wrap p{width: 255px;height: 36px;margin-top: 10px;background-position: -236px -986px;} #mtop .scl_down{bottom: -107px} .mcont .tit_wrap strong {font-size: 18px;line-height: 24px;word-break: keep-all;} .mcont .tit_wrap strong br{display: block;} .mcont .tit_wrap p{font-size: 13px;line-height: 18px} #mcont1{padding:113px 0 0px} #mcont1:after {height: 2497px;} #mcont1 .link_box{padding: 0} #mcont1 .link_box .box strong{font-size: 16px;line-height: 19px;word-break: keep-all;} #mcont1 .link_box .box strong:after{display: none;} #mcont1 .link_box .box:nth-child(1) a, #mcont1 .link_box .box:nth-child(2) a{background-image:none;} #mcont1 .link_box .box:nth-child(1) strong, #mcont1 .link_box .box:nth-child(2) strong{font-size: 16px;line-height: 19px;word-break: keep-all;} #mcont1 .link_box .box:nth-child(1):before, #mcont1 .link_box .box:nth-child(2):before{display:none;} #mcont1 .link_box .box strong br{display: block;} #mcont1 .link_box .box{height: auto;margin-bottom: 15px} #mcont1 .link_box .box a .icon{margin-bottom: 10px} #mcont1 .link_box .box{width: 100%} #mcont1 .link_box .box:nth-child(1) a .icon{width: 79px;height: 79px;background-position: -324px -1025px} #mcont1 .link_box .box:nth-child(1) ul li a:before{top: 16px;} #mcont1 .link_box .box:nth-child(1) ul li a{display: block;line-height: 35px} #mcont1 .link_box .box:nth-child(1) ul li a b span{line-height: 35px} #mcont1 .link_box .box:nth-child(2){padding: 20px 20px 40px;} #mcont1 .link_box .box:nth-child(2) .mvisual_wrap .controlBox{margin-top: 0} #mcont1 .link_box .box:nth-child(2) a{padding-top: 20px} #mcont1 .link_box .box:nth-child(2) a .icon{width: 79px;height: 79px;background-position: -406px -1025px} #mcont1 .link_box .box:nth-child(3) .list:before{top: -88px;height:87px;width:240px;left:50%;margin-left:-120px;padding-bottom:0;} #mcont1 .link_box2{position: static;width: 100%;margin-top: 0;padding: 0} #mcont1 .link_box2 .box{margin-bottom: 15px;} #mcont2{padding: 40px 0} #mcont2 .coment{display: none;} #mcont2 .road_list{height: 1200px} #mcont2 .road_list:before{top: 120px;margin-left: -160px;width: 320px;height:1043px;background: url(../../images/child/main/mcont2_bg2_320.png) no-repeat;} #mcont2 .road_list .item1{top: 30px;margin-left: -145px} #mcont2 .road_list .item2{top: 30px;margin-right: -145px} #mcont2 .road_list .item3{top: 200px;margin-right: -145px} #mcont2 .road_list .item4{top: 200px;margin-right: 37px} #mcont2 .road_list .item5{top: 366px;margin-right: 37px} #mcont2 .road_list .item6{top: 366px;margin-left: 37px} #mcont2 .road_list .item7{top: 540px;margin-left: 37px} #mcont2 .road_list .item8{top: 540px;margin-left: -145px} #mcont2 .road_list .item9{top: 710px;margin-left: -145px} #mcont2 .road_list .item10{top: 710px;margin-right: -145px} #mcont2 .road_list .item11{top: 870px;margin-right: -145px} #mcont2 .road_list .item12{top: 870px;margin-right: 37px} #mcont2 .road_list .item13{top: 1050px;margin-left: -145px} #mcont2 .road_list .item14{top: 1050px;margin-left: 37px} #mcont3{padding: 45px 0 50px} #mcont3 .tit_wrap strong{font-size: 24px;} #mcont3 .notic_wrap{margin-top: 15px} #mcont3 .notic_wrap > div{width: 100%;margin: 0 0 15px} #mcont3 .notic_wrap .box1 .mvisual_wrap .sliderBox{width: 238px} #mcont3 .notic_wrap .box3{margin-top: 0} #mcont3 .notic_wrap .box3 ul li{width: 49%;} #mcont3 .notic_wrap .box3 ul li:nth-child(3n){margin-right: 2%;} #mcont3 .notic_wrap .box3 ul li:nth-child(even){margin-right: 0;} #mcont3 .notic_wrap .box3 ul li a span{margin-right: 5px} } @media (max-width: 320px){ #mtop:after{bottom: -50px;width: 320px;height: 124px;margin-left: -160px;} } /* 메인팝업 */ #popup{position:absolute;top:200px;left:30px;z-index: 999;} #popup1{position:absolute;top:200px;left:600px;z-index: 9998;} #popup2{position:absolute;top:250px;left:1030px;z-index: 9989;} .popup_box .new_pop_bg {background: #000; padding:6px 0px;} .popup_box .new_pop_bt_bg {background: #000; padding: 3px 10px 3px;} .new_pop_font{color:#fff;line-height:25px;margin-right: 10px; float: right;} .new_pop_close {color:#fff} .new_pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;} /* 메인팝업 End */