.fadeInLeft {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-fill-mode:both; animation-delay:0.3s;animation-duration:0.7s; } @keyframes fadeInLeft{ 0% {opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px); } 100% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); } } /*메인 영상*/ .main-movie {width:100%; height:100%;position:fixed; left:0px; top:0px; z-index:2000; padding:50px; background:#000; } .pop-input-wrap { padding:10px; color:#fff; background:#000; text-align:center; } .pop-input-wrap label { font-weight:normal; display:inline-block;margin-top:2px;margin-right:15px; margin-left:5px; font-size:22px;} .pop-input-wrap * { line-height:1; vertical-align:top; } .pop-input-wrap input { width:20px; height:20px; } .pop-input-wrap .pop-close,.pop-input-wrap .pop-close2 { margin-top:3px; display:inline-block; } .main .pop-input-wrap a { margin-left:10px; color:#fff; } /*팝업*/ .popup-wrap { position:relative; } .popup { width:470px; position:absolute; top:0px; left:0px; z-index:100; } @media (min-width: 992px) { .main a {color: #222;} .main-section01 {width:100%; height:869px; } .main-section01 .main-bg-rolling { position:absolute; top:0px; left:0px; width:100%; height:954px; z-index:-1; } .main-section01 .main-bg-rolling ul li { width:100%; height:954px; background-repeat:no-repeat; background-position:center top; padding-top:210px; } .main-section01 .main-bg-rolling ul li .title { margin-bottom:30px; } .main-section01 .main-bg-rolling ul li .text {font-size:18px; color:#fff; margin-bottom:20px; width:538px; font-weight:100; letter-spacing:-1px; } .main-section01 .main-bg-rolling ul li .text p {margin-bottom:30px; } .main-section01 .section01-contents { z-index:99; position:relative; height:869px; } .main-section01 .main-bg-rolling-btn { position:absolute; bottom:280px; left:0px; width:100%; text-align:center; } .main-section01 .main-bg-rolling-btn .btn-prev { position:absolute; top:0px; left:0px; } .main-section01 .main-bg-rolling-btn .btn-next { position:absolute; top:115px; left:35px; } .main-section01 .main-bg-rolling-btn .rolling-pager .bx-pager-item { position:absolute; top:30px; left:0px; width:70px; height:70px; text-align:center; border:1px solid #fff; font-size:24px; color:#fff; font-weight:bold; padding-top:17px; border-radius:35px; } .main-section01 .main-bg-rolling-btn .rolling-pager .bx-pager-item a {display:none; color:#fff; } .main-section01 .main-bg-rolling-btn .rolling-pager .bx-pager-item a.active { display:block; } .main-section01 .main-bg-rolling ul li.active-slide .container .title { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-fill-mode:both; animation-delay:0.0s;animation-duration:0.7s; } .main-section01 .main-bg-rolling ul li.active-slide .container .text { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-fill-mode:both; animation-delay:0.3s;animation-duration:0.7s; } /*.main-section01 .main-bg-rolling ul li .container { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-fill-mode:both; animation-delay:0.0s;animation-duration:0.7s; }*/ .main-section01 .right { width:50%; float:right; padding-top:118px; } .main-section01 .right .movie-frame { position:relative; padding: 50px 25px 44px 60px; background:url(../images/main/bg_banner.png) no-repeat left bottom; overflow:hidden; margin-bottom:80px; } .main-section01 .right .movie-frame span.info-text { color:#fff; font-size:18px; margin-top:10px; display:block; } .main-section01 .right .movie-frame iframe { width:100%; max-width:520px; height:304px; } .main-section01 .right .hot-alime { position:relative; padding: 80px 25px 84px 60px; background:url(../images/main/bg_banner.png) no-repeat left bottom; overflow:hidden; margin-bottom:80px; } .main-section01 .right .hot-alime .hot-btn-wrap { position:absolute; top:30px; right:25px; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn { float:left; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn * { vertical-align:top; } .main-section01 .right .hot-alime .hot-btn-wrap .btn-play {margin-left:5px; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn .bx-pager-item { float:left; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn .bx-pager-item a {text-indent:-99999px; display:inline-block; float:left; margin:0 5px; width: 12px; height:12px; background:url(../images/main/banner_btn_off.png) no-repeat center center; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn .bx-pager-item a.active { background:url(../images/main/banner_btn_on.png) no-repeat center center; } .main-section01 .right .quick-menu { } .main-section01 .right .quick-menu ul { margin-left:-15px; } .main-section01 .right .quick-menu ul li { padding-left:15px;float:left; width:20%; position:relative; } .main-section01 .right .quick-menu ul li a {display:block; text-align:center; height:106px; width:100%; padding:5px 18px 0 ; float:left; color:#fff; font-size:17px; } .main-section01 .right .quick-menu ul li a img{display:block; margin:0 auto -1px; width:48px; } .main-section01 .right .quick-menu ul li a:hover { border:3px solid #fff; padding:2px 15px 0 ; } .main-section01 .right .quick-menu ul li a:hover:after { content:''; display:block; position:absolute; top:35px; right:-25px; background:url(../images/main/arrow_next.png) no-repeat center top; width:51px; height:13px; } .main-section02 { width:100%; position:relative; /*height:762px; */ } .main-section02 .main-section02-top { width:100%; position:relative; height:762px; } .main-section02 .part-top { position:absolute; padding-top:60px; top:0px; left:50%; margin-left:-600px; z-index:10; } .main-section02 .info-text { color:#666; font-size:22px; margin-bottom:50px; } .main-section02 .view-tab { margin:0 -5px; } .main-section02 .view-tab li { float:left; padding:0 5px; } .main-section02 .view-tab li a {display:block; padding:10px 20px; border:1px solid #000;color:#000; background:#fdfdfd; font-size:20px; font-family: "NanumSquareRound"; border-radius:30px; } .main-section02 .view-tab li a.active, .main-section02 .view-tab li a:hover {color:#fff;background:#000; text-decoration:none; } .main-section02 .program-list {width:100%; background:#fdfdfd; } .main-section02 .program-list ul { } .main-section02 .program-list ul li { height:762px; float:left; padding:0 20 40px; width:1200px !important; padding-bottom:40px;} .main-section02 .program-list ul li a { display:block;width:100%; height:100%; } .main-section02 .program-list ul li a .text-wrap { padding-top:265px; width:50%; float:left; height:100%; } .main-section02 .program-list ul li a .text-wrap dt { font-family: "NanumSquareRound"; font-size:45px; color:#000; font-weight:bold; margin-bottom:40px; letter-spacing:-3px; } .main-section02 .program-list ul li a .text-wrap dd { margin-bottom:10px; color:#666; font-size:24px; font-family: "NanumSquareRound";} .main-section02 .program-list ul li a .text-wrap dd.more {margin-top:40px; font-size:17px;font-family: 'Noto Sans KR' ; color:#000; } .main-section02 .program-list ul li a .text-wrap dd.more img{display:inline-block; margin-left:10px; } .main-section02 .program-list ul li a .img-wrap {position:relative; padding:10px; width:50%; float:left; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; } .main-section02 .program-list ul li a .img-wrap .kind { position:absolute; bottom:0px; left:0px; background:#000; color:#fff; padding:10px 20px; z-index:10; } .main-section02 .program-list ul li a:hover .img-wrap {box-shadow:8px 10px 20px rgba(0,0,0,0.45); } /*.main-section02 .program-list ul li a:hover .img-wrap img { width:100%; height:100%; }*/ .main-section02 .program-list ul li a:hover .img-wrap:after { border:1px solid #fff; position:absolute; top:10px; left:10px; content:''; width: calc(100% - 20px); height: calc(100% - 20px); } .main-section02 .program-list .bx-controls-direction { position:absolute; bottom:50px; left:50%; margin-left:-300px; } .main-section02 .program-list .bx-controls-direction a {text-indent:-99999px; display:inline-block; border:1px solid #cacaca; background-color:#fff; background-repeat:no-repeat; background-position:center center; width:100px !important; height:94px; margin-left:-1px; } .main-section02 .program-list .bx-controls-direction a.bx-prev {background-image:url(../images/main/btn_pre.png) ; } .main-section02 .program-list .bx-controls-direction a.bx-prev:hover {background-image:url(../images/main/btn_pre_over.png) ; } .main-section02 .program-list .bx-controls-direction a.bx-next {background-image:url(../images/main/btn_next.png) ; } .main-section02 .program-list .bx-controls-direction a.bx-next:hover {background-image:url(../images/main/btn_next_over.png) } /*영상바로가기*/ .main-section02 .movie-wrap { padding-top:90px; } .main-section02 .movie-wrap .container { position:relative; } .main-section02 .movie-wrap h3 { font-size:45px; color:#000; font-family: "NanumSquareRound"; padding-bottom:65px; } .main-section02 .movie-wrap .movie-tab { position:absolute; top:0px; left:270px; } .main-section02 .movie-wrap .movie-tab li { float:left; margin-right:5px; font-family: "NanumSquareRound"; } .main-section02 .movie-wrap .movie-tab li a { display:inline-block; padding:5px 20px 1px; border-radius:23px; font-size:22px;color:#666; border:1px solid #666666; } .main-section02 .movie-wrap .movie-tab li a:hover,.main-section02 .movie-wrap .movie-tab li a.active { color:#fff; background:#D98809; border:1px solid #D98809; } .main-section02 .movie-wrap .movie-list { } .main-section02 .movie-wrap .movie-list { margin:0 -8px; } .main-section02 .movie-wrap .movie-list:after { clear:both; display:table; content:''; } .main-section02 .movie-wrap .movie-list li { float:left; width:25%; padding: 8px; } .main-section02 .movie-wrap .movie-list li a {display:block; position:relative; width:100%; height:100%; } .main-section02 .movie-wrap .movie-list li a:after {position:absolute; content:''; z-index:1; top:0px; left:0px; display:block; width:100%; height:100%; background:url(../images/main/movie-banner/ico_play.svg) no-repeat center center; background-size:50px 50px; } .main-section02 .movie-wrap .movie-list li a:hover:after{ background:url(../images/main/movie-banner/ico_play_wh.svg) no-repeat center center rgba(0,0,0,0.6); background-size:50px 50px; } .main-section02 .movie-wrap #movie02, .main-section02 .movie-wrap #movie03 { display:none; } .main-section03 { height:988px; width:100%; background:url(../images/main/contents_bg.png) no-repeat center center; padding-top:100px; } .main-section03 .container { position:relative; } .main-section03 .left { float:left; width:460px; padding-top:120px;} .main-section03 .left .part { font-family: "NanumSquareRound"; } .main-section03 .left .part01 { margin-bottom:120px; } .main-section03 .left .part h3 {font-size:30px; font-weight:bold; color:#666; line-height:1; margin-bottom:20px; } .main-section03 .left .part p {font-size:24px; color:#666; vertical-align:bottom; margin-bottom:30px;line-height:1; } .main-section03 .left .part p strong {font-size:70px; font-weight:bold; color:#000; letter-spacing:-7px; margin-right:20px; } .main-section03 .left .part ul { margin-left:-16px; } .main-section03 .left .part ul li { float:left; padding-left:16px; width:33.3333%; } .main-section03 .left .part ul li a { display:block; width:100%; height:146px; background:url(../images/main/pattern.png) repeat left top #ffd200; text-align:center;padding-top:20px; font-weight:bold; font-size:18px; line-height:1; } .main-section03 .left .part ul li a img{margin:0 auto 10px; display:block; } .main-section03 .one-book { position:absolute; right:-100px; top:110px; background:url(../images/main/bg_book.png) no-repeat left top; width:786px; height:546px; padding:80px 100px 0 180px; } .main-section03 .one-book .one-book-list { } .main-section03 .one-book .one-book-list li { width:100%; float:left; height:388px; } .main-section03 .one-book .one-book-list li .text-wrap {width:50%; float:left; height:100%;background:#3ccea7; padding:36px; line-height:1; word-break:keep-all; } .main-section03 .one-book .one-book-list li .text-wrap dt { font-size:30px; font-weight:bold; color:#fff; font-family: "NanumSquareRound"; position:relative; padding-top:10px; margin-bottom:20px; } .main-section03 .one-book .one-book-list li .text-wrap dt:before { content:''; display:inline-block; position:absolute; top:0px; left:0px; width:25px; height:1px; border-top:1px solid #fff; } .main-section03 .one-book .one-book-list li .text-wrap dd.kind { font-family: "NanumSquareRound"; display:inline-block; padding:5px 20px; background:#99f7de; border-radius:17px; color:#245b4c; font-size:18px; font-weight:bold; margin-bottom:20px; } .main-section03 .one-book .one-book-list li .text-wrap dd.title { margin-bottom:15px; font-size:32px; color:#fff; } .main-section03 .one-book .one-book-list li .text-wrap dd.title.font-small { font-size:24px; } .main-section03 .one-book .one-book-list li .text-wrap dd.author { font-size:18px; color:#fff; } .main-section03 .one-book .one-book-list li .img-wrap {width:50%; float:left; height:100%; } .main-section03 .one-book .one-book-list li .img-wrap img { width:100%; height:100%; } .main-section03 .one-book .one-book-btn { position:absolute; bottom:100px; left:210px; } .main-section03 .one-book .one-book-btn span { display:inline-block; margin:0 7px; } .main-section03 .one-book .one-book-btn .img-btn a {display:inline-block; text-indent:-9999px; width:51px; height:13px; } .main-section03 .one-book .one-book-btn .img-btn.btn-prev a {background:url(../images/main/arrow_pre.png) no-repeat left top; } .main-section03 .one-book .one-book-btn .img-btn.btn-next a {background:url(../images/main/arrow_next.png) no-repeat left top; } .main-section03 .one-book .one-book-btn .btn-pager { font-size:24px; color:#fff; } .main-section03 .one-book .one-book-btn .btn-pager strong { font-weight:bold;display:block; float:left; margin-top:-5px; } .main-section04 { background:#fff; padding:20px 0 165px; } .main-section04 h3 {margin-bottom:50px; font-size:45px; color:#000; font-weight:bold; font-family: "NanumSquareRound"; line-height:1; } .main-section04 .notice-container {width:100%; position:relative; } .main-section04 .notice-container .first {width:100%; position:relative; margin-bottom:50px; } .main-section04 .notice-container .first a { display:block; } .main-section04 .notice-container .first .text-wrap { float:right; width:75% ; padding-top:10px; } .main-section04 .notice-container .first .text-wrap .title { font-size:26px; color:#000; margin-bottom:25px; } .main-section04 .notice-container .first .text-wrap .text {font-size:20px; color:#333; } .main-section04 .notice-container .first .date { float:left; width:21%; margin-right:4%; border:1px solid #000; background:#fff; text-align:center;padding:30px 0 ; font-family: "NanumSquareRound"; line-height:1; } .main-section04 .notice-container .first .date span {display:block; margin-bottom:18px; font-size:24px; color:#666; } .main-section04 .notice-container .first .date strong {font-size:46px; color:#000; font-weight:bold; } .main-section04 .notice-container ul {margin:0 -20px; } .main-section04 .notice-container ul li {float:left; width:25%; padding:0 20px; } .main-section04 .notice-container ul li:first-child { display:none; } .main-section04 .notice-container ul li a {border-top:5px solid #000; border-bottom:1px solid #ccc; display:block; width:100%; height:145px; padding-top:20px; font-size:22px; color:#000; line-height:1.4; } .main-section04 .notice-container ul li span {display:block; margin-top:15px; color:#999; font-size:18px; } .main-section04 .notice-container .more { position:absolute; top:-25px; right:0px; } .main-section04 .notice-container .more a {font-size:17px; color:#000; } .main-section04 .notice-container .more a img {display:inline-block; margin-left:10px; } .main-section05 { background:#F2F2F2; padding:75px 0 105px; } .main-section05 h3 { color:#000; font-size:45px;font-family: "NanumSquareRound"; margin-bottom:55px; } .main-section05 .container { position:relative; } .main-section05 ul li { } .main-section05 ul li a { display:block; width:100%; height:300px; background:#fff; border:1px solid #ddd; padding:15px; } .main-section05 ul li a:hover { box-shadow: 0px 2px 18px rgba(0,0,0,0.2); } .main-section05 ul li a span { display:block; } .main-section05 ul li a span.img {text-align: center;margin-bottom:20px;background:url(../images/main/no_img.png) no-repeat center center #e9e9e9; } .main-section05 ul li a span.img img {max-width:100%; max-height:160px; } .main-section05 ul li a span.title { margin-bottom:10px; color:#000; font-size:16px; } .main-section05 ul li a span.date {font-size:15px; color:#666; font-size:15px;} .main-section05 .more { position:absolute; top:20px; right:0px; } .main-section05 .more a {font-size:17px; color:#000; } .main-section05 .more a img {display:inline-block; margin-left:10px; } .position-link-wrap { position:fixed; top:250px; left:50%; margin-left:-685px; z-index:1000; } .position-link-wrap li {margin-bottom:10px; } .position-link-wrap li a { display:block; text-align:center; margin-bottom:10px; border-top:2px solid #b2b2b2; height:85px; width:85px; color:#b2b2b2; font-size:20px; font-family: "NanumSquareRound"; transform: rotate(270deg);} .position-link-wrap li a span { display:none; } .position-link-wrap li a.active span, .position-link-wrap li a:hover span { display:block; } .position-link-wrap li a.active, .position-link-wrap li a:hover {text-decoration:none; border-top:2px solid #d98809; color:#d98809; } } @media (min-width: 992px) and (max-width: 1199px) { .main-section01 .main-bg-rolling ul li .title { width:50%; } .main-section01 .main-bg-rolling ul li .text {font-size:18px;width:50%; } .main-section01 .right { width:65%; padding-top:160px; } .main-section01 .right .hot-alime { margin-left:170px; } .main-section01 .right .movie-frame { margin-left:170px; } .main-section01 .right .movie-frame span.info-text { font-size:16px; } .main-section01 .right .movie-frame iframe { height:230px; } /*영상바로가기*/ .main-section02 { /*height:620px; */ } .main-section02 .main-section02-top { height:620px; } .main-section02 .part-top { margin-left:-480px; } .main-section02 .program-list ul li { height:620px; float:left; width:960px !important; padding-bottom:20px;} .main-section02 .program-list ul li a .text-wrap dt { font-family: "NanumSquareRound"; font-size:35px; color:#000; font-weight:bold; margin-bottom:40px; } .main-section02 .program-list ul li a .text-wrap dd { font-size:20px; } .main-section02 .program-list .bx-controls-direction { margin-left:-220px; } .main-section03 .left { width:420px; } .main-section03 .one-book { right:0px; top:150px; background:url(../images/main/bg_book.png) no-repeat left top; background-size:580px auto; width:580px; padding:50px 50px 0 100px; } .main-section03 .one-book .one-book-list li { width:100%; float:left; height:300px; } .main-section03 { height:880px; padding-top:90px; } .main-section03 .left .part01 { margin-bottom:80px; } .main-section03 .one-book .one-book-list li .text-wrap { padding:25px; } .main-section03 .one-book .one-book-list li .text-wrap dt { font-size:24px; } .main-section03 .one-book .one-book-list li .text-wrap dd.kind { padding:5px 15px; font-size:16px;margin-bottom:15px; } .main-section03 .one-book .one-book-list li .text-wrap dd.title { margin-bottom:10px; font-size:20px; } .main-section03 .one-book .one-book-list li .text-wrap dd.author { font-size:16px; } .main-section03 .one-book .one-book-btn { bottom:215px; left:135px; } .main-section03 .one-book .one-book-btn * { vertical-align:middle; } .main-section03 .one-book .one-book-btn .img-btn a {width:30px; height:10px; } .main-section03 .one-book .one-book-btn .img-btn.btn-prev a {background:url(../images/main/arrow_pre.png) no-repeat left top; background-size:30px 10px; } .main-section03 .one-book .one-book-btn .img-btn.btn-next a {background:url(../images/main/arrow_next.png) no-repeat left top; background-size:30px 10px; } .main-section03 .one-book .one-book-btn .btn-pager { font-size:20px; color:#fff; } .main-section04 { padding:20px 0 100px; } .main-section04 .notice-container ul li a {font-size:20px; } } @media (max-width: 991px) { .popup { width:100%; } .popup img{ width:100%; } .main { } .main-section01 {width:100%; height:530px; } .main-section01 .main-bg-rolling { position:absolute; top:0px; left:0px; width:100%; height:600px; z-index:-1; } .main-section01 .main-bg-rolling ul li { width:100%; height:600px; background-repeat:no-repeat; background-position:center top; background-size:cover; padding-top:90px; padding-right:100px; padding-left:15px; } .main-section01 .main-bg-rolling ul li .title img { width:350px; } .main-section01 .main-bg-rolling ul li .text {display:none; } .main-section01 .main-bg-rolling-btn { position:absolute; top:90px; right:10px; } .main-section01 .main-bg-rolling-btn div { float:left; margin-left:15px; } .main-section01 .main-bg-rolling-btn * { vertical-align:top; } .main-section01 .main-bg-rolling-btn div.rolling-pager { margin:0px; display:none; } .main-section01 .main-bg-rolling ul li.active-slide .container .title { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-fill-mode:both; animation-delay:0.0s;animation-duration:0.7s; } .main-section01 .main-bg-rolling ul li.active-slide .container .text { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-fill-mode:both; animation-delay:0.3s;animation-duration:0.7s; } .main-section01 .right {padding-top:160px; } .main-section01 .right .movie-frame { max-width:420px; margin:0 auto; position:relative; padding: 25px 15px 45px 60px; background:url(../images/main/bg_banner.png) no-repeat left bottom; overflow:hidden; } .main-section01 .right .movie-frame span.info-text { color:#fff; font-size:12px; margin-top:10px; display:block; } .main-section01 .right .movie-frame iframe { width:100%; max-width:520px; height:190px; } .main-section01 .right .hot-alime {max-width:420px; margin:0 auto; position:relative; padding: 45px 15px 45px 60px; background:url(../images/main/bg_banner.png) no-repeat left bottom; overflow:hidden; } .main-section01 .right .hot-alime .hot-btn-wrap { position:absolute; top:20px; right:25px; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn { float:left; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn * { vertical-align:top; } .main-section01 .right .hot-alime .hot-btn-wrap .btn-play {margin-left:5px; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn .bx-pager-item { float:left; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn .bx-pager-item a {text-indent:-99999px; display:inline-block; float:left; margin:0 5px; width: 12px; height:12px; background:url(../images/main/banner_btn_off.png) no-repeat center center; } .main-section01 .right .hot-alime .hot-btn-wrap .hot-btn .bx-pager-item a.active { background:url(../images/main/banner_btn_on.png) no-repeat center center; } .main-section01 .right .quick-menu {margin-top:-10px; } .main-section01 .right .quick-menu ul { } .main-section01 .right .quick-menu ul li { padding:0 5px;float:left; width:20%; position:relative; } .main-section01 .right .quick-menu ul li a {display:block; text-align:center; width:100%; float:left; color:#fff; font-size:15px; line-height:1.2; } .main-section01 .right .quick-menu ul li a img{display:block; margin:0 auto -1px; width:48px; } .main-section02 { width:100%; position:relative; padding:0 15px; padding-bottom:35px; } .main-section02 .part-top { text-align:center; z-index:10; padding:30px 15px; } .main-section02 .info-text { display:none; } .main-section02 .view-tab { margin:0 -3px; } .main-section02 .view-tab * { vertical-align:top; } .main-section02 .view-tab li { display:inline-block; padding:0 3px; } .main-section02 .view-tab li a {display:block; padding:5px 10px; border:1px solid #000;color:#000; background:#fdfdfd; font-size:15px; font-family: "NanumSquareRound"; border-radius:30px; } .main-section02 .view-tab li a.active, .main-section02 .view-tab li a:hover {color:#fff;background:#000; text-decoration:none; } .main-section02 .program-list {width:100%; background:#fdfdfd; position:relative; box-shadow:8px 10px 20px rgba(0,0,0,0.45); max-width:580px; margin:0 auto; } .main-section02 .program-list :after { clear:both; display:table; content:''; } .main-section02 .program-list ul { } .main-section02 .program-list ul li { float:left; width:100%; } .main-section02 .program-list ul li a { display:block;width:100%; } .main-section02 .program-list ul li a .text-wrap {padding:30px; position:Absolute; bottom:0px; left:0px; width:100%; z-index:10; background:rgba(0,0,0,0.8); } .main-section02 .program-list ul li a .text-wrap dt { font-family: "NanumSquareRound"; font-size:22px; color:#fff; font-weight:bold; margin-bottom:20px; letter-spacing:-3px; } .main-section02 .program-list ul li a .text-wrap dd { margin-bottom:10px; color:#fff; font-size:17px; font-family: "NanumSquareRound";} .main-section02 .program-list ul li a .text-wrap dd.more { display:none; } .main-section02 .program-list ul li a .img-wrap { position:relative; width:100%; padding-top:130%; background-size:cover; background-position:center center; background-repeat:no-repeat; } .main-section02 .program-list ul li a .img-wrap .kind { position:absolute; bottom:0px; right:0px; background:#000; color:#fff; padding:10px 20px; z-index:10; } .main-section02 .program-list .bx-controls-direction { } .main-section02 .program-list .bx-controls-direction a {text-indent:-99999px; position:absolute; top:50%; margin-top:-20px; display:inline-block; border:1px solid #cacaca; background-color:#fff; background-repeat:no-repeat; background-position:center center; width:40px !important; height:40px; margin-left:-1px; } .main-section02 .program-list .bx-controls-direction a.bx-prev {background-image:url(../images/main/btn_pre.png) ; left:0px; } .main-section02 .program-list .bx-controls-direction a.bx-prev:hover {background-image:url(../images/main/btn_pre_over.png) ; } .main-section02 .program-list .bx-controls-direction a.bx-next {background-image:url(../images/main/btn_next.png) ; right:0px; } .main-section02 .program-list .bx-controls-direction a.bx-next:hover {background-image:url(../images/main/btn_next_over.png) } /*영상바로가기*/ .main-section02 .movie-wrap { padding-top:60px; } .main-section02 .movie-wrap .container { position:relative; } .main-section02 .movie-wrap h3 { font-size:32px; color:#000; font-family: "NanumSquareRound"; padding-bottom:15px; } .main-section02 .movie-wrap .movie-tab { margin-bottom:25px; } .main-section02 .movie-wrap .movie-tab li { float:left; margin-right:5px; font-family: "NanumSquareRound"; } .main-section02 .movie-wrap .movie-tab li a { display:inline-block; padding:5px 20px 1px; border-radius:23px; font-size:16px;color:#666; border:1px solid #666666; } .main-section02 .movie-wrap .movie-tab li a:hover,.main-section02 .movie-wrap .movie-tab li a.active { color:#fff; background:#D98809; border:1px solid #D98809; } .main-section02 .movie-wrap .movie-list { } .main-section02 .movie-wrap .movie-list { margin:0 -5px; } .main-section02 .movie-wrap .movie-list:after { clear:both; display:table; content:''; } .main-section02 .movie-wrap .movie-list li { float:left; width:50%; padding: 5px; } .main-section02 .movie-wrap .movie-list li a {display:block; position:relative; width:100%; height:100%; } .main-section02 .movie-wrap .movie-list li a:after {position:absolute; content:''; z-index:1; top:0px; left:0px; display:block; width:100%; height:100%; background:url(../images/main/movie-banner/ico_play.svg) no-repeat center center; background-size:30px 30px; } .main-section02 .movie-wrap .movie-list li a:hover:after{ background:url(../images/main/movie-banner/ico_play_wh.svg) no-repeat center center rgba(0,0,0,0.6); background-size:30px 30px; } .main-section02 .movie-wrap #movie02, .main-section02 .movie-wrap #movie03 { display:none; } .main-section03 { width:100%; } .main-section03 .left { width:100%; background:url(../images/main/contents_bg.png) no-repeat center center; background-size:cover; padding:30px 15px; } .main-section03 .left .part { font-family: "NanumSquareRound"; } .main-section03 .left .part01 { margin-bottom:40px; } .main-section03 .left .part h3 {font-size:26px; font-weight:bold; color:#666; line-height:1; margin-bottom:15px; } .main-section03 .left .part p {font-size:17px; color:#666; vertical-align:bottom; margin-bottom:10px;line-height:1; } .main-section03 .left .part p strong {font-size:50px; font-weight:bold; color:#000; letter-spacing:-7px; margin-right:20px; } .main-section03 .left .part ul { margin-left:-10px; } .main-section03 .left .part ul li { float:left; padding-left:10px; width:33.3333%; } .main-section03 .left .part ul li a { display:block; color:#000; width:100%; background:url(../images/main/pattern.png) repeat left top #ffd200; text-align:center;padding:15px 0; font-weight:bold; font-size:16px; line-height:1; } .main-section03 .left .part ul li a img{margin:0 auto 5px; display:block; } .main-section03 .one-book { max-width:560px; margin:0 auto; position:relative; height:320px; } .main-section03 .one-book .one-book-list {} .main-section03 .one-book .one-book-list li { width:100%; float:left; max-width:560px; background:#3ccea7;padding:20px 15px; height:320px; } .main-section03 .one-book .one-book-list li .text-wrap {width:50%; float:left; height:100%; padding:25px 0; line-height:1; } .main-section03 .one-book .one-book-list li .text-wrap dt { font-size:26px; font-weight:bold; color:#fff; font-family: "NanumSquareRound"; position:relative; padding-top:10px; margin-bottom:15px; } .main-section03 .one-book .one-book-list li .text-wrap dt:before { content:''; display:inline-block; position:absolute; top:0px; left:0px; width:25px; height:1px; border-top:1px solid #fff; } .main-section03 .one-book .one-book-list li .text-wrap dd.kind { font-family: "NanumSquareRound"; display:inline-block; padding:5px 20px; background:#99f7de; border-radius:17px; color:#245b4c; font-size:17px; font-weight:bold; margin-bottom:15px; } .main-section03 .one-book .one-book-list li .text-wrap dd.title { margin-bottom:10px; font-size:26px; color:#fff; } .main-section03 .one-book .one-book-list li .text-wrap dd.title.font-small { font-size:19px; } .main-section03 .one-book .one-book-list li .text-wrap dd.author { font-size:17px; color:#fff; } .main-section03 .one-book .one-book-list li .img-wrap {width:50%; float:left; height:100%; } .main-section03 .one-book .one-book-list li .img-wrap img { width:100%; height:100%; } .main-section03 .one-book .one-book-btn { position:absolute; bottom:20px; left:15px; } .main-section03 .one-book .one-book-btn span { display:inline-block; margin:0 7px; } .main-section03 .one-book .one-book-btn .img-btn a {display:inline-block; text-indent:-9999px; width:31px; height:13px; } .main-section03 .one-book .one-book-btn .img-btn.btn-prev a {background:url(../images/main/arrow_pre.png) no-repeat left top; background-size:cover; } .main-section03 .one-book .one-book-btn .img-btn.btn-next a {background:url(../images/main/arrow_next.png) no-repeat right top; background-size:cover; } .main-section03 .one-book .one-book-btn .btn-pager { font-size:18px; color:#fff; } .main-section03 .one-book .one-book-btn .btn-pager strong { font-weight:bold;display:block; float:left; margin-top:-5px; } .main-section04 { background:#fff; padding:50px 15px; } .main-section04 h3 {margin-bottom:30px; font-size:32px; color:#000; font-weight:bold; font-family: "NanumSquareRound"; line-height:1; } .main-section04 .notice-container {width:100%; position:relative; } .main-section04 .notice-container .first {display:none; } .main-section04 .notice-container ul {} .main-section04 .notice-container ul li {width:100%; } .main-section04 .notice-container ul li a {border-top:5px solid #000; border-bottom:1px solid #ccc; display:block; width:100%; padding-bottom:15px; margin-bottom:10px; padding-top:15px; font-size:20px; color:#000; line-height:1.4; } .main-section04 .notice-container ul li span {display:block; margin-top:10px; color:#999; font-size:17px; } .main-section04 .notice-container ul li:nth-of-type(3),.main-section04 .notice-container ul li:nth-of-type(4),.main-section04 .notice-container ul li:nth-of-type(5) { display:none; } .main-section04 .notice-container .more { position:absolute; top:-60px; right:15px; } .main-section04 .notice-container .more a {font-size:16px; color:#000; } .main-section04 .notice-container .more a img {display:inline-block; margin-left:10px; } .main-section05 { background:#F2F2F2; padding:50px 15px; } .main-section05 h3 { color:#000; font-size:32px;font-family: "NanumSquareRound"; margin-bottom:30px; } .main-section05 .container { position:relative; } .main-section05 ul li { } .main-section05 ul li a { display:block; width:100%; height:300px; background:#fff; border:1px solid #ddd; padding:15px; } .main-section05 ul li a:hover { box-shadow: 0px 2px 18px rgba(0,0,0,0.2); } .main-section05 ul li a span { display:block; } .main-section05 ul li a span.img {text-align: center;margin-bottom:20px;background:url(../images/main/no_img.png) no-repeat center center #e9e9e9; } .main-section05 ul li a span.img img {max-width:100%; max-height:160px; } .main-section05 ul li a span.title { margin-bottom:10px; color:#000; font-size:16px; } .main-section05 ul li a span.date {font-size:15px; color:#666; font-size:15px;} .main-section05 .more { position:absolute; top:0px; right:0px; } .main-section05 .more a {font-size:16px; color:#000; } .main-section05 .more a img {display:inline-block; margin-left:10px; } .position-link-wrap { display:none; } }