._fnctWrap {line-height:1.5;} .wrap-visual {position:relative; max-width: 1600px; margin: 0 auto; padding-bottom: 70px;} .wrap-visual .slider-inner{padding-left: 120px; background: url(../images/text-slider-logo.png) no-repeat left top; padding-top: 50px; display: inline-block; position: relative; z-index: 100; max-width: 1200px; width: 80%;} .wrap-visual .slider-inner::after{content:"";display: block; position: absolute; width: 350px; height: 350px; background: url(../images/slider-background.png); right: 40px; top:12px;} .wrap-visual .slider {position:relative; z-index:1;} .wrap-visual .slider li {position:relative; text-align:center; height: 415px;} .wrap-visual .slider-text-wrap{margin-bottom: 48px; height: 150px;} .wrap-visual .slider-text-wrap .college-name{font-size: 22px; font-family:'Mont SemiBold'; color: #069edb; margin-bottom: 3px;} .wrap-visual .slider-text-wrap h1{font-size: 45px; color: #2c2c2c; font-family: 'Noto Light'; margin-bottom: 25px;} .wrap-visual .slider-text-wrap .h1_bold{font-family: 'Noto Bold';} .wrap-visual .slider-text-wrap .college-content{font-size: 24px; color: #777777; font-family: 'Noto Light';} .wrap-visual .main-slogan {position:absolute; left:50%; top:10%; z-index:1; width:100%; transform: translateX(-50%); text-align:left; color:#fff; line-height:1.3;} .wrap-visual .main-slogan .container{padding-left: 5.2%;} /*.wrap-visual .main-slogan p{font-size: 22px; color: white; font-family:'S-CoreDream-1Thin';}*/ .wrap-visual .main-slogan strong{font-size: 50px; font-family:'S-CoreDream-6Bold'; color: white; display: block; padding-bottom: 10px;} .wrap-visual .main-slogan span{font-size: 30px; color: white; font-family:'S-CoreDream-3Light'; display: block;} .wrap-visual .slider-control::before{content:""; display: block; position: absolute; width: 235px; height: 2px; background-color: rgba(141,141,141,0.5); left: 158px; top: 50%; margin-top: -1px;} .wrap-visual .slider-control{position: relative;} .wrap-visual .slider-control::after{content:""; display: block; clear: both;} .wrap-visual button.prev, .wrap-visual button.next{text-indent: -9999px; width: 9px; height: 15px; float: left;} .wrap-visual button.prev{background: url(../images/prev_off.png);} .wrap-visual button.prev:hover{background: url(../images/prev_on.png);} .wrap-visual button.next{background: url(../images/next_off.png);} .wrap-visual button.next:hover{background: url(../images/next_on.png);} .wrap-visual .playstop button{display: none; text-indent: -9999px; width: 10px; height: 15px; float: left; margin: 0 50px;} .wrap-visual .playstop button.on{display: block;} .wrap-visual .playstop button.play{background: url(../images/play.png);} .wrap-visual .playstop button.play:hover{background: url(../images/play_on.png)} .wrap-visual .playstop button.stop{background: url(../images/stop.png);} .wrap-visual .playstop button.stop:hover{background: url(../images/stop_on.png);} .wrap-visual .visual-count{float: left; margin-left: 285px; line-height: 1; position: relative; top: -2.5px;} .wrap-visual .visual-count span{line-height: 15px; font-size: 18px; font-family:'Mont Light';} .wrap-visual .visual-count .current{font-family:'Mont SemiBold'; color: #042e6e;} @media all and (max-width: 1600px){ .wrap-visual .slider-text-wrap{height: 146px;} .wrap-visual .slider-inner{background-position:20px top;} .wrap-visual .slider-text-wrap .college-name{font-size: 20px;} .wrap-visual .slider-text-wrap h1{font-size: 44px; margin-bottom: 20px;} .wrap-visual .slider-text-wrap .college-content{font-size: 20px;} } @media all and (max-width: 1300px) { .wrap-visual .slider-text-wrap{height: 131px;} .wrap-visual .slider-text-wrap .college-name{font-size: 18px;} .wrap-visual .slider-text-wrap h1{font-size: 40px; width: 65%;} .wrap-visual .slider-text-wrap .college-content{font-size: 16px;} } @media all and (max-width: 1023px) { .wrap-visual .slider-inner{width: 100%;} .wrap-visual .slider-inner::after{right: 20px;} } @media all and (max-width: 768px) { .wrap-visual{padding-bottom: 20px;} .wrap-visual .slider-text-wrap{height: 116px; margin-bottom: 20px;} .wrap-visual .slider-inner{padding-bottom:30px; padding-left: 20px; background: none;} .wrap-visual .slider li{height: 300px;} .wrap-visual .slider-text-wrap h1{width: 100%; font-size: 35px;} .wrap-visual .slider-control::before{left: 0; margin-top: 0; top: 40px; width: 100px; display: none;} .wrap-visual .visual-count{float: none; margin-left: 150px;} .wrap-visual .main-slogan strong{font-size: 35px;} .wrap-visual .main-slogan span{font-size: 20px;} } @media all and (max-width: 420px) { .wrap-visual{padding-bottom: 0;} .wrap-visual .container{padding: 0;} .wrap-visual .slider-inner::after{display: none;} .wrap-visual .slider li{height: 200px;} .wrap-visual .slider-inner{padding-left: 20px; padding-top: 30px;} .wrap-visual .slider-text-wrap .college-name{font-size: 16px;} .wrap-visual .slider-text-wrap h1{font-size: 25px;} .wrap-visual .main-slogan strong{font-size: 25px;} .wrap-visual .main-slogan span{font-size: 16px;} }