@charset "utf-8"; @charset "utf-8"; #body_layout > .body_wrap {width:100%;} .clearfix {width:100%;} .clearfix:after {content:"";display:block;visibility:hidden;clear:both;} /* TouchSlider 기본 시작 */ .sliderBox, .sliderBox ul, .sliderBox ul li{ width:100%; height:100%; padding:0; margin:0; display:inline-block;} .sliderBox{ overflow:hidden;} .sliderBox ul{ position:relative;} .sliderBox ul li{ position:absolute; top:0; left:0;} /* TouchSlider 기본 끝 */ #body_layout{padding-bottom: 0px} .main_ir {background:url(/template/template_h1/images/main/main_ir.png)no-repeat;} /* mvisual 시작 */ #mvisual {position:relative;height: 680px;margin-bottom: 20px;} #mvisual .mvisual_wrap {display:inline-block;position:relative;width:100%;height: 680px;padding:0;margin:0;} #mvisual .mvisual_wrap .sliderBox{ width:100%;} #mvisual .mvisual_wrap .sliderBox ul li { height:680px;} #mvisual .mvisual_wrap .sliderBox ul li .thumbResize_A {position: relative; display: inline-block; width: 100%;height: 100%;overflow: hidden;} #mvisual .mvisual_wrap .sliderBox ul li .thumbResize_A img { position: absolute; top: 50%; left: 50%; width: auto; height:100%; max-width: 1000%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} #mvisual .mvisual_wrap .tit {position:absolute; top:175px; width:100%; text-align:center;} #mvisual .mvisual_wrap .tit strong {display:block;color:#fff;font-size: 48px;font-family:"nsr_m";font-weight: 300} #mvisual .mvisual_wrap .tit strong b{display: inline-block;font-weight: 700;} #mvisual .mvisual_wrap .tit p { margin:10px 0 0; color:#fff; font-size:18px; font-weight:300; font-family:"nsr_m";} #mvisual .mvisual_wrap .controlBox {position:absolute;left:0; top:600px; width:100%; text-align:center; } #mvisual .mvisual_wrap .controlBox .paging {display:inline-block;} #mvisual .mvisual_wrap .controlBox .paging .btn_page {width:4px; height:24px; margin:0 5px; background-position:-24px 0; } #mvisual .mvisual_wrap .controlBox .paging .btn_page.on {width:17px; height:24px; background-position:0 0;} #mvisual .mvisual_wrap .controlBox button {background:url(/template/template_h1/images/main/main_ir.png)no-repeat; font-size:0;} #mvisual .mvisual_wrap .controlBox button.btn_prev {width:24px; height:24px; background-position:-53px 0;} #mvisual .mvisual_wrap .controlBox button.btn_stop {width:24px; height:24px; background-position:-109px 0;} #mvisual .mvisual_wrap .controlBox button.btn_play {width:24px; height:24px; background-position:-137px 0;} #mvisual .mvisual_wrap .controlBox button.btn_next {width:24px; height:24px; background-position:-81px 0;} #mvisual .prog_wrap{position: absolute;bottom: -97px;left: 50%;margin-left: -620px;padding-right: 414px;background: #f5f5f5;} #mvisual .prog_wrap:after{display: block;visibility: hidden;clear: both;content: '';} #mvisual .prog_wrap .box{height: 387px;padding: 62px 60px} #mvisual .prog_wrap .box .tab_w {} #mvisual .prog_wrap .box .tab_w .tab_menu {margin: 0;padding:0 0 20px;} #mvisual .prog_wrap .box .tab_w .tab_menu:after{display:block;clear:both;visibility:hidden;content:"";} #mvisual .prog_wrap .box .tab_w .tab_menu li {float:left; position:relative; margin-right:20px;} #mvisual .prog_wrap .box .tab_w .tab_menu li a {font-family:"nsr_m";font-size:28px;color:#000;line-height: 1;} #mvisual .prog_wrap .box .tab_w .tab_menu li.active a { font-weight: 700;} #mvisual .prog_wrap .box .tab_w .tab_menu li.active a span{display: none;} #mvisual .prog_wrap .box .tab_w .tab_content {} #mvisual .prog_wrap .box .tab_w .tab_content .con {display: none;position:relative;} #mvisual .prog_wrap .box .tab_w .tab_content .con.active {display: block; } #mvisual .prog_wrap .box .tab_w .tab_content .con ul {} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li {position:relative;margin:10px 0;text-align: left;} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li:nth-child(4){display: none;} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a {display:inline-block;width:100%;height: 100%;font-size:15px;} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a strong {display: inline-block;overflow:hidden;width:100%;font-size:15px;color:#333;font-weight:400;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a strong b {font-size:0;} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a strong b em {font-size:0;} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a p {display:none;} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date {display:inline-block; position:absolute; top:0; right:0;font-size:15px; color:#949494;} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date span {display:inline-block; font-size:15px; color:#949494;} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date .month:before {display:inline-block; width:2px; height:2px; border-radius:50%; background:#949494;content:"";} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date .day:before {display:inline-block; width:2px; height:2px; border-radius:50%; background:#949494;content:"";} #mvisual .prog_wrap .box .tab_w .tab_content .bbs_more {position:absolute; top:-55px; right:0;} #mvisual .prog_wrap .box .tab_w .tab_content .bbs_more a {display:block;width:18px;height: 18px;background-position: -164px -1px;font-size:0;} #mvisual .prog_wrap .left .tab_w .tab_menu {border-bottom:1px solid #ddd} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li {padding:0 85px 0 8px;} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child {height:121px;margin:0 0 20px;padding: 0;border-bottom:1px solid #ddd;} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child:before {display:none;} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a{padding: 22px 10px 0 120px;} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a:before{position: absolute;left: 0;top: 17px;width: 97px;height: 89px;background: url(/template/template_h1/images/main/main_ir.png) -1px -27px;content: '';} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a strong {font-size: 17px;} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a strong:after {display:inline-block; width:15px; height:15px; margin-left:8px; background:#e83052; border-radius:50%; color:#fff; line-height:15px; text-align:center; font-size:8px; content:"N";} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a p{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a .date{position: static;} #mvisual .prog_wrap .right{position: absolute;right: 0;top: 0;width: 414px;background: url(/template/template_h1/images/main/mvisual_progbg.jpg)no-repeat center; background-size: cover;} #mvisual .prog_wrap .right .tab_w .tab_menu li.active a {color: #fff;} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li{margin: 14px 0} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a{position: relative;padding-right: 77px;} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:after{position: absolute;top: 50%;right: 0;;width: 34px;height: 35px;margin-top: -17.5px;background: url(/template/template_h1/images/main/main_ir.png) -101px -27px;content: '';} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:hover:after, #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:focus:after{background-position: -138px -27px} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a strong{height: 48px;white-space: normal;color: #fff;} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a .date{display: none;} #mvisual .prog_wrap .right .tab_w .tab_content .bbs_more a{background-position: -186px -1px;} #mcont1 .title{display: block;margin: 55px 0 25px;font-size: 28px;color: #222} #mcont1 .gallery_wrap {position: relative;} #mcont1 .gallery_wrap .grap {width:100%; height:299px;} #mcont1 .gallery_wrap .grap .obj {overflow:hidden; width:100%;height:100%;} #mcont1 .gallery_wrap .grap .obj .item {float: left;position:relative;width:23.5%;height:100%;margin-right: 2%} #mcont1 .gallery_wrap .grap .obj .item:nth-child(4n){margin-right: 0} #mcont1 .gallery_wrap .grap .obj .item a {display:block;width:100%;height:100%;padding-bottom: 87px;border: 1px solid #d7d7d7;} #mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A {display: inline-block; overflow: hidden; position: relative; width: 100%;height: 212px;} #mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A img {position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1000%; 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 .gallery_wrap .grap .obj .item a strong {display:block;overflow:hidden;position:absolute;left: 0;bottom: 16px;width:100%;height: 55px;padding: 0 40px;border-top: 0;text-align:center;font-size:17px;font-weight:300;text-overflow: ellipsis;} #mcont1 .gallery_wrap .control{position: absolute;top: 130px;width: 100%} #mcont1 .gallery_wrap .control button{position: absolute;width: 41px;height: 41px;font-size: 0;text-indent: -9999px;} #mcont1 .gallery_wrap .control .btn_prev{left: -69px;background-position: -101px -65px;} #mcont1 .gallery_wrap .control .btn_prev:hover, #mcont1 .gallery_wrap .control .btn_prev:focus{background-position: -101px -109px;} #mcont1 .gallery_wrap .control .btn_next{right: -69px;background-position: -145px -65px;} #mcont1 .gallery_wrap .control .btn_next:hover, #mcont1 .gallery_wrap .control .btn_next:focus{background-position: -145px -109px;} #mcont1 .gallery_wrap .control .indicator{display: none;} #mcont1 .gallery_wrap .gall_more{position: absolute;right: 0;top: -40px} #mcont1 .gallery_wrap .gall_more a{display:block;width:18px;height: 18px;background-position: -164px -1px;font-size:0;} /* #mcont2{padding: 75px 0 76px;} #mcont2 .body_wrap{padding-right: 402px;} #mcont2 .quick_wrap{position: relative} #mcont2 .quick_wrap:before{position: absolute;right: 45px;top: 10px;width: 283px;height: 197px;background: url(/template/template_h1/images/main/main_ir.png) -208px -1px;content:'';} #mcont2 .quick_wrap strong{display: block;margin-bottom: 10px;font-size: 28px;color: #2a54b2;font-weight: 700} #mcont2 .quick_wrap ul{position: relative;width: 625px;margin-top: 30px;} #mcont2 .quick_wrap ul:after{display: block;visibility: hidden;clear: both;content: '';} #mcont2 .quick_wrap ul li{float: left;width: 25%;height: 57px;margin:-1px 0 0 -1px;border:1px solid #d7d7d7;background: #fff;} #mcont2 .quick_wrap ul li a{display: block;width: 100%;height: 100%;font-size: 15px;color: #333;line-height: 57px;text-align: center;} #mcont2 .quick_wrap ul li a:hover, #mcont2 .quick_wrap ul li a:focus{background: url(/template/template_h1/images/main/mcont2_bg.jpg) no-repeat;background-size: 100% 100%;color: #fff;text-decoration: none;} */ #mcont2{padding: 75px 0 76px;} #mcont2 .body_wrap{padding-right: 402px;} #mcont2 .quick_wrap{position: relative} #mcont2 .quick_wrap:before{position: absolute;right: 45px;top: 10px;width: 283px;height: 197px;background: url(/template/template_h1/images/main/main_ir.png) -208px -1px;content:'';} #mcont2 .quick_wrap strong{display: block;margin-bottom: 10px;font-size: 28px;color: #2a54b2;font-weight: 700} #mcont2 .quick_wrap ul{position: relative;width: 625px;margin-top: 30px;} #mcont2 .quick_wrap ul:after{display: block;visibility: hidden;clear: both;content: '';} #mcont2 .quick_wrap ul li{float: left;width: 33.33%;height: 57px;margin:-1px 0 0 -1px;border:1px solid #d7d7d7;background: #fff;} #mcont2 .quick_wrap ul li a{display: block;width: 100%;height: 100%;font-size: 15px;color: #333;line-height: 57px;text-align: center;} #mcont2 .quick_wrap ul li a:hover, #mcont2 .quick_wrap ul li a:focus{background: url(/template/template_h1/images/main/mcont2_bg.jpg) no-repeat;background-size: 100% 100%;color: #fff;text-decoration: none;} #mcont2 .link_wrap{position: absolute;top: 20px;right: 0} #mcont2 .link_wrap ul li{float: left;width: 192px;height: 192px;} #mcont2 .link_wrap ul li:before{position: absolute;right: 0;bottom: 0;background: url(/template/template_h1/images/main/main_ir.png);content: '';} #mcont2 .link_wrap ul li + li{margin-left: 18px} #mcont2 .link_wrap ul li a{display: block;position: relative;width: 100%;height: 100%;padding: 35px 25px;} #mcont2 .link_wrap ul li a:hover, #mcont2 .link_wrap ul li a:focus{text-decoration: none;} #mcont2 .link_wrap ul li a:after{position: absolute;right: 0;bottom: 0;background: url(/template/template_h1/images/main/main_ir.png);content: '';} #mcont2 .link_wrap ul li a strong{display: block;position: relative;font-size: 22px;color: #333} #mcont2 .link_wrap ul li a strong:after{position: absolute;left: 0;bottom: -74px;width: 46px;height: 9px;background: url(/template/template_h1/images/main/main_ir.png);content: '';} #mcont2 .link_wrap ul .link1{background: #fdc606;} #mcont2 .link_wrap ul .link1 a:after{width: 78px;height: 87px;background-position: -1px -153px;} #mcont2 .link_wrap ul .link1 a strong:after{background-position: -1px -119px;} #mcont2 .link_wrap ul .link2{background: #5c5f61;} #mcont2 .link_wrap ul .link2 a:after{width: 84px;height: 85px;background-position: -82px -153px;} #mcont2 .link_wrap ul .link2 a strong{color: #fff;} #mcont2 .link_wrap ul .link2 a strong:after{background-position: -1px -131px;} #link_book .book_btn a p{position: relative;} #link_book .book_btn a p:before{position: absolute;left: -56px;top:0;width: 35px;height: 51px;background: url(/template/template_h1/images/main/main_ir.png);background-position: -169px -153px;content: '';} @media(max-width:1389px){ #mcont1 .gallery_wrap .control .btn_prev{left: -21px;} #mcont1 .gallery_wrap .control .btn_next{right: -21px;} } @media(max-width:1336px){ #body_layout .body_wrap {width:100%;} #body_layout #mcont1 .body_wrap, #body_layout #mcont2 .body_wrap {padding:0 48px;} #mvisual{height: 530px;margin-bottom: 40px} #mvisual .mvisual_wrap{height: 530px;} #mvisual .mvisual_wrap .sliderBox ul li{height: 530px;} #mvisual .mvisual_wrap .tit{top: 110px} #mvisual .mvisual_wrap .controlBox{top: 400px} #mvisual .prog_wrap{left: 48px;right: 48px;bottom: -64px;width: auto;height: 240px;margin-left: 0;padding:0 288px 0 0} #mvisual .prog_wrap .box{height: 240px;padding:22px} #mvisual .prog_wrap .box .tab_w .tab_menu{padding-bottom: 10px} #mvisual .prog_wrap .box .tab_w .tab_menu li a{font-size: 20px} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li{margin: 0} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a strong{font-size: 12px} #mvisual .prog_wrap .box .tab_w .tab_content .bbs_more{top: -32px;} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child{height: 96px;margin-bottom: 8px} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a{padding: 7px 10px 0 60px;} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a:before{top: 10px;width: 56px;height: 48px;background-position: -1px -255px} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a strong{height: 44px;font-size: 14px;white-space: normal;} #mvisual .prog_wrap .left .tab_w .tab_content .con ul li:first-child a p{margin: 0;font-size: 12px} #mvisual .prog_wrap .box .tab_w .tab_content .con ul li a .date{font-size: 12px} #mvisual .prog_wrap .right{width: 288px} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li{margin: 10px 0} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:after{width: 24px;height: 24px;background-position: -60px -255px;} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:hover:after, #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a:focus:after{background-position: -87px -255px;} #mvisual .prog_wrap .right .tab_w .tab_content .con ul li a strong{height: 38px;} #mcont1 .title{margin:0 0 10px;font-size: 20px;} #mcont1 .gallery_wrap .grap{height: 323px;} #mcont1 .gallery_wrap .grap .obj .item{width: 49%} #mcont1 .gallery_wrap .grap .obj .item:nth-child(4n){margin-right: 2%} #mcont1 .gallery_wrap .grap .obj .item:nth-child(2n){margin-right: 0%} #mcont1 .gallery_wrap .grap .obj .item a strong{bottom: 11px;font-size: 16px} #mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A{height: 244px;} #mcont2 .quick_wrap strong{font-size: 20px} #mcont2 .link_wrap{position: relative;top: auto;right: auto;} #mcont2 .quick_wrap:before{display: none;} #mcont2 .quick_wrap ul{width: 100%;margin: 20px 0 48px;} #mcont2 .quick_wrap ul li{width: 24.2%;margin:0 1% 1% 0} #mcont2 .quick_wrap ul li:nth-child(4n){margin-right: 0} #mcont2 .link_wrap ul li{width: 49%;} #mcont2 .link_wrap ul li + li{margin-left: 2%;} } @media(max-width:1023px){ #mvisual{height: 530px;margin: -31px 0px 40px 0px;} } @media(max-width:767px){ #body_layout #mcont1 .body_wrap, #body_layout #mcont2 .body_wrap {padding:0 16px;} #mvisual {height:426px;margin: 0px 0px 40px 0px;} #mvisual .mvisual_wrap{height: 426px;} #mvisual .mvisual_wrap .sliderBox ul li{height: 426px;} #mvisual .mvisual_wrap .tit {top:75px;} #mvisual .mvisual_wrap .tit strong {padding: 0 30px;font-size:28px;word-break: keep-all ;} #mvisual .mvisual_wrap .tit p {padding: 0 30px;font-size:14px;word-break: keep-all;} #mvisual .mvisual_wrap .controlBox {top:370px;} #mvisual .prog_wrap{left: 16px;right: 16px;padding: 0} #mvisual .prog_wrap .box .tab_w .tab_menu{padding-bottom: 15px} #mvisual .prog_wrap .right{position: relative;right: auto;top:auto;width:100%;} #mvisual .mvisual_wrap .sliderBox ul li .thumbResize_A img {width: auto !important; height:100% !important;} #mcont1 .gallery_wrap .grap {height: 280px;} #mcont1 .gallery_wrap .grap .obj .item{width: 100%;margin: 0} #mcont1 .gallery_wrap .grap .obj .item a strong {font-size: 14px;height: 80px;padding: 40px 15px 0;} #mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A{height: 208px;} #mcont1 .gallery_wrap .control button{display: none;} #mcont1 .gallery_wrap .control .indicator{display: block;position: relative;top: 30px; text-align: center;} #mcont1 .gallery_wrap .control .indicator a{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 50%;font-size: 0;text-indent: -9999px;} #mcont1 .gallery_wrap .control .indicator a.on{background: #034f9d;} #mcont1 .gallery_wrap .control .indicator a + a{margin-left: 12px;} #mcont2{padding: 38px 0 55px;} #mcont2 .quick_wrap ul{margin-bottom: 30px;} #mcont2 .quick_wrap ul li{width: 49%;margin-bottom: 2%} #mcont2 .quick_wrap ul li:nth-child(4n){margin-right: 2%} #mcont2 .quick_wrap ul li:nth-child(2n){margin-right: 0%} #mcont2 .link_wrap ul li{width: 100%;height: 120px;} #mcont2 .link_wrap ul li + li{margin:15px 0 0;} #mcont2 .link_wrap ul li a strong{font-size: 18px;} #mcont2 .link_wrap ul li a strong:after{bottom: -30px;} } #mcont1 .gallery_wrap{margin-bottom: 60px;} .m_ir {background: url(/images/sanhak/main/m_ir.png)no-repeat;} .con03 .icon_wrap ul li a .ico.ico01 {width: 47px;background-position: -98px -112px;margin-bottom: 5px;} .con03 .icon_wrap ul li a .ico.ico02 {width: 50px;background-position: -156px -111px;} .con03 .icon_wrap ul li a .ico.ico03 {width: 40px;background-position: -219px -108px;} .con03 .icon_wrap ul li a .ico.ico04 {width: 58px;background-position: -270px -112px;margin-bottom: 5px;} .con03 .icon_wrap ul li a .ico.ico05 {width: 42px;background-position: -337px -112px;margin-bottom: 5px;} .con03 .icon_wrap ul li a .ico.ico06 {width: 36px;background-position: -399px -112px;margin-bottom: 5px;} .con03 .icon_wrap ul li a .ico{height: 53px;margin:0 auto 12px;} .con03 .icon_wrap ul li a:hover .ico.ico01{width: 47px;background-position: -98px -50px;} .con03 .icon_wrap ul li a:hover .ico.ico02{width: 50px;background-position: -156px -49px;} .con03 .icon_wrap ul li a:hover .ico.ico03{width: 40px;background-position: -219px -47px;} .con03 .icon_wrap ul li a:hover .ico.ico04{width: 58px;background-position: -270px -51px;} .con03 .icon_wrap ul li a:hover .ico.ico05{width: 42px;background-position: -337px -50px;} .con03 .icon_wrap ul li a:hover .ico.ico06{width: 36px;background-position: -399px -51px;} .con03 .icon_wrap ul li a strong{line-height: 17px;} .con03 .infor_wrap .tab_content2 .con{height:150px;padding:35px 35px 35px 175px;background: #EAEAF1 url(/images/sanhak/main/txt_bg01.png)no-repeat 45px center;} @media(max-width:1300px){ .con03 .infor_wrap .tab_content2 .con{height:auto;} } @media (max-width: 767px){ .con03 .infor_wrap .tab_menu2 li a {font-size:15px;} .con03 .infor_wrap .tab_content2 .con {padding: 150px 10px 25px;background: #eaeaea url(/images/sanhak/main/txt_bg01.png)no-repeat center 30px;text-align: center;} } .con02 .inner .con02_r .con .con_t .col{width: 33.333%;} .con02 .inner .con02_l .con .con_t .col.n1{position: relative;background: url(/template/template_e1/images/main/con2_bg01.png)no-repeat center;background-size: cover;padding: 70px;} .con02 .inner .con02_l .con .con_t .col.n1 p{font-size: 16px;line-height: 1.6;margin-top: 20px;} .con02 .inner .con02_l .con .con_t .col.n1 strong span {display: block;line-height: 1.3;font-size: 24px;font-weight: 700;font-family: "nsr_m";color: #ffd132;} .con02 .inner .con02_l .con .con_t .col.n1 .n1_btn{width: 160px;height: 140px;position: absolute;top: 70px;right: 45px;} .con02 .inner .con02_l .con .con_t .col.n1 .n1_btn li{width: 160px;height: 46px;background-color: #fff;margin-bottom: 1px;} .con02 .inner .con02_l .con .con_t .col.n1 .n1_btn li a{font-size: 16px;color: #1e2025;line-height: 46px;text-align: center;padding: 0;} .con02 .inner .con02_l .con .con_t .col.n1 .n1_btn li:hover{background-color: #ffd132;} .con02 .inner .con02_l .con .con_t .col.n1 a{background: none;} .con02 .inner .con02_r .con .con_t .col.n1 a:before{width: 130px;background: url(/images/edulife/main/m_ir.png)no-repeat 0 0;background-position: 12px -5px;} .con02 .inner .con02_r .con .con_t .col.n2 a:before{width: 120px;height: 90px;margin-left: -60px;bottom: 55px;background: url(/images/edulife/main/m_ir.png)no-repeat 0 0;background-position: -107px -5px;} .con02 .inner .con02_l .con .con_t .col.n1 .black{margin-top: 32px;} .con02 .inner .con02_r .con .con_t .col.n3 a{background: url(/images/edulife/main/con02_bg2.jpg)no-repeat center;background-size: cover;} .con02 .inner .con02_r .con .con_t .col.n3 a:before{display: block;position: absolute;left: 50%;bottom: 57px;width: 114px;height: 85px;margin-left: -57px;background: url(/images/edulife/main/m_ir.png)no-repeat 0 0;content: "";z-index: 1;background-position: -230px -5px;} .con02 .inner .con02_l .con .con_b .col.n2 a{padding-top: 145px;} .con02 .inner .con02_l .con .con_b .col.n3 a:before{background: url(/images/edulife/main/m_ir.png)no-repeat 0 0;background-position: -350px 7px;} /* .con02 .inner .con02_r .con .con_bottom .col .black{display: inline-block;} .con02 .inner .con02_r .con .con_bottom .col span{font-size: 18px;color: #a8a8a8;margin-left: 7px;} .con02 .inner .con02_r .con .con_bottom .col .number{max-width: 330px;border-bottom: 1px solid #ddd;margin-top: 35px;padding-bottom: 13px;} .con02 .inner .con02_r .con .con_bottom .col .number li{position: relative;font-size: 20px;color: #444;padding-left: 30px;} .con02 .inner .con02_r .con .con_bottom .col {padding: 55px 50px;background: none;background-color: #fff;position: relative;} .con02 .inner .con02_r .con .con_bottom .col .number li:before {display: inline-block;position: absolute;left: 0;top: 6px;width: 22px;height: 22px;margin-right: 3px;background: #444;border-radius: 50%;vertical-align: middle;content: "T";font-size: 14px;color: #fff;font-weight: 800;padding-left: 7px;line-height: 25px} .con02 .inner .con02_r .con .con_bottom .col .number li:last-child:before{background:#082a9e;content: "F";padding-left: 8px;} .con02 .inner .con02_r .con .con_bottom .col p{font-size: 15px;} .con02 .inner .con02_r .con .con_bottom .col p strong{display: inline-block;font-size: 17px;color: #666;} .con02 .inner .con02_r .con .con_bottom .col .icon{width: 180px;height: 170px;background: url(/images/edulife/main/m_ir.png)no-repeat 0 0;background-position: -200px -93px;position: absolute;right: 5%;bottom: 50px;} .con02 .inner .con02_r .con .con_bottom .col .num_list_main {margin-top: 35px;} .con02 .inner .con02_r .con .con_bottom .col .num_list_main span {display:block;position:relative;min-height:32px; margin: 0;padding-left: 30px;font-size: 20px;color: #444;font-weight:500;} .con02 .inner .con02_r .con .con_bottom .col .num_list_main span em {display:inline-block;position:absolute;left:0;top: 5px;width: 22px;height: 22px;margin-right: 3px;background: #444;border-radius: 50%;vertical-align: middle;font-size: 14px;color: #fff;font-weight: 800;text-align:center;line-height: 22px;} .con02 .inner .con02_r .con .con_bottom .col .num_list_main span em.em2 {background: #082a9e;} */ .con03 .inner .col.col1 ul li a .ico{width: 51px;} .con03 .inner .col.col1 ul li a .ico.ico1{background-position: -44px -158px;} .con03 .inner .col.col1 ul li a .ico.ico2{background-position: -96px -158px;} .con02 {padding:65px 0; background:url(/template/template_f1/images/main/con02_bg.jpg)no-repeat center; background-size:cover; text-align:left;} .con02 .inner {width:1240px; margin:0 auto;} .con02 .inner:after{display:block;clear:both;visibility:hidden;content:"";} .con02 .inner .tit {margin:0 0 30px; color:#000; font-size:22px; font-weight:700; font-family:"nsr_m";} .con02 .inner .tit:before {display:block; width:18px; height:5px; margin:0 0 15px;background:#33b7e7; content:""} .con02 .inner .con strong {display:block; font-family:"nsr_m"; font-size:20px; font-weight:700; line-height:1.3;} .con02 .inner .con strong.black {color:#333;} .con02 .inner .con strong.white {color:#fff;} .con02 .inner .con .col {width:100%; height:310px;} .con02 .inner .con .col a {display:block; position:relative; width:100%; height:100%; z-index:2;} .con02 .inner .con .col .ico {display:block; width:41px; height:41px; background-position:0 -119px;} .con02 .inner .con .col a:hover .ico, .con02 .inner .con .col a:focus .ico {} .con02 .inner .con p {margin:20px 0; font-size:14px; color:#fff; } .con02 .inner .con02_l {float:left; width:50%;} .con02 .inner .con02_l .con {} .con02 .inner .con02_l .con .con_t {} .con02 .inner .con02_l .con .con_t .col.n1 {} .con02 .inner .con02_l .con .con_t .col.n1 a {padding:70px; background-size:cover;} .con02 .inner .con02_l .con .con_t .col.n1 a strong span {display:block;line-height:1.3;; font-size:24px; font-weight:700; font-family:"nsr_m"; color:#15a6e5;} /* .con02 .inner .con02_l .con .con_b {} .con02 .inner .con02_l .con .con_b:after{display:block;clear:both;visibility:hidden;content:"";} .con02 .inner .con02_l .con .con_b .col {float:left; width:50%;} .con02 .inner .con02_l .con .con_b .col.n2 a {padding:125px 0 0; background:url(/template/template_f1/images/main/con02_bg2.jpg)no-repeat center; background-size:cover;text-align:center;} .con02 .inner .con02_l .con .con_b .col.n2 a:after {display:block; position:absolute; left:50%; top:50%; width:203px; height:203px; margin:-101.5px 0 0 -101.5px; background:url(/template/template_f1/images/main/con02_bg2_2.png)no-repeat center;content:""; z-index:-1;} */ /*.link_call_box {width:603px; float:left; margin:0 40px 0 0}*/ .con02 .inner .con02_l .con .con_b .col {float:left; width:50%;} .con02 .inner .con02_l .con .con_b .col.n2 {padding:40px 0 40px 0; background:url('/images/fund/main/con02_1_con_b_n2_bg.png') no-repeat left top; color:#fff; text-align:center; float:left; background-size: cover;} .con02 .inner .con02_l .con .con_b .col.n2 h3 {padding:0px 0px 0px 0px; font-size:17px; font-family:"nsr_m"; margin:0px 0px 0px 0px;} .con02 .inner .con02_l .con .con_b .col.n2 h3::after {content: ''; display:block; width:33px; height:1px; background:#fff; margin:17px auto 10px} .con02 .inner .con02_l .con .con_b .col.n2 .call {font-size:20px; font-weight:600; font-family:"nsr_m"; letter-spacing:-0.05em; line-height:1.2em; padding:0px 0px 40px 0px;} .con02 .inner .con02_l .con .con_b .col.n2 .account {font-size:20px; font-weight:600; font-family:"nsr_m"; letter-spacing:-0.05em; line-height:1.2em } /*.con02 .inner .con02_l .con .con_b .col.n3 a {padding:80px 0 0; background:#1a4b95; text-align:center;}*/ .con02 .inner .con02_r {float:right; width:50%;} /*.con02 .inner .con02_l .con .con_b .col.n3 a:before {display:block;position:absolute;left:50%;bottom:60px;width:128px;height:106px;margin-left:-64px;background:url(/template/template_f1/images/main/m_ir.png)no-repeat -346px 0;content:"";z-index: 1;}*/ .con02 .inner .con02_r .con {} .con02 .inner .con02_r .con .con_t {} .con02 .inner .con02_r .con .con_t:after{display:block;clear:both;visibility:hidden;content:"";} .con02 .inner .con02_r .con .con_t .col {float:left; width:50%; text-align:center; } .con02 .inner .con02_r .con .con_t .col a {padding:70px 0 0;} .con02 .inner .con02_r .con .con_t .col.n1 a {background-color: #50aee0; background-size:cover;} .con02 .inner .con02_r .con .con_t .col.n2 a {background:#13aebc;background-size:cover;} .con02 .inner .con02_r .con .con_t .col.n1 a:before {display:block;position:absolute;left:50%;bottom:50px;width:120px;height:120px;margin-left:-65px;background:url(/images/fund/main/m_ir.png)no-repeat -88px -242px;content:"";z-index: 1;} .con02 .inner .con02_r .con .con_t .col.n2 a:before {display:block;position:absolute;left:50%;bottom:50px;width:120px;height:120px;margin-left:-65px;background:url(/images/fund/main/m_ir.png)no-repeat -202px -242px;content:"";z-index: 1;} .con02 .inner .con02_r .con .con_t .col.n1 a:hover:before, .con02 .inner .con02_r .con .con_t .col.n1 a:focus:before, .con02 .inner .con02_r .con .con_t .col.n2 a:hover:before, .con02 .inner .con02_r .con .con_t .col.n2 a:focus:before {-webkit-animation:vibes2 1.5s ease infinite;animation:vibes2 1.5s ease infinite;} .con02 .inner .con02_r .con .con_bottom .col {float:left; width:50%; text-align:center; } .con02 .inner .con02_r .con .con_bottom .col a {padding:70px 0 0;} .con02 .inner .con02_r .con .con_bottom .col.n1 a {background-color: #fcd25b; background-size:cover;} .con02 .inner .con02_r .con .con_bottom .col.n2 a {background:#a5d8e6;background-size:cover;} .con02 .inner .con02_r .con .con_bottom .col.n1 a:before {display:block;position:absolute;left:50%;bottom:50px;width:120px;height:120px;margin-left:-65px;background:url(/images/fund/main/m_ir.png)no-repeat -315px -242px;content:"";z-index: 1;} .con02 .inner .con02_r .con .con_bottom .col.n2 a:before {display:block;position:absolute;left:50%;bottom:50px;width:100px;height:120px;margin-left:-65px;background:url(/images/fund/main/m_ir.png)no-repeat -439px -242px;content:"";z-index: 1;} .con02 .inner .con02_r .con .con_bottom .col.n1 a:hover:before, .con02 .inner .con02_r .con .con_bottom .col.n1 a:focus:before, .con02 .inner .con02_r .con .con_bottom .col.n2 a:hover:before, .con02 .inner .con02_r .con .con_bottom .col.n2 a:focus:before {-webkit-animation:vibes2 1.5s ease infinite;animation:vibes2 1.5s ease infinite;} .con02 .inner .con02_r .con .con_b {} .con02 .inner .con02_r .con .con_b .col {} .con02 .inner .con02_r .con .con_b .col a {padding:70px;background: url(/template/template_f1/images/main/con02_bg4.jpg)no-repeat 80% center;background-size:cover;} .con02 .inner .con02_r .con .con_b .col a .ico { background-position:0 -163px;} @media (max-width:1391px){ .con02 .inner {width:100%; padding:0 60px;} } @media (max-width: 1280px){ .con02 .inner .con02_l .con .con_t .col.n1 {padding:70px 30px;} .con02 .inner .con02_l .con .con_t .col.n1 .n1_btn {right:30px;} .con02 .inner .con02_r .con .con_bottom .col .icon{background: none;} .con02 .inner .con02_r .con .con_bottom .col .number {max-width:100%;} } @media(max-width:1023px){ .con02 .inner .con02_l {float:none; width:100%; margin:0 0 60px;} .con02 .inner .con02_r {float:none; width:100%;} .con02 .inner .con02_r .con .con_bottom .col .number {margin-right:200px;} .con02 .inner .con02_r .con .con_bottom .col .icon {background: url(/images/edulife/main/m_ir.png)no-repeat 0 0;background-position: -200px -93px;} } @media(max-width:767px){ .con02 .inner {padding:0 30px;} .con02 .inner .con02_l {float:none; width:100%; margin:0 0 0px;} .con02 .inner .con02_l .con .con_t .col.n1 {padding:30px;} .con02 .inner .con02_l .con .con_t .col.n1 .black {display:block; margin:0; text-align:center;} .con02 .inner .con02_l .con .con_t .col.n1 p {display:none;} .con02 .inner .con02_l .con .con_t .col.n1 .n1_btn {position:static; width:100%; margin:0px 0 0;} .con02 .inner .con02_l .con .con_t .col.n1 .n1_btn li {width:100%;max-width:400px; margin:0 auto 5px;} .con02 .inner .con02_l .con .con_b .col.n2 a {padding-top:120px} .con02 .inner .con02_r .con .con_t .col {width:100%;} .con02 .inner .con02_r .con .con_bottom .col {float:none; width:100%; text-align:center; } .con02 .inner .con02_r .con .con_bottom .col.n3 {padding: 30px 20px 10px;height:auto;} .con02 .inner .con02_r .con .con_bottom .col .number {margin:20px 0 0;} .con02 .inner .con02_r .con .con_bottom .col .icon {background:none;} .con02 .inner .con02_r .con .con_bottom .col .num_list_main span {font-size:18px;} .con02 {padding:50px 0;} .con02 .inner {padding:0 30px;} .con02 .inner .con .col {height:260px;} .con02 .inner .con strong {font-size:18px;} .con02 .inner .con p em {display: block;} .con02 .inner .con02_l .con .con_b .col {float:none !important; width:100% !important; padding:30px 0 30px 0 !important;} .con02 .inner .con02_l .con .con_t .col.n1 a {padding:30px 5%;} .con02 .inner .con02_l .con .con_b .col.n2 a {padding:110px 0 0;} .con02 .inner .con02_l .con .con_b .col.n3 a:before {bottom: 50px;} .con02 .inner .con02_r .con .con_t .col {float:none; width:100%;} .con02 .inner .con02_r .con .con_b .col a {padding:30px 5%;} .con02 .inner .con02_r .con .con_t .col a {padding:50px 0 0;} .con02 .inner .con02_r .con .con_t .col.n1 a:before {bottom:40px;} .con02 .inner .con02_r .con .con_t .col.n2 a:before {bottom:40px;} .con02 .inner .con02_r .con .con_bottom .col a {padding:50px 0 0;} .con02 .inner .con02_r .con .con_bottom .col.n1 a:before {bottom:40px;} .con02 .inner .con02_r .con .con_bottom .col.n2 a:before {bottom:40px;} .con02 .inner .con02_l .con .con_b .col.n2 .call {font-size:20px; font-weight:600; font-family:"nsr_m"; letter-spacing:-0.05em; line-height:1.2em; padding:0px 0px 20px 0px;} } #link_box {position:relative; width:50%; height:310px; float:left; background:url('/images/fund/main/con02_1_con_b_n3_bg.png') no-repeat left top #21bc6a; text-align:center; padding: 40px 0px 40px 0px;} #link_box h3 {padding:0px 0px 0px 0px; font-size:17px; font-family:"nsr_m"; margin:0px 0px 0px 0px; color:#fff;} #link_box h3::after {content: ''; display:block; width:33px; height:1px; background:#fff; margin:17px auto 10px} #link_box .state button {width:15px; height:25px; display:inline-block; position:absolute; z-index:100} #link_box .state button.prev {left:44px; top:145px; background:url('/images/fund/main/link_arrow_left.gif') no-repeat left top;} #link_box .state button.next {right:44px; top:145px; background:url('/images/fund/main/link_arrow_right.gif') no-repeat left top;} #link_box .obj_wrap {position:relative; width:100%; height:95%; margin:0 auto; overflow:hidden;} /*#link_box .obj_wrap li {position:absolute; top:0px; left:0px;}*/ #link_box .obj_wrap li {top:0px; left:0px;} #link_box .obj_wrap li a {width:100%; height:100%; display:inline-block} #link_box .obj_wrap li a .text {border:1px solid #fff; color:#fff; padding:3px 5px; display:inline-block; margin:10px 0 5px 0; font-family:"nsr_m";} #link_box .obj_wrap li a .call {width:100%; display:inline-block; font-size:18px; color:#fff; font-family:"nsr_m";font-weight: 700;} #scene1 {position:relative;background:#f5f5f5; height:57px; width:1240px;margin: 0 auto 50px auto;} #scene1 .layout{max-width:1240px;} #scene1 #gibu_box1 {position:absolute; top:200px; left:0px; width:540px; } #scene1 #gibu_box1 .text_1 {font-size:0px; display:inline-block; width:100%; height:140px; background:url('/images/fund/main/gibu_title.png') no-repeat left top; background-size:100%; vertical-align:top; } #scene1 #gibu_box1 .text_2 {padding:13px 0 0 0; display:inline-block; color:#333333; font-size:26px; vertical-align:top; letter-spacing:-0.04em;} #scene1 .gibu_list{position:absolute;width:100%;height:57px;background-color:#fff;border:1px solid #c5c5c5;float:left;} /*#scene1 .gibu_list{position:absolute;bottom:50px;left:0;width:100%;height:57px;background-color:#fff;border:1px solid #c5c5c5;}*/ #scene1 .gibu_list .gibu_wrap{position:relative;width:100%;height:100%;} #scene1 .gibu_list h3{position:absolute;top:0;left:0;width:240px;height:57px;line-height:57px;background-color:#1c5ec0;color:#fff;text-align:center;padding-right:20px;font-size: larger;margin:0;} #scene1 .gibu_list .more{position:absolute;top:25%;left:185px;display:inline-block;width:28px;height:28px;border-radius:50%;font-size:0;background:#0e418d url(/images/fund/main/control.png) no-repeat;vertical-align:middle;background-position: 7px -14px} #scene1 .gibu_list .grap{position:relative;width:100%;height:57px;padding:0 168px 0 240px;overflow:hidden;} #scene1 .gibu_list .grap .obj{position:relative;width:100%;height:100%;} #scene1 .gibu_list .grap .obj .item{position:relative;width:100%;height:100%;padding:0 30px;line-height:57px;} #scene1 .gibu_list .grap .obj .item a{display:block;float:left;height:100%;/*width:75%;text-align:left;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;*/color:#474747;line-height:57px;} #scene1 .gibu_list .grap .obj .item a b{font-size:23px;color:#000;line-height:48px;} #scene1 .gibu_list .grap .obj .item span{float:right;text-align:right;color:#474747;font-size:14px;line-height:57px;} #scene1 .gibu_list .control{position:absolute;top:0;right:0;width:168px;height:57px;} #scene1 .gibu_list .control button{float:left;display:inline-block;width:33.33%;height:100%;font-size:0;background: url(/images/fund/main/control.png) no-repeat;vertical-align:middle;} #scene1 .gibu_list .control button[data-control="prev"]{background-position:-45px 0;} #scene1 .gibu_list .control button[data-control="stop"]{background-position:-102px 0;} #scene1 .gibu_list .control button[data-control="play"]{display:none;background-position:-158px 0;} #scene1 .gibu_list .control button[data-control="next"]{background-position:-214px 0;} @media(max-width:1340px) { #scene1{height: auto; width: auto; margin: 0 auto 50px auto;} #scene1 #gibu_box1 {left:50px} } @media(max-width:1150px) { #scene1{height: auto; width: auto; margin: 80px auto 50px auto;} #scene1 #gibu_box1 {left:60px; width: 528px;} #scene1 .gibu_list{height:116px;bottom:0;} #scene1 .gibu_list h3{position:static;width:135px;padding-right:0} #scene1 .gibu_list .grap{border-top:1px solid #c5c5c5;padding:0;} #scene1 .gibu_list .grap .obj .item{padding:0 50px 0 10px;} #scene1 .gibu_list .more{position:static;float:right;margin:-41px 10px 0 0;} } @media(max-width:900px) { #scene1 .gibu_list .grap .obj .item span{display:none} } @media(max-width:860px) { #scene1{height: auto; width: auto; margin: 80px auto 50px auto;} #scene1 #gibu_box1 {width:390px} #scene1 #gibu_box1 .text_1 {height:90px} #scene1 #gibu_box1 .text_2 {font-size:20px} } @media(max-width:740px) { #scene1{height: auto; width: auto; margin: 120px auto 50px auto;} #scene1 #gibu_box1 {width:350px} #scene1 #gibu_box1 .text_1 {height:90px; } #scene1 #gibu_box1 .text_2 {font-size:14px} #scene1 .gibu_list{height:150px;bottom:0;} #scene1 .gibu_list .grap{height:90px;} #scene1 .gibu_list .grap .obj .item a{line-height:1.2} } @media(max-width:610px) { #scene1{height: auto; width: auto; margin: 120px 0px 0px 0px;} #scene1 #gibu_box1 {position:relative; left:auto; top:auto; text-align:center; width:100%;} #scene1 #gibu_box1 .text_1 {background: url(/images/fund/main/gibu_title_2.png) no-repeat center top; height:70px} #scene1 #gibu_box1 .text_2 {padding:0px} #scene1 .circle_box, #scene1 .bulb_box, } @media(max-width:420px) { #scene1{height: auto; width: auto; margin: 120px 0px 0px 0px;} }