.tab-content-selected { display: block !important; } .hit ul.banner-type { float: right; overflow: hidden; } ul.banner-type li { float: left; height: 10px; overflow: hidden; font-size: 0; line-height: 0; margin: 2px 0 0 5px; } ul.banner-type li.selected img { margin-top: -15px; } div.banner-tabs3 { z-index: 3; position: absolute; display: none; height: 133px; overflow: hidden; } .hit2 { margin: 0; padding: 0px 0 0px 0px; position: absolute; width: 575px; top: 300px; overflow: hidden; z-index: 4; } .hit2 ul.banner-type { float: left; overflow: hidden; } div.gallery-tabs3 { z-index: 3; position: absolute; display: none; height: 300px; overflow: hidden; } body.intro {margin:0;padding:0;} .description {position:absolute;left:-20000px;} body.intro #content {-moz-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -o-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); -webkit-transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9); transition:0.4s cubic-bezier(0, 0.75, 0.95, 0.9);} body.intro .content {width:950px;min-width:950px;margin:0 auto;position:relative;} #introHeader {position:absolute;top:0;z-index:4500;width:100%;background:url(../img/mainbg.jpg) bottom center repeat-x;} #introHeader .nav {width:100%;height:515px;z-index:20;margin:0 auto;} #main .notice {width:100%;z-index:10; border-bottom:1px solid #eee; background:#346633 !important;} .content-inner {width:950px;margin:0 auto;position:relative; color:#fff; text-align:right;} #introHeader .notice .btn-close {position:absolute;right:0;bottom:11px;display:inline-block;width:42px;height:22px;background:url(https://www.wooribank.com/img/intro/header/intro_popup_close.png) no-repeat;} #introHeader .notice .check {position:absolute;right:55px;bottom:15px;} #introHeader .notice .check label {color:#fff;font-size:12px;display:inline-block;} #introHome {max-width:100%; max-height:515px; height:515px;overflow:hidden; width:100%; position:relative;background:url(../img/mainbg1_01.jpg) top center repeat-x;} .intro-home-type-1 {background:url(../img/mainbg1_01.jpg) top center repeat-x;} .intro-home-type-2 {background:url(../img/mainbg2_01.jpg) top center repeat-x;} .intro-home-type-3 {background:url(../img/mainbg3_01.jpg) top center repeat-x;} .intro-home-type-4 {background:url(../img/mainbg4_01.jpg) top center repeat-x;} #introHome .bg {width:100%;height:515px;position:absolute;top:0;left:0;} #introHome .top {width:950px;margin:0 auto; } #introHome h1 {padding-top:10px;float:left;} #introHome .top .util {float:right; padding-top:15px;} #introHome .top .util li { margin-left:17px; float:left; display:block;} #introHome .top .util li a{color:#fff;font-size:11px !important; font-family:Sans-serif;font-weight:bold;letter-spacing:-0.4px;} #introHome .top .util li a:hover{text-decoration:underline;color:#0087e5 !important;} #introHome .top .util2 {float:right; padding-top:25px;background:green; padding:5px; margin-top:10px; padding-right:40px;margin-left:50PX;} #introHome .top .util2 li { margin-left:25px; float:left; display:block;} #introHome .top .util2 li a{color:#fff;font-size:14px !important; font-family:Sans-serif;font-weight:bold;letter-spacing:-1px;} #introHome .top .menu {position:absolute; top:170px;} #accordion2 li {font-size:25px !important;} #accordion h3{color:#fff; height:25px;} #accordion li a{font-size:13px;color:#eee;letter-spacing:-1px;line-height:1.5;padding-left:8px;display:block;} #accordion li a:hover{text-decoration:underline;color:#fff !important;background:url(../img/main/bull_gray.gif) no-repeat 0 .7em;} .open{position:absolute;z-index:4501; width:100%;text-align:center; margin-top:-24px; } #introNotice {padding-top:10px; margin-top:0px;} #introNotice dt, #introNotice dt a {font-size:18px;color:#232323;height:20px;line-height:16px;font-weight:bold;letter-spacing:-1px} .lt-ie8 #introNotice dt, .lt-ie8 #introNotice dt a {height:24px;line-height:24px;} #introNotice dl.gallery li { margin-right:7px; float:left; display:block} #introNotice dl {margin-top:30px;} #nemoSlider { margin:0 auto; position:relative; left:0px; top:20px; width:330px; height:155px;} #nemoSlider .dt {font-size:18px;color:#232323;height:20px;line-height:16px;font-weight:bold;letter-spacing:-1px} #nemoSlider .img_view {} #nemoSlider .bt_view { position:absolute;top:126px;left:13px; cursor:pointer; } #nemoSlider .bt_view li { margin-left:7px; float:left; display:block} #admission {padding-bottom:10px;border-bottom:1px dotted #ddd;} #admission .content {padding-top:27px;} #admission .logo {float:left; } #admission .right-content {float:left; padding-left:10px; color:#49445b; font-size:17px;margin-top:27px;} #admission .right-content span{font-size:22px;color:#1b337b;font-weight:bold;line-height:110%;padding-bottom:10px;} #admission .info {clear:both; width:100%; height:130px; border-bottom:1px dotted #ddd;} /* news_box */ #news_box {float:left;width:25%;margin-top:10px} /* height:274px; */ #news_box div {overflow:hidden;margin-right:10px} #news_box h3 {margin-bottom:17px} .news_box_list {overflow:hidden;} .news_box_list li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all} .heading{padding-top:0px;}.heading h3{ font-size:18px;color:#000;font-weight:bold;letter-spacing:0px}.col1{height:157px; background:url(../img/main/bg_visual-1.gif) no-repeat right 40px}.col1 .list-cd{padding-top:12px;}.col1 .list-cd li{float:left;}.col1 .list-cd li a{font-size:13px;color:#555;letter-spacing:-1px;line-height:1.5;padding-left:8px;display:block;background:url(../img/main/bull_gray.gif) no-repeat 0 .7em}.col2{height:157px; background:url(../img/main/main_ban_p1.jpg) no-repeat right 25px}.col3{position:relative}.col3 h3{ font-size:18px;color:#000;font-weight:bold;letter-spacing:-2px}.col3 .list-cd li{width:100%; position:relative}.col3 .list-cd li a{font-size:14px;height:24px;}.col3 .list-cd li a:hover , .shortcut-cd-box .list-cd li a:focus {text-decoration:underline !important;color:#0087e5 !important;} .col3 .more{position:absolute;top:10px;right:-0px;_width:46px}.col3 .more a{display:block;font-size:12px;color:#555;padding-right:10px;background:url(https://sccd.wooribank.com/img/section/cd/bull_more.gif) no-repeat right 50%} .cd-intro-tab {} .cd-intro-tab ul li{float:left;border-left:1px solid #dfdfdf;} .cd-intro-tab ul li:first-child {border:none !important;} .col3 .js-tab a:hover, a:active, a:visited, a:focus, a:link {text-decoration:none !important;} .col3 .js-tab a:focus *{text-decoration:none !important;} .ie7 .col3 .js-tab h3 { height:auto !important; vertical-align:baseline !important; padding-bottom:2px !important; } .col3 .js-tab ul {overflow:hidden;} .col3 .js-tab ul li a {font-size:18px;color:#777;font-weight:bold;letter-spacing:-2px; line-height:22px; } .col3 .js-tab .on a{color:#000 !important;} .col3 .js-tab .border-l{border-left:solid 1px #dfdfdf; } #promotion {width:100%;border-top:solid 1px #e0e0e0;position:relative} /* carousel */ #promotion .js-carousel.banner-area { width:300px;margin:-15px 0 0;} #promotion .js-carousel.banner-area .js-carousel-content-wrapper {overflow:hidden;width:300px;height:162px} #promotion .js-carousel.banner-area .js-carousel-content-wrapper ul li {float:left;width:300px;padding-top:20px;font-size:0;line-height:0} #promotion .js-carousel.banner-area .js-carousel-content-wrapper ul li a {display:block;width:300px;font-size:0;line-height:0} #promotion .js-carousel.banner-area .js-carousel-paging {position:absolute;top:20px;text-align:right;width:290px} #promotion .js-carousel.banner-area .js-carousel-paging ul {display:inline-block;width:60px} #promotion .js-carousel.banner-area .js-carousel-paging .ui-carousel-paging {float:left;display:inline-block;width:15px;height:10px;font-size:0;line-height:0;margin:0;padding:0;} #promotion .js-carousel.banner-area .js-carousel-paging .ui-carousel-paging a {display:block;width:10px;height:10px;font-size:0;line-height:0;padding:0;margin:0 0 0 5px;background:url(img/main/hit.gif) no-repeat;text-indent:-200px} #promotion .js-carousel.banner-area .js-carousel-paging .ui-carousel-paging.on a {background-position:0 -15px} #promotion .js-carousel.banner-area .js-carousel-paging .ui-carousel-paging a span {position:absolute;top:-5000px} .ie9 #promotion .js-carousel.banner-area .js-carousel-paging, .lt-ie9 #promotion .js-carousel.banner-area .js-carousel-paging, .opera #promotion .js-carousel.banner-area .js-carousel-paging {top:20px;} .ie7 #promotion .js-carousel.banner-area .js-carousel-paging ul {display:inline;} /* 카드메인 슬라이드영역 */ #slides {display: none} #slides .slidesjs-navigation {} .cd-slide-container {width:574px;height:285px;float:left; } .cd-slide-container .btn-cd{display:block;position:absolute;top:162px;left:2px;} #slides a.slidesjs-play {position:absolute;background-image:url(https://sccd.wooribank.com/img/ccd/main/btns-next-prev.png);background-repeat:no-repeat;display:block;width:12px;height:18px;overflow:hidden;text-indent:-9999px;float:left;margin:-30px 0 0 66px;width:15px;background-position:0px 0px;z-index:8} #slides a.slidesjs-stop {position:absolute;background-image:url(https://sccd.wooribank.com/img/ccd/main/btns-next-prev.png);background-repeat:no-repeat;display:block;width:12px;height:18px;overflow:hidden;text-indent:-9999px;float:left;margin:-30px 0 0 66px;width:14px;background-position:-20px 0;z-index:8} #slides .slidesjs-pagination {overflow:hidden;position:absolute;z-index:8;padding:0px;text-align:left;margin:-30px 0 0 3px;list-style: none;} #slides .slidesjs-pagination li {float:left;margin:2px 0 0 5px;} #slides .slidesjs-pagination li a {display:block;width:10px;height:10px;background-image: url(../img/main/hit.gif);background-position:0 0;float:left;overflow:hidden;text-indent:-200px;} #slides .slidesjs-pagination li a.active, #slides .slidesjs-pagination li a:hover.active {background-position:0 -15px} #slides .slidesjs-pagination li a:hover {background-position:0 -15px} .cd-slide-banner {position:relative;width:285px;height:133px;padding-left:17px; overflow:hidden;} #slides-2 .slidesjs-play {position:absolute;top:0 !important; right:0 !important; background-image:url(https://sccd.wooribank.com/img/ccd/main/btns-next-prev.png);background-repeat:no-repeat;display:block;width:12px;height:18px;overflow:hidden;text-indent:-9999px;float:left;width:15px;background-position:0 0px;z-index:8} #slides-2 .slidesjs-stop {position:absolute;top:0 !important; right:0 !important; background-image:url(https://sccd.wooribank.com/img/ccd/main/btns-next-prev.png);background-repeat:no-repeat;display:block;width:12px;height:18px;overflow:hidden;text-indent:-9999px;float:left;width:14px;background-position:-20px 0;z-index:8} #slides-2 .slidesjs-pagination {overflow:hidden;position:absolute;top:0;right:17px;z-index:8;padding:0px;text-align:left;list-style: none;} #slides-2 .slidesjs-pagination li {float:left;margin:2px 0 0 5px;} #slides-2 .slidesjs-pagination li a {display:block;width:10px;height:10px;background-image: url(../img/main/hit.gif);background-position:0 0;float:left;overflow:hidden;text-indent:-200px;} #slides-2 .slidesjs-pagination li a.active, #slides-2 .slidesjs-pagination li a:hover.active {background-position:0 -15px} #slides-2 .slidesjs-pagination li a:hover {background-position:0 -15px} #slides a:link, #slides a:visited {color:#fff} #slides a:hover, #slides a:active {color:#fff} .navbar { overflow:hidden} .slidesjs-control {z-index:5;} .sns{} .sns ol li{float:left; padding-right:8px;} a:hover, #nav ul .current_page_item a, #nav ul .current-menu-item a, #nav ul > .current-menu-parent a, .footer-area ul li a:hover, .side-nav li.current_page_item a, .portfolio-tabs li.active a, .faq-tabs li.active a, .project-content .project-info .project-info-box a:hover, .about-author .title a, span.dropcap,.footer-area a:hover,.copyright a:hover, #sidebar .widget_categories li a:hover, #main .post h2 a:hover, #sidebar .widget li a:hover, #nav ul a:hover, .date-and-formats .format-box i, h5.toggle:hover a, .tooltip-shortcode,.content-box-percentage, .more a:hover:after,.read-more:hover:after,.pagination-prev:hover:before,.pagination-next:hover:after, .single-navigation a[rel=prev]:hover:before,.single-navigation a[rel=next]:hover:after, #sidebar .widget_nav_menu li a:hover:before,#sidebar .widget_categories li a:hover:before, #sidebar .widget .recentcomments:hover:before,#sidebar .widget_recent_entries li a:hover:before, #sidebar .widget_archive li a:hover:before,#sidebar .widget_pages li a:hover:before, #sidebar .widget_links li a:hover:before,.side-nav .arrow:hover:after{ color:#0c98e5 !important; } #nav ul .current_page_item a, #nav ul .current-menu-item a, #nav ul > .current-menu-parent a, #nav ul ul,#nav li.current-menu-ancestor a, .reading-box, .portfolio-tabs li.active a, .faq-tabs li.active a, .tab-holder .tabs li.active a, .post-content blockquote, .progress-bar-content, .pagination .current, .pagination a.inactive:hover, #nav ul a:hover{ border-color:#0c98e5 !important; } .side-nav li.current_page_item a{ border-right-color:#0c98e5 !important; } .header-v2 .header-social, .header-v3 .header-social, .header-v4 .header-social,.header-v5 .header-social{ border-top-color:#0c98e5 !important; } /*.header-v2 .header-social, .header-v3 .header-social, .header-v4 .header-social,.header-v5 .header-social,.header-v2{ border-top-color:#0c98e5 !important; }*/ h5.toggle.active span.arrow, .post-content ul.circle-yes li:before, .progress-bar-content, .pagination .current, .header-v3 .header-social,.header-v4 .header-social,.header-v5 .header-social, .date-and-formats .date-box,.table-2 table thead{ background-color:#0c98e5 !important; } #header,#small-nav{ /*background-color:#ffffff !important;*/ background-color:rgba(255,255,255,0.8) !important; } #nav ul a{ border-color:#ffffff !important; } #main,#wrapper{ background-color:#ffffff !important; } .footer-area{ background-color:#363839 !important; } .footer-area{ border-color:#e9eaee !important; } .sep-boxed-pricing ul li.title-row{ background-color:#0c98e5 !important; border-color:#0c98e5 !important; } .pricing-row .exact_price, .pricing-row sup{ color:#0c98e5 !important; } .image .image-extras{ background-image: linear-gradient(top, rgba(209,233,144,1) 0%, rgba(170,215,91,1) 100%); background-image: -o-linear-gradient(top, rgba(209,233,144,1) 0%, rgba(170,215,91,1) 100%); background-image: -moz-linear-gradient(top, rgba(209,233,144,1) 0%, rgba(170,215,91,1) 100%); background-image: -webkit-linear-gradient(top, rgba(209,233,144,1) 0%, rgba(170,215,91,1) 100%); background-image: -ms-linear-gradient(top, rgba(209,233,144,1) 0%, rgba(170,215,91,1) 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(209,233,144,1)), color-stop(1, rgba(170,215,91,1)) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1E990', endColorstr='#AAD75B'); } .no-cssgradients .image .image-extras{ background:#D1E990; } #main .reading-box .button, #main .continue.button, #main .portfolio-one .button, #main .comment-submit, .button.default{ color: #54770f !important; background-image: linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -o-linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -moz-linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -webkit-linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -ms-linear-gradient(top, #D1E990 0%, #AAD75B 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #D1E990), color-stop(1, #AAD75B) ); border:1px solid #AAD75B; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1E990', endColorstr='#AAD75B'); } .no-cssgradients #main .reading-box .button, .no-cssgradients #main .continue.button, .no-cssgradients #main .portfolio-one .button, .no-cssgradients #main .comment-submit, .no-cssgradients .button.default{ background:#D1E990; } #main .reading-box .button:hover, #main .continue.button:hover, #main .portfolio-one .button:hover, #main .comment-submit:hover, .button.default:hover{ color: #54770f !important; background-image: linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -o-linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -moz-linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -webkit-linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -ms-linear-gradient(top, #AAD75B 0%, #D1E990 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #AAD75B), color-stop(1, #D1E990) ); border:1px solid #AAD75B; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAD75B', endColorstr='#D1E990'); } .no-cssgradients #main .reading-box .button:hover, .no-cssgradients #main .continue.button:hover, .no-cssgradients #main .portfolio-one .button:hover, .no-cssgradients #main .comment-submit:hover, .no-cssgradients .button.default{ background:#AAD75B; } /* .page-title-container{ background-image:url(../img/lnb02.png) !important; background-position-x: 100px; background-position-y: 0px; }*/ .page-title-container{ background-image:url(../img/lnb03.png) !important; margin-top:120px; } .page-title-container{ background-color:#fff; } .page-title-container{border-color:#d2d3d4 !important;} #header{ } #main{ } .fontawesome-icon.circle-yes{ background-color:#333333 !important; } .fontawesome-icon.circle-yes{ border-color:#333333 !important; } .fontawesome-icon{ color:#ffffff !important; } .title-sep{ border-color:#e0dede !important; } .review blockquote q,.post-content blockquote{ background-color:#f6f6f6 !important; } .review blockquote div:after{ border-top-color:#f6f6f6 !important; } .review blockquote q,.post-content blockquote{ color:#747474 !important; } body,#nav ul li ul li a, .more, .avada-container h3, .meta .date, .review blockquote q, .review blockquote div strong, .image .image-extras .image-extras-content h4, .project-content .project-info h4, .post-content blockquote, .button.large, .button.small, .ei-title h3{ } .avada-container h3, .review blockquote div strong, .footer-area h3, .button.large, .button.small{ font-weight:bold; } .meta .date, .review blockquote q, .post-content blockquote{ font-style:italic; } .footer-area h3{ } body,#sidebar .slide-excerpt h2, .footer-area .slide-excerpt h2{ font-size:14px; line-height:1.5em; } .project-content .project-info h4{ font-size:14px !important; line-height:1.5em !important; } body,#sidebar .slide-excerpt h2, .footer-area .slide-excerpt h2{ line-height:1.5em !important; } .project-content .project-info h4{ line-height:1.5em !important; } .header-social *{font-size:12px !important;} .page-title ul li,page-title ul li a{font-size:13px !important;} .side-nav li a{font-size:14px !important;} #sidebar .widget h3{font-size:13px !important;} .footer-area h3{font-size:13px !important;} .copyright{font-size:12px !important;} #header .avada-row, #main .avada-row, .footer-area .avada-row, #footer .avada-row{ max-width:980px; } .post-content h1{ font-size:32px !important; line-height:48px !important; } .post-content h1{ line-height:48px !important; } .post-content h2,.title h2,#main .post-content .title h2,.page-title h1,#main .post h2 a{ font-size:18px !important; line-height:27px !important; } .post-content h2,.title h2,#main .post-content .title h2,.page-title h1,#main .post h2 a{ line-height:27px !important; } .post-content h3,.project-content h3,#header .tagline{ font-size:16px !important; line-height:24px !important; } .post-content h3,.project-content h3,#header .tagline{ line-height:24px !important; } .post-content h4{ font-size:13px !important; line-height:20px !important; } h5.toggle a,.tab-holder .tabs li a,.share-box h4,.person-author-wrapper{ font-size:13px !important; } .post-content h4{ line-height:20px !important; } .post-content h5{ font-size:12px !important; line-height:18px !important; } .post-content h5{ line-height:18px !important; } .post-content h6{ font-size:11px !important; line-height:17px !important; } .post-content h6{ line-height:17px !important; } .ei-title h2{ font-size:42px !important; line-height:63px !important; } .ei-title h3{ font-size:20px !important; line-height:30px !important; } body,.post .post-content,.post-content blockquote,.tab-holder .news-list li .post-holder .meta,#sidebar #jtwt,.meta,.review blockquote div,.search input,.project-content .project-info h4,.title-row{color:#747474 !important;} .post-content h1,.title h1{ color:#333333 !important; } .post-content h2,.title h2{ color:#333333 !important; } .post-content h3,#sidebar .widget h3,.project-content h3,.title h3,#header .tagline,.person-author-wrapper span{ color:#333333 !important; } .post-content h4,.project-content .project-info h4,.share-box h4,.title h4{ color:#333333 !important; } .post-content h5,h5.toggle a,.title h5{ color:#333333 !important; } .post-content h6,.title h6{ color:#333333 !important; } .page-title h1{ color:#333333 !important; } body a,.project-content .project-info .project-info-box a,#sidebar .widget li a, #sidebar .widget .recentcomments, #sidebar .widget_categories li, #main .post h2 a{color:#333333 !important;} .page-title ul li,.page-title ul li a{color:#333333 !important;} .footer-area h3{color:#DDDDDD !important;} .footer-area,.footer-area #jtwt,.copyright{color:#8C8989 !important;} .footer-area a,.copyright a{color:#BFBFBF !important;} #nav ul a,.side-nav li a{color:#333333;} #nav ul ul{background-color:#edebeb;} #wrapper #nav ul li ul li a,.side-nav li li a,.side-nav li.current_page_item li a{color:#333333 !important;} .ei-title h2{color:#333333 !important;} .ei-title h3{color:#747474 !important;} #wrapper .header-social *{color:#747474 !important;} .sep-single{background-color:#e0dede !important;} .sep-double,.sep-dashed,.sep-dotted{border-color:#e0dede !important;} .ls-avada, .avada-skin-rev,.clients-carousel .es-carousel li,h5.toggle a,.progress-bar, #small-nav,.portfolio-tabs,.faq-tabs,.single-navigation,.project-content .project-info .project-info-box, .post .meta-info,.grid-layout .post,.grid-layout .post .content-sep, .grid-layout .post .flexslider,.timeline-layout .post,.timeline-layout .post .content-sep, .timeline-layout .post .flexslider,h3.timeline-title,.timeline-arrow, .counter-box-wrapper,.table-2 table thead,.table-2 tr td, #sidebar .widget li a,#sidebar .widget .recentcomments,#sidebar .widget_categories li, .tab-holder,.commentlist .the-comment, .side-nav,.side-nav li a,h5.toggle.active + .toggle-content, .side-nav li.current_page_item li a,.tabs-vertical .tabset, .tabs-vertical .tabs-container .tab_content,.page-title-container,.pagination a.inactive{border-color:#e0dede;} .side-nav li a{border-color:#e0dede !important;} input#s,#comment-input input,#comment-textarea textarea{background-color:#ffffff !important;} input#s,input#s,.placeholder,#comment-input input,#comment-textarea textarea,#comment-input .placeholder,#comment-textarea .placeholder{color:#aaa9a9 !important;} input#s::webkit-input-placeholder,#comment-input input::-webkit-input-placeholder,#comment-textarea textarea::-webkit-input-placeholder{color:#aaa9a9 !important;} input#s:moz-placeholder,#comment-input input:-moz-placeholder,#comment-textarea textarea:-moz-placeholder{color:#aaa9a9 !important;} input#s:-ms-input-placeholder,#comment-input input:-ms-input-placeholder,#comment-textarea textarea:-moz-placeholder{color:#aaa9a9 !important;} input#s,#comment-input input,#comment-textarea textarea{border-color:#d2d2d2 !important;} #wrapper #nav ul li ul li a{border-bottom:1px solid #dcdadb !important;} #wrapper #nav ul li ul li a:hover, #wrapper #nav ul li ul li.current-menu-item a{background-color:#f5f4f4 !important;} #header .tagline{ color:#747474 !important; } #header .tagline{ font-size:16px !important; line-height:30px !important; } .page-title h1{ font-size:18px !important; line-height:normal !important; } .header-social,#header{ border-bottom-color:#e1e1e1 !important; } #nav ul ul{ width:170px !important; } #main #sidebar{ background-color:#ffffff; } #main #content{ width:71.1702128%; } #main #sidebar{ width:23.4042553%; } #wrapper .header-social{ background-color:rgba(255,255,255,0.8) !important; /*background-color:#ffffff !important;*/ } #wrapper .header-social .menu > li{ border-color:#efefef !important; } #wrapper .header-social .menu .sub-menu{ background-color:#ffffff !important; } #wrapper .header-social .menu .sub-menu li, #wrapper .header-social .menu .sub-menu li a{ color:#333333 !important; } #wrapper .header-social .menu .sub-menu li a:hover{ background-color:#fafafa !important; } #wrapper .header-social .menu .sub-menu li a:hover{ color:#333333 !important; } #wrapper .header-social .menu .sub-menu,#wrapper .header-social .menu .sub-menu li{ border-color:#e0dfdf !important; } h5.toggle span.arrow{background-color:#333333;} .progress-bar-content{background-color:#0c98e5 !important;border-color:#0c98e5 !important;} .content-box-percentage{color:#0c98e5 !important;} .progress-bar{background-color:#f6f6f6;border-color:#f6f6f6;} .more a:after,.read-more:after,#sidebar .widget_nav_menu li a:before,#sidebar .widget_categories li a:before, #sidebar .widget .recentcomments:before,#sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before,#sidebar .widget_pages li a:before, #sidebar .widget_links li a:before,.side-nav .arrow:after,.single-navigation a[rel=prev]:before, .single-navigation a[rel=next]:after,.pagination-prev:before, .pagination-next:after{color:#333333 !important;} .date-and-formats .format-box{background-color:#eef0f2;} .es-nav-prev,.es-nav-next{background-color:#999999;} .es-nav-prev:hover,.es-nav-next:hover{background-color:#808080;} .content-boxes .col{background-color:transparent;} #sidebar .tab-holder,#sidebar .tab-holder .news-list li{border-color:#ebeaea !important;} .pyre_tabs .tabs-container{background-color:#ffffff !important;} body.dark #sidebar .tab-hold .tabs li{border-right:1px solid #ffffff !important;} body.dark #sidebar .tab-hold .tabs li a{background:#ebeaea !important;border-bottom:0 !important;color:#747474 !important;} body.dark #sidebar .tab-hold .tabs li a:hover{background:#ffffff !important;border-bottom:0 !important;} body #sidebar .tab-hold .tabs li.active a{background:#ffffff !important;border-bottom:0 !important;} body #sidebar .tab-hold .tabs li.active a{border-top-color:#a0ce4e!important;} .share-box{background-color:#f6f6f6;} .grid-layout .post .flexslider,.timeline-layout .post,.timeline-layout .post .content-sep, .timeline-layout .post .flexslider,h3.timeline-title,.grid-layout .post,.grid-layout .post .content-sep{border-color:#f6f6f6 !important;} .align-left .timeline-arrow:before,.align-left .timeline-arrow:after{border-left-color:#f6f6f6 !important;} .align-right .timeline-arrow:before,.align-right .timeline-arrow:after{border-right-color:#f6f6f6 !important;} .timeline-circle,.timeline-title{background-color:#f6f6f6 !important;} .timeline-icon{color:#f6f6f6;} .main-flex .flex-control-nav{display:none !important;} /*---- s:2020new_css ----*/ .ceo_info{width:470px;} /*bannerimg*/ .bannerWrap{width:100%;height:100%;pointer-events:none;overflow:hidden;} .bannerWrap iframe{width:100vw;height:56.25vw;min-height: 100vh;min-width: 177.77vh; /*position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);*/} .header-v2{border-top:none;} /*linkWrap*/ .linkWrap{-ms-display:flexbox;display:flex;flex-wrap:wrap;} #container{width:100%;/* background:#4378B6;*/} .headerWrap{position:fixed;top:0;width:100%;z-index:50;} .linkWrap{-ms-display:flexbox;display:flex;flex-direction:row;flex-wrap:wrap;padding:80px 0;} .linkWrap > div{width:33.33%;height:300px;box-sizing:border-box;} .linkWrap span{font-size:26px;color:#fff;line-height:1.2;} .linkBox1{padding:30px;background-color:#018abe;background-image:url(../img/main/main_back001_03.jpg);border-radius:0 0 0 20px;} .linkBox2{padding:30px;background-color:#004481;background-image:url(../img/main/ico_appli.png);background-position:95% 85%;background-repeat:no-repeat;} .linkBox1 a,.linkBox2 a{display:block;width:100%;height:100%;} .linkBox3{-ms-display:flexbox;display:flex;flex-direction:column;} .linkBox3 a{padding:28px;height:50%;} .linkBox3 a:nth-child(1){background-color:#001b48;background-image:url(../img/main/ico_calender.png);background-position:90% 70%;background-repeat:no-repeat;border-radius:0 20px 0 0;} .linkBox3 a:nth-child(2){background-color:#c1c8cb;background-image:url(../img/main/ico_guide.png);background-position:90% 70%;background-repeat:no-repeat;} .linkBox3 a:nth-child(2) span{color:#001b48;} .degreeWrap{padding:80px 0;} .degreeWrap div{padding:30px;box-sizing:border-box;font-size:26px;color:#fff;line-height:1.2;} .degreeWrap div a{display:block;width:100%;height:100%;} .degreeWrap .degreeTitle{font-size:26px;line-height:1.2;color:#000;} .degreeWrap P{font-size:18px;font-weight:100;line-height:1.2;color:#000;margin-top:10px;} .degreeWrap div:nth-child(1){padding:0;} .degreeWrap div:nth-child(2){background-color:#018abe;background-image:url(../img/main/plus_btn.png),url(../img/main/mainback_game.png);background-repeat:no-repeat,no-repeat;background-size:auto,cover;background-position: 90% 90%,bottom,center;} .degreeWrap div:nth-child(3){background-color:#004481;background-image:url(../img/main/plus_btn.png),url(../img/main/mainback_security.png);background-repeat:no-repeat;background-size:auto,cover;background-position: 90% 90%,bottom,center;border-radius:0 20px 0 0;} .degreeWrap div:nth-child(4){background-color:#018abe;background:url(../img/main/plus_btn.png),url(../img/main/mainback_design.png);background-repeat:no-repeat;background-size:auto,cover;background-position: 90% 90%,bottom,center;border-radius:0 0 0 20px;} .degreeWrap div:nth-child(5){background-color:#004481;background:url(../img/main/plus_btn.png),url(../img/main/mainback_smart.png);background-repeat:no-repeat;background-size:auto,cover;background-position: 90% 90%,bottom,center;} .noticeWrap{-ms-display:flexbox;display:flex;flex-direction:row;flex-wrap:wrap;padding:80px 0;} .noticeWrap > div{width:calc(50% - 10px);margin-left:20px;} .noticeWrap > div:nth-child(1){margin-left:0;} .noticeArticle{margin-top:20px;} .noticeArticle p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 0;font-size:14px;line-height:1.5;color:#4d4d4d;} .noticeTitle{font-size:22px;} .quickWrap{background-color:#d6e2ef;} .quickGroup{-ms-display:flexbox;display:flex;flex-direction:row;flex-wrap:wrap;padding:80px 0;} .quickGroup a{display:block; width:25%;text-align:center;} .quickGroup div{font-size:16px;margin-top:10px;} .quickGroup .jello-horizontal:hover { -webkit-animation: wobble-hor-bottom 0.8s both; animation: wobble-hor-bottom 0.8s both; } /* ---------------------------------------------- * Generated by Animista on 2020-7-24 13:31:43 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation wobble-hor-bottom * ---------------------------------------- */ @-webkit-keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(-6deg); transform: translateX(-30px) rotate(-6deg); } 30% { -webkit-transform: translateX(15px) rotate(6deg); transform: translateX(15px) rotate(6deg); } 45% { -webkit-transform: translateX(-15px) rotate(-3.6deg); transform: translateX(-15px) rotate(-3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(2.4deg); transform: translateX(9px) rotate(2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(-1.2deg); transform: translateX(-6px) rotate(-1.2deg); } } @keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(-6deg); transform: translateX(-30px) rotate(-6deg); } 30% { -webkit-transform: translateX(15px) rotate(6deg); transform: translateX(15px) rotate(6deg); } 45% { -webkit-transform: translateX(-15px) rotate(-3.6deg); transform: translateX(-15px) rotate(-3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(2.4deg); transform: translateX(9px) rotate(2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(-1.2deg); transform: translateX(-6px) rotate(-1.2deg); } } /*footer*/ .f_box div:nth-child(1){display:block;float: left;} .f_box div:nth-child(2){display:block;float: left; padding-bottom:20px;text-align:left;} .footer_address h3{padding-bottom:10px;} .f_box_contract{margin-left:40px;} /*subpage*/ .printer{margin-top:40px;} .printer ul{float:right;display:flex;padding:30px 0 10px;} .printer ul li{margin:0 10px;} /*mobile_header*/ .m-header,.mobile-menu {display:none;} .m-header{position:relative;padding:10px 20px;border-bottom:1px solid #cecece;background-color: #fff;} .m-header .logo {width:200px;height:42px;} .m-header .logo img {max-width:100%;margin-top:4px;} .mbtn {position:absolute;top:20px;right:20px;width:33px;height:33px;} .nav-icon{width:33px;height:33px;} .nav-icon span{display:block;position:absolute;height:4px;width:100%;background-color:#113271;} .nav-icon span:nth-child(1){top:0px;transition:.3s ease-in-out;} .nav-icon span:nth-child(2){top:11px;transition:.3s ease-in-out;} .nav-icon span:nth-child(3){top:22px;transition:.3s ease-in-out;} .nav-icon.mopen span:nth-child(1){transform: rotate(45deg);top:11px;} .nav-icon.mopen span:nth-child(2){transform: rotate(45deg);transition:.3s ease-in-out;} .nav-icon.mopen span:nth-child(3){transform: rotate(-45deg);transition:.3s ease-in-out;top:11px;} /*.mobile-menu{position:fixed;width:50%;height:100%;}*/ .mobile-menu{position:absolute;width:50%;height:100vh;left:-50%;transition:.5s ease-in-out} .mobile-menu.mopen{left:50%;transition:.5s ease-in-out;} /*.mobile-menu.back{background-color:rgba(0,0,0,0.5);}*/ /*.mobile-menu.open{right:0;}*/ .main-menu{position:absolute;left:-100%;transition:.5s ease-in-out;width:50%;height:100%;background-color:#004481;} .main-menu.mopen{left:0;transition:.5s ease-in-out;} .main-menu{width:100%;height:100%;background-color:#004481;} .mobile-menu a{color:#c6c6c6;} /*.mobile-menu .m-depth01 > li > a{display:block;height:40px;padding:10px;box-sizing:border-box;color:#fff!important;}*/ .mobile-menu .m-depth01 > li > a{display:block;height:32px;line-height:32px;padding:0 10px;box-sizing:border-box;color:#fff!important;} .mobile-menu .m-depth01 > li{border-bottom:1px solid #274784;} .mobile-menu .m-depth02 li{background-color:#274784;border-bottom:1px solid #315495;} /*.mobile-menu .m-depth02 li a{display:block;height:40px;padding:10px;box-sizing:border-box;color:#fff !important;}*/ .mobile-menu .m-depth02 li a{display:block;/*height:32px;line-height:32px;*/padding:5px 10px;box-sizing:border-box;color:#fff !important;font-size:12px;} .mobile-menu ul.m-depth02{display:none;} /*list*/ .board_list{border-top:2px solid #6eb8eb;} .list_Group{padding:10px 10px 10px 0;border-bottom:1px solid #ccc;} .list_data{color:#afafaf;} .pagenavi{margin-top:34px;text-align:center;} .pagenavi a:hover, .pagenavi span.current{display:inline-block;width:30px;height:29px;margin-right:5px;text-align: center;line-height:29px;vertical-align:middle;background:#333333;color:#fff;border-radius:30px;} .pagenavi a{display:inline-block;width:30px;height:29px;margin-right:5px;text-align:center;line-height:29px;vertical-align: middle;background: #e2e2e2;color:#fff;border-radius:30px;} .pagenavi .nextpostslink{padding:0px 25px 0px 12px;text-align:right;background:#e2e2e2 url('/img/bg_page_next.png') no-repeat 80% center;} .pagenavi .previouspostslink{padding:0px 12px 0px 25px;text-align:right;background:#e2e2e2 url('/img/bg_page_prev.png') no-repeat 20% center;} .pagenavi .previouspostslink:hover{background: #d2d2d2 url('/img/bg_page_prev.png') no-repeat 20% center;} .pagenavi .nextpostslink:hover{background: #d2d2d2 url('/img/bg_page_next.png') no-repeat 80% center;} .board_list img{vertical-align:middle;} /*list_open*/ .list_con{padding:20px 0;} .list_file{padding:10px;background-color:#e2e2e2;display:flex;border-top:1px #ccc solid;border-bottom:1px solid #ccc;} .list_btn{} .list_btn a{float:right;display:block;width:100px;height:34px;text-align:center;line-height:34px;color:#fff!important;font-size:14px;background-color:#001b48;} .list_navi{display:flex;flex-direction:column;width:100%;} .list_navi li{width:100%;display:flex;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;} /*qna*/ .qna-list{display:flex;flex-direction:column;font-size:16px;} .qna-list:nth-child(1){border-top:2px solid #ccc;} .qna-list img{width:24px;height:24px;display:inline-block;} .qna_title{color:#001b48;} a.qustion{display:flex;padding:20px;border-top:1px solid #ccc;font-weight:bold;} .answer{display:none;padding:20px 20px 0 20px;border-bottom:1px solid #ccc;background-color:#f7f7f7;} .answer a,.answer div{display:inline-block;} .answer a div{width:calc(100% - 38px);} .answer div{width:calc(100% - 40px);} .qna-wrap li:last-child{border-bottom:1px solid #ccc;} /*subpage ??_housing*/ .con_wrap div{float:left;} .con_title{width:100%;font-size:28px;line-height:1.2em; font-weight:bold;color:#001b48;} .con_title2{width:100%;font-size:20px;line-height:1.2em;margin-top:20px;font-weight:bold;color: #4c7ac5;} .con_subtitle{margin-top:30px; padding:8px 18px;background-color:#001b48;font-size:18px;border-radius:50px;color:#fff;letter-spacing:1px;} .con_group{width:100%;margin-top:20px;display:flex;flex-direction:column;} .con_group2{width:100%;margin-top:10px;display:flex;flex-direction:column;} .con_group p{margin-top:10px;} .con_group span{line-height: 1.5em;} .con_group span.textbold{font-weight:bold;color:#001b48;} .con_icontext{display:flex;} .con_img{margin-top:72px;} .con_titletext{font-size:16px;color:#001b48;} /*subpage_table*/ .con_table {width:100%;} .con_table thead {border-top: 2px solid #6eb8eb;} .con_table thead th {padding: 5px;font-weight:bold;border-bottom:1px solid #868686;} .con_table thead th:nth-child(2) {border-left:1px solid #ccc;} /* .con_table thead th:nth-child(3) {border-left:1px solid #ccc;} */ .con_table tbody {} .con_table tbody td {border-top: 1px solid #ccc;padding: 5px;border-left: 1px solid #ccc;} /*.con_table tbody td:nth-child(1) {border-left:none;*/} .con_table tbody .left {width:100%;text-indent: -15px;margin-left: 10px;} .con_table tbody {border-bottom: 2px solid #ccc;} .td_center{vertical-align:middle;text-align:center;} .big_con_subtitle{width:100%;line-height:1.2em;font-size:32px;color:#001b48;text-align:center;box-sizing:border-box;padding:10px;} .con_subtitle2{margin-top:80px;} .big_con_title{width:100%;font-size:52px;color:#001b48;text-align:center;box-sizing:border-box;padding:20px;} .overview_img{width:80%;display:block;margin:40px auto 0;padding-top:40px;} .overview_txt{width:100%;font-size:16px;text-align:center;} .class_link{display:flex;margin-top:40px;} .class_link > div{width:25%;border-left:1px solid #ccc;} .class_link > div:nth-child(1){border-left:none;} .class_link > div a{display:block; width:100%;height: 100%;display:flex;flex-direction:column;} .classlink_title{margin-top:10px; font-weight:bold;color:#001b48;text-align:center;} .class_link img{display:block;width:62px;height:62px;margin: 0 auto;} .class_btn{width:100px;margin:10px auto 0;text-align:center;border-radius:50px;border:1px solid #001b48;} .class_btn_depart{width:100px;margin:10px auto 0;padding:5px 10px;text-align:center;border-radius:50px;background-color:#001b48;color:#fff!important;} .class_btn_depart:hover{width:100px;margin:10px auto 0;padding:5px 10px;text-align:center;border-radius:50px;background-color:#05A1E8;color:#fff!important;} .gamelinkimg{background-image: url(../img/study/gamelink.png);width: 62px;height:62px;margin:0 auto;} .securitylinkimg{background-image: url(../img/study/securitylink.png);width: 62px;height:62px;margin:0 auto;} .designlinkimg{background-image: url(../img/study/designlink.png);width: 62px;height:62px;margin:0 auto;} .fusionlinkimg{background-image: url(../img/study/fusionlink.png);width: 62px;height:62px;margin:0 auto;} .class_link a:hover .gamelinkimg{background-image: url(../img/study/gamelink_blue.png);} .class_link a:hover .securitylinkimg{background-image: url(../img/study/securitylink_blue.png);} .class_link a:hover .designlinkimg{background-image: url(../img/study/designlink_blue.png);} .class_link a:hover .fusionlinkimg{background-image: url(../img/study/fusionlink_blue.png);} .class_link a:hover .class_btn{border:1px solid #368fe3;} .class_link a:hover .classlink_title{color:#368fe3;} .note{padding:20px;margin-top:26px;background-color:#e8e8e8;border-radius:20px;padding:20px; box-sizing: border-box;} .note div{width:100%;font-size:16px;} .note p{margin-top:20px;width:100%;} /*???*/ .iframebox{width:100%;height:337px;} /*major*/ .major_subtitle{color:#001b48;font-size:18px;margin-top:26px;} .deptitle{font-size:18px;font-weight:bold;} li.menu-left{background-image: url(../img/sub/plus.png);background-repeat:no-repeat!important;background-position:right 10px top 5px;} li.menu-left:hover{background-image: url(../img/sub/plus.png);background-repeat:no-repeat!important;background-position:right 10px top 5px;} li.menu-left.openm{background-image: url(../img/sub/minus.png);background-repeat:no-repeat!important;background-position:right 10px top 5px;} .side-depth02 > li{padding-left:10px;} .majorbtn{border-radius: 20px;border: 1px solid #373737;padding: 5px 10px;} .con_table tbody td.bl{border-left:1px solid #ccc;} .con_table thead th.bl{border-left:1px solid #ccc;} .con_table tbody td.blhide{border-left:none;} /*---- e:2020new_css ----*/ @media only screen and (max-width: 940px){ .breadcrumbs{display:none !important;} .conWrap{padding:1.5em;} /*mobile-header*/ .m-header,.mobile-menu {display:block;} #header{display:none;} .m-header .logo{margin:10px 0 0;} /*banner_img*/ .bannerWrap iframe{height:56.25vw;min-height:auto;min-width:auto;margin-top:116px;} } @media only screen and (max-width: 800px){ .side_block{display:none;} } @media only screen and (max-width: 768px){ .linkWrap{padding:40px 0;} .linkWrap.welcomWrap div{width:50%;} .linkWrap.welcomWrap div:nth-child(3){width:100%;} .linkBox1{border-radius:0;} .linkBox3 a:nth-child(1){border-radius:0;} .linkBox3 a{flex-direction:row;} .degreeWrap{} .degreeWrap div:nth-child(1){width:100%;height:120px;} .degreeWrap div:nth-child(2),.degreeWrap div:nth-child(3),.degreeWrap div:nth-child(4),.degreeWrap div:nth-child(5){width:50%;} .degreeWrap .degreeTitle br{display:none;} .degreeTitleGroup p br{display:none;} .degreeCon div{margin-top:0;} .noticeWrap > div{width:100%;} .noticeWrap .photoGroup{margin:0;margin-top:40px;} .quickWrap{width:100%;} .quickGroup{padding:40px 0;} .quickGroup a{width:50%;} .quickGroup a:nth-child(3),.quickGroup a:nth-child(4){margin-top:20px;} /*contents area*/ .content_body{padding:0 10px;} .con_wrap{padding:0 10px;} .contents{padding:0 10px;} /*greeting*/ .greeting{padding-left:0!important;padding-top:230px;} .big_con_title{line-height:1em;font-size:3em;padding:0;} .present dt{left:0;} .present dd{margin-left:0;margin-top:10px;margin-left:30px;text-indent:-30px;} .present dd.ddmt30{margin-top:30px;} /*degree*/ .class_link{flex-wrap:wrap;} .class_link > div{width:50%;box-sizing:border-box;margin-top:20px;border:none;} .ceo_info{width:100%;margin-top:20px;} } @media only screen and (max-width: 480px){ .linkWrap.welcomWrap div{width:100%;} .linkWrap .linkBox1,.linkWrap .linkBox2{max-height:200px;} .linkWrap .linkBox3{height:auto;} .linkWrap > div{height:160px;} .linkWrap span{font-size:1.6em;} .linkBox1{border-radius:0 20px 0 0;} .linkBox3 a:nth-child(2){border-radius:0 0 0 20px;} .degreeWrap div{font-size:1.2em;} .degreeWrap div:nth-child(2),.degreeWrap div:nth-child(3),.degreeWrap div:nth-child(4),.degreeWrap div:nth-child(5){width:100%;} .degreeWrap > div:nth-child(1){max-height:100px;margin-top:40px;} .degreeWrap div:nth-child(1){border-radius:0;} .degreeWrap div:nth-child(2){border-radius:0 20px 0 0;background-position:96% 90%,bottom,center;} .degreeWrap div:nth-child(3){border-radius:0;background-position:96% 90%,bottom,center;} .degreeWrap div:nth-child(4){border-radius:0;background-position:96% 90%,bottom,center;} .degreeWrap div:nth-child(5){border-radius:0 0 0 20px;background-position:96% 90%,bottom,center;} .noticeWrap{padding:40px 0;} .quickGroup img{width:50%;} #footer .footer_address{float:none;width:80%;margin:0 auto;} #header .logo img{width:80%;} .page-title-container{margin-top:110px;} #footer .f_box{padding-top:40px;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){ .breadcrumbs{display:none !important;} .conWrap{padding:1.5em;} } #nav > li > a,#nav li.current-menu-ancestor a{height:83px;line-height:83px;} #nav > li > a,#nav li.current-menu-ancestor a{height:83px;line-height:83px;} #nav ul ul{top:86px;} .ei-slider{width:100% !important;} .ei-slider{height:400px !important;} .reading-box{background-color:#f6f6f6 !important;} .isotope .isotope-item { -webkit-transition-property: top, left, opacity; -moz-transition-property: top, left, opacity; -ms-transition-property: top, left, opacity; -o-transition-property: top, left, opacity; transition-property: top, left, opacity; }