/*#fullpage .section {min-height: 920px;} #fullpage .fp-auto-height.fp-section, #fullpage .fp-auto-height .fp-slide, #fullpage .fp-auto-height .fp-tableCell {min-height: auto;}*/ #wait {text-align:center} #wait img {max-width: 100%;} /**/ #skipBtnWrap a {display: block;width: 1px;height: 0;line-height: 0;text-align: center;background: #333;color: #fff;} #skipBtnWrap a:focus, #skipBtnWrap a:hover, #skipBtnWrap a:active {width: 100%;height: 30px;line-height: 30px;} /**/ #poplayer{position:absolute;z-index:99999;top:120px;left:50%;margin:0 0 0 -280px;width:560px;height:595px;} #poplayer *{margin:0;padding:0;border:0} #poplayer img{display:block} #poplayer .todays{padding:2px 20px 8px 20px;text-align:right;background:#323232} #poplayer .todays a{font-size:14px;color:#fff} #poplayer area{cursor:pointer} /**/ #popupbar{position:relative;background:#0e6faf url(../img/popupbarbg.png) no-repeat 50% 50%;overflow:hidden;display:none} #popupbar .popupbar{max-height:117px !important;overflow:hidden} #popupbar .popupbar .slide h3{display:inline-block;margin:0;padding:0 20px 5px 0;font-size:26px;color:#fff;text-shadow:-1px -1px 2px rgba(0,0,0,0.2)} #popupbar .popupbar .slide .close{display:inline-block} #popupbar .popupbar .slide .close button{font-size:14px;font-weight:800;letter-spacing:-1px;color:#fff;border:0;background:none} #popupbar .popupbar img{display:block} #popupbar .bx-controls{position:absolute;z-index:100;bottom:3px;left:50%} #popupbar .bx-pager{float:left;display:block} #popupbar .bx-pager .bx-pager-item{display:inline;*zoom:1} #popupbar .bx-pager.bx-default-pager a{display:inline-block;margin-right:5px;width:12px;height:12px;border:2px solid #fff;background:transparent;border-radius:50px;text-indent:-9999px} #popupbar .bx-pager.bx-default-pager a.active{border:2px solid #00558b;background:#00558b} #popupbar .bx-prev{position:absolute;top:0px;right:80px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_prev.png) no-repeat} #popupbar .bx-next{position:absolute;top:0px;right:20px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_next.png) no-repeat} #popupbar i.b1{position:absolute;z-index:3;top:0px;left:0%;display:block;width:100%;height:5px;background:#00558b} #popupbar i.b2{position:absolute;z-index:4;top:0px;left:50%;margin:0 0 0 570px;display:block;width:100%;height:5px;background:#ffbd3f} #popupbar .holidays{padding-top:40px;text-align:center} #popupbar .opens{text-align:center} #popupbar .opens a{display:block;text-align:center} #popupbar .opens a img{display:block;margin:0 auto} /* 1480 - all */ @media all and (min-width: 1480px) { #divpop { display:none;} #mm-blocker{display:none} #popupWindow{position:absolute} #OpenLayer {position: absolute;top: 150px;left: 100px;z-index: 9999;background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 14px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} /* header */ #header {position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 110px;padding: 0 1.9%;} #header.sel {height: 510px;box-sizing: border-box;background:#fff;} #header.header_active {background-color: #fff;border-width: 0 0 5px 0;border-style: solid;border-image: linear-gradient(to right, #00a54c 0%, #4e0080 100%);border-image-slice: 1;border-image-width: 0 0 5px 0;border-top: 0;} #header .header {position: relative;height: 110px;padding: 0 17%;} #header .header::after {content: '';display: block;clear: both;} #header h1 {position: absolute;top: 0;left: 0;width: 16%;max-width: 310px;} #header h1 a {display: block;width: 100%;height: 110px;background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: 0 50%;/*background-size: 95% auto;*/background-size: 100% auto;text-indent: -9999px;} #header.header_active h1 a, #header.bg_white h1 a {background-image: url(../img/logo_on.png);} #header button.btn-menu {display:none} #header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;} /**/ nav.menu_wrap {width: 100%;} #gnb {} #gnb .gnb {} #gnb .depth1 {height: 110px;text-align: center;font-size: 0;} #gnb .depth1 > li {display: inline-block;vertical-align: top;} #gnb .depth1 > li > a {display:block;height: 110px;margin: 0;padding: 0 20px;line-height: 110px;font-size: 20px;font-weight: 500;color: #fff;} #header.header_active #gnb .depth1 > li > a, #header.bg_white #gnb .depth1 > li > a {color: #333;} #gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc;display:none} #header #gnb .depth1 > li.sel > a {color: #00d863;font-weight: 500;text-decoration: underline;} #header.header_active #gnb .depth1 > li.sel > a, #header.bg_white #gnb .depth1 > li.sel > a {color: #7000b7;font-weight: 500;text-decoration: underline;} #header #gnb .depth1 > li:hover > a, #header #gnb .depth1 > li > a:hover {color: #7000b7;} #gnb .depth2 {display: none;overflow:hidden;position:absolute;top: 110px;left: 0;z-index: 10;width: 100%;padding: 0 0 40px;box-sizing: border-box;text-align:center;} #gnb .depth2 > li {float: left;width: 32%;margin: 0 1%;} #gnb .depth2 > li:nth-child(3n-2) {margin-left: 0;} #gnb .depth2 > li:nth-child(3n) {margin-right: 0;} #gnb .depth2 > li a{display:block;height: 58px;padding: 0 15px;font-size: 16px;line-height: 58px;font-weight: 500;color:#333;border-bottom: 1px solid #ddd;text-align: left;} #gnb .depth2 > li a:hover{/*color: #0e4fa3;border-bottom: 1px solid #0e4fa3;padding-bottom: 19px;*/background: #4e0080;color: #fff;border-bottom: 0;} #gnb .depth1 > li > a::after {content: "";position:absolute;bottom: 0;left: 0;display:none;width: 100%;height: 5px;background: #558fff;} #gnb .nav_bg {display:none;position:absolute;top: 110px;left: 0;width: 100%;height: 400px;background: #f5f5f5;} #header .etc_wp {position: absolute;top: 0;right: 0;max-width: 330px;text-align: left;font-size: 0;vertical-align: top;} #header .etc_btn > ul {display: inline-block;vertical-align: middle;} #header .etc_btn > ul > li {display: inline-block;} #header .etc_btn > ul > li > a {display: block;padding: 0 7px;vertical-align: middle;font-size: 15px;line-height: 110px;color: #fff;} #header.header_active .etc_btn > ul > li > a, #header.bg_white .etc_btn > ul > li > a {color: #333;} #header .etc_btn > a.cj_county {position: relative;z-index: 0;display: inline-block;padding-left: 12px;margin-left: 7px;vertical-align: middle;font-size: 15px;color: #fff;} #header.header_active .etc_btn > a.cj_county, #header.bg_white .etc_btn > a.cj_county {color: #333;} #header .etc_btn > a.cj_county::before {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 11px;margin-top: -5.5px;background-color: #fff;line-height: 110px;} #header.header_active .etc_btn > a.cj_county::before, #header.bg_white .etc_btn > a.cj_county::before {background-color: #d9d9d9;} /*#header .etc_wp button.search {display: inline-block;width: 24px;height: 110px;padding: 0 13px;text-indent: -9999px;background: url(../img/ico_search.png) no-repeat 50%;vertical-align: middle;box-sizing: content-box;} #header .etc_wp a.sitemap {display: inline-block;width: 30px;height: 110px;padding: 0 0 0 10px;text-indent: -9999px;background: url(../img/ico_menu.png) no-repeat 100% 50%;vertical-align: middle;}*/ #header.fix_menu {position:fixed; top: 0;background:#fff;border-bottom:1px solid #ddd;} #header.fix_menu #gnb .depth1 > li > a {color:#333;} #header.fix_menu #gnb .depth1 > li.sel > a {color:#558fff} /*#topSearchWp {position: absolute;top: -200px;left: 0;width: 100%;z-index: 30003;background: #eee;} #topSearchWp form {position: relative;max-width: 1560px;margin: 0 auto;padding: 40px 0 50px;text-align: center;} #topSearchWp label {display: block;margin-bottom: 10px;font-size: 32px;font-weight: 500;color: #333;} #topSearchWp #topSearch {width: 500px;height: 40px;line-height: 40px;padding: 0 12px;font-size: 15px;font-family: 'Lato', 'Noto Sans KR';border: 0;color: #333;font-weight: 300;vertical-align: middle;border: 1px solid #ddd;} #topSearchWp .btn_search {width: 120px;height: 40px;line-height: 40px;margin-left: 3px;font-family: 'Lato', 'Noto Sans KR';font-size: 15px;color: #fff;background: #0e4fa3;vertical-align: middle;} #topSearchWp .close {position: absolute;top: 25px;right: 0;width: 29px;height: 29px;text-indent: -9999px;background: url(../img/ico_close.png) no-repeat 50%;}*/ #allbg{position:fixed;z-index:30000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);display:none} /* #menu{position:absolute;z-index:10;top:0;right:0;background: #252525;} #menu a{display:block;width: 50px;height: 50px;background:url(../img/menu.png) no-repeat 50%;text-indent:-9999em;overflow:hidden} */ /**/ #mainCon {width: 100%;} .section {padding: 30px 0;} .section h3 {margin-bottom: 20px;font-size: 25px;font-weight: 500;color: #333;} .section h3.white {color: #fff;} .section .section_wp {max-width: 1440px;margin: 0 auto;} .section .kind {width: 84px;height: 30px;text-align: center;font-size: 14px;line-height: 30px;font-weight: 500;color: #fff;} .section .kind.lib1 {background-color: #7000b7;} .section .kind.lib2 {background-color: #00a54c;} .section .kind.lib3 {background-color: #003fe0;} .section .kind.lib4 {background-color: #e84f19;} .section .btn_wrap {margin-top: 80px;text-align: center;} .section .btn_wrap > a {display: inline-block;width: 216px;height: 62px;border: 1px solid #333;font-size: 18px;font-weight: 400;color: #333;line-height: 62px;} /**/ .section .controls {text-align: right;} .section .controls .arrows {display: inline-block;vertical-align: middle;} .section .controls .arrows .slick-arrow {width: 40px;height: 40px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 15px;vertical-align: middle;text-indent: -9999px;background-color: transparent;border: 1px solid #000;border-radius: 15px;} .section .controls .arrows .slick-prev {background-image: url(../img/slides_m_prev.png);} .section .controls .arrows .slick-next {background-image: url(../img/slides_m_next.png);} .section .controls .arrows .paging {margin: 0 15px;font-family: 'Montserrat';font-size: 15px;} .section .controls .arrows .paging .slick-dots {display: inline-block;vertical-align: middle;} .section .controls .arrows .paging .slick-dots li {display: none;font-family: 'Montserrat';} .section .controls .arrows .paging .slick-dots li.slick-active {display: inline-block;vertical-align: middle;} .section .controls .control_btn {display: inline-block;vertical-align: middle;} .section .controls .control_btn button {width: 40px;height: 40px;margin: 0;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;border: 1px solid #000;border-radius: 15px;} .section .controls .control_btn button.stop {background-image: url(../img/slides_m_stop.png);} .section .controls .control_btn button.play {background-image: url(../img/slides_m_play.png);} .section .controls.white {color: #fff;} .section .controls.white .arrows .slick-prev {background-image: url(../img/slides_m_prev_w.png);} .section .controls.white .arrows .slick-next {background-image: url(../img/slides_m_next_w.png);} .section .controls.white .control_btn button.stop {background-image: url(../img/slides_m_stop_w.png);} .section .controls.white .control_btn button.play {background-image: url(../img/slides_m_play_w.png);} /**/ .section .m_board {position: relative;} .section .m_board .board_list::after {content: '';display: block;clear: both;} .section .m_board .board_list > li > div {position: relative;padding: 8px 0 8px 100px;} .section .m_board .board_list > li .kind {position: absolute;top: 15px;left: 0;} .section .m_board .board_list > li a {overflow: hidden;display: block;font-size: 16px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} .section .m_board .board_list > li span.date {display: block;margin-top: 3px;font-size: 15px;font-weight: 400;color: #757575;} .section .m_board .m_more {position: absolute;top: 0;right: 0;} .section .m_board .m_more > a {display: block;width: 40px;height: 40px;border-radius: 15px;text-align: center;border: 1px solid #000;background-image: url(../img/ico_m_more.gif);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;} /* 메인비주얼 */ #section0 {padding-top: 170px;} #section0 .visual_wp {max-width: 1440px;margin: 0 auto;text-align: center;} #section0 .visual_wp .m_member {display: none !important;} #section0 .visual_wp .slogan {margin-bottom: 80px;font-size: 58px;font-weight: 200;color: #fff;line-height: 1.3em;} #section0 .visual_wp .slogan .imp {display: block;font-weight: 500;} #section0 .search_wp {display: flex;width: 100%;margin: 0 auto;text-align: left;box-sizing: border-box;align-items: center;justify-content: space-between;} #section0 .search_wp p.title {display: inline-block;padding: 20px 0 20px 80px;font-size: 20px;font-weight: 500;color: #000;background-image: url(../img/img_search_title.png);background-repeat: no-repeat;background-position: 0 50%;} #section0 .search_wp form {flex-grow: 1;margin: 0 0 0 50px;text-align: right;} /*#section0 .search_wp label {overflow: hidden;position: absolute;top: -9999px;left: -9999px;text-indent: -9999px;font-size: 0;line-height: 1;}*/ #section0 .search_wp #search {position: relative;overflow: hidden;display: inline-flex;width: 85%;height: 80px;padding: 0;border: 0;font-size: 20px;line-height: 80px;vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color: #0fa54f;border: 2px solid #0fa54f;border-radius: 80px;} #section0 .search_wp #search select {width: auto;padding: 0 30px;height: 100%;background-color: #fff;border: 0;vertical-align: top;font-size: 18px;font-weight: 500;color: #000;vertical-align: top;} #section0 .search_wp #search input[type="text"] {width: calc(100% - 300px);height: 100%;border: 0;padding: 0 100px 0 20px;margin-left: 0;vertical-align: top;font-size: 18px;font-weight: 400;color: #000;vertical-align: top;background-color: #fff;border-radius: 80px;flex-grow: 1;} #section0 .search_wp #search .sh_radio {display: inline-flex;padding: 0 30px;align-items: center;} #section0 .search_wp #search .sh_radio > span + span {margin-left: 15px;} #section0 .search_wp #search .sh_radio input[type="radio"] {width: 18px;height: 18px;margin: 0;border: 0;vertical-align: middle;} #section0 .search_wp #search .sh_radio input[type="radio"] + label {margin-left: 7px;font-size: 16px;color: #fff;vertical-align: middle;} #section0 .search_wp .btn_search {position: absolute;top: 4px;right: 4px;height: 68px;width: 68px;background-color: transparent;background-image: url(../img/ico_search_btn.png);background-repeat: no-repeat;background-position: 50%;background-size: auto 100%;font-family: inherit;font-size: 16px;font-weight: 300;color: #333;cursor: pointer;text-indent: -9999px;} #section0 .search_wp .best_word > a {display: inline-block;max-width: 300px;font-size: 16px;font-weight: 500;color: #000;} #section0 .search_wp .best_word > a + a {margin-left: 20px;} /**/ #section0 .search_wp.sc_new {display: flex;width: 100%;max-width: 1440px;margin: 0 auto;text-align: left;box-sizing: border-box;align-items: center;justify-content: space-between;} #section0 .search_wp.sc_new p.title {display: inline-block;padding: 20px 0 20px 80px;font-size: 20px;font-weight: 500;color: #000;background-image: url(../img/img_search_title.png);background-repeat: no-repeat;background-position: 0 50%;} #section0 .search_wp.sc_new form {flex-grow: 1;margin: 0;text-align: right;} #section0 .search_wp.sc_new .search_con {position: relative;overflow: hidden;display: flex;width: 100%;height: 80px;padding: 0;border: 0;font-size: 20px;line-height: 80px;vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color: #145e46;border-radius: 30px;} #section0 .search_wp.sc_new .search_input {position: relative;flex-grow: 1;} #section0 .search_wp.sc_new #search {border: 0;padding: 9px 0;background-color: transparent;} #section0 .search_wp.sc_new #search select {width: auto;padding: 0 30px;height: 100%;background-color: #fff;border: 0;vertical-align: top;font-size: 18px;font-weight: 500;color: #000;vertical-align: top;} #section0 .search_wp.sc_new #search input[type="text"] {width: 100%;height: 100%;border: 0;padding: 0 100px 0 20px;margin-left: 0;vertical-align: top;font-size: 18px;font-weight: 400;color: #000;vertical-align: top;background-color: #fff;border-radius: 80px;flex-grow: 1;} #section0 .search_wp.sc_new .search_con .sh_radio {display: inline-flex;flex: 0 0 300px;padding: 0 30px 0 40px;align-items: center;} #section0 .search_wp.sc_new .search_con .sh_radio > span + span {margin-left: 20px;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"] {overflow: hidden;width: 1px;height: 1px;margin: -1px;border: 0;clip-path: rect(0 0 0 0);vertical-align: middle;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"] + label {position: relative;margin-left: 7px;padding: 2px 0 2px 33px;font-size: 16px;color: #fff;vertical-align: middle;cursor: pointer;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"] + label::before {content: '';position: absolute;top: 0;left: 0;width: 19px;height: 19px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.6);} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"]:focus + label {outline: 1px dotted #ddd;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"]:checked + label::before {width: 23px;height: 23px;background-image: url(../img/ico_m_sc_check.png);background-repeat: no-repeat;background-position: 0 0;background-size: auto 23px;border: 0;} #section0 .search_wp.sc_new .btn_search {position: absolute;top: 12px;right: 5px;height: 56px;width: 56px;background-color: transparent;background-image: url(../img/ico_search_btn.png?v=1);background-repeat: no-repeat;background-position: 50%;background-size: auto 100%;font-family: inherit;font-size: 16px;font-weight: 300;color: #333;cursor: pointer;text-indent: -9999px;} #section0 .search_wp.sc_new .best_wp {flex: 0 0 300px;width: 300px;padding: 0 40px 0 30px;} #section0 .search_wp.sc_new .best_wp .popular_control {} #section0 .search_wp.sc_new .best_word div {width: 100%;text-align: left;} #section0 .search_wp.sc_new .best_word div:focus {border: 1px dashed #fff;} #section0 .search_wp.sc_new .best_word div.slick-slide {visibility: hidden;} #section0 .search_wp.sc_new .best_word div.slick-slide a {display: block;box-sizing: border-box;} #section0 .search_wp.sc_new .best_word div.slick-slide a:focus {border: 1px dashed #fff;} #section0 .search_wp.sc_new .best_word div.slick-active {visibility: visible;} #section0 .search_wp.sc_new .best_word div > a {overflow: hidden;display: block;padding-right: 10px;font-size: 16px;color: #fff;line-height: 80px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #section0 .search_wp.sc_new .best_word div > a:focus {outline: 1px dashed #fff;} #section0 .search_wp.sc_new .best_wp .best_ctrl {position: absolute;top: 50%;right: 20px;z-index: 1;transform: translateY(-50%);font-size: 0;line-height: 1;} #section0 .search_wp.sc_new .best_wp .best_ctrl button {background-color: transparent;} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-arrow {width: 30px;height: 15px;text-indent: -99999px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-prev {background-image: url(../img/ico_v_prev_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-next {background-image: url(../img/ico_v_next_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl {display: block;width: 30px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl.stop {background-image: url(../img/ico_v_stop_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl.play {background-image: url(../img/ico_v_play_w.png);} #section0 .v_quick {display: inline-block;font-size: 0;} #section0 .v_quick ul::after {content: '';display: block;clear: both;} #section0 .v_quick ul > li {display: inline-block;} #section0 .v_quick ul > li > a {display: block;padding: 0 40px;font-size: 20px;font-weight: 400;color: #fff;} #section0 .v_quick ul > li > a .icon {display: block;height: 130px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .v_quick ul > li.quick1 > a .icon {background-image: url(../img/ico_m_direct1.png);background-size: auto 86px;} #section0 .v_quick ul > li.quick2 > a .icon {background-image: url(../img/ico_m_direct2.png);background-size: auto 78px;} #section0 .v_quick ul > li.quick3 > a .icon {background-image: url(../img/ico_m_direct3.png);background-size: auto 84px;} #section0 .v_quick ul > li.quick4 > a .icon {background-image: url(../img/ico_m_direct4.png);background-size: auto 95px;} #section0 .v_quick ul > li.quick5 > a .icon {background-image: url(../img/ico_m_direct5.png);background-size: auto 91px;} #section0 .v_quick ul > li.quick6 > a .icon {width: 140px;background-image: url(../img/ico_m_direct6.png);background-size: auto 74px;} /**/ #libSelect {position: fixed;bottom: 40px;right: 2.864%;z-index: 101;width: 134px;height: 132px;background-image: url(../img/bg_m_lib_select.png);background-repeat: no-repeat;background-position: 50% 50%;} #libSelect > button {display: block;width: 86px;height: 86px;margin: 6px 0 0 15px;background-color: transparent;font-size: 15px;font-weight: 500;color: #fff;line-height: 1.5em;} #libLayer {display: none;position: fixed;bottom: 80px;right: 4.16666%;z-index: 40000;width: 450px;height: 380px;padding: 60px;background-color: #4e0080;border-radius: 50px;} #libLayer button.close {position: absolute;top: -63px;right: 0;width: 57px;height: 57px;border-radius: 57px;background-image: url(../img/ico_layer_close.png);background-repeat: no-repeat;background-position: 50% 50%;background-color: rgba(255,255,255,0.6);background-size: auto 24px;text-indent: -9999px;} #libLayer .lib_layer > p {padding-right: 10px;font-size: 17px;line-height: 1.4em;font-weight: 400;color: #fff;} #libLayer .lib_layer > p span.tit {display: block;margin-bottom: 25px;font-size: 34px;} #libLayer .lib_layer > p span.txt {display: block;margin: 40px 0 20px;} #libLayer .lib_layer .layer_con {height: 46px;} #libLayer .lib_layer .layer_con select{width: calc(100% - 90px);height: 100%;padding: 0 20px;background-color: #fff;border: 0;border-radius: 3px;} #libLayer .lib_layer .layer_con .btn {width: 83px;height: 100%;border-radius: 3px;background-color: #00A54C;font-size: 16px;font-weight: 500;color: #fff;} #bgLayer {display: none;position: fixed;top: 0;left: 0;z-index: 39999;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);} /**/ #section1 .section_wp {display: flex;flex-wrap: wrap;align-items: flex-start;} #section1 .popupzone {position: relative;overflow: hidden;width: 850px;margin-right: 60px;border-radius: 40px;} #section1 .popupzone .slider li {font-size: 0;line-height: 1;} #section1 .popupzone .slider li.slick-slide {visibility: hidden;} #section1 .popupzone .slider li.slick-active {visibility: visible;} #section1 .popupzone .slider li a {display: block;box-sizing: border-box;} #section1 .popupzone .slider li a:focus {border: 2px dashed #145e46;} #section1 .popupzone .slider li a img {display: inline;} #section1 .popupzone .controls {position: absolute;right: 0;bottom: 0;padding: 15px 30px;background-color: rgba(45,45,45,0.9);border-radius: 40px 0 0 0;} #section1 .popupzone .controls .arrows .slick-arrow {width: 20px;height: 16px;border: 0;} #section1 .popupzone .controls .control_btn button {width: 7px;height: 100%;margin-left: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 100% 50%;background-color: transparent;border: 0;} #section1 .m_board {width: calc(100% - 910px);} #section1 .m_quick {display: flex;width: 100%;padding: 60px 0 0;} #section1 .m_quick .title_wp {width: 270px;} #section1 .m_quick .title_wp h3 {margin-bottom: 15px;} #section1 .m_quick .title_wp .sub {font-size: 16px;font-weight: 400;} #section1 .m_quick .quick_list {display: flex;width: calc(100% - 270px);justify-content: space-between;} #section1 .m_quick .quick_list li a {display: block;text-align: center;font-size: 16px;font-weight: 500;color: #000;} #section1 .m_quick .quick_list li a::before {content: '';display: block;width: 100px;height: 100px;margin-bottom: 30px;border-radius: 30px;box-shadow: 10px 10px 30px rgba(0,0,0,0.08);background-repeat: no-repeat;background-position: 50% 50%;} #section1 .m_quick .quick_list li.quick1 a::before {background-image: url(../img/ico_m_quick1.png);} #section1 .m_quick .quick_list li.quick2 a::before {background-image: url(../img/ico_m_quick2.png);} #section1 .m_quick .quick_list li.quick3 a::before {background-image: url(../img/ico_m_quick3.png);} #section1 .m_quick .quick_list li.quick4 a::before {background-image: url(../img/ico_m_quick4.png);} #section1 .m_quick .quick_list li.quick5 a::before {background-image: url(../img/ico_m_quick5.png);} #section1 .m_quick .quick_list li.quick6 a::before {background-image: url(../img/ico_m_quick6.png);} #section1 .m_quick .quick_list li.quick7 a::before {background-image: url(../img/ico_m_quick7.png);} #section1 .m_quick .quick_list li.quick8 a::before {background-image: url(../img/ico_m_quick8.png);} #section1 .m_quick .quick_list li.quick9 a::before {background-image: url(../img/ico_m_quick9.png);} #section1 .m_quick .quick_list li.quick10 a::before {background-image: url(../img/ico_m_quick10.png);} /**/ #section2 {} #section2 .section_wp {display: flex;flex-wrap: wrap;} #section2 .m_board {width: 100%;max-width: 850px;padding-right: 60px;} #section2 .m_board .m_more {right: 60px;} #section2 .section_wp .m_guide {overflow: hidden;width: calc(100% - 850px);background-color: #f8f8f8;border-radius: 40px;} #section2 .section_wp .m_guide .select_lib {position: relative;padding: 0 90px;background-color: #eee9f2;text-align: center;border-radius: 40px;} #section2 .section_wp .m_guide .select_lib > button.slick-arrow {position: absolute;top: 0;width: 90px;height: 74px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;background-size: auto 16px;text-indent: -9999px;} #section2 .section_wp .m_guide .select_lib > button.slick-prev {left: 0;background-image: url(../img/arrow_lib_b_prev.png);} #section2 .section_wp .m_guide .select_lib > button.slick-next {right: 0;background-image: url(../img/arrow_lib_b_next.png);} #section2 .section_wp .m_guide .select_lib .slider-lib {font-size: 0;} #section2 .section_wp .m_guide .select_lib .slider-lib li {display: inline-block;vertical-align: middle;} #section2 .section_wp .m_guide .select_lib .slider-lib li a {display: inline-block;width: auto;height: 74px;font-size: 20px;font-weight: 500;color: #000;line-height: 74px;} #section2 .section_wp .m_guide .select_lib .slider-lib li.slick-current a {color: #5f009b;border-bottom: 3px solid #5f009b;} /* 2024-11-28 추가 */ #section2 .section_wp .m_guide .select_lib .slider-lib-new {font-size: 0;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li {display: inline-block;vertical-align: middle;visibility: hidden;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li.slick-active {visibility: visible;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li a {display: inline-block;width: auto;height: 74px;font-size: 20px;font-weight: 500;color: #000;line-height: 74px;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li.slick-current a {color: #000;border-bottom: 0;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li.lib_active a {color: #5f009b;border-bottom: 3px solid #5f009b;} #section2 .section_wp .m_guide .library_info_wp {display: flex;padding: 30px;} #section2 .section_wp .m_guide .library_info_wp h4 {margin-bottom: 20px;font-size: 20px;font-weight: 600;color: #000;} #section2 .section_wp .m_guide .library_info_wp > ul.slider-for {width: 295px;margin-right: 40px;} #section2 .section_wp .m_guide .library_info_wp > ul.slider-time {width: calc(100% - 355px);} #section2 .section_wp .m_guide .library_info_wp .rest_day {} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info {display: flex;justify-content: space-between;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday {display: inline-block;width: 32px;height: 20px;background-repeat: no-repeat;background-size: auto 100%;vertical-align: middle;text-indent: -9999px;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday.prev {background-image: url(../img/rest_m_b_prev.png);background-position: 0 50%;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday.next {background-image: url(../img/rest_m_b_next.png);background-position: 100% 50%;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info p.month {display: inline-block;vertical-align: middle;font-size: 20px;font-weight: 600;color: #000;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday {} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table {width: 100%;text-align: center;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table th, #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table td {font-size: 15px;color: #000;font-weight: 500;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table tbody td {padding: 0 1px;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table tbody td > span {display: block;height: 26px;line-height: 26px;border-radius: 15px;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table tbody td > span.h_day {background-color: #7000b7;color: #fff;} /*#section2 .section_wp .m_guide .library_info_wp .rest_day .holiday > span {display: inline-block;width: 53px;height: 53px;margin: 2px 5px 2px 0;text-align: center;font-size: 18px;font-weight: 400;color: #333;line-height: 53px;border-radius: 100%;background-color: #eccfff;vertical-align: middle;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday > span:last-child {margin-right: 0;}*/ #section2 .section_wp .m_guide .library_info_wp .use_time > ul > li {position: relative;padding-left: 20px;font-size: 18px;font-weight: 400;color: #fff;} #section2 .section_wp .m_guide .library_info_wp .use_time > ul > li::before {content: '-';position: absolute;top: 0;left: 0;font-size: inherit;} #section2 .section_wp .m_guide .library_info_wp .use_time > ul > li + li {margin-top: 5px;} #section2 .section_wp .m_guide .library_info_wp .use_time > dl + dl {margin-top: 20px;} #section2 .section_wp .m_guide .library_info_wp .use_time > dl dt {font-size: 15px;line-height: 1.5em;font-weight: 500;color: #7000b7;} #section2 .section_wp .m_guide .library_info_wp .use_time > dl dd {font-size: 15px;line-height: 1.5em;font-weight: 500;color: #000;} #section2 .section_wp .m_guide .library_info_wp .use_time .add_txt {margin-top: 15px;font-size: 18px;line-height: 1.5em;color: #000;} /* 2024-11-28 수정 */ #section2 .section_wp .m_guide .library_info_wp.info_new {display: block;padding: 30px;} #section2 .section_wp .m_guide .library_info_wp.info_new .info_list_cont {display: flex;} #section2 .section_wp .m_guide .library_info_wp.info_new .rest_day {width: 295px;margin-right: 40px;} #section2 .section_wp .m_guide .library_info_wp.info_new .use_time_wp {width: calc(100% - 335px);} #section2 .section_wp .m_guide .library_info_wp.info_new .library_info_list > li {display: none !important;} #section2 .section_wp .m_guide .library_info_wp.info_new .library_info_list > li.active {display: block !important;} #section2 .m_direct {width: 100%;padding: 60px 0 0;} #section2 .m_direct ul {display: flex;} #section2 .m_direct ul > li {position: relative;width: 50%;padding: 0 23px;} #section2 .m_direct ul > li:nth-child(3n-2) {padding-left: 0;} #section2 .m_direct ul > li:nth-child(3n) {padding-right: 0;} #section2 .m_direct ul > li::after {content: '';position: absolute;background-repeat: no-repeat;background-position: 50% 50%;} #section2 .m_direct ul > li.direct1::after {bottom: -10px;right: 25px;width: 170px;height: 115px;background-image: url(../img/ico_m_direct1.png?v=1);background-size: auto 100%;} #section2 .m_direct ul > li.direct2::after {bottom: -7px;right: 0;width: 161px;height: 120px;background-image: url(../img/ico_m_direct2.png?v=1);background-size: auto 100%;} #section2 .m_direct ul > li.direct3::after {bottom: -16px;right: 15px;width: 187px;height: 140px;background-image: url(../img/ico_m_direct3.png?v=1);} #section2 .m_direct ul > li > a {display: block;width: 100%;border-radius: 30px;} #section2 .m_direct ul > li.direct1 > a {padding: 25px 160px 25px 35px;background-color: #f1f1f1;} #section2 .m_direct ul > li.direct2 > a {padding: 25px 160px 25px 35px;background-color: #f0f4f1;} #section2 .m_direct ul > li.direct3 > a {padding: 25px 160px 25px 35px;background-color: #eee9f2;} #section2 .m_direct ul > li > a span.con {font-size: 20px;font-weight: 500;color: #000;} #section2 .m_direct ul > li > a span.con .sub {display: block;margin-top: 3px;font-size: 16px;font-weight: 400;} /**/ #section3 {padding: 60px 0;margin-top: 30px;background-color: #f0f4f1;background-image: url(../img/bg_section3.png);background-repeat: no-repeat;background-position: calc(50% + 40px) 50%;} #section3 .section_wp h3 {margin-bottom: 5px;} #section3 .slider {padding: 0 5.2%;} #section3 .slider .slick-list {padding: 60px 0 0 !important;text-align: center;} #section3 .slider .slick-arrow {position: absolute;top: 50%;z-index: 5;width: 50px;height: 80px;margin-top: -27px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;} #section3 .slider .slick-arrow.slick-prev {left: 1.5%;background-image: url(../img/slides_m_prev_b.png);} #section3 .slider .slick-arrow.slick-next {right: 1.5%;background-image: url(../img/slides_m_next_b.png);} #section3 .slider .slick-list li {margin: 0 20px;visibility: hidden;} #section3 .slider .slick-list li.slick-active {visibility: visible;} #section3 .slider .slick-list li .img {height: 300px;} #section3 .slider .slick-list li.slick-current {margin-top: -60px;} #section3 .slider .slick-list li.slick-current .img {height: 360px;} #section3 .slider .slick-list li .img img {height: 100%;max-width: 100%;margin: 0 auto;box-shadow: 10px 10px 30px rgba(0,0,0,0.15);} #section3 .slider .slick-list li .con {margin-top: 40px;} #section3 .slider .slick-list li .con a.title {overflow: hidden;display: block;font-size: 20px;font-weight: 400;color: #000;text-overflow: ellipsis;white-space: nowrap;} #section3 .slider .slick-list li.slick-current .con a.title {font-size: 22px;font-weight: 500;} #section3 .slider .slick-list li .con .writer {display: block;margin-top: 10px;font-size: 16px;font-weight: 500;color: #646464;} /**/ #section4 {overflow: hidden;padding: 60px 0;} #section4 .recom_list {position: relative;} #section4 .recom_list .controls {position: absolute;top: -60px;right: 0;padding-right: 45px;} #section4 .recom_list .slider .slick-list {margin: 0 -50px;} #section4 .recom_list .slider li.slick-slide {visibility: hidden;padding: 0 50px;} #section4 .recom_list .slider li.slick-active {visibility: visible;} #section4 .recom_list .slider li a {display: block;} #section4 .recom_list .slider li .img {position: relative;height: 300px;} #section4 .recom_list .slider li .img img {max-width: 100%;height: 100%;vertical-align: middle;border: 1px solid #eee;} #section4 .recom_list .slider li .img .kind {position: absolute;top: 0;left: 0;} #section4 .recom_list .slider li .con {margin-top: 30px;} #section4 .recom_list .slider li .con p.title {overflow: hidden;font-size: 20px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} #section4 .recom_list .slider li .con .book_info span {display: block;font-size: 16px;font-weight: 400;} #section4 .recom_list .slider li .con .book_info span.writer {margin: 7px 0 15px;color: #757575;} #section4 .recom_list .slider li .con .book_info span.lib {color: #333;} #section4 .recom_list .slider .slick-dots {display: none !important;position: absolute;top: -9999px;left: -9999px;font-size: 0;} #section4 .recom_list .m_more > a {position: absolute;top: -60px;right: 0;width: 40px;height: 40px;border: 1px solid #000;text-indent: -9999px;border-radius: 15px;background-image: url(../img/ico_m_more.gif);background-repeat: no-repeat;background-position: 50% 50%;} /**/ #section5 {overflow: hidden;padding: 60px 0;background-color: #f0f4f1;} #section5 .new_book .title_wp {position: relative;} #section5 .new_book .title_wp .controls {position: absolute;top: 0;right: 0;padding-right: 45px;} #section5 .new_list {position: relative;} #section5 .new_list .slider .slick-list {margin: 0 -50px;} #section5 .new_book .slider li {visibility: hidden;padding: 0 50px;} #section5 .new_book .slider li.slick-active {visibility: visible;} #section5 .new_book .slider li .img {position: relative;height: 300px;} #section5 .new_book .slider li .img img {max-width: 100%;height: 100%;border: 1px solid #eee;vertical-align: middle;} #section5 .new_book .slider li .img .kind {position: absolute;top: 0;left: 0;} #section5 .new_book .slider li .con {margin-top: 30px;} #section5 .new_book .slider li .con p.title {overflow: hidden;font-size: 20px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} #section5 .new_book .slider li .con .book_info span {display: block;font-size: 16px;font-weight: 400;} #section5 .new_book .slider li .con .book_info span.writer {overflow: hidden;margin: 7px 0 15px;color: #757575;text-overflow: ellipsis;white-space: nowrap;} #section5 .new_book .slider li .con .book_info span.lib {color: #333;} #section5 .new_book .slider .slick-dots {display: none !important;position: absolute;top: -9999px;left: -9999px;font-size: 0;} #section5 .new_list .m_more > a {position: absolute;top: -56px;right: 0;width: 40px;height: 40px;border: 1px solid #000;text-indent: -9999px;border-radius: 15px;background-image: url(../img/ico_m_more.gif);background-repeat: no-repeat;background-position: 50% 50%;} /**/ #foot_section {padding: 0;} #foot_section .f_info {padding: 50px 0 100px;background-color: #494c4b;} #foot_section .f_info .info_wrap {max-width: 1440px;margin: 0 auto;} #foot_section .f_link {background-color: #fff;border-top: 1px solid #dde1df;} #foot_section .f_link > ul {max-width: 1440px;position: relative;margin: 0 auto;} #foot_section .f_link > ul::after {content: '';display: block;clear: both;} #foot_section .f_link > ul > li {float: left;width: 16.66666%;} /*#foot_section .f_link > ul > li > button {display: block;width: 100%;height: 68px;padding: 0 20px;text-align: left;font-size: 15px;line-height: 68px;color: #757575;border-right: 1px solid #dde1df;background-image: url(../img/ico_f_more.png);background-repeat: no-repeat;background-position: 90% 50%;background-color: transparent;}*/ #foot_section .f_link > ul > li > a {display: block;width: 100%;height: 68px;padding: 0 20px;text-align: left;font-size: 15px;line-height: 68px;color: #757575;border-right: 1px solid #dde1df;background-image: url(../img/ico_f_more.png);background-repeat: no-repeat;background-position: 90% 50%;background-color: transparent;} #foot_section .f_link > ul > li:first-child > a {border-left: 1px solid #dde1df;} #foot_section .f_link > ul > li > div.sub_link {display: none;overflow: hidden;position: absolute;bottom: 68px;left: 0;width: 100%;border-bottom: 0;background-color: #333;} #foot_section .f_link > ul > li.active > div.sub_link {overflow-y: auto;height: auto;max-height: 300px;transition: all 0.5s;} #foot_section .f_link > ul > li > div.sub_link p.title {padding: 15px 15px 0;font-size: 24px;font-weight: 500;color: #fff;} #foot_section .f_link > ul > li > div.sub_link > ul {padding: 7px 15px 15px;} #foot_section .f_link > ul > li > div.sub_link > ul::after {content: '';display: block;clear: both;} #foot_section .f_link > ul > li > div.sub_link > ul > li {float: left;min-width: 23.5%;margin: 0 1%;} #foot_section .f_link > ul > li > div.sub_link > ul > li:nth-child(4n-3) {margin-left: 0;} #foot_section .f_link > ul > li > div.sub_link > ul > li:nth-child(4n) {margin-right: 0;} #foot_section .f_link > ul > li > div.sub_link > ul > li > a {overflow: hidden;display: block;padding: 10px 0;font-size: 15px;color: #fff;border-bottom: 1px solid #fff;text-overflow: ellipsis;white-space: nowrap;} #foot_section .f_link > ul > li > div.sub_link a.close_btn {position: absolute;top: 13px;right: 15px;width: 40px;height: 40px;text-indent: -9999px;background-image: url(../img/ico_close_white.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 20px;} .jquery-modal div.sub_link {width: 100%;max-width: 1000px;height: 0;padding: 10px;border-bottom: 0;background-color: #fff;border-radius: 0;} .jquery-modal div.sub_link {height: auto;transition: all 0.5s;} .jquery-modal div.sub_link p.title {padding: 15px 15px 0;font-size: 24px;font-weight: 500;color: #333;} .jquery-modal div.sub_link > ul {padding: 7px 15px 15px;} .jquery-modal div.sub_link > ul::after {content: '';display: block;clear: both;} .jquery-modal div.sub_link > ul > li {float: left;min-width: 23.5%;margin: 0 1%;} .jquery-modal div.sub_link > ul > li:nth-child(4n-3) {margin-left: 0;} .jquery-modal div.sub_link > ul > li:nth-child(4n) {margin-right: 0;} .jquery-modal div.sub_link > ul > li > a {overflow: hidden;display: block;padding: 10px 0;font-size: 15px;color: #555;border-bottom: 1px solid #dde1df;text-overflow: ellipsis;white-space: nowrap;} .jquery-modal div.sub_link > ul > li > a:hover {color: #8813d3;} #foot_section .f_lib {display: flex;justify-content: space-between;} #foot_section .f_lib .lib_list {display: flex;} #foot_section .f_lib .lib_list > ul + ul {padding-left: 40px;} #foot_section .f_lib .lib_list > ul > li {position: relative;min-height: 50px;padding-left: 120px;font-size: 14px;font-weight: 400;color: #fff;} #foot_section .f_lib .lib_list > ul > li + li {margin-top: 15px;} #foot_section .f_lib .lib_list > ul > li .lib {position: absolute;top: 0;left: 0;width: 96px;padding: 3px;border: 1px solid #fff;text-align: center;} #foot_section .f_lib .lib_list > ul > li .con {padding: 3px 0;} #foot_section .f_lib .lib_list > ul > li .con > span {display: block;} #foot_section .f_lib .lib_list > ul > li .con > span + span {margin-top: 3px;} #foot_section .f_lib .lib_list > ul > li .con .contact > span + span {display: inline-block;margin-left: 15px;vertical-align: middle;} #foot_section .f_lib .info_top > ul > li {} #foot_section .f_lib .info_top > ul > li + li {margin-top: 10px;} #foot_section .f_lib .info_top > ul > li > a {font-size: 16px;color: #fff;font-weight: 400;} #foot_section .f_lib .info_top > ul > li.privacy > a {color: #daa0fe;} #foot_section .site_info {position: relative;padding-top: 40px;margin-top: 50px;border-top: 1px solid rgba(255,255,255,0.2);} #foot_section .site_info .info_top {margin-bottom: 20px;} #foot_section .site_info .info_top > ul {font-size: 0;} #foot_section .site_info .info_top > ul > li {display: inline-block;padding: 0 30px 0 0;} #foot_section .site_info .info_top > ul > li > a {font-size: 16px;color: #fff;font-weight: 400;} #foot_section .site_info .info_top > ul > li.privacy > a {color: #daa0fe;} #foot_section .site_info .sns_wp {position: absolute;top: 40px;right: 0;} #foot_section .site_info .sns_wp > a {display: inline-block;width: 20px;height: 20px;margin-left: 20px;vertical-align: middle;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;} #foot_section .site_info .sns_wp > a.facebook {background-image: url(../img/ico_f_facebook.png);} #foot_section .site_info .sns_wp > a.yutube {background-image: url(../img/ico_f_yutube.png);} #foot_section .site_info .sns_wp > a:first-child {margin-left: 0;} #foot_section .site_info cite {font-size: 15px;font-weight: 400;color: #fff;font-style: normal;text-transform: uppercase;} #foot_section .info_top .wa_mark {margin-top: 30px;} #foot_section .info_top .wa_mark img {height: 90px;} #mCard2 {display: none;} /**/ #contain {overflow: hidden;position: relative;width: 100%;} #contain .contain {max-width: 1240px;margin: 0 auto;} #contain .contain::after {content: '';display: block;clear: both;} /*#contain .contain {margin: 30px auto 0;max-width:1560px;overflow: hidden;position:relative;} #contain + #footer .contact {display:none;}*/ /* 서브비주얼 */ #contain #subVisual {width: 100%;height: 260px;} #contain #subVisual .sub_visual {width: 100%;height: 100%;padding-top: 110px;background-color: #333;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #contain #subVisual .sub_visual.visual_guide {background-image: url(../img/bg_sub_v_guide.jpg);} #contain #subVisual .sub_visual.visual_unify, #contain #subVisual .sub_visual.visual_search {background-image: url(../img/bg_sub_v_search.jpg);} #contain #subVisual .sub_visual.visual_community {background-image: url(../img/bg_sub_v_community.jpg);} #contain #subVisual .sub_visual.visual_symp {background-image: url(../img/bg_sub_v_symp.jpg);} #contain #subVisual .sub_visual.visual_happycj {background-image: url(../img/bg_sub_v_happycj.jpg);} #contain #subVisual .sub_visual.visual_intro {background-image: url(../img/bg_sub_v_intro.jpg);} #contain #subVisual .sub_visual.visual_slib {background-image: url(../img/bg_sub_v_slib.jpg);} #contain #subVisual .sub_visual.visual_mylib {background-image: url(../img/bg_sub_v_mylib.jpg);} #contain #subVisual .sub_visual.visual_etc {background-image: url(../img/bg_sub_v_etc.jpg);} #contain #subVisual .sub_visual .visual_wp {display: table;width: 100%;max-width: 1240px;height: 100px;margin: 20px auto 0;padding-left: 310px;} #contain #subVisual .sub_visual .visual_wp .visual {display: table-cell;vertical-align: middle;} #contain #subVisual .sub_visual .visual_wp .visual h2 {font-size: 40px;font-weight: 500;color: #fff;} #contain #subVisual .sub_visual .visual_wp .visual .locator {margin-top: 10px;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li {display: inline-block;vertical-align: middle;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li a, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li span, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li button {display: block;font-size: 16px;font-weight: 400;color: #fff;font-family: inherit;background-color: transparent;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li button::before, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li span::before {content: '>';display: inline-block;width: 20px;vertical-align: top;text-align: center;font-size: inherit;font-family: inherit;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi {display: none;} #contain #subVisual .sub_visual::after {content: '';position: absolute;top: 48px;right: -14%;width: 923px;height: 425px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;} /**/ #aside {float: left;width: 250px;margin: -130px 60px 0 0;} #aside h2 {display: table;width: 100%;height: 130px;padding: 0 10px;text-align: center;background-color: #00a54c;} #aside h2 > span {display: table-cell;font-size: 26px;font-weight: 400;color:#fff;vertical-align: middle;} #aside ul.left_menu > li {border-bottom:1px solid #eaeaea;} #aside ul.left_menu > li > a {position: relative;z-index: 0;display:block;padding: 15px 20px;font-size: 17px;font-weight: 400;color:#555;transition:all 0.3s;} #aside ul.left_menu > li > a:hover {color: #4e0080;font-weight: 500;transition: all 0.3s;} #aside ul.left_menu > li > a::after {content: '';position: absolute;top: 50%;right: 10px;z-index: -1;width: 10px;height: 10px;margin-top: -5px;background-image: url(../img/ico_leftmenu.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 10px;} #aside ul.left_menu > li.sel > a::after {background-image: url(../img/ico_leftmenu_on.png);background-size: auto 2px;} #aside ul.left_menu > li.sel > a, #aside ul.left_menu > li.sel > a:hover{color: #fff;border: 0;background-color: #4e0080;transition:all 0.5s} #aside ul.left_menu > li ul {display: none;padding: 20px 25px;background:#f3f3f3; border-top:0;} #aside ul.left_menu > li.sel ul {display: block;} #aside ul.left_menu > li li a {display: block;border: 0;font-size: 15px; height:auto;padding: 4px 0 4px 20px;margin: 0;color: #333;background-image: url(../img/ico_left_submenu.gif);background-repeat: no-repeat;background-position: 0 15px;background-size: auto 1px;} #aside ul.left_menu > li li:last-child a{border:0} #aside ul.left_menu > li li a:hover, #aside ul.left_menu > li li a.sel {font-size: 15px;color: #8813d3; border: 0;background-image: url(../img/ico_left_submenu_on.png);background-position: 0 10px;background-size: 8px auto;} /*#aside ul.left_menu > li li a.sel:before { content:'→'; padding-right:3px; font-family:'dotum';}*/ /* #design */ #design {position: relative;float: left;width: 930px;min-height: 650px;margin: 60px 0 100px;} /**/ #contain.unify #subVisual .sub_visual .visual_wp {padding-left: 0;} #contain.unify .contain #aside {display: none;} #contain.unify .contain #design {width: 100%;} #blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)} #dkleft{display:none;} #gotop, #gotop a{display:none !important} @keyframes mv00 { from {background-position:center 110px; } to {background-position:center 0px; } } @keyframes mv01 { from {top:100px; opacity:0;} to {top:170px; opacity:1;} } @keyframes mv02 { from {top:200px;opacity:0;} to {top:295px;opacity:1;} } @keyframes v_img { from {right:50px; opacity:0} to {right:0px; opacity:1} } @keyframes v_text { from {padding-left:30px; opacity:0} to {padding-left:0px; opacity:1} } @keyframes v_navi { from {margin-top:-20px; opacity:0} to {margin-top:0px; letter-spacing:-1px; opacity:1} } @keyframes con_bg { from {background:url(../img/sub_con_bg.png) repeat-x left -30px; } to {background:url(../img/sub_con_bg.png) repeat-x left 138px; } } } /* header - 1340 ~ 1749 */ @media (max-width: 1749px) and (min-width: 768px) { /* header */ #header {overflow: hidden;position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 110px;padding: 0;} #header::before {content: '';position: absolute;top: 50px;width: 100%;height: 1px;background-color: rgba(255,255,255,0.1);} /*#header.header_active::before, #header.bg_white::before {background-color: rgba(0,0,0,0.1);}*/ #header.sel {height: 510px;box-sizing: border-box;background:#fff;} #header.header_active {background-color: #fff;} #header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;} #header .header {position: relative;max-width: 1280px;height: 110px;padding: 50px 0 0;margin: 0 auto;} #header .header::after {content: '';display: block;clear: both;} #header h1 {position: absolute;top: 0;left: 0;width: 50%;max-width: 300px;} #header h1 a {display: block;width: 100%;height: 50px;background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: 0 50%;background-size: auto 28px;} #header.header_active h1 a, #header.bg_white h1 a {background-image: url(../img/logo_on.png);} #header button.btn-menu {display:none} /**/ nav.menu_wrap {width: 100%;} #gnb .depth1 {height: 60px;text-align: center;margin: 0 -32px;} #gnb .depth1::after {content: '';display: block;clear: both;} #gnb .depth1 > li {float: left;} #gnb .depth1 > li > a {display:block;height: 60px;margin: 0;padding: 0 40px;line-height: 60px;font-size: 20px;font-weight: 500;color: #fff;} #header.header_active #gnb .depth1 > li > a, #header.bg_white #gnb .depth1 > li > a {color: #333;} #gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc;display:none} #header #gnb .depth1 > li.sel > a {color: #00d863;font-weight: 500;text-decoration: underline;} #header #gnb .depth1 > li:hover > a, #header #gnb .depth1 > li > a:hover {color: #7000b7;} #gnb .depth2 {display:none;overflow:hidden;position:absolute;top: 110px;left: 0;z-index: 10;width: 100%;padding: 10px 0 40px;box-sizing: border-box;text-align:center;} #gnb .depth2 li a{display:block;height: 54px;padding: 0 15px;line-height: 54px;font-size:16px;color:#333;font-weight: 500;border-bottom: 1px solid #ddd;text-align: left;} /*#gnb .depth2 li:last-child a {border-bottom: 0;}*/ #gnb .depth2 li a:hover{/*color: #0e4fa3;border-bottom: 1px solid #0e4fa3;padding-bottom: 19px;*/background: #4e0080;color: #fff;border-bottom: 0;} #gnb .depth1 > li > a::after {content: "";position:absolute;bottom: 0;left: 0;display:none;width: 100%;height: 5px;background: #558fff;} #gnb .nav_bg {display:none;position:absolute;top: 110px;left: 0;width: 100%;height: 400px;background: #f5f5f5;} #header .etc_wp {position: absolute;top: 0;right: 0;max-width: 50%;text-align: left;font-size: 0;vertical-align: top;} #header .etc_btn > ul {display: inline-block;vertical-align: middle;} #header .etc_btn > ul > li {display: inline-block;} #header .etc_btn > ul > li > a {display: block;padding: 0 10px;vertical-align: middle;font-size: 15px;line-height: 50px;color: #fff;} #header.header_active .etc_btn > ul > li > a, #header.bg_white .etc_btn > ul > li > a {color: #333;} #header .etc_btn > a.cj_county {position: relative;z-index: 0;display: inline-block;padding-left: 15px;margin-left: 10px;vertical-align: middle;font-size: 15px;color: #fff;} #header.header_active .etc_btn > a.cj_county, #header.bg_white .etc_btn > a.cj_county {color: #333;} #header .etc_btn > a.cj_county::before {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 11px;margin-top: -5.5px;background-color: #fff;line-height: 50px;} #header.header_active .etc_btn > a.cj_county::before, #header.bg_white .etc_btn > a.cj_county::before {background-color: #d9d9d9;} #header.fix_menu {position:fixed; top: 0;background:#fff;border-bottom:1px solid #ddd;} #header.fix_menu #gnb .depth1 > li > a {color:#333;} #header.fix_menu #gnb .depth1 > li.sel > a {color:#558fff} #allbg{position:fixed;z-index:30000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);display:none} /**/ #contain #subVisual .sub_visual::after {content: '';position: absolute;top: 70px;right: -20%;width: 860px;height: 380px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;} } /* 841 ~ 1479 */ @media all and (min-width: 841px) and (max-width: 1479px) { #divpop { display:none;} #mm-blocker{display:none} #popupWindow{position:absolute} #hCheon {position:relative;top:0px;padding:0; margin:0;width:100%;} #OpenLayer {position: absolute;top: 180px;left: 100px;z-index: 9999;background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 14px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} /* header #header{position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 130px;background: #fff;} #header * {letter-spacing: -0.5px;} #header.sel {height: 530px;box-sizing: border-box;background:#fff;} #header .header {padding-top: 60px;height: 70px;width: 100%;text-align: center;} #header .header::after {content: '';display: block;clear: both;} #header h1{position: absolute;top: 0;left: 2%;height: 60px;z-index: 1000;} #header h1 a {display:block;width: 200px;height: 60px;background:url(../img/logo.jpg) no-repeat 0 50%;background-size: auto 35px;} #header .header .h_right {box-sizing: border-box;} #header button.btn-menu {display:none}*/ /* nav.menu_wrap {display: inline-block;width: 100%;vertical-align: top;border-top: 1px solid #ddd;} #gnb{} #gnb .gnb{} #gnb .depth1 {height: 70px;font-size: 0;} #gnb .depth1 > li {position: relative;float: left;width: 14.66666%;text-align: center;margin: 0 1%;} #gnb .depth1 > li > a{position:relative;display:block;height: 70px;margin: 0;line-height: 70px;font-size: 18px;font-weight:400;color:#333;box-sizing: border-box;} #gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc;display:none} #gnb .depth1 > li.sel > a {font-weight: 500;color:#558fff;} #gnb .depth2 {display:none;overflow:hidden;position:absolute;top: 70px;left: 0;z-index: 10;width: 100%;padding: 15px 0;box-sizing: border-box;text-align:center;} #gnb .depth2 li a{display:block;padding:18px 5px;line-height:15px;font-size:15px;color:#333;border-bottom: 1px solid #ddd;word-break: keep-all;} #gnb .depth2 li:last-child a {border-bottom: 0;} #gnb .depth2 li a:hover{background: #0e4fa3;color: #fff;} #gnb .nav_bg {display:none;position:absolute;top: 130px;left: 0;width: 100%;height: 400px;background: #f5f5f5;} #gnb .depth1 > li > a::after {content: "";position:absolute;bottom: 0;left: 0;display:none;width: 100%;height: 5px;background: #558fff;} #gnb .depth1 > li:hover > a::after {display:block;animation: menuOn 1s ease 1;} @keyframes menuOn { from {width: 0;} to {width: 100%;} } #header .etc_wp {position: absolute;top: 0;right: 0;z-index: 999;width: 98%;padding-right: 2%;text-align: right;font-size: 0;vertical-align: top;} #header .etc_btn {display: inline-block;vertical-align: middle;} #header .etc_btn > ul {} #header .etc_btn > ul > li {position: relative;} #header .etc_btn > ul > li > a {display: block;padding: 8px 32px 8px 10px;font-size: 13px;background: url(../img/arr_top_log.png) no-repeat 90% 50%;} #header .etc_btn > ul > li > ul {display: none;position: absolute;top: 34px;left: 0;z-index: 199;width: 100%;background: #333640;} #header .etc_btn > ul > li > ul > li {text-align: center;border-top: 1px solid #fff;} #header .etc_btn > ul > li > ul > li:first-child {border-top: 0;} #header .etc_btn > ul > li > ul > li > a {display: block;padding: 8px 0;font-size: 13px;color: #fff;} #header .etc_wp button.search {display: inline-block;width: 24px;height: 60px;padding: 0 16px;text-indent: -9999px;background: url(../img/ico_search.png) no-repeat 50%;vertical-align: middle;box-sizing: content-box;} #header .etc_wp a.sitemap {display: inline-block;width: 30px;height: 60px;padding: 0 0 0 12px;text-indent: -9999px;background: url(../img/ico_menu.png) no-repeat 100% 50%;vertical-align: middle;} #header.fix_menu {position:fixed; top: 0;background:#fff;border-bottom:1px solid #ddd;} #header.fix_menu #gnb .depth1 > li > a {color:#333;} #header.fix_menu #gnb .depth1 > li.sel > a {color:#558fff} #header.fix_menu .etc_btn li a {color:#333;} #header.fix_menu .etc_btn li.etc04 a {background:url(../img/btn_h_search_on.png) no-repeat center 50%;} #header.fix_menu .etc_btn li.etc05 a {background:url(../img/btn_h_sitemap_on.png) no-repeat center 50%;} #topSearchWp {position: absolute;top: -200px;left: 0;width: 100%;z-index: 30003;background: #eee;} #topSearchWp form {position: relative;max-width: 1560px;margin: 0 auto;padding: 40px 0 50px;text-align: center;} #topSearchWp label {display: block;margin-bottom: 10px;font-size: 32px;font-weight: 500;color: #333;} #topSearchWp #topSearch {width: 500px;height: 40px;line-height: 40px;padding: 0 12px;font-size: 15px;font-family: 'Lato', 'Noto Sans KR';border: 0;color: #333;font-weight: 300;vertical-align: middle;border: 1px solid #ddd;} #topSearchWp .btn_search {width: 120px;height: 40px;line-height: 40px;margin-left: 3px;font-family: 'Lato', 'Noto Sans KR';font-size: 15px;color: #fff;background: #0e4fa3;vertical-align: middle;} #topSearchWp .close {position: absolute;top: 25px;right: 0;width: 29px;height: 29px;text-indent: -9999px;background: url(../img/ico_close.png) no-repeat 50%;} #allbg{position:fixed;z-index:30000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);display:none}*/ /* #menu{position:absolute;z-index:10;top:0;right:0;background: #252525;} #menu a{display:block;width: 50px;height: 50px;background:url(../img/menu.png) no-repeat 50%;text-indent:-9999em;overflow:hidden}*/ /* header */ #header {overflow: hidden;position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 110px;padding: 0;} #header::before {content: '';position: absolute;top: 50px;width: 100%;height: 1px;background-color: rgba(255,255,255,0.1);} #header.sel {height: 510px;box-sizing: border-box;background:#fff;} #header.header_active {background-color: #fff;border-style: solid;border-image: linear-gradient(to right, #00a54c 0%, #4e0080 100%);border-image-slice: 1;border-image-width: 0 0 3px 0;border-top: 0;} #header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;} #header .header {position: relative;width: 96%;height: 110px;padding: 50px 0 0;margin: 0 auto;} #header .header::after {content: '';display: block;clear: both;} #header h1 {position: absolute;top: 0;left: 0;width: 50%;max-width: 300px;} #header h1 a {display: block;width: 100%;height: 50px;background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: 0 50%;background-size: auto 28px;text-indent: -9999px;} #header.header_active h1 a, #header.bg_white h1 a {background-image: url(../img/logo_on.png);} #header button.btn-menu {display:none} /**/ nav.menu_wrap {width: 100%;} #gnb .depth1 {height: 60px;text-align: center;margin: 0;font-size: 0;text-align: center;} #gnb .depth1::after {content: '';display: block;clear: both;} #gnb .depth1 > li {float: none;display: inline-block;width: 14.285%;padding: 0;} #gnb .depth1 > li > a {overflow: hidden;display:block;height: 60px;margin: 0;padding: 0;line-height: 60px;font-size: 18px;font-weight: 500;color: #fff;text-overflow: ellipsis;white-space: nowrap;} #header.header_active #gnb .depth1 > li > a, #header.bg_white #gnb .depth1 > li > a {color: #333;} #gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc;display:none} #header #gnb .depth1 > li.sel > a {color:#00a54c;font-weight: 500;} #header #gnb .depth1 > li:hover > a, #header #gnb .depth1 > li > a:hover {color:#7000b7;} #gnb .depth2 {display:none;overflow:hidden;position:absolute;top: 110px;left: 0;z-index: 10;width: 100%;padding: 20px 0;box-sizing: border-box;text-align:center;} #gnb .depth2 li {float: left;width: 32%;margin: 0 1%;} #gnb .depth2 li:nth-child(3n-2) {margin-left: 0;} #gnb .depth2 li:nth-child(3n) {margin-right: 0;} #gnb .depth2 li a{display:block;height: 48px;padding: 0 12px;line-height: 48px;font-size: 15px;color:#333;font-weight: 500;border-bottom: 1px solid #ddd;text-align: left;} /*#gnb .depth2 li a{display:block;padding:18px 0;line-height:15px;font-size:15px;color:#333;border-bottom: 1px solid #ddd;text-align: left;} #gnb .depth2 li a:hover{padding-bottom: 19px;background: #0e4fa3;color: #fff;border-bottom: 0;}*/ #gnb .depth2 li a:hover{/*color: #0e4fa3;border-bottom: 1px solid #0e4fa3;padding-bottom: 19px;*/background: #4e0080;color: #fff;border-bottom: 0;} #gnb .depth1 > li > a::after {content: "";position:absolute;bottom: 0;left: 0;display:none;width: 100%;height: 5px;background: #558fff;} #gnb .nav_bg {display:none;position:absolute;top: 110px;left: 0;width: 100%;height: 400px;background: #f5f5f5;} #header .etc_wp {position: absolute;top: 0;right: 0;max-width: 50%;text-align: left;font-size: 0;vertical-align: top;} #header .etc_btn > ul {display: inline-block;vertical-align: middle;} #header .etc_btn > ul > li {display: inline-block;} #header .etc_btn > ul > li > a {display: block;padding: 0 10px;vertical-align: middle;font-size: 15px;line-height: 50px;color: #fff;} #header.header_active .etc_btn > ul > li > a, #header.bg_white .etc_btn > ul > li > a {color: #333;} #header .etc_btn > a.cj_county {position: relative;z-index: 0;display: inline-block;padding-left: 15px;margin-left: 10px;vertical-align: middle;font-size: 15px;color: #fff;} #header.header_active .etc_btn > a.cj_county, #header.bg_white .etc_btn > a.cj_county {color: #333;} #header .etc_btn > a.cj_county::before {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 11px;margin-top: -5.5px;background-color: #fff;line-height: 50px;} #header.header_active .etc_btn > a.cj_county::before, #header.bg_white .etc_btn > a.cj_county::before {background-color: #d9d9d9;} #header.fix_menu {position:fixed; top: 0;background:#fff;border-bottom:1px solid #ddd;} #header.fix_menu #gnb .depth1 > li > a {color:#333;} #header.fix_menu #gnb .depth1 > li.sel > a {color:#558fff} /**/ #mainCon {width: 100%;} .section {padding: 25px 0;} .section .section_wp {width: 96%;margin: 0 auto;} .section h3 {margin-bottom: 15px;font-size: 23px;font-weight: 500;color: #333;} .section .kind {width: 86px;height: 26px;text-align: center;font-size: 14px;line-height: 26px;font-weight: 500;color: #fff;} .section .kind.lib1 {background-color: #7000b7;} .section .kind.lib2 {background-color: #00a54c;} .section .kind.lib3 {background-color: #003fe0;} .section .kind.lib4 {background-color: #e84f19;} .section .btn_wrap {margin-top: 40px;text-align: center;} .section .btn_wrap > a {display: inline-block;width: 200px;height: 56px;border: 1px solid #333;font-size: 17px;font-weight: 400;color: #333;line-height: 56px;} /**/ .section .controls {text-align: right;} .section .controls .arrows {display: inline-block;vertical-align: middle;} .section .controls .arrows .slick-arrow {width: 35px;height: 35px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 15px;vertical-align: middle;text-indent: -9999px;background-color: transparent;border: 1px solid #000;border-radius: 12px;} .section .controls .arrows .slick-prev {background-image: url(../img/slides_m_prev.png);} .section .controls .arrows .slick-next {background-image: url(../img/slides_m_next.png);} .section .controls .arrows .paging {margin: 0 15px;font-family: 'Montserrat';font-size: 15px;} .section .controls .arrows .paging .slick-dots {display: inline-block;vertical-align: middle;} .section .controls .arrows .paging .slick-dots li {display: none;font-family: 'Montserrat';} .section .controls .arrows .paging .slick-dots li.slick-active {display: inline-block;vertical-align: middle;} .section .controls .control_btn {display: inline-block;vertical-align: middle;} .section .controls .control_btn button {width: 35px;height: 35px;margin: 0;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;border: 1px solid #000;border-radius: 12px;} .section .controls .control_btn button.stop {background-image: url(../img/slides_m_stop.png);} .section .controls .control_btn button.play {background-image: url(../img/slides_m_play.png);} .section .controls.white {color: #fff;} .section .controls.white .arrows .slick-prev {background-image: url(../img/slides_m_prev_w.png);} .section .controls.white .arrows .slick-next {background-image: url(../img/slides_m_next_w.png);} .section .controls.white .control_btn button.stop {background-image: url(../img/slides_m_stop_w.png);} .section .controls.white .control_btn button.play {background-image: url(../img/slides_m_play_w.png);} /**/ .section .m_board {position: relative;} .section .m_board .board_list::after {content: '';display: block;clear: both;} .section .m_board .board_list > li > div {position: relative;padding: 7px 0 7px 100px;} .section .m_board .board_list > li .kind {position: absolute;top: 15px;left: 0;} .section .m_board .board_list > li a {overflow: hidden;display: block;font-size: 15px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} .section .m_board .board_list > li span.date {display: block;margin-top: 3px;font-size: 14px;font-weight: 400;color: #757575;} .section .m_board .m_more {position: absolute;top: 0;right: 0;} .section .m_board .m_more > a {display: block;width: 35px;height: 35px;border-radius: 12px;text-align: center;border: 1px solid #000;background-image: url(../img/ico_m_more.gif);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;} /* 메인비주얼 */ #section0 {padding-top: 115px;} #section0 .visual_wp {width: 96%;margin: 0 auto;padding: 50px 0 0;text-align: center;} #section0 .visual_wp .m_member {display: none !important;} #section0 .search_wp {display: flex;width: 100%;margin: 0 auto;text-align: left;box-sizing: border-box;align-items: center;justify-content: space-between;flex-wrap: wrap;} #section0 .search_wp p.title {width: 100%;padding: 15px 0 15px 70px;margin-bottom: 10px;font-size: 19px;font-weight: 500;color: #000;background-image: url(../img/img_search_title.png);background-repeat: no-repeat;background-position: 0 50%;background-size: 60px auto;} #section0 .search_wp form {flex-grow: 1;padding-right: 50px;} #section0 .search_wp > label {overflow: hidden;position: absolute;top: -9999px;left: -9999px;text-indent: -9999px;font-size: 0;line-height: 1;} #section0 .search_wp #search {position: relative;overflow: hidden;display: flex;margin: 0 auto;height: 75px;padding: 0;border: 0;font-size: 20px;line-height: 75px;vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color: transparent;border: 2px solid #0fa54f;border-radius: 80px;background-color: #0fa54f;} #section0 .search_wp #search select {width: auto;padding: 0 30px;height: 100%;background-color: #fff;border: 0;vertical-align: top;font-size: 17px;font-weight: 500;color: #000;vertical-align: top;} #section0 .search_wp #search .sh_radio {display: inline-flex;padding: 0 30px;align-items: center;} #section0 .search_wp #search .sh_radio > span + span {margin-left: 15px;} #section0 .search_wp #search .sh_radio input[type="radio"] {width: 18px;height: 18px;margin: 0;border: 0;vertical-align: middle;} #section0 .search_wp #search .sh_radio input[type="radio"] + label {margin-left: 7px;font-size: 16px;color: #fff;vertical-align: middle;} #section0 .search_wp #search input {width: calc(100% - 300px);height: 100%;border: 0;padding: 0 100px 0 20px;vertical-align: top;font-size: 17px;font-weight: 400;color: #000;vertical-align: top;flex-grow: 1;border-radius: 80px;} #section0 .search_wp .btn_search {position: absolute;top: 4px;right: 4px;height: 63px;width: 63px;background-color: transparent;background-image: url(../img/ico_search_btn.png);background-repeat: no-repeat;background-position: 50%;background-size: auto 100%;font-family: inherit;font-size: 16px;font-weight: 300;color: #333;cursor: pointer;text-indent: -9999px;} #section0 .search_wp .best_word {text-align: right;} #section0 .search_wp .best_word > a {display: inline-block;max-width: 300px;font-size: 15px;font-weight: 500;color: #000;} #section0 .search_wp .best_word > a + a {margin-left: 20px;} /**/ #section0 .search_wp.sc_new {display: flex;width: 100%;max-width: 1440px;margin: 0 auto;text-align: left;box-sizing: border-box;align-items: center;justify-content: space-between;} #section0 .search_wp.sc_new p.title {display: inline-block;padding: 20px 0 20px 80px;font-size: 20px;font-weight: 500;color: #000;background-image: url(../img/img_search_title.png);background-repeat: no-repeat;background-position: 0 50%;} #section0 .search_wp.sc_new form {flex-grow: 1;margin: 0;text-align: right;padding-right: 0;} #section0 .search_wp.sc_new .search_con {position: relative;overflow: hidden;display: flex;width: 100%;height: 80px;padding: 0;border: 0;font-size: 20px;line-height: 80px;vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color: #145e46;border-radius: 30px;} #section0 .search_wp.sc_new .search_input {position: relative;flex-grow: 1;} #section0 .search_wp.sc_new #search {height: auto;border: 0;padding: 9px 0;background-color: transparent;} #section0 .search_wp.sc_new #search select {width: auto;padding: 0 30px;height: 100%;background-color: #fff;border: 0;vertical-align: top;font-size: 18px;font-weight: 500;color: #000;vertical-align: top;} #section0 .search_wp.sc_new #search input[type="text"] {width: 100%;height: 100%;border: 0;padding: 0 100px 0 20px;margin-left: 0;vertical-align: top;font-size: 17px;font-weight: 400;color: #000;vertical-align: top;background-color: #fff;border-radius: 80px;flex-grow: 1;} #section0 .search_wp.sc_new .search_con .sh_radio {display: inline-flex;flex: 0 0 300px;padding: 0 30px 0 40px;align-items: center;} #section0 .search_wp.sc_new .search_con .sh_radio > span + span {margin-left: 20px;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"] {overflow: hidden;width: 1px;height: 1px;margin: -1px;border: 0;clip-path: rect(0 0 0 0);vertical-align: middle;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"] + label {position: relative;margin-left: 7px;padding: 2px 0 2px 33px;font-size: 16px;color: #fff;vertical-align: middle;cursor: pointer;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"] + label::before {content: '';position: absolute;top: 0;left: 0;width: 19px;height: 19px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.6);} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"]:focus + label {outline: 1px dotted #ddd;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"]:checked + label::before {width: 23px;height: 23px;background-image: url(../img/ico_m_sc_check.png);background-repeat: no-repeat;background-position: 0 0;background-size: auto 23px;border: 0;} #section0 .search_wp.sc_new .btn_search {position: absolute;top: 12px;right: 5px;height: 56px;width: 56px;background-color: transparent;background-image: url(../img/ico_search_btn.png?v=1);background-repeat: no-repeat;background-position: 50%;background-size: auto 100%;font-family: inherit;font-size: 16px;font-weight: 300;color: #333;cursor: pointer;text-indent: -9999px;} #section0 .search_wp.sc_new .best_wp {flex: 0 0 300px;width: 300px;padding: 0 40px 0 30px;} #section0 .search_wp.sc_new .best_wp .popular_control {} #section0 .search_wp.sc_new .best_word div {overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;} #section0 .search_wp.sc_new .best_word div > a {overflow: hidden;display: block;padding-right: 10px;font-size: 16px;color: #fff;line-height: 80px;white-space: nowrap;text-overflow: ellipsis;} #section0 .search_wp.sc_new .best_wp .best_ctrl {position: absolute;top: 50%;right: 20px;z-index: 1;transform: translateY(-50%);font-size: 0;line-height: 1;} #section0 .search_wp.sc_new .best_wp .best_ctrl button {background-color: transparent;} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-arrow {width: 30px;height: 15px;text-indent: -99999px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-prev {background-image: url(../img/ico_v_prev_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-next {background-image: url(../img/ico_v_next_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl {display: block;width: 30px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl.stop {background-image: url(../img/ico_v_stop_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl.play {background-image: url(../img/ico_v_play_w.png);} #section0 .v_quick {display: inline-block;width: 90%;font-size: 0;} #section0 .v_quick ul::after {content: '';display: block;clear: both;} #section0 .v_quick ul > li {display: inline-block;margin: 0 2.5%;} #section0 .v_quick ul > li:first-child {margin-left: 0;} #section0 .v_quick ul > li:last-child {margin-right: 0;} #section0 .v_quick ul > li > a {display: block;padding: 0;font-size: 17px;font-weight: 400;color: #fff;} #section0 .v_quick ul > li > a .icon {display: block;height: 120px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .v_quick ul > li.quick1 > a .icon {background-image: url(../img/ico_m_direct1.png);background-size: auto 76px;} #section0 .v_quick ul > li.quick2 > a .icon {background-image: url(../img/ico_m_direct2.png);background-size: auto 68px;} #section0 .v_quick ul > li.quick3 > a .icon {background-image: url(../img/ico_m_direct3.png);background-size: auto 74px;} #section0 .v_quick ul > li.quick4 > a .icon {background-image: url(../img/ico_m_direct4.png);background-size: auto 85px;} #section0 .v_quick ul > li.quick5 > a .icon {background-image: url(../img/ico_m_direct5.png);background-size: auto 81px;} #section0 .v_quick ul > li.quick6 > a .icon {width: 125px;background-image: url(../img/ico_m_direct6.png);background-size: auto 64px;} #libSelect {position: fixed;bottom: 40px;right: 2.864%;z-index: 101;width: 134px;height: 132px;background-image: url(../img/bg_m_lib_select.png);background-repeat: no-repeat;background-position: 50% 50%;} #libSelect > button {display: block;width: 86px;height: 86px;margin: 6px 0 0 15px;background-color: transparent;font-size: 15px;font-weight: 500;color: #fff;line-height: 1.5em;} #libLayer {display: none;position: fixed;bottom: 80px;right: 4.16666%;z-index: 199;width: 450px;height: 380px;padding: 60px;background-color: #4e0080;border-radius: 50px;} #libLayer button.close {position: absolute;top: -63px;right: 0;width: 57px;height: 57px;border-radius: 57px;background-image: url(../img/ico_layer_close.png);background-repeat: no-repeat;background-position: 50% 50%;background-color: rgba(255,255,255,0.6);background-size: auto 24px;text-indent: -9999px;} #libLayer .lib_layer > p {padding-right: 10px;font-size: 17px;line-height: 1.4em;font-weight: 400;color: #fff;} #libLayer .lib_layer > p span.tit {display: block;margin-bottom: 25px;font-size: 34px;} #libLayer .lib_layer > p span.txt {display: block;margin: 40px 0 20px;} #libLayer .lib_layer .layer_con {height: 46px;} #libLayer .lib_layer .layer_con select{width: calc(100% - 90px);height: 100%;padding: 0 20px;background-color: #fff;border: 0;border-radius: 3px;} #libLayer .lib_layer .layer_con .btn {width: 83px;height: 100%;border-radius: 3px;background-color: #00A54C;font-size: 16px;font-weight: 500;color: #fff;} #bgLayer {content: '';display: none;position: fixed;top: 0;left: 0;z-index: 101;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);} /**/ #section1 .section_wp {display: flex;flex-wrap: wrap;align-items: flex-start;} #section1 .popupzone {position: relative;overflow: hidden;width: 750px;margin-right: 3.47%;border-radius: 40px;} #section1 .popupzone .slider li {font-size: 0;line-height: 1;} #section1 .popupzone .controls {position: absolute;right: 0;bottom: 0;padding: 15px 30px;background-color: rgba(45,45,45,0.9);border-radius: 40px 0 0 0;} #section1 .popupzone .controls .arrows .slick-arrow {width: 20px;height: 16px;border: 0;} #section1 .popupzone .controls .control_btn button {width: 7px;height: 100%;margin-left: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 100% 50%;background-color: transparent;border: 0;} #section1 .m_board {width: calc(96.53% - 750px);} #section1 .m_quick {display: flex;width: 100%;padding: 50px 0 25px;} #section1 .m_quick .title_wp {width: 18.75%;} #section1 .m_quick .title_wp h3 {margin-bottom: 15px;} #section1 .m_quick .title_wp .sub {font-size: 16px;font-weight: 400;} #section1 .m_quick .quick_list {display: flex;width: 81.25%;justify-content: space-between;} #section1 .m_quick .quick_list li a {display: block;text-align: center;font-size: 16px;font-weight: 500;color: #000;} #section1 .m_quick .quick_list li a::before {content: '';display: block;width: 100px;height: 100px;margin-bottom: 30px;border-radius: 30px;box-shadow: 10px 10px 30px rgba(0,0,0,0.08);background-repeat: no-repeat;background-position: 50% 50%;} #section1 .m_quick .quick_list li.quick1 a::before {background-image: url(../img/ico_m_quick1.png);} #section1 .m_quick .quick_list li.quick2 a::before {background-image: url(../img/ico_m_quick2.png);} #section1 .m_quick .quick_list li.quick3 a::before {background-image: url(../img/ico_m_quick3.png);} #section1 .m_quick .quick_list li.quick4 a::before {background-image: url(../img/ico_m_quick4.png);} #section1 .m_quick .quick_list li.quick5 a::before {background-image: url(../img/ico_m_quick5.png);} #section1 .m_quick .quick_list li.quick6 a::before {background-image: url(../img/ico_m_quick6.png);} #section1 .m_quick .quick_list li.quick7 a::before {background-image: url(../img/ico_m_quick7.png);} #section1 .m_quick .quick_list li.quick8 a::before {background-image: url(../img/ico_m_quick8.png);} #section1 .m_quick .quick_list li.quick9 a::before {background-image: url(../img/ico_m_quick9.png);} #section1 .m_quick .quick_list li.quick10 a::before {background-image: url(../img/ico_m_quick10.png);} /**/ #section2 .section_wp {position: relative;display: flex;flex-wrap: wrap;} #section2 .m_board {width: calc(100% - 590px);padding-right: 50px;flex-grow: 1;} #section2 .m_board .m_more {right: 50px;} #section2 .section_wp .m_guide {overflow: hidden;width: 590px;background-color: #f8f8f8;border-radius: 40px;} #section2 .section_wp .m_guide .select_lib {position: relative;padding: 0 80px;background-color: #eee9f2;text-align: center;border-radius: 40px;} #section2 .section_wp .m_guide .select_lib > button.slick-arrow {position: absolute;top: 0;width: 80px;height: 68px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;background-size: auto 16px;text-indent: -9999px;} #section2 .section_wp .m_guide .select_lib > button.slick-prev {left: 0;background-image: url(../img/arrow_lib_b_prev.png);} #section2 .section_wp .m_guide .select_lib > button.slick-next {right: 0;background-image: url(../img/arrow_lib_b_next.png);} #section2 .section_wp .m_guide .select_lib .slider-lib {font-size: 0;} #section2 .section_wp .m_guide .select_lib .slider-lib li {display: inline-block;vertical-align: middle;} #section2 .section_wp .m_guide .select_lib .slider-lib li a {display: inline-block;width: auto;height: 68px;font-size: 18px;font-weight: 500;color: #000;line-height: 68px;} #section2 .section_wp .m_guide .select_lib .slider-lib li.slick-current a {color: #5f009b;border-bottom: 3px solid #5f009b;} /* 2024-11-28 추가 */ #section2 .section_wp .m_guide .select_lib .slider-lib-new {font-size: 0;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li {display: inline-block;vertical-align: middle;visibility: hidden;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li.slick-active {visibility: visible;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li a {display: inline-block;width: auto;height: 68px;font-size: 18px;font-weight: 500;color: #000;line-height: 68px;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li.slick-current a {color: #000;border-bottom: 0;} /*#section2 .section_wp .m_guide .select_lib .slider-lib-new li.lib_active a {color: #5f009b;border-bottom: 3px solid #5f009b;}*/ #section2 .section_wp .m_guide .library_info_wp.info_new .library_info_list > li.active {display: block !important;} #section2 .section_wp .m_guide .library_info_wp {padding: 25px 30px;display: flex;} #section2 .section_wp .m_guide .library_info_wp h4 {margin-bottom: 20px;font-size: 20px;font-weight: 600;color: #000;} #section2 .section_wp .m_guide .library_info_wp > ul.slider-for {width: 280px;} #section2 .section_wp .m_guide .library_info_wp > ul.slider-time {width: calc(100% - 280px);padding-left: 40px;} #section2 .section_wp .m_guide .library_info_wp .rest_day {} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info {display: flex;justify-content: space-between;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday {display: inline-block;width: 32px;height: 20px;background-repeat: no-repeat;background-size: auto 100%;vertical-align: middle;text-indent: -9999px;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday.prev {background-image: url(../img/rest_m_b_prev.png);background-position: 0 50%;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday.next {background-image: url(../img/rest_m_b_next.png);background-position: 100% 50%;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info p.month {display: inline-block;vertical-align: middle;font-size: 20px;font-weight: 600;color: #000;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday {} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table {width: 100%;text-align: center;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table th, #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table td {font-size: 14px;color: #000;font-weight: 500;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table tbody td {padding: 0 2px;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table tbody td > span {display: block;height: 26px;line-height: 26px;border-radius: 15px;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table tbody td > span.h_day {background-color: #7000b7;color: #fff;} #section2 .section_wp .m_guide .library_info_wp .use_time > ul > li {position: relative;padding-left: 20px;font-size: 18px;font-weight: 400;color: #fff;} #section2 .section_wp .m_guide .library_info_wp .use_time > ul > li::before {content: '-';position: absolute;top: 0;left: 0;font-size: inherit;} #section2 .section_wp .m_guide .library_info_wp .use_time > ul > li + li {margin-top: 5px;} #section2 .section_wp .m_guide .library_info_wp .use_time > dl + dl {margin-top: 20px;} #section2 .section_wp .m_guide .library_info_wp .use_time > dl dt {font-size: 15px;line-height: 1.5em;font-weight: 500;color: #7000b7;} #section2 .section_wp .m_guide .library_info_wp .use_time > dl dd {font-size: 15px;line-height: 1.5em;font-weight: 500;color: #000;} #section2 .section_wp .m_guide .library_info_wp .use_time .add_txt {margin-top: 15px;font-size: 18px;line-height: 1.5em;color: #000;} /* 2024-11-28 수정 */ #section2 .section_wp .m_guide .library_info_wp.info_new {display: block;padding: 30px;} #section2 .section_wp .m_guide .library_info_wp.info_new .info_list_cont {display: flex;} #section2 .section_wp .m_guide .library_info_wp.info_new .rest_day {width: 295px;margin-right: 40px;} #section2 .section_wp .m_guide .library_info_wp.info_new .use_time_wp {width: calc(100% - 335px);} #section2 .section_wp .m_guide .library_info_wp.info_new .library_info_list > li {display: none !important;} #section2 .section_wp .m_guide .library_info_wp.info_new .library_info_list > li.con_active {display: block !important;} #section2 .m_direct {width: 100%;margin-top: 50px;} #section2 .m_direct ul {display: flex;} #section2 .m_direct ul > li {position: relative;width: 33.33333%;padding: 0 20px;} #section2 .m_direct ul > li:nth-child(3n-2) {padding-left: 0;} #section2 .m_direct ul > li:nth-child(3n) {padding-right: 0;} #section2 .m_direct ul > li::after {content: '';position: absolute;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;} #section2 .m_direct ul > li.direct1::after {bottom: -5px;right: 10px;width: 150px;height: 100px;background-image: url(../img/ico_m_direct1.png?v=1);} #section2 .m_direct ul > li.direct2::after {bottom: -10px;right: 0;width: 140px;height: 100px;background-image: url(../img/ico_m_direct2.png?v=1);} #section2 .m_direct ul > li.direct3::after {bottom: -5px;right: 30px;width: 110px;height: 100px;background-image: url(../img/ico_m_direct3.png?v=1);} #section2 .m_direct ul > li > a {display: block;width: 100%;border-radius: 30px;} #section2 .m_direct ul > li.direct1 > a {width: 100%;padding: 25px 130px 25px 35px;background-color: #f1f1f1;} #section2 .m_direct ul > li.direct2 > a {width: 100%;padding: 25px 130px 25px 35px;background-color: #f0f4f1;} #section2 .m_direct ul > li.direct3 > a {width: 100%;padding: 25px 130px 25px 35px;background-color: #eee9f2;} #section2 .m_direct ul > li > a span.con {font-size: 18px;font-weight: 500;color: #000;} #section2 .m_direct ul > li > a span.con .sub {display:block;margin-top: 5px;font-size: 15px;font-weight: 400;} /**/ #section3 {padding: 50px 0;margin-top: 25px;background-color: #f0f4f1;background-image: url(../img/bg_section3.png);background-repeat: no-repeat;background-position: calc(50% + 40px) 50%;} #section3 .section_wp h3 {margin-bottom: 5px;} #section3 .slider {padding: 0 4%;} #section3 .slider .slick-list {padding: 60px 0 0 !important;text-align: center;} #section3 .slider .slick-arrow {position: absolute;top: 50%;z-index: 5;width: 50px;height: 50px;margin-top: -27px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;background-size: auto 35px;} #section3 .slider .slick-arrow.slick-prev {left: 1%;background-image: url(../img/slides_m_prev_b.png);} #section3 .slider .slick-arrow.slick-next {right: 1%;background-image: url(../img/slides_m_next_b.png);} #section3 .slider .slick-list li {margin: 0 20px;} #section3 .slider .slick-list li .img {height: 240px;} #section3 .slider .slick-list li.slick-current {margin-top: -60px;} #section3 .slider .slick-list li.slick-current .img {height: 300px;} #section3 .slider .slick-list li .img img {height: 100%;max-width: 100%;margin: 0 auto;box-shadow: 7px 7px 20px rgba(0,0,0,0.15);} #section3 .slider .slick-list li .con {margin-top: 40px;} #section3 .slider .slick-list li .con a.title {overflow: hidden;display: block;font-size: 17px;font-weight: 400;color: #000;text-overflow: ellipsis;white-space: nowrap;} #section3 .slider .slick-list li.slick-current .con a.title {font-size: 20px;font-weight: 500;} #section3 .slider .slick-list li .con .writer {display: block;margin-top: 10px;font-size: 15px;font-weight: 500;color: #646464;} /**/ #section4 {overflow: hidden;padding: 50px 0;} #section4 .recom_list {position: relative;} #section4 .recom_list .controls {position: absolute;top: -50px;right: 0;padding-right: 40px;} #section4 .recom_list .slider .slick-list {margin: 0 -20px;} #section4 .recom_list .slider li.slick-slide {padding: 0 20px;} #section4 .recom_list .slider li .img {position: relative;height: 240px;} #section4 .recom_list .slider li .img img {max-width: 100%;height: 100%;vertical-align: middle;border: 1px solid #eee;} #section4 .recom_list .slider li .img .kind {position: absolute;top: 0;left: 0;} #section4 .recom_list .slider li .con {margin-top: 30px;} #section4 .recom_list .slider li .con p.title {overflow: hidden;font-size: 17px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} #section4 .recom_list .slider li .con .book_info span {display: block;font-size: 15px;font-weight: 400;} #section4 .recom_list .slider li .con .book_info span.writer {margin: 7px 0 15px;color: #757575;} #section4 .recom_list .slider li .con .book_info span.lib {color: #333;} #section4 .recom_list .slider .slick-dots {position: absolute;top: -9999px;left: -9999px;font-size: 0;} #section4 .recom_list .m_more > a {position: absolute;top: -50px;right: 0;width: 35px;height: 35px;border: 1px solid #000;text-indent: -9999px;border-radius: 12px;background-image: url(../img/ico_m_more.gif);background-repeat: no-repeat;background-position: 50% 50%;} /**/ #section5 {overflow: hidden;padding: 50px 0;background-color: #f0f4f1;} #section5 .new_book .title_wp {position: relative;} #section5 .new_book .title_wp .controls {position: absolute;top: -2px;right: 0;padding-right: 40px;} #section5 .new_list {position: relative;} #section5 .new_list .slider .slick-list {margin: 0 -20px;} #section5 .new_book .slider li {padding: 0 20px;} #section5 .new_book .slider li .img {position: relative;height: 240px;} #section5 .new_book .slider li .img img {max-width: 100%;height: 100%;border: 1px solid #eee;vertical-align: middle;} #section5 .new_book .slider li .img .kind {position: absolute;top: 0;left: 0;} #section5 .new_book .slider li .con {margin-top: 30px;} #section5 .new_book .slider li .con p.title {overflow: hidden;font-size: 17px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} #section5 .new_book .slider li .con .book_info span {display: block;font-size: 15px;font-weight: 400;} #section5 .new_book .slider li .con .book_info span.writer {overflow: hidden;margin: 7px 0 15px;color: #757575;text-overflow: ellipsis;white-space: nowrap;} #section5 .new_book .slider li .con .book_info span.lib {color: #333;} #section5 .new_book .slider .slick-dots {position: absolute;top: -9999px;left: -9999px;font-size: 0;} #section5 .new_list .m_more > a {position: absolute;top: -50px;right: 0;width: 35px;height: 35px;border: 1px solid #000;text-indent: -9999px;border-radius: 12px;background-image: url(../img/ico_m_more.gif);background-repeat: no-repeat;background-position: 50% 50%;} /**/ #foot_section {padding-top: 0;} #foot_section .f_info {padding: 50px 0 70px;background-color: #494c4b;} #foot_section .f_info .info_wrap {width: 96%;margin: 0 auto;} #foot_section .f_link {background-color: #fff;border-top: 1px solid #dde1df;} #foot_section .f_link > ul {width: 96%;margin: 0 auto;} #foot_section .f_link > ul::after {content: '';display: block;clear: both;} #foot_section .f_link > ul > li {position: relative;float: left;width: 33.33333%;border-right: 1px solid #dde1df;border-top: 1px solid #dde1df;} #foot_section .f_link > ul > li:nth-child(3n-2) {border-left: 1px solid #dde1df;} #foot_section .f_link > ul > li:nth-child(-n+3) {border-top: 0;} #foot_section .f_link > ul > li > a {display: block;width: 100%;height: 58px;padding: 0 20px;text-align: left;font-size: 15px;line-height: 58px;color: #757575;background-image: url(../img/ico_f_more.png);background-repeat: no-repeat;background-position: 90% 50%;background-color: transparent;} #foot_section .f_link > ul > li > div.sub_link {display: none;overflow-x: hidden;overflow-y: auto;position: absolute;bottom: 58px;left: 0;width: 100%;max-height: 300px;border-bottom: 0;background-color: #333;} #foot_section .f_link > ul > li.active > div.sub_link {overflow-y: auto;height: 200px;transition: all 0.5s;} #foot_section .f_link > ul > li > div.sub_link p.title {padding: 15px 40px 0 15px;font-size: 20px;font-weight: 500;color: #fff;} #foot_section .f_link > ul > li > div.sub_link > ul {padding: 5px 15px 15px;} #foot_section .f_link > ul > li > div.sub_link > ul > li {} #foot_section .f_link > ul > li > div.sub_link > ul > li:nth-child(4n-3) {margin-left: 0;} #foot_section .f_link > ul > li > div.sub_link > ul > li:nth-child(4n) {margin-right: 0;} #foot_section .f_link > ul > li > div.sub_link > ul > li > a {overflow: hidden;display: block;padding: 7px 0;font-size: 14px;color: #fff;border-bottom: 1px solid #fff;text-overflow: ellipsis;white-space: nowrap;} #foot_section .f_link > ul > li > div.sub_link a.close_btn {position: absolute;top: 12px;right: 0;width: 35px;height: 35px;text-indent: -9999px;background-image: url(../img/ico_close_white.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 18px;} .jquery-modal div.sub_link {width: 90%;max-height: 90%;max-width: none;padding: 10px;border-bottom: 0;background-color: #fff;border-radius: 0;box-sizing: border-box;} .jquery-modal div.sub_link {height: auto;transition: all 0.5s;} .jquery-modal div.sub_link p.title {padding: 15px 15px 0;font-size: 24px;font-weight: 500;color: #333;} .jquery-modal div.sub_link > ul {padding: 7px 15px 15px;} .jquery-modal div.sub_link > ul::after {content: '';display: block;clear: both;} .jquery-modal div.sub_link > ul > li {float: left;min-width: 32%;margin: 0 1%;} .jquery-modal div.sub_link > ul > li:nth-child(3n-2) {margin-left: 0;} .jquery-modal div.sub_link > ul > li:nth-child(3n) {margin-right: 0;} .jquery-modal div.sub_link > ul > li > a {overflow: hidden;display: block;padding: 10px 0;font-size: 15px;color: #555;border-bottom: 1px solid #dde1df;text-overflow: ellipsis;white-space: nowrap;} .jquery-modal div.sub_link > ul > li > a:hover {color: #8813d3;} #foot_section .f_lib {display: flex;justify-content: space-between;flex-wrap: wrap;} #foot_section .f_lib .lib_list {display: flex;} #foot_section .f_lib .lib_list > ul {display: inline-block;max-width: 50%;vertical-align: top;padding: 0 1.612%;} #foot_section .f_lib .lib_list > ul:nth-child(odd) {padding-left: 0;} #foot_section .f_lib .lib_list > ul:nth-child(even) {padding-right: 0;} #foot_section .f_lib .lib_list > ul > li {position: relative;min-height: 50px;padding-left: 120px;font-size: 14px;font-weight: 400;color: #fff;} #foot_section .f_lib .lib_list > ul > li + li {margin-top: 15px;} #foot_section .f_lib .lib_list > ul > li .lib {position: absolute;top: 0;left: 0;width: 96px;padding: 3px;border: 1px solid #fff;text-align: center;} #foot_section .f_lib .lib_list > ul > li .con {padding: 3px 0;} #foot_section .f_lib .lib_list > ul > li .con > span {display: block;} #foot_section .f_lib .lib_list > ul > li .con > span + span {margin-top: 3px;} #foot_section .f_lib .lib_list > ul > li .con .contact > span + span {display: inline-block;margin-left: 15px;vertical-align: middle;} #foot_section .f_lib .info_top {} #foot_section .f_lib .info_top > ul {font-size: 0;} #foot_section .f_lib .info_top > ul > li + li {margin-top: 10px;} #foot_section .f_lib .info_top > ul > li > a {font-size: 15px;color: #fff;font-weight: 400;} #foot_section .f_lib .info_top > ul > li.privacy > a {color: #daa0fe;} #foot_section .site_info {position: relative;margin-top: 40px;padding-top: 40px;border-top: 1px solid rgba(255,255,255,0.2);} #foot_section .site_info .info_top {padding-bottom: 15px;margin-bottom: 15px;} #foot_section .site_info .info_top > ul {font-size: 0;} #foot_section .site_info .info_top > ul > li {display: inline-block;padding: 0 20px 0 0;} #foot_section .site_info .info_top > ul > li > a {font-size: 15px;color: #fff;font-weight: 400;} #foot_section .site_info .info_top > ul > li.privacy > a {color: #daa0fe;} #foot_section .site_info .sns_wp {position: absolute;top: 40px;right: 0;} #foot_section .site_info .sns_wp > a {display: inline-block;width: 20px;height: 20px;margin-left: 15px;vertical-align: middle;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;} #foot_section .site_info .sns_wp > a.facebook {background-image: url(../img/ico_f_facebook.png);} #foot_section .site_info .sns_wp > a.yutube {background-image: url(../img/ico_f_yutube.png);} #foot_section .site_info .sns_wp > a:first-child {margin-left: 0;} #foot_section .site_info cite {font-size: 14px;font-weight: 400;color: #fff;font-style: normal;text-transform: uppercase;} #foot_section .info_top .wa_mark {margin-top: 30px;} #foot_section .info_top .wa_mark img {height: 90px;} #mCard2 {display: none;} /**/ #contain {overflow: hidden;position: relative;width: 100%;} #contain .contain {width: 96%;margin: 0 auto;} #contain .contain::after {content: '';display: block;clear: both;} /*#contain .contain {margin: 30px auto 0;max-width:1560px;overflow: hidden;position:relative;} #contain + #footer .contact {display:none;}*/ /* 서브비주얼 */ #contain #subVisual {overflow: hidden;width: 100%;height: 260px;} #contain #subVisual .sub_visual {/*position: relative;*/width: 100%;height: 100%;padding: 110px 0 0;background-color: #333;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #contain #subVisual .sub_visual.visual_guide {background-image: url(../img/bg_sub_v_guide.jpg);} #contain #subVisual .sub_visual.visual_unify, #contain #subVisual .sub_visual.visual_search {background-image: url(../img/bg_sub_v_search.jpg);} #contain #subVisual .sub_visual.visual_community {background-image: url(../img/bg_sub_v_community.jpg);} #contain #subVisual .sub_visual.visual_symp {background-image: url(../img/bg_sub_v_symp.jpg);} #contain #subVisual .sub_visual.visual_happycj {background-image: url(../img/bg_sub_v_happycj.jpg);} #contain #subVisual .sub_visual.visual_intro {background-image: url(../img/bg_sub_v_intro.jpg);} #contain #subVisual .sub_visual.visual_slib {background-image: url(../img/bg_sub_v_slib.jpg);} #contain #subVisual .sub_visual.visual_mylib {background-image: url(../img/bg_sub_v_mylib.jpg);} #contain #subVisual .sub_visual.visual_etc {background-image: url(../img/bg_sub_v_etc.jpg);} #contain #subVisual .sub_visual .visual_wp {display: table;width: 96%;height: 120px;margin: 10px auto 0;padding-left: 250px;} #contain #subVisual .sub_visual .visual_wp .visual {display: table-cell;vertical-align: middle;} #contain #subVisual .sub_visual .visual_wp .visual h2 {font-size: 34px;font-weight: 500;color: #fff;} #contain #subVisual .sub_visual .visual_wp .visual .locator {margin-top: 10px;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li {display: inline-block;vertical-align: middle;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li a, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li span, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li button {display: block;font-size: 15px;font-weight: 400;color: #fff;font-family: inherit;background-color: transparent;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li span::before, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li button::before {content: '>';display: inline-block;width: 20px;vertical-align: top;text-align: center;font-size: inherit;font-family: inherit;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi {display: none;} /*#contain #subVisual .sub_visual::after {content: '';position: absolute;top: 88px;right: -14%;width: 923px;height: 526px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 50% 50%;}*/ #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li > button {} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li button::before {content: '>';display: inline-block;width: 20px;vertical-align: middle;text-align: center;font-size: inherit;font-family: inherit;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi {display: none;position: absolute;top: 50px;left: 0;width: 100%;border: 2px solid #00a54c;border-top: 0;background-color: #fff;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi a {display: block;padding: 12px;font-size: 15px;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi a:hover {background-color: #f4f4f4;color: #57008e;font-weight: 500;transition: all 0.5s;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi a + a {border-top: 1px solid #ccc;} #contain #subVisual .sub_visual::after {content: '';position: absolute;top: 60px;right: -15%;width: 710px;height: 400px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 100% 50%;background-size: auto 100%;} /* #design */ #design {position: relative;float: left;width: calc(100% - 250px);min-height: 650px;margin: 50px auto 80px;} /**/ #aside {float: left;width: 220px;margin: -150px 30px 0 0;} #aside h2 {display: table;width: 100%;height: 150px;padding: 0 10px;text-align: center;background-color: #00a54c;} #aside h2 > span {display: table-cell;font-size: 26px;font-weight: 400;color:#fff;vertical-align: middle;} #aside ul.left_menu > li {border-bottom:1px solid #eaeaea;} #aside ul.left_menu > li > a {position: relative;z-index: 0;display:block;padding: 12px 15px;font-size: 16px;font-weight: 400;color:#555;transition:all 0.3s;} #aside ul.left_menu > li > a:hover {color: #4e0080;font-weight: 500;transition: all 0.3s;} #aside ul.left_menu > li > a::after {content: '';position: absolute;top: 50%;right: 10px;z-index: -1;width: 10px;height: 10px;margin-top: -5px;background-image: url(../img/ico_leftmenu.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 10px;} #aside ul.left_menu > li.sel > a::after {background-image: url(../img/ico_leftmenu_on.png);background-size: auto 2px;} #aside ul.left_menu > li.sel > a, #aside ul.left_menu > li.sel > a:hover{color: #fff;border: 0;background-color: #4e0080;transition:all 0.5s} #aside ul.left_menu > li ul {display: none;padding: 15px 20px;background:#f3f3f3; border-top:0;} #aside ul.left_menu > li.sel ul {display: block;} #aside ul.left_menu > li li a {display: block;border: 0;font-size: 14px; height:auto;padding: 4px 0 4px 15px;margin: 0;color: #333;background-image: url(../img/ico_left_submenu.gif);background-repeat: no-repeat;background-position: 0 15px;background-size: auto 1px;} #aside ul.left_menu > li li:last-child a{border:0} #aside ul.left_menu > li li a:hover, #aside ul.left_menu > li li a.sel {font-size: 14px;color: #8813d3; border: 0;background-image: url(../img/ico_left_submenu_on.png);background-position: 0 10px;background-size: 8px auto;} /*#aside ul.left_menu > li li a.sel:before { content:'→'; padding-right:3px; font-family:'dotum';}*/ /* #design{position:relative; padding:0 20px;background: url(../img/sub-patten.png) no-repeat 100% 0} #design #content > div {} #design #content .sub_visual {margin: 0;} #design #program > div {margin-top: 20px;} #design #program .sub_visual {margin: 0;} #design #content , #design #program { padding-bottom:40px;} #design .visual{padding-bottom: 16px;border-bottom:1px solid #ddd; z-index:1;} #design .visual h1,#design .visual h2{position:relative;z-index:2;padding:20px 0 0;font-size:30px;font-weight:600;letter-spacing:-1px;color:#333; transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); animation-duration: 1s; animation-name: v_text; } #design .visual p{font-size:15px;color:#626262;} #design #wait img {width: auto;} #subVisual {position:relative;} #subVisual h1 {padding: 90px 0;font-size: 26px;font-weight: 600;color:#fff;text-align:center;} #subVisual h1 .en {display:block;padding-top: 8px;color:#fcdd4b;font-size: 16px;font-weight: 500;text-transform: uppercase;} #subVisual .visual .locator{position:absolute;bottom: 0;left: 0;z-index: 10;width: 100%;height: 48px;background: rgba(51,54,64,0.7);} #subVisual .visual .locator .path {overflow:hidden;width: 96%;margin: 0 2%;} #subVisual .visual .locator .path li{float:left;width: 27%;text-align:left;border-right: 1px solid rgba(255,255,255,0.3);} #subVisual .visual .locator .path li button{display:block;width: 100%;padding:0 20px;box-sizing: border-box;border:0;font-size: 16px;line-height: 48px;color:#fff;background:url(../img/loc_arrow.png) no-repeat 90% 50%;cursor: pointer;text-align:left;} #subVisual .visual .locator .path li.sel button{color:#666} #subVisual .visual .locator .path li.home {width: 48px;border-left: 1px solid rgba(255,255,255,0.3);background: none;} #subVisual .visual .locator .path li.home a {display: block;height: 48px;line-height:48px;font-size:16px;color:#fff;text-align:center;} #subVisual .vepth .navi{display:none;background: #fff;border: 1px solid #ddd;} #subVisual .vepth .navi div a {position:relative;display:block;padding: 10px 8px;font-size: 15px;border-bottom: 1px solid #ddd;color:#555;letter-spacing: -0.4px;} #subVisual .vepth .navi div a:last-child {border-bottom: 0;} #subVisual .vepth .navi div a:hover {background:#445db2;color:#fff;} @keyframes naviEf { from {width: 0;} to {width: 100%;} } #subVisual .datelist{line-height:20px;text-align:center} #subVisual .datelist strong{padding:0 10px;font-size:20px} #subVisual .datelist a{display:none}*/ /**/ #contain.unify .contain #aside {display: none;} #contain.unify .contain #design {width: 100%;} #contain.unify #subVisual .sub_visual .visual_wp {padding-left: 0;} /**/ #blind {position:absolute;z-index:9999;top:0px;left:0px; bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7)} #dkleft {display:none;position:absolute;z-index:10;left:0px;top:0px;width:100%;height: 100%;background:#1e2c5d;padding-bottom: 60px;} #dkleft .lefttit{text-align:left;width: 100%;box-sizing: border-box;background:#1e2c5d;} #dkleft .lefttit img{height: 25px;} #dkleft .select {height: 100%;overflow-y: auto;} #dkleft .lefttit button {display:block;position:relative;padding: 20px 15px;font-size: 16px;color:#fff;border:0;background:transparent;font-family: 'Montserrat';font-weight: 500;} #dkleft .lefttit button i {display: inline-block;padding: 0 7px 0 0;font-size: 15px;color:#fff;vertical-align: middle;} #dkleft .lefttit > div {background-color: #eee;padding: 0 15px;} #dkleft .lefttit .join{display:inline-block;position:relative;padding:0 10px;height:36px;line-height:36px;margin:5px 0;font-size:15px;color:#1e2c5d;border:1px solid #1e2c5d;border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .lefttit .join i{padding:0 7px 0 0;font-size:24px;color:#1e2c5d} #dkleft .lefttit .idpw{display:inline-block;position:relative;padding:0 10px;height:36px;line-height:36px;margin:5px 0;font-size:15px;color:#1e2c5d;border:1px solid #1e2c5d;border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .lefttit .sel_btn {display:inline-block;position:relative;padding:0 8px;height:36px;line-height:36px;margin:5px 0;font-size:14px;color:#1e2c5d;border:1px solid #1e2c5d;border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .lefttit .mobile_member {display: block;padding-bottom: 5px;border-top: 1px solid rgba(255,255,255,0.3);} #dkleft .lefttit .mobile_member > a {display: block;padding: 10px 0 10px 35px;color: #fff;font-size: 15px;box-sizing: border-box;background: url(../img/member_icon.png) no-repeat 0 50%;} #dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .select .modify span {display:inline-block;padding:0 16px;height:36px;line-height:36px;background:#2e4287;color:#fff;border-radius:5px;} #dkleft .select .modify i{display:inline-block;position:relative;top:1px;padding:0 7px 0 0;font-size:24px;color:#fff} #dkleft .depth1{display:block;width: 100%;position:relative;padding: 0 15px;line-height:50px;font-size:16px;color:#fff;text-align:left;border-bottom: 1px solid rgba(255, 255, 255, .1);transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .depth1 strong {position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px} #dkleft .depth1 span{font-style:normal;color:#ffa800} #dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px} #dkleft .depth1.sel {background: #2e4287;color:#fff;border-bottom:1px solid #596170} /*#dkleft .depth1 i {font-family:Linearicons-Free;display:block;margin:15px 15px 0 0;color:#aaa;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}*/ #dkleft .depth1 i {display:block;width: 20px;height: 20px;margin: 15px 15px 0 0;background-image: url(../img/ico_dkleft_arrow.png);background-size: auto 7px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .depth1 i.rightico {float:right} #dkleft .depth1.sel i.rightico{color:#fff;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s} #dkleft .depth2{display:none;background:#fff} #dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:14px;color:#555;border-bottom:1px solid #ddd;text-decoration:none} #dkleft .depth2 a.sel{color:#81c341} #dkleft .depth2 .depth3 {background-color: #f4f4f4;} #dkleft .depth2 .depth3 > li > a {display: block;font-size: 13px;padding: 7px 20px;color: #555;border-bottom: 0;line-height: 1.2em;} #dkleft .depth2 .depth3 > li:first-child > a {padding-top: 15px;} #dkleft .depth2 .depth3 > li:last-child > a {padding-bottom: 15px;border-bottom: 1px solid #ddd;} #closeleft{position: absolute;z-index: 9999999;left: -45px;top: 15px;width: 35px;height: 35px;display: block;text-align: center;font-size: 30px;font-family: Linearicons-Free;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;color: #fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} #closeleft:before{content:"\e870";font-size:30px;line-height:1;} #gotop{display: none;position:fixed;z-index:90000;bottom:20px;right:20px;display:none} #gotop a{display:block;width:40px;height:30px;padding:30px 0 0 0;font-size:10px;font-weight:800;text-align:center;color:#fff;background:rgba(0,0,0,0.3) url(../img/gotop.png) no-repeat 48% 28%;border-radius:50px;overflow:hidden} @keyframes mv00 { from {background-position:center 110px; } to {background-position:center 0px; } } @keyframes mv01 { from {top:100px; opacity:0;} to {top:170px; opacity:1;} } @keyframes mv02 { from {top:200px;opacity:0;} to {top:295px;opacity:1;} } @keyframes v_img { from {right:50px; opacity:0} to {right:0px; opacity:1} } @keyframes v_text { from {padding-left:30px; opacity:0} to {padding-left:0px; opacity:1} } @keyframes v_navi { from {margin-top:-20px; opacity:0} to {margin-top:0px; letter-spacing:-1px; opacity:1} } @keyframes con_bg { from {background:url(../img/sub_con_bg.png) repeat-x left -30px; } to {background:url(../img/sub_con_bg.png) repeat-x left 138px; } } } @media all and (max-width: 1149px) { /* #section1 */ #section1 .popupzone {width: 100%;margin: 0 0 50px 0;} #section1 .popupzone .slider li img {width: 100%;} #section1 .m_board {width: calc(100% - 420px);padding-right: 30px;} #section1 .m_board .m_more {right: 30px;} #section1 .m_quick {display: block;width: 420px;padding: 0;} #section1 .m_quick .title_wp {width: 100%;} #section1 .m_quick .title_wp .sub .line {display: inline;} #section1 .m_quick .title_wp .sub {font-size: 15px;} #section1 .m_quick .title_wp h3 {margin-bottom: 5px;} #section1 .m_quick .quick_list {flex-wrap: wrap;width: 100%;margin-top: 10px;justify-content: left;} #section1 .m_quick .quick_list > li {width: 25%;margin: 10px 0;} #section1 .m_quick .quick_list li a {font-size: 14px;} #section1 .m_quick .quick_list li a::before {width: 80px;height: 80px;margin: 0 auto 15px;} /**/ #section2 .m_board {width: calc(100% - 420px);padding-right: 30px;} #section2 .m_board .board_list > li > div {padding: 12px 0;} #section2 .m_board .board_list > li .kind {position: static;display: inline-block;} #section2 .m_board .board_list > li a {margin: 7px 0 3px;} #section2 .section_wp .m_guide {width: 420px;} #section2 .section_wp .m_guide .library_info_wp {display: block;} #section2 .section_wp .m_guide .library_info_wp > ul.slider-for {width: 100%;margin-bottom: 40px;} #section2 .section_wp .m_guide .library_info_wp > ul.slider-time {width: 100%;padding-left: 0;} /* 2024-12-02 수정 */ #section2 .section_wp .m_guide .library_info_wp.info_new .info_list_cont {display: block;} #section2 .section_wp .m_guide .library_info_wp.info_new .rest_day {width: 100%;} #section2 .section_wp .m_guide .library_info_wp.info_new .use_time_wp {width: 100%;margin-top: 30px;} #section2 .m_direct {width: 100%;margin-top: 30px;} #section2 .m_direct ul {} #section2 .m_direct ul > li {position: relative;padding: 0 10px;} #section2 .m_direct ul > li::after {content: '';position: absolute;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;} #section2 .m_direct ul > li.direct1::after {bottom: 5px;right: 10px;width: 125px;height: 85px;} #section2 .m_direct ul > li.direct2::after {bottom: 5px;right: 10px;width: 125px;height: 90px;} #section2 .m_direct ul > li.direct3::after {bottom: 0px;right: 10px;width: 125px;height: 90px;} #section2 .m_direct ul > li > a {display: block;width: 100%;height: 100%;border-radius: 30px;} #section2 .m_direct ul > li.direct1 > a {width: 100%;padding: 20px 140px 20px 30px;background-color: #f1f1f1;} #section2 .m_direct ul > li.direct2 > a {width: 100%;padding: 20px 140px 20px 30px;background-color: #f0f4f1;} #section2 .m_direct ul > li.direct3 > a {width: 100%;padding: 20px 140px 20px 30px;background-color: #eee9f2;} #section2 .m_direct ul > li > a span.con {font-size: 17px;font-weight: 500;color: #000;} #section2 .m_direct ul > li > a span.con .sub {display:block;margin-top: 5px;font-size: 14px;font-weight: 400;} /**/ #foot_section .f_lib .info_top {width: 100%;margin-top: 40px;} #foot_section .f_lib .info_top > ul > li {display: inline-block;} #foot_section .f_lib .info_top > ul > li + li {margin: 0 0 0 20px;} #foot_section .site_info {padding-top: 30px;margin-top: 20px;} #foot_section .site_info .sns_wp {top: 30px;} #foot_section .info_top .wa_mark {margin-top: 20px;} #foot_section .info_top .wa_mark img {height: 80px;} #foot_section .f_lib .lib_list > ul > li .con .contact > span {display: block;} #foot_section .f_lib .lib_list > ul > li .con .contact > span + span {margin: 2px 0 0 0;} } @media all and (max-width: 1099px) { /* header */ #header {overflow: hidden;position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 60px !important;padding: 0;} #header::before {content: '';position: absolute;top: 59px;width: 100%;height: 1px;background-color: rgba(255,255,255,0.2);} #header.sel {height: 510px;box-sizing: border-box;background:#fff;} #header.header_active {background-color: #fff;} #header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;} #header .header {position: relative;height: 60px;padding: 0;margin: 0 auto;} #header .header::after {content: '';display: block;clear: both;} #header h1 {position: absolute;top: 0;left: 0;width: 100%;max-width: none;} #header h1 a {display: block;width: 100%;height: 60px;background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 28px;} #header.header_active h1 a, #header.bg_white h1 a {background-image: url(../img/logo_on.png);} #header button.btn-menu {position:absolute;top: 0;right: 3%;z-index: 10;display: block;width:30px;height: 60px;background-image: url(../img/ico_menu.png);background-repeat: no-repeat;background-position: 100% 50%;} #header button.btn-menu i{display: none !important;font-size:24px !important;color: #000;} #header button.btn-page{height:40px;width:40px;text-align:center;top:36px;right:10px;display:block;line-height:14px;font-size:11px;font-family:'Roboto';} #header button.btn-page2{height:40px;width:48px;text-align:center;top:36px;right:55px;display:block; line-height:14px;font-size:11px;font-family:'Roboto';} #header button.btn-page i{display:block !important;padding:5px 0 0 0;height:20px;font-size:18px !important; } /**/ nav.menu_wrap {} #gnb {display: none;} #header .etc_wp {display: none;} /*#header button.btn-menu {position:absolute;top: 0;right: 0;z-index: 10;width: 30px;height: 60px;background: url(../img/ico_menu.png) no-repeat 100% 50%;}*/ #header button.btn-menu {position:absolute;top: 0;left: 0;z-index: 10;width: 30px;height: 60px;background: url(../img/ico_menu.png?v=1) no-repeat 100% 50%;} #header.bg_white button.btn-menu {background-image: url(../img/ico_menu_on.png?v=1);} #header button.btn-menu i{display: none !important;font-size:24px !important;color: #000;} #header button.btn-page{height:40px;width:40px;text-align:center;top:36px;right:10px;display:block;line-height:14px;font-size:11px;font-family:'Roboto';} #header button.btn-page2{height:40px;width:48px;text-align:center;top:36px;right:55px;display:block; line-height:14px;font-size:11px;font-family:'Roboto';} #header button.btn-page i{display:block !important;padding:5px 0 0 0;height:20px;font-size:18px !important; } /**/ #section0 {padding-top: 60px;} /**/ #contain #subVisual .sub_visual .visual_wp {display: table;width: 100%;width: 95%;height: 200px;margin: 0 auto;padding-left: 0;} #contain #subVisual .sub_visual .visual_wp .visual {display: table-cell;vertical-align: middle;} #contain #subVisual .sub_visual .visual_wp .visual h2 {font-size: 34px;font-weight: 500;color: #fff;text-align: center;} #contain #subVisual .sub_visual .visual_wp .visual .locator {margin-top: 10px;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul {width: 95%;margin: 0 auto;text-align: center;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul::after {content: '';display: block;clear: both;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li {display: inline-block;vertical-align: middle;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li.home {width: auto;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li > a, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li > button {font-size: 16px;font-weight: 400;color: #fff;font-family: inherit;background-color: transparent;vertical-align: middle;} #contain #subVisual .sub_visual::after {content: '';position: absolute;top: 25px;right: -15%;width: 710px;height: 350px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 100% 50%;background-size: auto 100%;} /**/ #contain #subVisual {height: 200px;} #contain #subVisual .sub_visual {padding: 60px 0 0;} #contain #subVisual .sub_visual .visual_wp {height: 100%;} /**/ #design {float: none;width: 100%;} /**/ #aside {float: none;display: none;} } @media all and (max-width: 999px) { /**/ #mainCon {width: 100%;} /**/ #section0 .search_wp form {padding: 0 0 15px 0;} #section0 .search_wp .best_word {width: 100%;padding: 0 20px;text-align: left;} /**/ #section0 .search_wp.sc_new {display: flex;width: 100%;max-width: none;margin: 0 auto;text-align: left;box-sizing: border-box;align-items: center;justify-content: space-between;} #section0 .search_wp.sc_new p.title {display: inline-block;padding: 20px 0 20px 80px;font-size: 20px;font-weight: 500;color: #000;background-image: url(../img/img_search_title.png);background-repeat: no-repeat;background-position: 0 50%;} #section0 .search_wp.sc_new form {flex-grow: 1;margin: 0;text-align: right;padding-right: 0;} #section0 .search_wp.sc_new .search_con {position: relative;overflow: hidden;display: flex;width: 100%;height: auto;padding: 5px 7px;border: 0;font-size: 20px;line-height: 1.2em;vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color: #145e46;border-radius: 33px;flex-wrap: wrap;} #section0 .search_wp.sc_new .search_input {position: relative;flex-grow: 1;} #section0 .search_wp.sc_new #search {height: 60px;border: 0;padding: 0;background-color: transparent;} #section0 .search_wp.sc_new #search select {width: auto;padding: 0 30px;height: 100%;background-color: #fff;border: 0;vertical-align: top;font-size: 18px;font-weight: 500;color: #000;vertical-align: top;} #section0 .search_wp.sc_new #search input[type="text"] {width: 100%;height: 100%;border: 0;padding: 0 100px 0 20px;margin-left: 0;vertical-align: top;font-size: 16px;font-weight: 400;color: #000;vertical-align: top;background-color: #fff;border-radius: 80px;flex-grow: 1;} #section0 .search_wp.sc_new .search_con .sh_radio {display: inline-flex;flex: 0 0 280px;height: 60px;padding: 0 20px 0 10px;align-items: center;} #section0 .search_wp.sc_new .search_con .sh_radio > span + span {margin-left: 15px;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"] {overflow: hidden;width: 1px;height: 1px;margin: -1px;border: 0;clip-path: rect(0 0 0 0);vertical-align: middle;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"] + label {position: relative;margin-left: 7px;padding: 2px 0 2px 28px;font-size: 15px;color: #fff;vertical-align: middle;cursor: pointer;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"] + label::before {content: '';position: absolute;top: 0;left: 0;width: 17px;height: 17px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.6);} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"]:focus + label {outline: 1px dotted #ddd;} #section0 .search_wp.sc_new .search_con .sh_radio input[type="radio"]:checked + label::before {width: 21px;height: 21px;background-image: url(../img/ico_m_sc_check.png);background-repeat: no-repeat;background-position: 0 0;background-size: auto 21px;border: 0;} #section0 .search_wp.sc_new .btn_search {position: absolute;top: 2px;right: 3px;height: 56px;width: 56px;background-color: transparent;background-image: url(../img/ico_search_btn.png?v=1);background-repeat: no-repeat;background-position: 50%;background-size: auto 100%;font-family: inherit;font-size: 16px;font-weight: 300;color: #333;cursor: pointer;text-indent: -9999px;} #section0 .search_wp.sc_new .best_wp {display: none;position: relative;width: 100%;flex: 1 1 auto;/*flex: none;width: 100%;height: 70px;padding: 5px 0*/} #section0 .search_wp.sc_new .best_wp .popular_control {} #section0 .search_wp.sc_new .best_word div {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;} #section0 .search_wp.sc_new .best_word div > a {display: block;height: 60px;font-size: 16px;color: #fff;line-height: 60px;} #section0 .search_wp.sc_new .best_wp .best_ctrl {position: absolute;top: 50%;right: 15px;z-index: 1;transform: translateY(-50%);font-size: 0;line-height: 1;} #section0 .search_wp.sc_new .best_wp .best_ctrl button {background-color: transparent;} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-arrow {width: 30px;height: 15px;text-indent: -99999px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-prev {background-image: url(../img/ico_v_prev_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-next {background-image: url(../img/ico_v_next_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl {display: block;width: 30px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl.stop {background-image: url(../img/ico_v_stop_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl.play {background-image: url(../img/ico_v_play_w.png);} /**/ #foot_section .f_lib > ul {display: block;max-width: none;padding: 0;} #foot_section .f_lib > ul > li + li {margin-top: 12px;} #foot_section .f_lib > ul + ul {margin-top: 12px;} #foot_section .site_info {margin-top: 30px;} /**/ #contain #subVisual {height: 200px;} #contain #subVisual .sub_visual {padding-top: 60px;} #contain #subVisual .sub_visual::after {content: '';position: absolute;top: 50px;right: -15%;width: 530px;height: 300px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 100% 50%;background-size: auto 100%;} } @media all and (max-width: 840px) { /**/ #poplayer{position:absolute;z-index:1000;top:120px;left:50%;margin:0 0 0 -150px;width:300px;cursor:move} img{width:auto;max-width:100%;height:auto !important;} #OpenLayer {position: absolute;top: 150px;left: 10px;width: 70%;z-index: 9999;background: #fff;padding: 5px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 12px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} #OpenLayer img {width: 100%;} html.fp-enabled, .fp-enabled body {overflow: visible;} /*header #header{position:relative;height: 60px !important;border-bottom:1px solid #ddd;z-index: 9;background: #fff;} #header * {letter-spacing: -1px;} #header .header{height: 60px;} #header h1{text-align:center;padding-top:8px;} #header h1 a{display: inline-block;width: 180px;background: url(../img/logo.jpg) no-repeat 0 0;background-size: 100%;height: 45px;} #header h1 img{height: 30px;margin-top: 15px;} #header button.btn-menu {position:absolute;top: 0;right: 3%;z-index: 10;width:30px;height:60px;background: url(../img/ico_menu.png) no-repeat 100% 50%;} #header button.btn-menu i{display: none !important;font-size:24px !important;color: #000;} #header button.btn-page{height:40px;width:40px;text-align:center;top:36px;right:10px;display:block;line-height:14px;font-size:11px;font-family:'Roboto';} #header button.btn-page2{height:40px;width:48px;text-align:center;top:36px;right:55px;display:block; line-height:14px;font-size:11px;font-family:'Roboto';} #header button.btn-page i{display:block !important;padding:5px 0 0 0;height:20px;font-size:18px !important; } #header .etc_wp {display: none;position: absolute;top: 0;right: 0;z-index: 10;width: 100%;text-align: right;padding-right: 50px;box-sizing: border-box;} #header .etc_wp .etc_btn {display: none;} #header .etc_wp .sitemap {display: none;} #header .etc_wp button.search {display: inline-block;width: 24px;height: 60px;padding: 0 16px;text-indent: -9999px;background: url(../img/ico_search.png) no-repeat 50%;vertical-align: middle;box-sizing: content-box;} #topSearchWp {display: none;position: absolute;top: -200px;left: 0;z-index: 19;width: 100%;z-index: 30003;background: #eee;} #topSearchWp form {position: relative;max-width: 1560px;margin: 0 auto;padding: 40px 0 50px;text-align: center;} #topSearchWp label {display: block;margin-bottom: 10px;font-size: 32px;font-weight: 500;color: #333;} #topSearchWp #topSearch {width: 500px;height: 40px;line-height: 40px;padding: 0 12px;font-size: 15px;font-family: 'Lato', 'Noto Sans KR';border: 0;color: #333;font-weight: 300;vertical-align: middle;border: 1px solid #ddd;} #topSearchWp .btn_search {width: 120px;height: 40px;line-height: 40px;margin-left: 3px;font-family: 'Lato', 'Noto Sans KR';font-size: 15px;color: #fff;background: #0e4fa3;vertical-align: middle;} #topSearchWp .close {position: absolute;top: 25px;right: 3%;width: 29px;height: 29px;z-index: 20;text-indent: -9999px;background: #eee url(../img/ico_close.png) no-repeat 50%;}*/ /* #gnb{display:none}*/ /* header */ #header {overflow: hidden;position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 60px !important;padding: 0;} #header::before {content: '';position: absolute;top: 59px;width: 100%;height: 1px;background-color: rgba(255,255,255,0.2);} #header.sel {height: 510px;box-sizing: border-box;background:#fff;} #header.header_active {background-color: #fff;} #header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;} #header .header {position: relative;height: 60px;padding: 0;margin: 0 auto;} #header .header::after {content: '';display: block;clear: both;} #header h1 {position: absolute;top: 0;left: 0;width: 100%;max-width: none;padding-left: 60px;} #header h1 a {display: block;width: 100%;height: 60px;background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: 5px 50%;background-size: auto 22px;text-indent: -9999px;} #header.header_active h1 a, #header.bg_white h1 a {background-image: url(../img/logo_on.png);} /*#header button.btn-menu {position:absolute;top: 0;right: 0;z-index: 10;width: 20%;min-width: 60px;height: 60px;padding: 0 !important;background: url(../img/ico_menu.png) no-repeat;background-position: calc(100% - 15px) 50%;}*/ #header button.btn-menu {position:absolute;top: 0;left: 0;z-index: 10;width: 60px;height: 60px;padding: 0 !important;background: url(../img/ico_menu.png?v=1) no-repeat;background-position: 50% 50%;} #header.bg_white button.btn-menu {background-image: url(../img/ico_menu_on.png?v=1);} #header button.btn-menu i{display: none !important;font-size:24px !important;color: #000;} #header button.btn-page{height:40px;width:40px;text-align:center;top:36px;right:10px;display:block;line-height:14px;font-size:11px;font-family:'Roboto';} #header button.btn-page2{height:40px;width:48px;text-align:center;top:36px;right:55px;display:block; line-height:14px;font-size:11px;font-family:'Roboto';} #header button.btn-page i{display:block !important;padding:5px 0 0 0;height:20px;font-size:18px !important; } /**/ .section {padding: 15px 0;} .section .section_wp {width: 94%;margin: 0 auto;} .section h3 {margin-bottom: 15px;font-size: 20px;font-weight: 500;color: #333;} .section h3.white {color: #fff;} .section .kind {width: 80px;height: 24px;text-align: center;font-size: 12px;line-height: 24px;font-weight: 500;color: #fff;} .section .kind.lib1 {background-color: #7000b7;} .section .kind.lib2 {background-color: #00a54c;} .section .kind.lib3 {background-color: #003fe0;} .section .kind.lib4 {background-color: #e84f19;} .section .btn_wrap {margin-top: 30px;text-align: center;} .section .btn_wrap > a {display: inline-block;min-width: 150px;height: 48px;border: 1px solid #333;font-size: 15px;font-weight: 400;color: #333;line-height: 48px;} /**/ .section .controls {text-align: right;} .section .controls .arrows {display: inline-block;vertical-align: middle;} .section .controls .arrows .slick-arrow {width: 30px;height: 30px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 12px;vertical-align: middle;text-indent: -9999px;background-color: transparent;border: 1px solid #000;border-radius: 10px;} .section .controls .arrows .slick-prev {background-image: url(../img/slides_m_prev.png);} .section .controls .arrows .slick-next {background-image: url(../img/slides_m_next.png);} .section .controls .arrows .paging {margin: 0 10px;font-family: 'Montserrat';font-size: 13px;} .section .controls .arrows .paging .slick-dots {display: inline-block;vertical-align: middle;} .section .controls .arrows .paging .slick-dots li {display: none;font-family: 'Montserrat';} .section .controls .arrows .paging .slick-dots li.slick-active {display: inline-block;vertical-align: middle;} .section .controls .control_btn {display: inline-block;vertical-align: middle;} .section .controls .control_btn button {width: 30px;height: 30px;margin: 0;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;border: 1px solid #000;border-radius: 10px;} .section .controls .control_btn button.stop {background-image: url(../img/slides_m_stop.png);} .section .controls .control_btn button.play {background-image: url(../img/slides_m_play.png);} .section .controls.white {color: #fff;} .section .controls.white .arrows .slick-prev {background-image: url(../img/slides_m_prev_w.png);} .section .controls.white .arrows .slick-next {background-image: url(../img/slides_m_next_w.png);} .section .controls.white .control_btn button.stop {background-image: url(../img/slides_m_stop_w.png);} .section .controls.white .control_btn button.play {background-image: url(../img/slides_m_play_w.png);} /**/ .section .m_board {position: relative;} .section .m_board .board_list > li > div {position: relative;padding: 7px 0;} .section .m_board .board_list > li .kind {display: inline-block;margin-bottom: 5px;} .section .m_board .board_list > li a {overflow: hidden;display: block;font-size: 15px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} .section .m_board .board_list > li span.date {display: block;margin-top: 3px;font-size: 13px;font-weight: 400;color: #757575;} .section .m_board .m_more {position: absolute;top: 0;right: 0;} .section .m_board .m_more > a {display: block;width: 35px;height: 35px;border-radius: 12px;text-align: center;border: 1px solid #000;background-image: url(../img/ico_m_more.gif);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;} /* 메인비주얼 */ #section0 {padding-top: 60px;} #section0 .visual_wp {width: 96%;margin: 0 auto;padding: 30px 0 0;text-align: center;} #section0 .visual_wp .m_member {display: none !important;} #section0 .search_wp {width: 100%;margin: 0 auto;text-align: left;box-sizing: border-box;text-align: center;} #section0 .search_wp p.title {display: inline-block;padding: 13px 65px;margin-bottom: 10px;font-size: 17px;font-weight: 500;color: #000;background-image: url(../img/img_search_title.png);background-repeat: no-repeat;background-position: 0 50%;background-size: 50px auto;} #section0 .search_wp form {width: 94%;max-width: 600px;margin: 0 auto;} #section0 .search_wp > label {overflow: hidden;position: absolute;top: -9999px;left: -9999px;text-indent: -9999px;font-size: 0;line-height: 1;} #section0 .search_wp #search {position: relative;overflow: hidden;display: flex;margin: 0 auto;padding: 0;border: 0;font-size: 20px;/*line-height: 65px;*/vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color: transparent;border: 2px solid #0fa54f;background-color: #0fa54f;flex-wrap: wrap;border-radius: 15px;} #section0 .search_wp #search select {width: auto;padding: 0 10px;height: 100%;background-color: #fff;border: 0;vertical-align: top;font-size: 15px;font-weight: 500;color: #000;vertical-align: top;} #section0 .search_wp #search .sh_radio {display: flex;width: 100%;padding: 3px 15px 15px;align-items: center;} #section0 .search_wp #search .sh_radio > span + span {margin-left: 15px;} #section0 .search_wp #search .sh_radio input[type="radio"] {width: 18px;height: 18px;margin: 0;border: 0;vertical-align: middle;} #section0 .search_wp #search .sh_radio input[type="radio"] + label {margin-left: 7px;font-size: 14px;color: #fff;vertical-align: middle;} #section0 .search_wp #search input[type="text"] {width: calc(100% - 60px);height: 60px;border: 0;padding: 0 60px 0 15px;vertical-align: top;font-size: 15px;font-weight: 400;color: #000;vertical-align: top;background-color: #fff;flex-grow: 1;} #section0 .search_wp .btn_search {position: absolute;bottom: 4px;right: 4px;height: 52px;width: 52px;background-color: transparent;background-image: url(../img/ico_search_btn.png);background-repeat: no-repeat;background-position: 50%;background-size: auto 100%;font-family: inherit;font-size: 15px;font-weight: 300;color: #333;cursor: pointer;text-indent: -9999px;} #section0 .search_wp .best_word {text-align: center;} #section0 .search_wp .best_word > a {display: inline-block;font-size: 15px;font-weight: 500;color: #000;} #section0 .search_wp .best_word > a + a {margin-left: 20px;} /**/ #section0 .search_wp.sc_new {width: 100%;margin: 0 auto;text-align: left;box-sizing: border-box;text-align: center;} #section0 .search_wp.sc_new p.title {display: inline-block;padding: 13px 65px;margin-bottom: 10px;font-size: 17px;font-weight: 500;color: #000;background-image: url(../img/img_search_title.png);background-repeat: no-repeat;background-position: 0 50%;background-size: 50px auto;} #section0 .search_wp.sc_new form {width: 94%;max-width: 600px;margin: 0 auto;} #section0 .search_wp.sc_new > label {overflow: hidden;position: absolute;top: -9999px;left: -9999px;text-indent: -9999px;font-size: 0;line-height: 1;} #section0 .search_wp.sc_new .search_con {border-radius: 20px;} #section0 .search_wp.sc_new #search {position: relative;overflow: hidden;display: flex;margin: 0 auto;padding: 0;border: 0;font-size: 20px;/*line-height: 65px;*/vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color: transparent;flex-wrap: wrap;border-radius: 15px;} #section0 .search_wp.sc_new #search select {width: auto;padding: 0 10px;height: 100%;background-color: #fff;border: 0;vertical-align: top;font-size: 15px;font-weight: 500;color: #000;vertical-align: top;} #section0 .search_wp.sc_new #search .sh_radio {display: flex;width: 100%;padding: 3px 15px 15px;align-items: center;} #section0 .search_wp.sc_new #search .sh_radio > span + span {margin-left: 15px;} #section0 .search_wp.sc_new #search .sh_radio input[type="radio"] {width: 18px;height: 18px;margin: 0;border: 0;vertical-align: middle;} #section0 .search_wp.sc_new #search .sh_radio input[type="radio"] + label {margin-left: 7px;font-size: 14px;color: #fff;vertical-align: middle;} #section0 .search_wp.sc_new #search input[type="text"] {width: calc(100% - 60px);height: 57px;border: 0;padding: 0 60px 0 15px;vertical-align: top;font-size: 15px;font-weight: 400;color: #000;vertical-align: top;background-color: #fff;flex-grow: 1;border-radius: 20px;} #section0 .search_wp.sc_new .btn_search {position: absolute;bottom: 4px;right: 3px;height: 52px;width: 52px;background-color: transparent;background-image: url(../img/ico_search_btn.png?v=1);background-repeat: no-repeat;background-position: 50%;background-size: auto 100%;font-family: inherit;font-size: 15px;font-weight: 300;color: #333;cursor: pointer;text-indent: -9999px;} #section0 .search_wp.sc_new .best_wp {display: none;position: relative;width: 100%;flex: 1 1 auto;/*flex: none;width: 100%;height: 70px;padding: 5px 0*/} #section0 .search_wp.sc_new .best_word {padding: 0 15px;} #section0 .search_wp.sc_new .best_word div {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;} #section0 .search_wp.sc_new .best_word div > a {display: block;height: 54px;font-size: 14px;color: #fff;line-height: 60px;} #section0 .search_wp.sc_new .best_wp .best_ctrl {position: absolute;top: 50%;right: 15px;z-index: 1;transform: translateY(-50%);font-size: 0;line-height: 1;} #section0 .search_wp.sc_new .best_wp .best_ctrl button {background-color: transparent;} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-arrow {width: 30px;height: 15px;text-indent: -99999px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-prev {background-image: url(../img/ico_v_prev_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .slick-next {background-image: url(../img/ico_v_next_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl {display: block;width: 30px;height: 20px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl.stop {background-image: url(../img/ico_v_stop_w.png);} #section0 .search_wp.sc_new .best_wp .best_ctrl .btn_ctrl.play {background-image: url(../img/ico_v_play_w.png);} #section0 .v_quick {display: inline-block;width: 95%;font-size: 0;} #section0 .v_quick ul::after {content: '';display: block;clear: both;} #section0 .v_quick ul > li {display: inline-block;margin: 10px 2%;} #section0 .v_quick ul > li:first-child {margin-left: 0;} #section0 .v_quick ul > li:last-child {margin-right: 0;} #section0 .v_quick ul > li > a {display: block;padding: 0;font-size: 15px;font-weight: 400;color: #fff;} #section0 .v_quick ul > li > a .icon {display: block;height: 90px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .v_quick ul > li.quick1 > a .icon {background-image: url(../img/ico_m_direct1.png);background-size: auto 56px;} #section0 .v_quick ul > li.quick2 > a .icon {background-image: url(../img/ico_m_direct2.png);background-size: auto 48px;} #section0 .v_quick ul > li.quick3 > a .icon {background-image: url(../img/ico_m_direct3.png);background-size: auto 54px;} #section0 .v_quick ul > li.quick4 > a .icon {background-image: url(../img/ico_m_direct4.png);background-size: auto 65px;} #section0 .v_quick ul > li.quick5 > a .icon {background-image: url(../img/ico_m_direct5.png);background-size: auto 61px;} #section0 .v_quick ul > li.quick6 > a .icon {background-image: url(../img/ico_m_direct6.png);background-size: auto 50px;} #libSelect {position: fixed;bottom: 35px;right: 0;z-index: 101;width: 110px;height: 120px;background-image: url(../img/bg_m_lib_select.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;} #libSelect > button {display: block;width: 80px;height: 80px;margin: 6px 0 0 6px;background-color: transparent;font-size: 14px;font-weight: 500;color: #fff;line-height: 1.5em;} /*#libSelect {position: absolute;bottom: 40px;right: 2.864%;z-index: 101;width: 134px;height: 132px;background-image: url(../img/bg_m_lib_select.png);background-repeat: no-repeat;background-position: 50% 50%;} #libSelect > button {display: block;width: 86px;height: 86px;margin: 6px 0 0 15px;background-color: transparent;font-size: 15px;font-weight: 500;color: #fff;line-height: 1.5em;}*/ #libLayer {display: none;position: fixed;top: 80%;right: 4.16666%;z-index: 199;width: 80%;height: auto;padding: 25px;background-color: #4e0080;border-radius: 15px;transform: translateY(-80%);} #libLayer button.close {position: absolute;top: -57px;right: 0;width: 52px;height: 52px;border-radius: 52px;background-image: url(../img/ico_layer_close.png);background-repeat: no-repeat;background-position: 50% 50%;background-color: rgba(255,255,255,0.6);background-size: auto 20px;text-indent: -9999px;} #libLayer .lib_layer > p {padding-right: 10px;font-size: 15px;line-height: 1.4em;font-weight: 400;color: #fff;} #libLayer .lib_layer > p span.tit {display: block;margin-bottom: 20px;font-size: 26px;line-height: 1.2em;} #libLayer .lib_layer > p span.txt {display: block;margin: 25px 0 15px;} #libLayer .lib_layer .layer_con {height: 42px;} #libLayer .lib_layer .layer_con select{width: calc(100% - 65px);height: 100%;padding: 0 20px;background-color: #fff;border: 0;border-radius: 3px;} #libLayer .lib_layer .layer_con .btn {width: 60px;height: 100%;border-radius: 3px;background-color: #00A54C;font-size: 14px !important;font-weight: 500;color: #fff;} #bgLayer {content: '';display: none;position: absolute;top: 0;left: 0;z-index: 101;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);} /**/ #section1 .section_wp {display: flex;flex-wrap: wrap;align-items: flex-start;} #section1 .popupzone {position: relative;overflow: hidden;width: 100%;margin-bottom: 30px;border-radius: 20px;} #section1 .popupzone .slider li {font-size: 0;line-height: 1;} #section1 .popupzone .controls {position: absolute;right: 0;bottom: 0;padding: 7px 20px;background-color: rgba(45,45,45,0.9);border-radius: 20px 0 0 0;} #section1 .popupzone .controls .arrows .slick-arrow {width: 15px;height: 10px;border: 0;background-size: auto 100%;} #section1 .popupzone .controls .control_btn button {width: 4px;height: 100%;margin-left: 10px;text-indent: -9999px;background-repeat: no-repeat;background-position: 100% 50%;background-color: transparent;background-size: auto 10px;border: 0;} #section1 .m_board {width: 100%;padding-right: 0;} #section1 .m_board .m_more {right: 0;} #section1 .m_quick {width: 100%;padding: 40px 0 0;} #section1 .m_quick .title_wp {width: 100%;} #section1 .m_quick .title_wp h3 {margin-bottom: 10px;} #section1 .m_quick .title_wp .sub {font-size: 15px;font-weight: 400;} #section1 .m_quick .quick_list {display: flex;width: 100%;} #section1 .m_quick .quick_list li {width: 33.33333%;} #section1 .m_quick .quick_list li a {display: block;text-align: center;font-size: 14px;font-weight: 500;color: #000;} #section1 .m_quick .quick_list li a::before {content: '';display: block;width: 70px;height: 70px;margin-bottom: 15px;border-radius: 20px;box-shadow: 7px 7px 20px rgba(0,0,0,0.08);background-repeat: no-repeat;background-position: 50% 50%;} #section1 .m_quick .quick_list li.quick1 a::before {background-image: url(../img/ico_m_quick1.png);background-size: auto 58%;} #section1 .m_quick .quick_list li.quick2 a::before {background-image: url(../img/ico_m_quick2.png);background-size: auto 58%;} #section1 .m_quick .quick_list li.quick3 a::before {background-image: url(../img/ico_m_quick3.png);background-size: auto 60%;} #section1 .m_quick .quick_list li.quick4 a::before {background-image: url(../img/ico_m_quick4.png);background-size: auto 50%;} #section1 .m_quick .quick_list li.quick5 a::before {background-image: url(../img/ico_m_quick5.png);background-size: auto 68%;} #section1 .m_quick .quick_list li.quick6 a::before {background-image: url(../img/ico_m_quick6.png);background-size: auto 52%;} #section1 .m_quick .quick_list li.quick7 a::before {background-image: url(../img/ico_m_quick7.png);background-size: auto 58%;} #section1 .m_quick .quick_list li.quick8 a::before {background-image: url(../img/ico_m_quick8.png);background-size: auto 48%;} #section1 .m_quick .quick_list li.quick9 a::before {background-image: url(../img/ico_m_quick9.png);background-size: auto 54%;} #section1 .m_quick .quick_list li.quick10 a::before {background-image: url(../img/ico_m_quick10.png);background-size: auto 76%;} /* #section1 {width: 100%;background-image: none;background-repeat: no-repeat;background-position: 100% 50%;background-size: auto 570px;} #section1 .m_board {width: 90%;margin: 60px auto;} #section1 .m_board .board_tabs {margin-bottom: 20px;text-align: center;} #section1 .m_board .board_tabs > ul {font-size: 0;} #section1 .m_board .board_tabs > ul > li {display: inline-block;padding: 0 15px;vertical-align: top;} #section1 .m_board .board_tabs > ul > li > a {display: block;font-size: 22px;font-weight: 500;color: #333;} #section1 .m_board .board_tabs > ul > li.active > a {padding-bottom: 2px;color: #00a54c;border-bottom: 3px solid #00a54c;} #section1 .m_board .board_wp {background-color: #fff;} #section1 .m_board .board_wp > div {display: none;} #section1 .m_board .board_wp > div.active {display: block;} #section1 .m_board .board_wp > div .board_list > li > div {position: relative;padding: 10px 0;border-bottom: 1px solid #eaeaea;} #section1 .m_board .board_wp > div .board_list > li:nth-last-child(-n+2) > div {padding-bottom: 0;border-bottom: 0;} #section1 .m_board .board_wp > div .board_list > li .kind {display: inline-block;margin-bottom: 5px;} #section1 .m_board .board_wp > div .board_list > li a {overflow: hidden;display: block;font-size: 15px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} #section1 .m_board .board_wp > div .board_list > li span.date {display: block;margin-top: 3px;font-size: 13px;font-weight: 400;color: #757575;}*/ /* .section .controls {text-align: right;} .section .controls .arrows {display: inline-block;vertical-align: middle;} .section .controls .arrows .slick-arrow {width: 15px;height: 12px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;vertical-align: middle;text-indent: -9999px;background-color: transparent;} .section .controls .arrows .slick-prev {background-image: url(../img/slides_m_prev.png);} .section .controls .arrows .slick-next {background-image: url(../img/slides_m_next.png);} .section .controls .arrows .paging {display: inline-block;margin: 0 12px;font-family: 'Montserrat';font-size: 14px;} .section .controls .arrows .paging .slick-dots {display: inline-block;vertical-align: middle;} .section .controls .arrows .paging .slick-dots li {display: none;font-family: 'Montserrat';} .section .controls .arrows .paging .slick-dots li.slick-active {display: inline-block;vertical-align: middle;} .section .controls .control_btn {display: inline-block;vertical-align: middle;} .section .controls .control_btn button {width: 7px;height: 100%;margin-left: 15px;text-indent: -9999px;background-repeat: no-repeat;background-position: 100% 50%;background-color: transparent;} .section .controls .control_btn button.stop {background-image: url(../img/slides_m_stop.png);} .section .controls .control_btn button.play {background-image: url(../img/slides_m_play.png);}*/ #section2 {position: relative;z-index: 0;} #section2 .section2_wp {} #section2 .section2_wp::after {content: '';display: block;clear: both;} #section2 .section2_wp h3 {margin-bottom: 20px;} #section2 .m_board .board_list > li > div {padding: 7px 0;} #section2 .m_board .board_list > li a {margin: 0;} #section2 .section2_wp .m_guide {position: relative;z-index: 0;padding: 50px 5%;} #section2 .section2_wp .m_guide::after {content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background-image: url(../img/bg_section2_guide.jpg);background-repeat: no-repeat;background-position: 100% 100%;background-size: cover;} #section2 .section2_wp .m_guide .select_lib {position: relative;padding: 0 42px;background-color: #00cb5e;text-align: center;} #section2 .section2_wp .m_guide .select_lib > button.slick-arrow {position: absolute;top: 0;width: 42px;height: 42px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;background-size: auto 14px;text-indent: -9999px;} #section2 .section2_wp .m_guide .select_lib > button.slick-prev {left: 0;background-image: url(../img/arrow_lib_prev.png);} #section2 .section2_wp .m_guide .select_lib > button.slick-next {right: 0;background-image: url(../img/arrow_lib_next.png);} #section2 .section2_wp .m_guide .select_lib .slider-lib {font-size: 0;} #section2 .section2_wp .m_guide .select_lib .slider-lib li {display: inline-block;padding: 0 10px;vertical-align: middle;} #section2 .section2_wp .m_guide .select_lib .slider-lib li a {display: inline-block;width: auto;height: 42px;font-size: 17px;font-weight: 500;color: #fff;line-height: 42px;} #section2 .section2_wp .m_guide .select_lib .slider-lib li.slick-current a {color: #57008e;border-bottom: 2px solid #57008e;} #section2 .section2_wp .m_guide .library_info_wp {margin-top: 25px;} #section2 .section2_wp .m_guide .library_info_wp h4 {margin-bottom: 10px;font-size: 18px;font-weight: 600;color: #fff;} #section2 .section2_wp .m_guide .library_info_wp .rest_day {margin: -2px 0 25px;font-size: 0;} #section2 .section2_wp .m_guide .library_info_wp .rest_day .day_info {display: block;vertical-align: middle;} #section2 .section2_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday {display: inline-block;width: 25px;height: 15px;background-repeat: no-repeat;background-size: auto 100%;vertical-align: middle;text-indent: -9999px;} #section2 .section2_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday.prev {background-image: url(../img/rest_m_prev.png);background-position: 0 50%;} #section2 .section2_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday.next {background-image: url(../img/rest_m_next.png);background-position: 100% 50%;} #section2 .section2_wp .m_guide .library_info_wp .rest_day .day_info p.month {display: inline-block;vertical-align: middle;font-size: 17px;font-weight: 600;color: #fff;} #section2 .section2_wp .m_guide .library_info_wp .rest_day .holiday {display: block;margin-top: 8px;} #section2 .section2_wp .m_guide .library_info_wp .rest_day .holiday > span {display: inline-block;width: 40px;height: 40px;margin: 0 3px 0 0;text-align: center;font-size: 15px;font-weight: 400;color: #333;line-height: 40px;border-radius: 100%;background-color: #eccfff;vertical-align: middle;} #section2 .section2_wp .m_guide .library_info_wp .rest_day .holiday > span:last-child {margin-right: 0;} #section2 .section2_wp .m_guide .library_info_wp .use_time > ul > li {position: relative;padding-left: 15px;font-size: 14px;font-weight: 400;color: #fff;} #section2 .section2_wp .m_guide .library_info_wp .use_time > ul > li::before {content: '-';position: absolute;top: 0;left: 0;font-size: inherit;} #section2 .section2_wp .m_guide .library_info_wp .use_time > ul > li + li {margin-top: 4px;} #section2 .section2_wp .m_guide .library_info_wp .use_time .add_txt {margin-top: 7px;font-size: 14px;line-height: 1.6em;color: #fff;} #section2 .section2_wp .popupzone {position: relative;z-index: 0;padding: 50px 5%;} #section2 .section2_wp .popupzone::after {content: '';position: absolute;top: 0;right: 0;z-index: -1;width: 100%;height: 100%;background-image: url(../img/bg_section2_popup.jpg);background-repeat: no-repeat;background-position: 0 100%;background-size: cover;} #section2 .section2_wp .popupzone .title_wp {position: relative;} #section2 .section2_wp .popupzone .title_wp .controls {position: absolute;top: 4px;right: 0;} #section2 .section2_wp .popupzone .slider {box-shadow: 30px 30px 50px rgba(0,0,0,0.15);} #section2 .section2_wp .popupzone .slider li img {width: 100%;} #section2 .m_board {width: 100%;padding-right: 0;} #section2 .section_wp .m_guide {overflow: hidden;width: 100%;margin: 20px 0;background-color: #f8f8f8;border-radius: 35px;} #section2 .section_wp .m_guide .select_lib {position: relative;padding: 0 60px;background-color: #eee9f2;text-align: center;border-radius: 35px;} #section2 .section_wp .m_guide .select_lib > button.slick-arrow {position: absolute;top: 0;width: 60px;height: 64px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;background-size: auto 16px;text-indent: -9999px;background-size: auto 12px;} #section2 .section_wp .m_guide .select_lib > button.slick-prev {left: 0;background-image: url(../img/arrow_lib_b_prev.png);} #section2 .section_wp .m_guide .select_lib > button.slick-next {right: 0;background-image: url(../img/arrow_lib_b_next.png);} #section2 .section_wp .m_guide .select_lib .slider-lib {font-size: 0;} #section2 .section_wp .m_guide .select_lib .slider-lib li {display: inline-block;vertical-align: middle;} #section2 .section_wp .m_guide .select_lib .slider-lib li a {display: inline-block;width: auto;height: 64px;font-size: 16px;font-weight: 500;color: #000;line-height: 64px;} #section2 .section_wp .m_guide .select_lib .slider-lib li.slick-current a {color: #5f009b;border-bottom: 3px solid #5f009b;} /* 2024-11-28 추가 */ #section2 .section_wp .m_guide .select_lib .slider-lib-new {font-size: 0;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li {display: inline-block;vertical-align: middle;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li a {display: inline-block;width: auto;height: 64px;font-size: 16px;font-weight: 500;color: #000;line-height: 64px;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li.slick-current a {color: #000;border-bottom: 0;} #section2 .section_wp .m_guide .select_lib .slider-lib-new li.lib_active a {color: #5f009b;border-bottom: 3px solid #5f009b;} #section2 .section_wp .m_guide .library_info_wp {padding: 30px;} #section2 .section_wp .m_guide .library_info_wp h4 {margin-bottom: 15px;font-size: 17px;font-weight: 600;color: #000;} #section2 .section_wp .m_guide .library_info_wp > ul.slider-for {margin-bottom: 30px;} #section2 .section_wp .m_guide .library_info_wp > ul.slider-time {} #section2 .section_wp .m_guide .library_info_wp .rest_day {} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info {display: flex;justify-content: space-between;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday {overflow: hidden;display: inline-block;width: 25px;height: 20px;background-repeat: no-repeat;background-size: auto 100%;vertical-align: middle;text-indent: -9999px;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday.prev {background-image: url(../img/rest_m_b_prev.png);background-position: 0 50%;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info .arrow_holiday.next {background-image: url(../img/rest_m_b_next.png);background-position: 100% 50%;} #section2 .section_wp .m_guide .library_info_wp .rest_day .day_info p.month {display: inline-block;vertical-align: middle;font-size: 17px;font-weight: 600;color: #000;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday {} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table {width: 100%;text-align: center;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table th, #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table td {font-size: 13px;color: #000;font-weight: 500;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table tbody td {padding: 0 1px;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table tbody td > span {display: block;height: 22px;line-height: 22px;border-radius: 10px;} #section2 .section_wp .m_guide .library_info_wp .rest_day .holiday table tbody td > span.h_day {background-color: #7000b7;color: #fff;} #section2 .section_wp .m_guide .library_info_wp .use_time > ul > li {position: relative;padding-left: 20px;font-size: 18px;font-weight: 400;color: #000;} #section2 .section_wp .m_guide .library_info_wp .use_time > ul > li::before {content: '-';position: absolute;top: 0;left: 0;font-size: inherit;} #section2 .section_wp .m_guide .library_info_wp .use_time > ul > li + li {margin-top: 5px;} #section2 .section_wp .m_guide .library_info_wp .use_time > dl + dl {margin-top: 20px;} #section2 .section_wp .m_guide .library_info_wp .use_time > dl dt {font-size: 15px;line-height: 1.5em;font-weight: 500;color: #7000b7;} #section2 .section_wp .m_guide .library_info_wp .use_time > dl dd {font-size: 15px;line-height: 1.5em;font-weight: 500;color: #000;} #section2 .section_wp .m_guide .library_info_wp .use_time .add_txt {margin-top: 15px;font-size: 18px;line-height: 1.5em;color: #000;} /* 2024-11-28 수정 */ #section2 .section_wp .m_guide .library_info_wp.info_new {display: block;padding: 30px;} #section2 .section_wp .m_guide .library_info_wp.info_new .library_info_list > li.active {display: block !important;} #section2 .section_wp .m_guide .library_info_wp.info_new .info_list_cont {display: block;} #section2 .section_wp .m_guide .library_info_wp.info_new .rest_day {width: 100%;margin-top: 20px;} #section2 .section_wp .m_guide .library_info_wp.info_new .use_time_wp {width: 100%;} #section2 .section_wp .m_guide .library_info_wp.info_new .library_info_list > li {display: none;} #section2 .m_direct {position: static;width: 100%;} #section2 .m_direct ul {} #section2 .m_direct ul > li {position: relative;padding: 0;} #section2 .m_direct ul > li::after {content: '';position: absolute;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;} #section2 .m_direct ul > li + li {margin: 10px 0 0;} #section2 .m_direct ul > li.direct1::after {top: auto;bottom: 10px;right: 10px;width: 100px;height: 70px;background-image: url(../img/ico_m_direct1.png?v=1);} #section2 .m_direct ul > li.direct2::after {bottom: 5px;right: 5px;width: 105px;height: 75px;background-image: url(../img/ico_m_direct2.png?v=1);} #section2 .m_direct ul > li.direct3::after {bottom: 5px;right: 5px;width: 105px;height: 75px;background-image: url(../img/ico_m_direct3.png?v=1);} #section2 .m_direct ul > li > a {display: block;width: 100%;border-radius: 20px;} #section2 .m_direct ul > li.direct1 > a {width: 100%;padding: 20px 120px 20px 25px;background-color: #f1f1f1;} #section2 .m_direct ul > li.direct2 > a {width: 100%;padding: 20px 120px 20px 25px;background-color: #f0f4f1;} #section2 .m_direct ul > li.direct3 > a {width: 100%;padding: 20px 120px 20px 25px;background-color: #eee9f2;} #section2 .m_direct ul > li > a span.con {font-size: 18px;font-weight: 500;color: #000;} #section2 .m_direct ul > li > a span.con .sub {display:block;margin-top: 5px;font-size: 15px;font-weight: 400;} /**/ #section3 {padding: 20px 0;margin-top: 20px;background-color: #f0f4f1;background-image: url(../img/bg_section3.png);background-repeat: no-repeat;background-position: calc(50% + 40px) 50%;background-size: 50% auto;} #section3 .section_wp h3 {margin-bottom: 5px;} #section3 .slider {padding: 0 4%;} #section3 .slider .slick-list {padding: 50px 0 0 !important;text-align: center;} #section3 .slider .slick-arrow {position: absolute;top: 50%;z-index: 5;width: 50px;height: 50px;margin-top: -27px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;background-color: transparent;background-size: auto 35px;} #section3 .slider .slick-arrow.slick-prev {left: 1%;background-image: url(../img/slides_m_prev_b.png);} #section3 .slider .slick-arrow.slick-next {right: 1%;background-image: url(../img/slides_m_next_b.png);} #section3 .slider .slick-list li {margin: 0 10px;} #section3 .slider .slick-list li .img {height: 180px;} #section3 .slider .slick-list li.slick-current {margin-top: -30px;} #section3 .slider .slick-list li.slick-current .img {height: 210px;} #section3 .slider .slick-list li .img img {height: 100% !important;max-width: 100%;margin: 0 auto;box-shadow: 7px 7px 20px rgba(0,0,0,0.15);} #section3 .slider .slick-list li .con {margin-top: 20px;} #section3 .slider .slick-list li .con a.title {overflow: hidden;display: block;font-size: 16px;font-weight: 400;color: #000;text-overflow: ellipsis;white-space: nowrap;} #section3 .slider .slick-list li.slick-current .con a.title {font-size: 18px;font-weight: 500;} #section3 .slider .slick-list li .con .writer {display: block;margin-top: 10px;font-size: 13px;font-weight: 500;color: #646464;} /**/ #section4 {overflow: hidden;padding: 40px 0;} #section4 .recom_list {position: relative;} #section4 .recom_list .controls {position: absolute;top: -45px;right: 0;padding-right: 34px;} #section4 .recom_list .slider .slick-list {margin: 0 -15px;} #section4 .recom_list .slider li.slick-slide {padding: 0 15px;} #section4 .recom_list .slider li .img {position: relative;height: 180px;} #section4 .recom_list .slider li .img img {max-width: 100%;height: 100% !important;vertical-align: middle;border: 1px solid #eee;} #section4 .recom_list .slider li .img .kind {position: absolute;top: 0;left: 0;} #section4 .recom_list .slider li .con {margin-top: 20px;} #section4 .recom_list .slider li .con p.title {overflow: hidden;font-size: 16px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} #section4 .recom_list .slider li .con .book_info span {display: block;font-size: 14px;font-weight: 400;} #section4 .recom_list .slider li .con .book_info span.writer {margin: 7px 0 15px;color: #757575;} #section4 .recom_list .slider li .con .book_info span.lib {color: #333;} #section4 .recom_list .slider .slick-dots {position: absolute;top: -9999px;left: -9999px;font-size: 0;} #section4 .recom_list .m_more > a {position: absolute;top: -45px;right: 0;width: 30px;height: 30px;border: 1px solid #000;text-indent: -9999px;border-radius: 10px;background-image: url(../img/ico_m_more.gif);background-repeat: no-repeat;background-position: 50% 50%;} /**/ #section5 {overflow: hidden;padding: 40px 0;background-color: #f0f4f1;} #section5 .new_book .title_wp {position: relative;} #section5 .new_book .title_wp .controls {position: absolute;top: -2px;right: 0;padding-right: 34px;} #section5 .new_list {position: relative;} #section5 .new_list .slider .slick-list {margin: 0 -15px;} #section5 .new_book .slider li {padding: 0 15px;} #section5 .new_book .slider li .img {position: relative;height: 180px;} #section5 .new_book .slider li .img img {max-width: 100%;height: 100% !important;border: 1px solid #eee;vertical-align: middle;} #section5 .new_book .slider li .img .kind {position: absolute;top: 0;left: 0;} #section5 .new_book .slider li .con {margin-top: 20px;} #section5 .new_book .slider li .con p.title {overflow: hidden;font-size: 16px;font-weight: 400;color: #333;text-overflow: ellipsis;white-space: nowrap;} #section5 .new_book .slider li .con .book_info span {display: block;font-size: 14px;font-weight: 400;} #section5 .new_book .slider li .con .book_info span.writer {overflow: hidden;margin: 7px 0 15px;color: #757575;text-overflow: ellipsis;white-space: nowrap;} #section5 .new_book .slider li .con .book_info span.lib {color: #333;} #section5 .new_book .slider .slick-dots {position: absolute;top: -9999px;left: -9999px;font-size: 0;} #section5 .new_list .m_more > a {position: absolute;top: -46px;right: 0;width: 30px;height: 30px;border: 1px solid #000;text-indent: -9999px;border-radius: 10px;background-image: url(../img/ico_m_more.gif);background-repeat: no-repeat;background-position: 50% 50%;} /**/ #foot_section {padding: 0;} #foot_section .f_info {padding: 30px 0 40px;background-color: #494c4b;} #mCard2 + #foot_section .f_info {padding-bottom: 80px;} #foot_section .f_info .info_wrap {width: 94%;margin: 0 auto;} #foot_section .f_link {background-color: #fff;border-top: 1px solid #dde1df;} #foot_section .f_link > ul {width: 94%;margin: 0 auto;} #foot_section .f_link > ul::after {content: '';display: block;clear: both;} #foot_section .f_link > ul > li {position: relative;float: left;width: 50%;border-right: 1px solid #dde1df;border-top: 1px solid #dde1df;} #foot_section .f_link > ul > li:nth-child(-n+2) {border-top: 0;} #foot_section .f_link > ul > li:nth-child(2n-1) {border-left: 1px solid #dde1df;} #foot_section .f_link > ul > li > a {display: block;width: 100%;height: 50px;padding: 0 15px;text-align: left;font-size: 14px;line-height: 50px;color: #757575;background-image: url(../img/ico_f_more.png);background-repeat: no-repeat;background-position: 95% 50%;background-color: transparent;} #foot_section .f_link > ul > li > div.sub_link p.title {padding: 10px 40px 0 10px;font-size: 18px;font-weight: 500;color: #fff;} #foot_section .f_link > ul > li > div.sub_link {display: none;overflow-y: auto;position: absolute;bottom: 50px;left: 0;width: 100%;max-height: 210px;border-bottom: 0;background-color: #333;} #foot_section .f_link > ul > li.active > div.sub_link {overflow-y: auto;height: 160px;transition: all 0.5s;} #foot_section .f_link > ul > li > div.sub_link > ul {padding: 3px 10px 10px;} #foot_section .f_link > ul > li > div.sub_link > ul > li > a {overflow: hidden;display: block;padding: 7px 0;font-size: 13px;color: #fff;border-bottom: 1px solid #fff;text-overflow: ellipsis;white-space: nowrap;} #foot_section .f_link > ul > li > div.sub_link a.close_btn {position: absolute;top: 5px;right: 0;width: 35px;height: 35px;text-indent: -9999px;background-image: url(../img/ico_close_white.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 18px;} .jquery-modal div.sub_link {width: 95%;max-width: none;padding: 10px;border-bottom: 0;background-color: #fff;border-radius: 0;box-sizing: border-box;} .jquery-modal div.sub_link {height: auto;transition: all 0.5s;} .jquery-modal div.sub_link p.title {padding: 10px 10px 0;font-size: 19px;font-weight: 500;color: #333;} .jquery-modal div.sub_link > ul {padding: 3px 10px 10px;} .jquery-modal div.sub_link > ul::after {content: '';display: block;clear: both;} .jquery-modal div.sub_link > ul > li > a {overflow: hidden;display: block;padding: 7px 0;font-size: 13px;color: #555;border-bottom: 1px solid #dde1df;text-overflow: ellipsis;white-space: nowrap;} .jquery-modal div.sub_link > ul > li > a:hover {color: #8813d3;} #foot_section .f_lib .lib_list {font-size: 0;} #foot_section .f_lib .lib_list > ul {display: block;max-width: none;vertical-align: top;padding: 0;} #foot_section .f_lib .lib_list > ul:nth-child(odd) {padding-left: 0;} #foot_section .f_lib .lib_list > ul:nth-child(even) {padding-right: 0;} #foot_section .f_lib .lib_list > ul + ul {margin-top: 12px;} #foot_section .f_lib .lib_list > ul > li {position: relative;min-height: 50px;padding-left: 110px;font-size: 13px;font-weight: 400;color: #fff;} #foot_section .f_lib .lib_list > ul > li + li {margin-top: 12px;} #foot_section .f_lib .lib_list > ul > li .lib {position: absolute;top: 0;left: 0;width: 96px;padding: 3px;border: 1px solid #fff;text-align: center;} #foot_section .f_lib .lib_list > ul > li .con {} #foot_section .f_lib .lib_list > ul > li .con > span {display: block;} #foot_section .f_lib .lib_list > ul > li .con > span + span {margin-top: 3px;} #foot_section .f_lib .info_top {position: relative;padding-bottom: 10px;margin-bottom: 10px;} #foot_section .f_lib .info_top > ul {font-size: 0;} #foot_section .f_lib .info_top > ul > li {display: block;} #foot_section .f_lib .info_top > ul > li + li {padding: 3px 0 0 0;margin: 0;} #foot_section .f_lib .info_top > ul > li > a {display: block;padding: 3px 0;font-size: 14px;color: #fff;font-weight: 400;} #foot_section .f_lib .info_top > ul > li.privacy > a {color: #daa0fe;} #foot_section .info_top .wa_mark {margin-top: 20px;} #foot_section .info_top .wa_mark img {height: 70px !important;} /*#foot_section .f_lib .lib_list > ul > li .con .contact > span + span {display: inline-block;margin: 0 0 0 10px;}*/ #foot_section .site_info {margin-top: 0;padding-top: 0;} #foot_section .site_info .info_top {position: relative;padding-bottom: 10px;margin-bottom: 10px;} #foot_section .site_info .info_top > ul {font-size: 0;} #foot_section .site_info .info_top > ul > li > a {display: block;padding: 3px 0;font-size: 13px;color: #fff;font-weight: 400;} #foot_section .site_info .info_top > ul > li.privacy > a {color: #daa0fe;} #foot_section .site_info .sns_wp {padding-top: 15px;margin-top: 15px;border-top: 1px solid rgba(255,255,255,0.2);} #foot_section .site_info .sns_wp > a {display: inline-block;width: 20px;height: 20px;margin-left: 7px;vertical-align: middle;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;} #foot_section .site_info .sns_wp > a.facebook {background-image: url(../img/ico_f_facebook.png);} #foot_section .site_info .sns_wp > a.yutube {background-image: url(../img/ico_f_yutube.png);} #foot_section .site_info .sns_wp > a:first-child {margin-left: 0;} #foot_section .site_info cite {font-size: 13px;font-weight: 400;color: #fff;font-style: normal;text-transform: uppercase;} /* #contain {padding-top: 60px;background: url(../img/h_line.gif) no-repeat 50% 0;background-size: 100% 3px;} #contain #subVisual {height: 180px;background: url(../img/sub_visual.jpg) no-repeat 50% 0;background-size: cover;text-align: center;margin-top: -62px;} #contain .contain .subtit_area {margin: 0 3%;border-bottom:1px solid #ddd;} #contain .contain .subtit_area h1 {font-size:22px;font-weight:700;padding: 15px 0;text-align:center;} #contain .contain .subtit_area .web_locator {display:none;} #contain #subVisual .sub_slogan {padding-top: 54px;margin: 0 auto;font-size: 26px;font-weight: 300;color: #fff;line-height: 1.4em;text-align: center;} #contain #subVisual .sub_slogan strong {display:block;font-weight: 700;} #contain #subVisual .locator {display:none;} #contain + #footer .contact {display:none;}*/ /* #aside{display:none} #content{position:relative}*/ /* #design{padding: 20px 0 50px;margin:0 3%;} #design .visual{background:url(../img/main_v_img.jpg) no-repeat 50% 0;background-size: cover;}*/ /* #design .sub_visual {padding-bottom: 20px;} #design .visual h1 {padding: 30px 0;font-size: 32px;font-weight: 600;text-align:center;letter-spacing: -1px;color: #fff;} #design .visual p {position:absolute; left:10px; top:90px;} #design .visual .locator{display:none;position:relative;z-index:2000;} #design .visual .locator .path{border-bottom:1px solid #1c2645; box-shadow:0px 2px 0px rgba(0,0,0,0.1); background:#1c2645;*zoom:1} #design .visual .locator .path:before, #design .visual .locator .path:after{clear:both;display:table;content:"";line-height:0} #design .visual .locator .path *{font-size:13px;font-weight:400;color:#555} #design .visual .locator .path li{float:left;position:relative;width:33.3%;white-space:nowrap} #design .visual .locator .path li:last-child{border-right:0} #design .visual .locator .path li a{display:block;padding:8px 0;font-weight:normal;font-size:12px;color:#555} #design .visual .locator .path li button{display:block !important;width:100%;height:39px; color:#fff;text-align:left;background:#1c2645 url(../img/ico_path.png) no-repeat 95% 50% / 15px 15px;text-indent:8px;white-space:nowrap;overflow:hidden} #design .visual .locator .path li button.sel{color:#fff;font-weight:800} #design .visual .locator .path li.home{display:none} #design .vepth .navi{position:absolute;top:40px;left:0px;width:100%;border:1px solid #ccc;border-top:0;background:#fff} #design .vepth > div {display:none;} #design .vepth .navi div a{display:block;padding:10px 0;font-size:11px;color:#333;border-top:1px solid #eee;text-indent:8px} #design .vepth .navi div a:hover, #design .vepth .navi div a.on{color:#fff;background:#e04f38;} #design .visual i.img {position:absolute;z-index:2;bottom:0px;right:0px;width:100%;height:90px; background:url(../img/v1.png) no-repeat 98% 100%; background-size:auto 84px; transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860); animation-duration: 2s; animation-name: v_img_m; }*/ /* 서브비주얼 */ #contain #subVisual {overflow: hidden;width: 100%;height: 180px;} #contain #subVisual .sub_visual {position: relative;z-index: 0;width: 100%;height: 100%;padding: 60px 0 0;background-color: #333;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #contain #subVisual .sub_visual.visual_guide {background-image: url(../img/bg_sub_v_guide.jpg);} #contain #subVisual .sub_visual.visual_unify, #contain #subVisual .sub_visual.visual_search {background-image: url(../img/bg_sub_v_search.jpg);} #contain #subVisual .sub_visual.visual_community {background-image: url(../img/bg_sub_v_community.jpg);} #contain #subVisual .sub_visual.visual_symp {background-image: url(../img/bg_sub_v_symp.jpg);} #contain #subVisual .sub_visual.visual_happycj {background-image: url(../img/bg_sub_v_happycj.jpg);} #contain #subVisual .sub_visual.visual_intro {background-image: url(../img/bg_sub_v_intro.jpg);} #contain #subVisual .sub_visual.visual_slib {background-image: url(../img/bg_sub_v_slib.jpg);} #contain #subVisual .sub_visual.visual_mylib {background-image: url(../img/bg_sub_v_mylib.jpg);} #contain #subVisual .sub_visual.visual_etc {background-image: url(../img/bg_sub_v_etc.jpg);} #contain #subVisual .sub_visual .visual_wp {display: table;width: 100%;width: 95%;height: 100%;margin: 0 auto;text-align: center;} #contain #subVisual .sub_visual .visual_wp .visual {display: table-cell;vertical-align: middle;} #contain #subVisual .sub_visual .visual_wp .visual h2 {font-size: 24px;font-weight: 500;color: #fff;} #contain #subVisual .sub_visual .visual_wp .visual .locator {margin-top: 10px;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li {display: inline-block;vertical-align: middle;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li a, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li span, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li button {display: block;font-size: 14px;font-weight: 400;color: #fff;font-family: inherit;background-color: transparent;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li span::before, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li button::before {content: '>';display: inline-block;width: 20px;vertical-align: top;text-align: center;font-size: inherit;font-family: inherit;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi {display: none !important;} /*#contain #subVisual .sub_visual .visual_wp .visual .locator {position: absolute;bottom: 0;left: 0;width: 100%;background-color: #00a54c;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul {width: 95%;margin: 0 auto;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul::after {content: '';display: block;clear: both;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li {position: relative;z-index: 10;float: left;width: 30%;vertical-align: middle;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li.home {width: auto;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li > a, #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li > button {display: block;height: 45px;padding: 0 15px;font-size: 15px;font-weight: 400;color: #fff;line-height: 45px;font-family: inherit;background-color: transparent;border-right: 1px solid #fff;text-align: left;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li > a {border-left: 1px solid #fff;} #contain #subVisual .sub_visual .visual_wp .visual .locator > ul > li > button {width: 100%;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi {display: none;position: absolute;top: 45px;left: 0;width: 100%;border: 2px solid #00a54c;border-top: 0;background-color: #fff;text-align: left;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi a {display: block;padding: 8px;font-size: 13px;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi a:hover {background-color: #f4f4f4;color: #57008e;font-weight: 500;transition: all 0.5s;} #contain #subVisual .sub_visual .visual_wp .visual .locator .navi a + a {border-top: 1px solid #ccc;} #contain #subVisual .sub_visual::after {content: '';position: absolute;top: 130px;right: -200px;width: 635px;height: 360px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}*/ #contain #subVisual .sub_visual::after {content: '';position: absolute;top: 80px;right: 0;z-index: -1;width: 250px;height: 250px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;} /* #design */ #design {position: relative;width: 94%;margin: 30px auto 60px;} #aside {display: none;} /**/ #blind{position:absolute;z-index:9999;top:0px;left:0px; bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7)} #dkleft{display:none;position:fixed;z-index:100 !important;left:0px;top:0px;width: 320px;height: 100%;background:#1e2c5d;padding-bottom: 105px;} #dkleft .lefttit{text-align:left;width: 100%;box-sizing: border-box;background:#1e2c5d;} #dkleft .lefttit img{height: 25px;} #dkleft .select {height: 100%;overflow-y: auto;} #dkleft .lefttit button {display:block;position:relative;padding: 20px 15px;font-size: 16px;color:#fff;border:0;background:transparent;font-family: 'Montserrat';font-weight: 500;} #dkleft .lefttit button i {display: inline-block;padding: 0 7px 0 0;font-size: 15px;color:#fff;vertical-align: middle;} #dkleft .lefttit > div {background-color: #eee;padding: 0 15px;} #dkleft .lefttit .join{display:inline-block;position:relative;padding:0 10px;height:36px;line-height:36px;margin:5px 0;font-size:15px;color:#1e2c5d;border:1px solid #1e2c5d;border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .lefttit .join i{padding:0 7px 0 0;font-size:24px;color:#1e2c5d} #dkleft .lefttit .idpw{display:inline-block;position:relative;padding:0 10px;height:36px;line-height:36px;margin:5px 0;font-size:15px;color:#1e2c5d;border:1px solid #1e2c5d;border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .lefttit .sel_btn {display:inline-block;position:relative;padding:0 8px;height:36px;line-height:36px;margin:5px 0;font-size:14px;color:#1e2c5d;border:1px solid #1e2c5d;border-radius:5px;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .lefttit .mobile_member {display: block;padding-bottom: 5px;border-top: 1px solid rgba(255,255,255,0.3);} #dkleft .lefttit .mobile_member > a {display: block;padding: 10px 0 10px 35px;color: #fff;font-size: 15px;box-sizing: border-box;background: url(../img/member_icon.png) no-repeat 0 50%;} #dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .select .modify span {display:inline-block;padding:0 16px;height:36px;line-height:36px;background:#2e4287;color:#fff;border-radius:5px;} #dkleft .select .modify i{display:inline-block;position:relative;top:1px;padding:0 7px 0 0;font-size:24px;color:#fff} #dkleft .depth1 {overflow: hidden;display:block;width: 100%;position:relative;padding: 0 15px;line-height:50px;font-size:16px;color:#fff;text-align:left;border-bottom: 1px solid rgba(255, 255, 255, .1);transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px} #dkleft .depth1 span{font-style:normal;color:#ffa800} #dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px} #dkleft .depth1.sel{background: #2e4287;color:#fff;border-bottom:1px solid #596170} #dkleft .depth1 i {display:block;width: 20px;height: 20px;margin: 15px 0 0 0;background-image: url(../img/ico_dkleft_arrow.png);background-size: auto 7px;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s} #dkleft .depth1 i.rightico {float:right} #dkleft .depth1.sel i.rightico {color:#fff;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s} #dkleft .depth2{display:none;background:#fff} #dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:14px;color:#555;border-bottom:1px solid #ddd;text-decoration:none} #dkleft .depth2 a.sel{color:#81c341} #dkleft .depth2 .depth3 {background-color: #f4f4f4;} #dkleft .depth2 .depth3 > li > a {display: block;font-size: 13px;padding: 7px 20px;color: #555;border-bottom: 0;line-height: 1.2em;} #dkleft .depth2 .depth3 > li:first-child > a {padding-top: 15px;} #dkleft .depth2 .depth3 > li:last-child > a {padding-bottom: 15px;border-bottom: 1px solid #ddd;} /*#closeleft{position: absolute;z-index: 9999999;left: -45px;top: 15px;width: 35px;height: 35px;display: block;text-align: center;font-size: 30px;font-family: Linearicons-Free;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;text-indent: -9999px;line-height: 1;color: #fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*/ #closeleft{position: absolute;z-index: 9999999;right: 5px;top: 15px;width: 35px;height: 35px;display: block;text-align: center;font-size: 30px;font-family: Linearicons-Free;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;color: #fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} #closeleft:before{content:"\e870";font-size:30px;line-height:1;} /*#gotop{display: none;position:fixed;z-index:90000;bottom:20px;right:20px;display:none} #gotop a{display:block;width:40px;height:30px;padding:30px 0 0 0;font-size:10px;font-weight:800;text-align:center;color:#fff;background:rgba(0,0,0,0.3) url(../img/gotop.png) no-repeat 48% 28%;border-radius:50px;overflow:hidden}*/ #gotop{position:fixed;z-index: 10000;bottom:0px;right:0px;display:none} #gotop a{display:block;width: 54px;height: 60px;padding: 32px 0 0 0;font-size:10px;font-weight:800;text-align:center;color:#fff;background:rgba(0,0,0,0.3) url(../img/gotop.png) no-repeat 50% 32%;border-radius:0px;overflow:hidden} #mCard {position: fixed;bottom: 0;left: 0;z-index: 9999;width: 100%;} #mCard2 {position: fixed;bottom: 0;left: 0;z-index: 9999;width: 100%;padding-left: 5%;} #mCard > a {display: block;height: 55px;padding: 0 5px;font-size: 15px;line-height: 55px;border-top: 1px solid rgba(255,255,255,0.4);} #mCard2 > a {overflow: hidden;display: block;height: 60px;padding: 0 0 0 20px;font-size: 16px;font-weight: 500;line-height: 60px;border-radius: 15px 0 0 0;background-color: #058849;color: #fff;border-radius: 20px 0 0 0;background-image: url(../img/arrow_lib_next.png);background-repeat: no-repeat;background-position: calc(100% - 70px) 50%;background-size: auto 15px;} #mCard > a > span {vertical-align: middle;} #mCard > a::before {content: '';display: inline-block;width: 50px;height: 55px;background-image: url(../img/ico_m_card.png);background-repeat: no-repeat;background-position: 50%;vertical-align: middle;background-size: auto 30px;} #mCard2 > a span.ico {overflow: hidden;position: relative;z-index: 0;display: inline-block;display: none;width: 60px;height: 60px;margin-right: 15px;vertical-align: top;} #mCard2 > a span.ico::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/ico_m_card2.png);background-repeat: no-repeat;background-position: 40% 50%;background-size: auto 26px;} #mCard2 > a span.ico::after {content: '';position: absolute;top: 50%;right: 0;z-index: -1;width: 100px;height: 100px;margin-top: -50px;border-radius: 50%;background-color: #047a42;} @keyframes mv00 { from {background-position:center 110px; } to {background-position:center 0px; } } @keyframes mv01 { from {top:0px; opacity:0;} to {top:34px; opacity:1;} } @keyframes mv02 { from {top:180px;opacity:0;} to {top:240px;opacity:1;} } @keyframes v_img { from {right:50px; opacity:0} to {right:0px; opacity:1} } @keyframes v_text { from {padding-left:30px; opacity:0} to {padding-left:0px; opacity:1} } @keyframes v_navi { from {margin-top:-20px; opacity:0} to {margin-top:0px; letter-spacing:-1px; opacity:1} } @keyframes con_bg { from {background:url(../img/sub_con_bg.png) repeat-x left -30px; } to {background:url(../img/sub_con_bg.png) repeat-x left 138px; } } } @media all and (max-width: 767px) { #section0 .visual_wp .m_member {display: block !important;text-align: center;font-size: 0;} #section0 .visual_wp .m_member > a {display: inline-block;width: 50%;/*padding: 3vmax 0;*/margin-bottom: 3vh;font-size: 15px;color: #000;font-weight: 500;} #section0 .visual_wp .m_member > a::before {content: '';display: block;width: 15vw;max-width: 50px;height: 15vw;max-height: 50px;margin: 0 auto 10px;background-color: #333;border-radius: 50%;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .visual_wp .m_member > a.m_login1 {padding-left: 10%;} #section0 .visual_wp .m_member > a.m_login1::before {background-image: url(../img/ico_m_login1.png);background-size: auto 45%;} #section0 .visual_wp .m_member > a.m_login2 {padding-right: 10%;} #section0 .visual_wp .m_member > a.m_login2::before {background-image: url(../img/ico_m_login2.png);background-size: auto 45%;} } @media all and (max-width: 600px) { #section3 .slider .slick-list {padding: 15px 0 0 0 !important;} #section3 .slider .slick-list li.slick-current {margin-top: 0;} #section3 .slider .slick-list li.slick-current .img {height: 180px;} #section3 .slider .slick-list li.slick-current .con a.title {font-size: 16px;font-weight: 500;} } @media all and (max-width: 500px) { #foot_section .f_lib > ul {display: block;max-width: none;vertical-align: top;padding: 0;} #foot_section .f_lib > ul:nth-child(odd) {padding-left: 0;} #foot_section .f_lib > ul:nth-child(even) {padding-right: 0;} #foot_section .f_lib > ul + ul {margin-top: 12px;} #foot_section .f_lib > ul > li {position: relative;min-height: 50px;padding-left: 0px;font-size: 13px;font-weight: 400;color: #fff;} #foot_section .f_lib > ul > li + li {margin-top: 12px;} #foot_section .f_lib > ul > li .lib {position: static;display: inline-block;width: auto;padding: 5px 10px;margin-bottom: 6px;border: 1px solid #fff;text-align: center;} #foot_section .f_lib > ul > li .lib .line {display: inline;} #foot_section .f_lib > ul > li .con {} #foot_section .f_lib > ul > li .con > span {display: block;} #foot_section .f_lib > ul > li .con > span + span {margin-top: 3px;} #foot_section .f_lib > ul > li .con .contact > span + span {display: block;margin: 3px 0 0;} #foot_section .site_info .sns_wp {margin-top: 15px;} #foot_section .site_info .sns_wp > a {display: inline-block;width: 20px;height: 20px;margin-left: 7px;vertical-align: middle;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;} #foot_section .site_info .sns_wp > a.facebook {background-image: url(../img/ico_f_facebook.png);} #foot_section .site_info .sns_wp > a.yutube {background-image: url(../img/ico_f_yutube.png);} #foot_section .site_info .sns_wp > a:first-child {margin-left: 0;} } @media all and (max-width: 400px) { #foot_section .f_link > ul > li {float: none;width: 100%;border: 1px solid #dde1df;border-bottom: 0;} #foot_section .f_link > ul > li:last-child {border-bottom: 1px solid #dde1df;} #foot_section .f_link > ul > li:nth-child(-n+2) {border-top: 1px solid #dde1df;} #foot_section .f_link > ul > li:first-child {border-top: 0;} } @media all and (max-width: 360px) { #section4 .recom_list .slider li.slick-slide {text-align: center;} #section4 .recom_list .slider li.slick-slide .img {display: inline-block;} #section4 .recom_list .slider li.slick-slide .img img {margin: 0 auto;} #section5 .new_list .slider li.slick-slide {text-align: center;} #section5 .new_list .slider li.slick-slide .img {display: inline-block;} #section5 .new_list .slider li.slick-slide .img img {margin: 0 auto;} }