/* 꿈바당 2017 */ body { background:url(../images/main/bg1.jpg) no-repeat center top; } .wrap { background:url(../images/main/bg.jpg) no-repeat center bottom; } .main { } .pop-container { position:relative; z-index:190; } .popup map { position:absolute; top:-40000px; left:-30000px; } .popup { position:absolute; top:0px; left:0px; display:none; width:419px ; } .popup .pop-img img { /*width:340px; height:420px;*/ width:419px; height:402px ; } .pop-input-wrap { padding:10px; color:#fff; background:#000; text-align:right; } .pop-input-wrap label { font-weight:normal; display:inline-block;margin-top:2px; } .pop-input-wrap * { line-height:1; vertical-align:top; } .pop-input-wrap input { } .pop-input-wrap .pop-close { margin-top:3px; display:inline-block; } .main .pop-input-wrap a { margin-left:10px; color:#fff; } .main .pop-input-wrap .pop-close { } .pop-container .pupup-btn { position:absolute; bottom:10px; left:0px; padding-left:10px; } .pop-container .pupup-btn * { vertical-align:middle; } .pop-container .pupup-btn div { display:inline-block; color:#fff; } .pop-container .pupup-btn div a {display:inline-block; color:#fff; font-size:16px; margin-top:-1px; } .main .section { position:relative; } .main .section01 { height:445px;} .main .section01 ul li { width:100%; height:445px; } .main .section01 .bx-pager {position:absolute; left:20px; bottom:50px; } .main .section01 .bx-pager div {float:left; } .main .section01 .bx-pager div a { display:block; float:left; text-indent:-9999px; width:20px; height:20px; background:#95925d; border-radius:10px; margin-left:10px; } .main .section01 .bx-pager div a.active { background:#e9316a; } .main .section02 {} .main .section02 .main-quick-link { padding-top:25px; padding-bottom:42px; } .main .section02 .main-quick-link li { float:left; /*width:14.2857142%; */ width:16.666%; text-align:center; } .main .section02 .main-quick-link li a { display:block; padding-top:80px; font-size:20px; color:#222; font-family: 'Godo'; } .main .section02 .main-quick-link li.list01 a { background:url(../images/main/icon01.png) no-repeat center top; } .main .section02 .main-quick-link li.list02 a { background:url(../images/main/icon02.png) no-repeat center 10px; } .main .section02 .main-quick-link li.list03 a { background:url(../images/main/icon03.png) no-repeat center top; } /*.main .section02 .main-quick-link li.list04 a { background:url(../images/main/icon04.png) no-repeat center top; }*/ .main .section02 .main-quick-link li.list04 a { background:url(../images/main/ebook.png) no-repeat center top; } .main .section02 .main-quick-link li.list05 a { background:url(../images/main/icon05.png) no-repeat center top; } .main .section02 .main-quick-link li.list06 a { background:url(../images/main/icon06.png) no-repeat center 10px; } .main .section02 .main-quick-link li.list07 a { background:url(../images/main/icon_sch.png) no-repeat center top; } .main .section03 { padding-top:38px; padding-bottom:47px; } .main .section03 .banner {margin-bottom: 38px;} .main .section03 h3 { text-align:center; color:#e9316a; font-family: 'Godo';margin-bottom:30px; font-size:30px; font-weight:bold; } .main .section03 .hot-alime { float:left; width:340px; margin-right:80px; position:relative; min-width:340px; min-height:1px;} .main .section03 .hot-alime .hot-btn { position:absolute; top:50%; margin-top:-25px; } .main .section03 .hot-alime .hot-btn a i { display:block; width:50px; height:50px; text-align:center; padding-top:15px; background:#f9f5c1; color:#c9c26f; font-size:24px; font-weight:bold; border-radius:25px; } .main .section03 .hot-alime .hot-btn-prev { left:-25px; } .main .section03 .hot-alime .hot-btn-next { right:-25px; } .main .section03 .calendar-wrap { float:left; width:620px; height:325px; background:#fff; border-radius:20px; } .main .section03 .calendar-wrap .calendar { position:relative; float:left;width:310px; background:url(../images/main/calendar_line.png) no-repeat right top; height:100%; padding-left:20px; padding-right:20px; padding-top:20px; } .main .section03 .calendar-wrap .calendar .month-select {text-align:center; margin-bottom:10px; } .main .section03 .calendar-wrap .calendar .month-select .month { font-size:24px; color:#222;margin:0 5px; } .main .section03 .calendar-wrap .calendar .month-select i { font-size:20px; color:#a1a08b; } .main .section03 .calendar-wrap .calendar .calendar-table { margin-bottom:15px; width:100%; border-collapse:collapse; } .main .section03 .calendar-wrap .calendar .calendar-table thead { background:#f6f5e7; } .main .section03 .calendar-wrap .calendar .calendar-table thead th { text-align:center; padding:8px 5px; } .main .section03 .calendar-wrap .calendar .calendar-table tbody td { text-align:center; color:#222; vertical-align:middle; font-size:16px;padding:3px; } .main .section03 .calendar-wrap .calendar .calendar-table tbody td a {color:#222; display:block; width:30px; height:30px; line-height:30px; vertical-align: middle;font-size:16px;text-decoration: none;} .main .section03 .calendar-wrap .calendar .calendar-table tbody td:first-child , .main .section03 .calendar-wrap .calendar .calendar-table tbody td:first-child a { color:#e9316a; } .main .section03 .calendar-wrap .calendar .calendar-table tbody td:last-child , .main .section03 .calendar-wrap .calendar .calendar-table tbody td:last-child a { color:#2f61b4; } .main .section03 .calendar-wrap .calendar .calendar-table tbody td.closed span { border-radius:15px; background:#cfcdb7; color:#222; display:block; width:30px; height:30px; line-height:30px; vertical-align: middle;font-size:16px;} .main .section03 .calendar-wrap .calendar .calendar-table tbody td a.event { border-radius:15px; background:#90dfff; } .main .section03 .calendar-wrap .calendar .calendar-table tbody td a.today { border-radius:15px; background:#ffa2a2; } .main .section03 .calendar-wrap .calendar .info { text-align:center; position:absolute; bottom:10px; left:0px; width:100%; } .main .section03 .calendar-wrap .calendar .info * { vertical-align:middle; } .main .section03 .calendar-wrap .calendar .info span { width:18px; height:18px; border-radius:9px; display:inline-block; } .main .section03 .calendar-wrap .calendar .info span.closed { background:#cfcdb7; } .main .section03 .calendar-wrap .calendar .info span.event { background:#90dfff; } .main .section03 .calendar-wrap .calendar .info span.today { background:#ffa2a2; } .main .section03 .calendar-wrap .schedule { float:left; padding:20px; width:310px; } .main .section03 .calendar-wrap .schedule .day { color:#e9316a; font-size:24px; text-align:center; margin-bottom:5px; } .main .section03 .calendar-wrap .schedule .title {color:#222; font-size:16px; text-align:center; padding-bottom:15px; border-bottom:1px solid #e6e3be; } .main .section03 .calendar-wrap .schedule ul { padding:20px 0px; height:205px; overflow-y:auto; } .main .section03 .calendar-wrap .schedule ul li { padding-left:10px; position:relative; font-weight:normal; margin-bottom:10px; padding-right:10px; } .main .section03 .calendar-wrap .schedule ul li a {font-size:16px; color:#222; } .main .section03 .calendar-wrap .schedule ul li {font-size:16px; color:#222; } .main .section03 .calendar-wrap .schedule ul li:before {content: '\e83a'; padding-right:8px; position:absolute; top:0px; left:0px; font-family: "fontello"; font-size:16px; color:#e9316a; } .main .section04 { padding-top:40px; height:355px; } .main .section04 .banner {float:left; width:340px; margin-right:80px; padding-top:10px; } .main .section04 .banner img{max-width:100%;} .main .section04 .book-recommend {float:left; width:340px; position:relative; margin-right:80px; height:260px; } .main .section04 .book-recommend .list {position: absolute; top:0; left:0;width:100%;} .main .section04 .book-recommend h3 { padding-top:10px; padding-bottom:15px;float:left; } .main .section04 .book-recommend .list01 h3 {padding-left: 50px;} .main .section04 .book-recommend .list02 h3 {position: absolute;left: 142px;top:0;} .main .section04 .book-recommend h3 a {display:inline-block; text-align:center; padding-bottom:5px; font-family: 'Godo'; font-weight:bold; font-size:20px; color:#555; text-decoration: none;} .main .section04 .book-recommend h3:before {content:'';background: url(../images/main/tab_line.png) no-repeat left top;width:3px;height: 15px;display:inline-block;padding-right:30px;margin-left: 27px;} .main .section04 .book-recommend .list01 h3:before { background:none; margin-left:0px; padding-right:0px; } .main .section04 .book-recommend h3 a:hover { text-decoration:none; text-decoration:none; border-bottom:3px solid #e9316a; color:#e9316a; } .main .section04 .book-recommend h3 a.active { text-decoration:none; border-bottom:3px solid #e9316a; color:#e9316a;} .main .section04 .book-recommend .more a{ position:absolute; top:6px; right:0px; font-size: 20px; color:#555;margin-right:-10px;} .main .section04 .book-recommend .book_slider_wrap { position:absolute; top:50px; left:0px; width:100%; } .main .section04 .book-recommend .list02 .book_slider_wrap { display: none;} .main .section04 .book-recommend ul li{text-align: center;} .main .section04 .book-recommend ul li img{width:120px;height: 150px;} .main .section04 .book-recommend ul li span{ text-align: center;font-size:16px; color:#222;} .main .section04 .book-recommend .bx-controls .bx-prev{ position:absolute; top:70px; left:0; color:#78c097; font-size: 24px;margin-left:-10px;} .main .section04 .book-recommend .bx-controls .bx-next{ position:absolute; top:70px; right:0; color:#78c097;font-size: 24px;margin-right: -10px;} .main .section03 .notice-wrap {float:left; width:580px; position:relative; height:260px; } .main .section03 .notice-wrap h3 { padding-top:10px; padding-bottom:10px;float:left; } .main .section03 .notice-wrap h3 a {display:inline-block; text-align:center; padding-bottom:5px; font-family: 'Godo'; font-weight:bold; font-size:20px; color:#555; } .main .section03 .notice-wrap h3:before { content:''; background:url(../images/main/tab_line.png) no-repeat left top; width:3px; height:15px; display:inline-block;padding-right:40px; margin-left:40px; } .main .section03 .notice-wrap .notice01 h3:before { background:none; margin-left:0px; padding-right:0px; } .main .section03 .notice-wrap h3 a:hover { text-decoration:none; text-decoration:none; border-bottom:3px solid #e9316a; color:#e9316a; } .main .section03 .notice-wrap h3 a.active { text-decoration:none; border-bottom:3px solid #e9316a; color:#e9316a;} .main .section03 .notice-wrap ul { position:absolute; top:50px; left:0px; display:none; width:100%;} .main .section03 .notice-wrap .notice01 ul { display:block;} .main .section03 .notice-wrap ul li { float:left; width:100%; padding-top:17px; padding-bottom:10px; border-bottom:1px dashed #9fd3b6; } .main .section03 .notice-wrap ul li a { float:left; font-size:16px; color:#222; } .main .section03 .notice-wrap ul li span { float:right; font-size:16px; color:#555; } .main .section03 .notice-wrap .more { position:absolute; top:10px; right:0px; display:none;} .main .section03 .notice-wrap .notice01 .more { display:block;} .main .section03 .notice-wrap .more i { font-size:20px; color:#555; } .main .section04 .photo_data_wrap { float:left; width:580px; position:relative; height:260px; } .main .section04 .photo_data_wrap h3 { padding-top:10px; font-size: 20px; color:#e9316a; font-family: 'Godo'; font-weight: bold;} .main .section04 .photo_data_wrap ul { margin-top:30px;} .main .section04 .photo_data_wrap li { float:left; margin-left: 15px;width:180px;} .main .section04 .photo_data_wrap li:first-child { margin-left: 0; } .main .section04 .photo_data_wrap li .photo_data_img { height: 130px; background-size:cover; background-position: center center;width: 180px; display: block;margin-bottom: 15px;} .main .section04 .photo_data_wrap li .photo_data_txt { font-size: 16px;color:#222;text-align: center;} .main .section04 .photo_data_wrap .more a{ position: absolute; top:6px; right:10px; font-size: 20px;color:#555;}